/* UstayaBak Notification Center */
.ub-notify{background:#f7f8fb;padding-bottom:70px}.ub-notify-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#df5720}
.ub-notify-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:23px;margin-bottom:14px;border:1px solid #e7eaf0;border-radius:22px;background:linear-gradient(135deg,#fff,#fff8f4)}.ub-notify-hero h1{margin:4px 0;font-size:29px;letter-spacing:-.035em;color:#172033}.ub-notify-hero p{margin:0;font-size:10px;color:#667085}.ub-notify-hero-actions{display:flex;gap:7px}
.ub-notify-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.ub-notify-stats a{padding:12px;border:1px solid #e7eaf0;border-radius:15px;background:#fff;text-decoration:none}.ub-notify-stats a.active{border-color:#f36a2e;box-shadow:inset 0 0 0 1px #f36a2e}.ub-notify-stats strong,.ub-notify-stats span{display:block}.ub-notify-stats strong{font-size:19px;color:#172033}.ub-notify-stats span{font-size:8px;color:#98a2b3}
.ub-notify-card{padding:19px;margin-bottom:17px;border:1px solid #e7eaf0;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.03)}.ub-notify-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.ub-notify-head h2{margin:2px 0 0;font-size:17px;color:#172033}.ub-notify-head>span{font-size:8px;color:#98a2b3}
.ub-notify-list{display:flex;flex-direction:column;gap:7px}.ub-notify-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid #eef0f4;border-radius:14px}.ub-notify-list article.is-unread{border-color:#fed7c3;background:#fffaf7}.ub-notify-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#fff0e8;color:#df5720}.ub-notify-meta{display:flex;gap:7px;margin-bottom:3px;font-size:7px;color:#98a2b3}.ub-notify-meta span{font-weight:800;color:#667085}.ub-notify-main strong{font-size:10px;color:#344054}.ub-notify-main p{margin:2px 0 0;font-size:8px;line-height:1.5;color:#667085}.ub-notify-actions{display:flex;gap:2px}.ub-notify-actions button,.ub-notify-actions a{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:#f8f9fb;color:#667085}.ub-notify-actions button:hover,.ub-notify-actions a:hover{color:#df5720}
.ub-notify-prefs{display:flex;flex-direction:column;gap:7px}.ub-notify-prefs label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border:1px solid #eef0f4;border-radius:13px}.ub-notify-prefs label>span{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.ub-notify-prefs i{grid-row:1/3;color:#df5720}.ub-notify-prefs b,.ub-notify-prefs small{display:block}.ub-notify-prefs b{font-size:9px}.ub-notify-prefs small{font-size:7px;color:#98a2b3}.ub-notify-info{display:flex;gap:9px;background:#f8f9fb}.ub-notify-info i{color:#df5720}.ub-notify-info strong{font-size:9px}.ub-notify-info p{margin:2px 0 0;font-size:8px;line-height:1.5;color:#667085}.ub-notify-empty{padding:35px;text-align:center;border:1px dashed #d0d5dd;border-radius:15px;color:#98a2b3}.ub-notify-empty i{font-size:22px;color:#df5720}.ub-notify-empty strong{display:block;margin-top:5px;font-size:10px;color:#475467}.ub-notify-empty p{margin:2px 0 0;font-size:8px}
.ub-notification-sidebar-icon{width:20px;margin-right:8px;text-align:center}.ub-notification-badge{float:right;min-width:20px;padding:2px 5px;border-radius:999px;background:#f36a2e;color:#fff;font-size:8px;text-align:center}
@media(max-width:991.98px){.ub-notify-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767.98px){.ub-notify-hero{align-items:flex-start;flex-direction:column}.ub-notify-stats{grid-template-columns:1fr 1fr}.ub-notify-list article{grid-template-columns:auto 1fr}.ub-notify-actions{grid-column:2}.ub-notify-hero h1{font-size:24px}}
@media(max-width:479.98px){.ub-notify-stats{grid-template-columns:1fr}}