.notif-wrap{max-width:820px;margin:var(--s10) auto;padding:0 var(--s5) 4rem}.notif-page-title{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:var(--s1)}.notif-page-sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--s8)}.notif-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--e2);margin-bottom:var(--s4)}.notif-filters{display:flex;flex-wrap:wrap;gap:var(--s1);flex:1;min-width:0}.notif-filter{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);padding:var(--s2) var(--s3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;cursor:pointer;transition:all .18s var(--ease);white-space:nowrap;min-height:32px}.notif-filter:hover{border-color:var(--border-strong);color:var(--text)}.notif-filter.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.notif-filter-count{display:inline-block;background:#0000002e;border-radius:var(--r-full);padding:0 var(--s1);font-size:var(--fs-xs);line-height:14px;min-width:18px;text-align:center}.notif-filter:not(.is-active) .notif-filter-count{background:var(--surface-raised);color:var(--text-secondary)}.notif-bulk-actions{display:flex;gap:var(--s1);margin-left:auto;flex-shrink:0}.notif-bulk-btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;padding:var(--s2) var(--s3);border-radius:var(--r-full);background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .18s var(--ease);display:inline-flex;align-items:center;justify-content:center;min-height:32px}.notif-bulk-btn:hover{border-color:var(--border-strong);color:var(--text)}.notif-bulk-btn.danger:hover{border-color:#ef444466;color:var(--negative)}.notif-bulk-btn:disabled{opacity:.4;cursor:not-allowed}.notif-feed{background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--e2);overflow:hidden}.notif-feed-item{display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:auto auto;column-gap:var(--s3);align-items:start;padding:var(--s4) var(--s5);border-bottom:1px solid var(--hairline);border-left:3px solid transparent;position:relative;transition:background .12s var(--ease)}.notif-feed-item:last-child{border-bottom:none}.notif-feed-item:hover{background:var(--hairline)}.notif-feed-item.is-unread{border-left-color:var(--accent);background:var(--accent-dim)}.notif-feed-item.is-unread:hover{background:var(--accent-dim)}.notif-feed-icon{grid-column:1;grid-row:1 / span 2;width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:var(--surface-raised);color:var(--text-secondary)}.notif-feed-icon svg{width:18px;height:18px}.notif-feed-icon.type-price_alert{background:var(--accent-dim);color:var(--accent-bright)}.notif-feed-icon.type-whale_alert{background:#50a0ff1a;color:#82b8ff}.notif-feed-icon.type-news_update{background:#f59e0b1f;color:var(--warning)}.notif-feed-icon.type-weekly_report{background:#b48cff1a;color:#c9aeff}.notif-feed-title{grid-column:2;grid-row:1;font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:600;color:var(--text);line-height:1.35;min-width:0}.notif-feed-body{grid-column:2;grid-row:2;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text-muted);line-height:1.5;margin-top:var(--s1);min-width:0}.notif-feed-time{grid-column:3;grid-row:1;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;letter-spacing:.05em}.notif-feed-actions{grid-column:3;grid-row:2;margin-top:var(--s1);display:flex;gap:var(--s1);justify-content:flex-end;opacity:0;transition:opacity .12s var(--ease)}.notif-feed-item:hover .notif-feed-actions{opacity:1}.notif-row-btn{background:none;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;padding:var(--s1) var(--s2);border-radius:var(--r-full);cursor:pointer;transition:all .15s var(--ease);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:32px}.notif-row-btn:hover{border-color:var(--border-strong);color:var(--text)}.notif-row-btn.danger:hover{border-color:#ef444459;color:var(--negative)}.notif-load-more-wrap{text-align:center;padding:var(--s5) 0}.notif-load-more{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--caps-tracking);padding:var(--s2) var(--s6);border-radius:var(--r-full);cursor:pointer;transition:all .18s var(--ease);display:inline-flex;align-items:center;justify-content:center;min-height:32px}.notif-load-more:hover{background:var(--surface-raised);border-color:var(--border-strong)}.notif-load-more:disabled{opacity:.55;cursor:not-allowed}.notif-empty-state{text-align:center;padding:var(--s12) var(--s6);color:var(--text-muted)}.notif-empty-state svg{width:36px;height:36px;opacity:.5;margin-bottom:var(--s3)}.notif-empty-state-title{font-family:var(--font-sans);font-size:var(--fs-lg);color:var(--text);margin-bottom:var(--s1)}.notif-empty-state-body{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);line-height:1.6;max-width:360px;margin:0 auto}.notif-empty-state-link{display:inline-block;margin-top:var(--s3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--caps-tracking);color:var(--accent);text-transform:uppercase}.notif-empty-state-link:hover{color:var(--accent-bright)}.notif-modal-bg{position:fixed;inset:0;background:#0000008c;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);z-index:10000;display:flex;align-items:center;justify-content:center}.notif-modal{width:min(440px,90vw);background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--e3)}.notif-modal-title{font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:600;color:var(--text);margin-bottom:var(--s2)}.notif-modal-body{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--s5)}.notif-modal-actions{display:flex;gap:var(--s2);justify-content:flex-end}.notif-modal-btn{font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:500;padding:var(--s2) var(--s4);border-radius:var(--r-full);cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text);transition:all .18s var(--ease);display:inline-flex;align-items:center;justify-content:center;min-height:32px}.notif-modal-btn:hover{background:var(--surface-raised);border-color:var(--border-strong)}.notif-modal-btn.danger{background:#ef44441f;border-color:#ef44444d;color:var(--negative)}.notif-modal-btn.danger:hover{background:var(--negative);color:var(--text)}.notif-filter:focus-visible,.notif-bulk-btn:focus-visible,.notif-row-btn:focus-visible,.notif-load-more:focus-visible,.notif-empty-state-link:focus-visible,.notif-modal-btn:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}@media(max-width:640px){.notif-toolbar{flex-direction:column;align-items:stretch}.notif-bulk-actions{margin-left:0}.notif-feed-item{grid-template-columns:32px 1fr;column-gap:var(--s2);padding:var(--s3) var(--s4)}.notif-feed-time{grid-column:2;grid-row:3;margin-top:var(--s1)}.notif-feed-actions{grid-column:2;grid-row:4;justify-content:flex-start;opacity:1}}