.notification-panel{background:linear-gradient(180deg, #fffcf6f5, #f8f5f0f0), var(--cream);border:1px solid #1110091a;border-radius:8px;flex-direction:column;width:min(440px,100vw - 32px);max-height:min(680px,100vh - 92px);display:flex;overflow:hidden;box-shadow:0 26px 70px #11100933}.notif-panel-header{border-bottom:1px solid #11100914;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.notif-kicker{color:var(--verdict-green);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:900;display:block}.notif-panel-header h2,.notifications-hero h1{color:var(--ink);letter-spacing:0;margin:0;font-family:Noto Serif,serif}.notif-panel-header h2{font-size:24px;line-height:1}.notif-header-actions{align-items:center;gap:8px;display:flex}.notif-unread-pill,.notif-count-badge{background:var(--objection-red);color:#fff8e8;border-radius:999px;justify-content:center;align-items:center;min-width:22px;min-height:22px;padding:0 7px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.notif-unread-pill{min-height:28px;color:var(--objection-red);background:#9d293d1a}.notif-count-badge{border:2px solid #fffcf6eb;position:absolute;top:-6px;right:-6px}.notif-dot{display:none}.notif-toolbar,.notif-footer,.notifications-board-head,.notifications-board-actions{align-items:center;gap:10px;display:flex}.notif-toolbar{border-bottom:1px solid #11100914;justify-content:space-between;padding:12px 14px}.notif-filter{background:#11100909;border:1px solid #11100914;border-radius:999px;align-items:center;gap:4px;min-width:0;padding:4px;display:inline-flex}.notif-filter button{min-height:30px;color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-family:Jost,sans-serif;font-size:12px;font-weight:900;display:inline-flex}.notif-filter button.active{background:var(--ink);color:var(--cream)}.notif-filter button span{opacity:.72}.notif-text-button,.notif-view-all,.notif-icon-button{color:var(--ink);cursor:pointer;background:#ffffff80;border:1px solid #11100914;font-family:Jost,sans-serif;font-weight:900;text-decoration:none}.notif-text-button,.notif-view-all{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:12px;display:inline-flex}.notif-view-all{background:var(--ink);color:var(--cream)}.notif-text-button:disabled{cursor:not-allowed;opacity:.45}.notif-list{min-height:0;display:grid;overflow-y:auto}.notification-panel .notif-list{max-height:430px}.notif-item{background:#ffffff2e;border-bottom:1px solid #11100914;grid-template-columns:4px minmax(0,1fr) auto;gap:12px;padding:13px 14px;display:grid;position:relative}.notif-item:last-child{border-bottom:0}.notif-item.is-unread{background:#ffffff8a}.notif-status-rail{background:var(--info-blue);border-radius:999px;width:4px;min-height:100%}.notif-item.is-critical .notif-status-rail{background:var(--objection-red)}.notif-item.is-warning .notif-status-rail{background:var(--caution-amber)}.notif-item.is-success .notif-status-rail{background:var(--verdict-green)}.notif-item-main{min-width:0;color:inherit;grid-template-columns:auto minmax(0,1fr);gap:11px;text-decoration:none;display:grid}.notif-icon{width:34px;height:34px;color:var(--verdict-green);background:#c49d4017;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.notif-copy{min-width:0}.notif-item-topline{justify-content:space-between;gap:10px;min-width:0;display:flex}.notif-item-topline strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.notif-item-topline span{color:var(--ink-muted);flex:none;font-size:11px;font-weight:800}.notif-message,.notif-meta{color:var(--ink-muted);display:block}.notif-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.notif-meta{margin-top:5px;font-size:11px;font-weight:900}.notif-row-actions{flex-direction:column;gap:7px;display:flex}.notif-icon-button{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.notif-icon-button:hover,.notif-text-button:hover{background:#c49d4014;border-color:#c49d4029}.notif-empty{color:var(--ink-muted);text-align:center;justify-items:center;gap:6px;padding:34px 22px;display:grid}.notif-empty svg{color:var(--verdict-green)}.notif-empty strong{color:var(--ink);font-size:15px}.notif-empty span{max-width:280px;font-size:13px;line-height:1.4}.notif-footer{border-top:1px solid #11100914;justify-content:space-between;padding:12px 14px}.notifications-page{gap:18px;width:min(100%,1180px);margin:0 auto;display:grid}.notifications-hero{color:#fff8e8;background:linear-gradient(135deg,#2b2110fa,#553e12f0),#2b2110;border:1px solid #fbf6e824;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);align-items:stretch;gap:18px;padding:24px;display:grid;box-shadow:0 24px 58px #11100929}.notifications-hero .notif-kicker{color:#f0c15aeb}.notifications-hero h1{color:#fffaf0;max-width:720px;font-size:44px;line-height:1}.notifications-hero p:not(.notif-kicker){color:#fff8e8bf;max-width:640px;margin:14px 0 0;font-size:16px;line-height:1.5}.notifications-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.notifications-stats div{background:#fff8e814;border:1px solid #fff8e824;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:116px;padding:14px;display:flex}.notifications-stats strong{color:#fffaf0;font-family:Noto Serif,serif;font-size:38px;line-height:.95}.notifications-stats span{color:#fff8e8b3;margin-top:8px;font-size:12px;font-weight:900}.notifications-board{background:linear-gradient(180deg, #fffcf4e0, #f8f5f0b8), var(--cream);border:1px solid #11100914;border-radius:8px;overflow:hidden;box-shadow:0 16px 40px #11100912}.notifications-board-head{border-bottom:1px solid #11100914;justify-content:space-between;padding:16px}.notif-filter--page{border-radius:8px;flex-wrap:wrap}.notifications-board .notif-list{max-height:none}[data-theme=dark] .notification-panel,[data-theme=dark] .notifications-board{background:linear-gradient(180deg, #1a1a26f5, #12121aeb), var(--cream);border-color:#ffffff14}[data-theme=dark] .notif-text-button,[data-theme=dark] .notif-icon-button,[data-theme=dark] .notif-item,[data-theme=dark] .notifications-stats div{background:#ffffff0d;border-color:#ffffff14}@media (width<=1024px){.notification-panel{width:auto;max-height:calc(100vh - 106px);top:82px;left:10px;right:10px}.notifications-hero{grid-template-columns:1fr}}@media (width<=640px){.notif-panel-header,.notifications-board-head,.notif-toolbar,.notif-footer{flex-direction:column;align-items:flex-start}.notif-header-actions,.notifications-board-actions,.notif-footer,.notif-filter{width:100%}.notif-filter{overflow-x:auto}.notif-filter button{flex:1 0 auto}.notif-row-actions{flex-direction:row;grid-column:2/-1}.notif-item{grid-template-columns:4px minmax(0,1fr)}.notifications-hero{padding:18px}.notifications-hero h1{font-size:34px}.notifications-stats{grid-template-columns:1fr}}