:root{--n-bg: #0f1419;--n-card: #1a2332;--n-border: #2d3a4d;--n-text: #e8eef5;--n-muted: #8b9cb3;--n-accent: #6366f1;--n-radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--n-bg);color:var(--n-text);min-height:100vh}.notif-page{max-width:720px;margin:0 auto;padding:1rem 1rem 3rem}.notif-header h1{margin:.5rem 0 0;font-size:1.5rem}.notif-sub{margin:.25rem 0 0;color:var(--n-muted);font-size:.875rem}.notif-live{color:#4ade80;font-weight:600}.notif-back{color:var(--n-accent);text-decoration:none;font-size:.9rem}.notif-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem}.notif-filters{display:flex;gap:.35rem;padding:3px;background:var(--n-card);border-radius:8px;border:1px solid var(--n-border)}.notif-filters button{border:none;background:transparent;color:var(--n-muted);padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.8125rem}.notif-filters button.active{background:var(--n-accent);color:#fff}.notif-btn{padding:.45rem .85rem;border-radius:8px;border:1px solid var(--n-border);background:var(--n-card);color:var(--n-text);cursor:pointer;font-size:.8125rem}.notif-btn.primary{background:var(--n-accent);border-color:var(--n-accent);color:#fff}.notif-btn:disabled{opacity:.6;cursor:not-allowed}.notif-error{background:#ef444426;border:1px solid #ef4444;color:#fecaca;padding:.75rem 1rem;border-radius:var(--n-radius);margin:1rem 0}.notif-muted,.notif-empty{color:var(--n-muted);margin-top:1.5rem}.notif-group h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--n-muted);margin:1.25rem 0 .5rem}.notif-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.notif-item{background:var(--n-card);border:1px solid var(--n-border);border-radius:var(--n-radius);padding:.85rem 1rem}.notif-item:not(.read){border-left:3px solid var(--n-accent)}.notif-item.read{opacity:.85}.notif-item-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:.35rem}.notif-item-head strong{font-size:.9375rem}.notif-item-head time{font-size:.6875rem;color:var(--n-muted);white-space:nowrap}.notif-item p{margin:0;font-size:.8125rem;line-height:1.45;color:var(--n-muted)}.notif-link{margin-top:.5rem;padding:0;border:none;background:none;color:var(--n-accent);cursor:pointer;font-size:.75rem}@media (max-width: 480px){.notif-item-head{flex-direction:column}}