.notification-center{position:relative;z-index:1200}.notification-center>button{position:relative;display:grid;height:44px;width:44px;place-items:center;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a}.notification-center>button span{position:absolute;right:-5px;top:-5px;min-width:20px;border-radius:999px;background:#be123c;padding:2px 5px;color:#fff;font-size:11px;font-weight:800}.notification-center section{position:absolute;right:0;top:52px;width:min(380px,calc(100vw - 24px));max-height:min(560px,75vh);overflow:auto;border:1px solid #dbe2ea;border-radius:16px;background:#fff;box-shadow:0 20px 48px rgba(15,23,42,.18)}.notification-center section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding:14px 16px}.notification-center section>header button{border:0;border-radius:9px;background:#e0e7ff;padding:8px 10px;color:#1e3a8a;font-size:12px;font-weight:800}.notification-center section>footer{border-top:1px solid #e2e8f0;padding:12px 16px;text-align:center}.notification-center section>footer a{color:#1d4ed8;font-size:13px;font-weight:800}.notification-item{display:block;border-bottom:1px solid #f1f5f9;padding:13px 16px;color:#334155;text-decoration:none}.notification-item.unread{background:#eff6ff}.notification-item strong{display:block;color:#0f172a;font-size:14px}.notification-item p{margin:4px 0;color:#475569;font-size:13px;line-height:1.4}.notification-item small{color:#64748b;font-size:11px}.notification-empty{padding:22px 16px;text-align:center;color:#64748b}.authenticated-notification-center{position:fixed;right:20px;top:18px;z-index:1200}@media(max-width:767px){.authenticated-notification-center{right:66px;top:7px}.notification-center section{position:fixed;right:12px;top:62px}}