.notification-shell{position:relative}.notification-bell{position:relative;display:grid;place-items:center;width:38px;height:36px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg-surface);color:var(--text-primary)}.notification-bell>span{position:absolute;right:-4px;top:-5px;min-width:16px;padding:2px;border-radius:10px;background:var(--color-danger);color:#fff;font-size:8px}.notification-bell>i{position:absolute;right:0;top:38px;width:max-content;padding:2px 5px;border-radius:4px;background:var(--color-danger);color:#fff;font-size:7px;font-style:normal}.notification-panel{position:absolute;z-index:2400;right:0;top:44px;width:min(460px,94vw);max-height:min(680px,calc(100vh - 88px));overflow:hidden;border:1px solid #334155;border-radius:10px;background:#0b1220;box-shadow:0 24px 70px rgba(0,0,0,.7);opacity:1;isolation:isolate;backdrop-filter:none}.notification-panel>header,.notification-panel>footer{display:flex;justify-content:space-between;gap:8px;padding:11px;border-bottom:1px solid #263348;background:#0f172a}.notification-panel>header{position:sticky;z-index:2;top:0}.notification-panel>header div{display:grid}.notification-panel>header span{font-size:8px;color:#94a3b8}.notification-panel button{border:0;background:transparent;color:#e2e8f0}.notification-panel>nav{display:flex;gap:5px;padding:7px;border-bottom:1px solid #263348;background:#0b1220}.notification-panel>nav button{padding:5px 8px;border-radius:5px;background:#172033}.notification-compact{display:grid;max-height:440px;overflow:auto;background:#0b1220}.notification-compact>button{display:grid;gap:3px;padding:10px 11px;border:0;border-top:1px solid #263348;background:#0b1220;color:#e2e8f0;text-align:left}.notification-compact>button.unread{border-left:4px solid var(--accent-primary);background:#111d31}.notification-compact>button.unread:first-child{border-left-color:var(--color-danger);background:#21141b}.notification-compact>button.unread strong{color:#fff}.notification-compact strong{font-size:9px}.notification-compact span,.notification-compact time{font-size:8px;color:#94a3b8}.notification-drawer-backdrop{position:fixed;z-index:2450;inset:0;background:rgba(0,0,0,.72)}.notification-drawer{position:absolute;right:0;top:0;width:min(460px,92vw);height:100%;padding:18px;border-left:1px solid #334155;background:#0b1220;box-shadow:0 20px 70px rgba(0,0,0,.75);opacity:1}.notification-drawer>header{display:flex;justify-content:space-between}.notification-drawer h2{font-size:18px;margin-top:22px}.notification-drawer p{color:#cbd5e1;line-height:1.6}.notification-drawer dl>div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #263348}.notification-drawer dd{margin:0;font-weight:700}@media(max-width:760px){.notification-shell{position:static}.notification-panel{position:fixed;inset:64px 0 0 auto;width:min(420px,100vw);max-height:none;height:calc(100vh - 64px);border-radius:0}.notification-compact{max-height:calc(100vh - 210px)}}html[data-theme="light"] .notification-panel,html[data-theme="light"] .notification-compact,html[data-theme="light"] .notification-compact>button,html[data-theme="light"] .notification-drawer{background:#fff;color:#0f172a}html[data-theme="light"] .notification-panel>header,html[data-theme="light"] .notification-panel>footer{background:#f8fafc}html[data-theme="light"] .notification-panel button{color:#0f172a}