.notification-button{position:relative}
button.notification-button[data-unread="false"]::after{content:none!important}
button.notification-button[data-unread="true"]::after{content:""!important;position:absolute;top:3px;right:3px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#ed0016;box-shadow:0 0 0 1px #ed0016}
.notification-center-panel{position:fixed;z-index:10020;top:76px;right:clamp(12px,4vw,52px);width:min(390px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:hidden;border:1px solid #dbe3f1;border-radius:14px;background:#fff;color:#142148;box-shadow:0 18px 50px #14214830;font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}
.notification-center-panel[hidden]{display:none}
.notification-center-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e7ecf5}
.notification-center-header strong{font-size:16px}
.notification-center-read-all{margin-left:auto;min-height:32px;padding:5px 8px;background:transparent;color:#245fd5;font-size:12px;font-weight:700}
.notification-center-close{min-width:32px;min-height:32px;padding:0;background:#f3f6fb;color:#40506b;font-size:22px}
.notification-center-list{max-height:calc(min(70vh,560px) - 62px);overflow:auto}
.notification-center-item{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-bottom:1px solid #eef1f6;color:inherit;text-decoration:none}
.notification-center-item:hover{background:#f7f9fd}
.notification-center-item.is-unread{background:#f1f6ff}
.notification-center-item strong{font-size:13px;color:#15244b}
.notification-center-item span{color:#56647d}
.notification-center-item time{color:#8993a5;font-size:11px}
.notification-center-empty{margin:0;padding:24px 18px;color:#66738a;text-align:center}
.notification-center-error button{margin-left:6px;color:#245fd5;background:transparent;font-weight:700}
@media(max-width:640px){.notification-center-panel{top:70px;right:12px;max-height:70vh}.notification-center-header{padding:12px}.notification-center-read-all{font-size:11px}}