@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--brand-blue-50:#EEF3FE;--brand-blue-100:#DCE6FD;--brand-blue-200:#B9CEFB;--brand-blue-300:#8FAEF8;--brand-blue-400:#5E89F4;--brand-blue-500:#2D63F0;--brand-blue-600:#1F4FD6;--brand-blue-700:#1A40AC;--brand-blue-800:#163485;--brand-blue-900:#112763;--brand-lime-300:#D7FB6A;--brand-lime-500:#B3E833;--neutral-0:#FFFFFF;--neutral-25:#FBFBFC;--neutral-50:#F5F6F8;--neutral-100:#EEF0F3;--neutral-150:#E4E7EC;--neutral-200:#D5D9DF;--neutral-300:#B7BDC6;--neutral-400:#8A919E;--neutral-500:#6B7280;--neutral-600:#4B5563;--neutral-700:#374151;--neutral-800:#1F2937;--neutral-900:#111418;--neutral-950:#0A0B0D;--success-50:#E6FBEF;--success-100:#C9F4DA;--success-500:#16A34A;--success-700:#15803D;--warning-50:#FEF6E7;--warning-100:#FCE9BE;--warning-500:#D97706;--warning-700:#9A4A0C;--danger-50:#FEEAEA;--danger-100:#FCCFCF;--danger-500:#DC2626;--danger-700:#B91C1C;--info-50:#E6F4FB;--info-100:#C8E6F5;--info-500:#0EA5E9;--info-700:#0369A1;--surface-canvas:var(--neutral-50);--surface-sidebar:var(--neutral-25);--surface-card:var(--neutral-0);--surface-raised:var(--neutral-0);--surface-sunken:var(--neutral-100);--surface-inverse:var(--neutral-900);--fg-1:var(--neutral-900);--fg-2:var(--neutral-700);--fg-3:var(--neutral-500);--fg-4:var(--neutral-400);--fg-on-dark:var(--neutral-0);--fg-brand:var(--brand-blue-500);--border-subtle:var(--neutral-150);--border-default:var(--neutral-200);--border-strong:var(--neutral-300);--border-brand:var(--brand-blue-500);--border-focus:var(--brand-blue-500);--font-sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--fs-display:44px;--fs-h1:28px;--fs-h2:22px;--fs-h3:18px;--fs-body:14px;--fs-body-lg:15px;--fs-small:13px;--fs-micro:11px;--fs-mono:13px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--lh-tight:1.12;--lh-snug:1.28;--lh-normal:1.45;--lh-relaxed:1.6;--ls-tight:-0.02em;--ls-snug:-0.01em;--ls-normal:0;--ls-wide:0.02em;--ls-caps:0.08em;--sp-0:0px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--shadow-xs:0 1px 2px rgba(15,17,21,0.04);--shadow-sm:0 1px 2px rgba(15,17,21,0.05),0 1px 1px rgba(15,17,21,0.03);--shadow-md:0 4px 10px -2px rgba(15,17,21,0.06),0 2px 4px -2px rgba(15,17,21,0.04);--shadow-lg:0 12px 32px -8px rgba(15,17,21,0.12),0 4px 12px -4px rgba(15,17,21,0.06);--shadow-pop:0 20px 40px -12px rgba(15,17,21,0.18);--shadow-focus:0 0 0 3px rgba(45,99,240,0.18);--ease-out:cubic-bezier(0.22,0.61,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--t-fast:120ms;--t-base:180ms;--t-slow:280ms;--sidebar-w:232px;--topbar-h:64px}body,html{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--fg-2);background:var(--surface-canvas);background-image:radial-gradient(1200px 600px at 0 0,rgba(45,99,240,.05),transparent 60%),radial-gradient(900px 600px at 100% 0,rgba(179,232,51,.04),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-theme=dark] body{background-image:radial-gradient(1200px 600px at 0 0,rgba(45,99,240,.1),transparent 60%),radial-gradient(900px 600px at 100% 0,rgba(94,137,244,.06),transparent 55%)}.h1,h1{font-size:var(--fs-h1);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.h1,.h2,h1,h2{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--fg-1);margin:0}.h2,h2{font-size:var(--fs-h2)}.h2,.h3,h2,h3{letter-spacing:var(--ls-snug);line-height:var(--lh-snug)}.h3,h3{font-size:var(--fs-h3);font-weight:var(--fw-semibold);color:var(--fg-1);margin:0}.display{font-size:var(--fs-display);line-height:var(--lh-tight)}.display,.metric{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--fg-1)}.metric{font-size:32px;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}p{margin:0}.label{font-size:var(--fs-small);font-weight:var(--fw-medium)}.eyebrow,.label{color:var(--fg-3)}.eyebrow{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:var(--fw-semibold)}.mono,code,kbd,pre{font-family:var(--font-mono);font-size:var(--fs-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:var(--fg-brand);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:where(button,a,input,select,textarea,[role=button]):focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--r-sm)}[data-theme=dark]{--neutral-0:#0E1014;--neutral-25:#0B0D11;--neutral-50:#0F1217;--neutral-100:#161A20;--neutral-150:#1C2128;--neutral-200:#232932;--neutral-300:#353C47;--neutral-400:#5A6473;--neutral-500:#7C8694;--neutral-600:#9BA4B1;--neutral-700:#BCC3CD;--neutral-800:#DCE0E6;--neutral-900:#ECEFF3;--neutral-950:#F8FAFC;--surface-canvas:#0F1217;--surface-sidebar:#0B0D11;--surface-card:#161A20;--surface-raised:#1C2128;--surface-sunken:#12151B;--surface-inverse:#ECEFF3;--fg-1:#ECEFF3;--fg-2:#BCC3CD;--fg-3:#7C8694;--fg-4:#5A6473;--fg-on-dark:#0E1014;--border-subtle:#1C2128;--border-default:#232932;--border-strong:#353C47;--brand-blue-50:#0E1A39;--brand-blue-100:#122352;--brand-blue-200:#1A3380;--success-50:#0A2418;--success-100:#0E3526;--warning-50:#2B1D08;--warning-100:#3A2A0C;--danger-50:#2B0F0F;--danger-100:#3A1414;--info-50:#0A1F2B;--info-100:#0D2A39;--shadow-xs:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:0 1px 2px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.3);--shadow-md:0 4px 10px -2px rgba(0,0,0,0.55),0 2px 4px -2px rgba(0,0,0,0.4);--shadow-lg:0 12px 32px -8px rgba(0,0,0,0.7),0 4px 12px -4px rgba(0,0,0,0.45);--shadow-pop:0 20px 40px -12px rgba(0,0,0,0.8);--shadow-focus:0 0 0 3px rgba(94,137,244,0.28)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}:root{--ui-zoom:1}#root,body,html{height:100%}html{zoom:var(--ui-zoom)}body{margin:0;overflow:hidden}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) var(--subsidebar-w,0) 1fr;height:calc(100vh / var(--ui-zoom));background:var(--surface-canvas);transition:grid-template-columns .2s ease}.sb{background:var(--sb-bg,var(--surface-sidebar));border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:16px 12px;gap:14px;overflow:hidden;color:var(--sb-fg,var(--fg-2))}.sb-logo{gap:8px;padding:4px 8px 8px}.sb-logo,.sb-user{display:flex;align-items:center}.sb-user{gap:10px;padding:8px;border-radius:12px;transition:background var(--t-fast)}.sb-user:hover{background:var(--surface-sunken)}.sb-user-name{font:600 14px var(--font-sans);color:var(--fg-1);line-height:1.2}.sb-user-role{font:500 11px var(--font-sans);color:var(--fg-3)}.sb-search{display:flex;align-items:center;gap:8px;padding:0 10px;height:34px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--neutral-0)}.sb-search input{border:0;outline:0;background:transparent;flex:1 1;font:400 12.5px var(--font-sans);color:var(--fg-1);min-width:0}.sb-search kbd{font:600 10px var(--font-mono);background:var(--surface-sunken);padding:2px 5px;border-radius:4px;color:var(--fg-3)}.sb-nav{display:flex;flex-direction:column;gap:2px;flex:1 1;overflow-y:auto;min-height:0}.sb-nav::-webkit-scrollbar{width:0}.sb-nav-section{font:600 10px var(--font-sans);color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;padding:14px 12px 4px}.sb-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--fg-2);font:500 13.5px var(--font-sans);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.sb-item:hover{background:var(--surface-sunken);color:var(--fg-1)}.sb-item.is-active{background:var(--sb-active-bg,color-mix(in srgb,var(--brand-blue-500) 14%,transparent));color:var(--sb-active-fg,var(--brand-blue-700));font-weight:700}.sb-item.is-active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;background:var(--brand-blue-500);border-radius:0 3px 3px 0}.sb-item.is-active svg{color:var(--brand-blue-600)}@keyframes gfyFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.sb-item .sb-badge{margin-left:auto;background:var(--danger-500);color:#fff;font:700 10px var(--font-sans);padding:1px 6px;border-radius:999px;min-width:16px;text-align:center}.sb-item.is-active .sb-badge{background:var(--brand-blue-500)}.sb-footer{border-top:1px solid var(--border-subtle);padding-top:10px}.main{display:flex;flex-direction:column;height:calc(100vh / var(--ui-zoom));overflow-y:auto}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:999px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;position:-webkit-sticky;position:sticky;top:0;background:var(--tb-bg,color-mix(in srgb,var(--surface-canvas) 92%,transparent));backdrop-filter:var(--tb-blur,saturate(180%) blur(8px));-webkit-backdrop-filter:var(--tb-blur,saturate(180%) blur(8px));z-index:10;border-bottom:1px solid var(--tb-border,var(--border-subtle))}.topbar h1{font:700 24px/1.15 var(--font-display);letter-spacing:-.02em;color:var(--fg-1)}.topbar .crumbs{font:500 12px var(--font-sans);color:var(--fg-3);margin-bottom:4px;display:flex;gap:6px;align-items:center}.page{padding:22px 28px 32px;display:flex;flex-direction:column;gap:28px}.section-h{justify-content:space-between;margin-bottom:10px}.section-h,.section-h .left{display:flex;align-items:center}.section-h .left{gap:8px}.section-h h2{font:600 15px/1.2 var(--font-display);letter-spacing:-.005em;color:var(--fg-1)}.section-h .count{justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--surface-sunken);border-radius:999px;font:700 10.5px var(--font-sans);color:var(--fg-2)}.btn,.section-h .count{display:inline-flex;align-items:center}.btn{gap:6px;border:0;cursor:pointer;font-family:var(--font-sans);font-weight:600;transition:background var(--t-fast),box-shadow var(--t-fast)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-black{background:var(--neutral-900);color:var(--fg-on-dark);padding:10px 18px;border-radius:999px;font-size:13px}.btn-black:hover{background:var(--neutral-800)}.btn-blue{background:var(--brand-blue-500);color:#fff;padding:8px 14px;border-radius:8px;font-size:13px}.btn-blue:hover{background:var(--brand-blue-600)}.btn-outline{background:var(--surface-card);color:var(--fg-1);border:1px solid var(--border-default);padding:7px 13px;border-radius:8px;font-size:13px}.btn-outline:hover{background:var(--surface-sunken)}.btn-ghost{background:transparent;color:var(--fg-2);padding:6px 10px;border-radius:8px;font-size:13px;font-weight:500}.btn-ghost:hover{background:var(--surface-sunken);color:var(--fg-1)}.btn-danger{background:var(--danger-500);color:#fff;padding:8px 14px;border-radius:8px;font-size:13px}.btn-icon{width:32px;height:32px;padding:0;justify-content:center;border-radius:8px;background:transparent;color:var(--fg-3)}.btn-icon:hover{background:var(--surface-sunken);color:var(--fg-1)}.card{background:var(--surface-card);border-radius:12px;padding:16px 18px;transition:border-color var(--t-fast),background var(--t-fast)}.card,.card.hairline{border:1px solid var(--border-subtle)}.card.elevated{box-shadow:var(--shadow-sm);border-color:transparent}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:color-mix(in srgb,var(--brand-blue-500) 40%,var(--border-default));background:var(--surface-raised);box-shadow:0 4px 16px -8px rgba(45,99,240,.18);transform:translateY(-1px)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font:600 11.5px var(--font-sans)}.pill .dot{width:5px;height:5px;border-radius:50%}.pill-success{background:var(--success-50);color:var(--success-700)}.pill-success .dot{background:var(--success-500)}.pill-warning{background:var(--warning-50);color:var(--warning-700)}.pill-warning .dot{background:var(--warning-500)}.pill-danger{background:var(--danger-50);color:var(--danger-700)}.pill-danger .dot{background:var(--danger-500)}.pill-info{background:var(--info-50);color:var(--info-700)}.pill-info .dot{background:var(--info-500)}.pill-neutral{background:var(--neutral-100);color:var(--fg-2)}.pill-neutral .dot{background:var(--fg-3)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font:600 11px var(--font-sans)}.tag-blue{background:var(--brand-blue-50);color:var(--brand-blue-700)}.tag-dark{background:var(--neutral-900);color:var(--fg-on-dark)}.tag-neutral{background:var(--neutral-100);color:var(--fg-2)}.tag-lime{background:#F0FBD0;color:#4d6b00}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font:700 12px var(--font-sans);letter-spacing:.02em;flex-shrink:0}.tbl{width:100%;border-collapse:separate;border-spacing:0}.tbl thead th{text-align:left;padding:10px 14px;font:600 11px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);background:var(--surface-card);position:-webkit-sticky;position:sticky;top:0}.tbl tbody td,.tbl thead th{border-bottom:1px solid var(--border-subtle)}.tbl tbody td{padding:14px;font:500 13px var(--font-sans);color:var(--fg-1);vertical-align:middle}.tbl tbody tr:hover td{background:var(--surface-sunken)}.tbl tbody tr:last-child td{border-bottom:0}.metric-tile{padding:10px 12px 12px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);position:relative;overflow:hidden}.metric-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--tile-accent,transparent);opacity:.85;transition:opacity var(--t-fast)}.metric-tile:hover{border-color:var(--border-default);background:var(--surface-raised);box-shadow:var(--shadow-xs)}.metric-tile:active{transform:translateY(1px)}.metric-tile.is-active{background:linear-gradient(135deg,var(--brand-blue-700),var(--brand-blue-500) 70%,var(--brand-blue-400));border-color:transparent;box-shadow:0 6px 20px -8px rgba(45,99,240,.55)}.metric-tile.is-active:before{display:none}.metric-tile.is-active .delta.down,.metric-tile.is-active .delta.up,.metric-tile.is-active .label,.metric-tile.is-active .value{color:#fff}.metric-tile.is-active .label{color:rgba(255,255,255,.85)}.metric-tile.is-active .icon-corner{background:rgba(255,255,255,.18);color:#fff}.metric-tile .label{font:500 11px var(--font-sans);color:var(--fg-3);margin-bottom:4px;display:flex;align-items:center;gap:6px}.metric-tile .value{font:700 19px var(--font-sans);color:var(--fg-1);letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.metric-tile .delta{font:600 10.5px var(--font-sans);margin-top:3px;display:inline-flex;align-items:center;gap:2px}.metric-tile .delta.up{color:var(--success-700)}.metric-tile .delta.down{color:var(--danger-700)}.metric-tile .icon-corner{position:absolute;top:9px;right:9px;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--tile-icon-color,var(--fg-4));background:var(--tile-icon-bg,transparent)}.field{display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card)}.field input{border:0;outline:0;background:transparent;flex:1 1;font:400 13px var(--font-sans);color:var(--fg-1);min-width:0}.field kbd{font:600 10px var(--font-mono);background:var(--surface-sunken);padding:2px 5px;border-radius:4px;color:var(--fg-3)}.divider{height:1px;background:var(--border-subtle);margin:8px 0}.row-tight{display:flex;align-items:center;gap:8px}.scroll-fade{-webkit-mask-image:linear-gradient(90deg,#000 95%,transparent);mask-image:linear-gradient(90deg,#000 95%,transparent)}.bar-mini{display:flex;align-items:flex-end;gap:4px;height:60px}.bar-mini>div{flex:1 1;border-radius:4px 4px 2px 2px}.spark{display:flex;align-items:flex-end;gap:2px;height:18px}.spark>div{width:3px;border-radius:2px}.app-tile{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow var(--t-base),transform var(--t-base),border-color var(--t-base);display:flex;flex-direction:column}.app-tile:hover{box-shadow:0 10px 28px -10px rgba(45,99,240,.22);transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-blue-500) 40%,var(--border-default))}.app-tile .thumb{aspect-ratio:16/10;background:var(--surface-sunken);position:relative;overflow:hidden}.app-tile .thumb .badge{position:absolute;top:8px;left:8px}.app-tile .body{padding:12px 14px;display:flex;flex-direction:column;gap:4px}.app-tile .name{font:600 13.5px var(--font-sans);color:var(--fg-1)}.app-tile .meta{font:500 11px var(--font-sans);color:var(--fg-3);display:flex;justify-content:space-between}.app-tile.is-killed .thumb:after{content:"";position:absolute;inset:0;background:rgba(220,38,38,.08)}.app-tile.is-killed{opacity:.7}.tg{width:36px;height:20px;border-radius:999px;background:var(--neutral-200);position:relative;cursor:pointer;transition:background var(--t-fast);flex-shrink:0}.tg:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:left var(--t-fast)}.tg.on{background:var(--brand-blue-500)}.tg.on:after{left:18px}.seg{display:inline-flex;padding:3px;background:var(--surface-sunken);border-radius:10px;gap:2px}.seg-item{padding:6px 12px;border-radius:7px;font:600 12.5px var(--font-sans);color:var(--fg-3);cursor:pointer;transition:background var(--t-fast)}.seg-item.is-active{background:var(--surface-card);color:var(--fg-1);box-shadow:var(--shadow-xs)}.cap-yes{color:var(--success-700)}.cap-no{color:var(--neutral-300)}.cap-partial{color:var(--warning-700)}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:999px;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.user-chip:hover{background:var(--surface-raised);border-color:var(--border-default)}.user-chip .name{font:600 12.5px var(--font-sans);color:var(--fg-1)}.user-chip .chev{color:var(--fg-4)}.dropdown{position:absolute;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-lg);min-width:240px;padding:6px;z-index:200;animation:ddIn .14s var(--ease-out)}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:10px;border-bottom:1px solid var(--border-subtle);margin:-6px -6px 6px;border-radius:12px 12px 0 0}.dropdown-header,.dropdown-item{display:flex;align-items:center;gap:10px}.dropdown-item{padding:8px 10px;border-radius:8px;font:500 13px var(--font-sans);color:var(--fg-1);cursor:pointer;transition:background var(--t-fast)}.dropdown-item:hover{background:var(--surface-sunken)}.dropdown-item .shortcut{margin-left:auto;font:500 11px var(--font-mono);color:var(--fg-4)}.dropdown-divider{height:1px;background:var(--border-subtle);margin:6px -6px}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,18,23,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;animation:fadeIn .16s var(--ease-out)}[data-theme=dark] .drawer-backdrop{background:rgba(0,0,0,.55)}.drawer{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--surface-card);border-left:1px solid var(--border-subtle);z-index:101;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideIn .24s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-subtle)}.drawer-body{flex:1 1;overflow-y:auto}.notif-row{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--t-fast)}.notif-row:hover{background:var(--surface-sunken)}.notif-row.unread{background:color-mix(in srgb,var(--brand-blue-500) 6%,transparent)}.notif-row.unread:hover{background:color-mix(in srgb,var(--brand-blue-500) 9%,transparent)}.notif-row .nicon{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notif-row .ndot{width:6px;height:6px;border-radius:50%;background:var(--brand-blue-500);margin-top:6px;flex-shrink:0}.modal-backdrop{position:fixed;inset:0;background:rgba(15,18,23,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;animation:fadeIn .16s var(--ease-out)}[data-theme=dark] .modal-backdrop{background:rgba(0,0,0,.55)}.modal{position:fixed;top:0;right:0;bottom:0;background:var(--surface-card);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);z-index:201;display:flex;flex-direction:column;max-width:92vw;animation:drawerSlideIn .24s var(--ease-out)}@keyframes drawerSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.modal-header{display:flex;align-items:flex-start;gap:12px;padding:18px 22px 16px;border-bottom:1px solid var(--border-subtle)}.modal-body{padding:20px 22px;overflow-y:auto;flex:1 1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--border-subtle);background:var(--surface-sunken)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border-subtle) 50%,var(--surface-sunken) 75%);background-size:1200px 100%;animation:shimmer 1.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--surface-sunken)}}.dropdown-item,.dropdown-item:hover,.sb-item,.sb-item:hover{text-decoration:none}a.sb-item{color:var(--fg-2)}a.sb-item.is-active{color:var(--sb-active-fg,var(--brand-blue-700))}