@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--font-display:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--font-ui:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--n-0:#ffffff;--n-25:#fafafc;--n-50:#f8f8fb;--n-100:#f0eff5;--n-150:#e7e5ee;--n-200:#dedce7;--n-300:#c9c6d4;--n-400:#a9a5b5;--n-500:#76727f;--n-600:#5b5866;--n-700:#45424f;--n-800:#2a2735;--n-900:#181621;--n-950:#100e17;--accent:#5a55d6;--accent-hover:#4d45c2;--accent-press:#3f39a8;--accent-weak:#eceafb;--accent-weak-2:#dad6f4;--accent-border:#c4bdf4;--accent-on:#ffffff;--accent-300:#9c95ee;--accent-50:#f5f3fe;--fruit:#8b82ec;--plum:#7a3a66;--success:#1e8e5a;--success-weak:#e3f3eb;--success-border:#bfe3cf;--warning:#b97309;--warning-weak:#faf0da;--warning-border:#efd9a6;--danger:#d2453e;--danger-weak:#fbe7e6;--danger-border:#f1c3c0;--info:var(--accent);--viz-1:#5a55d6;--viz-2:#8b82ec;--viz-3:#7a3a66;--viz-4:#b97309;--viz-5:#d2557a;--viz-grid:var(--n-150);--bg:#eae9f0;--bg-sunken:#e2e0ea;--surface:#ffffff;--surface-2:#f8f8fb;--surface-3:#f0eff5;--surface-inv:var(--n-900);--border:#e7e5ee;--border-strong:#d9d6e1;--hairline:#f0eff5;--overlay:rgba(24,22,40,0.42);--text:var(--n-900);--text-secondary:var(--n-700);--text-muted:var(--n-500);--text-faint:var(--n-400);--text-on-accent:#ffffff;--text-inv:#ffffff;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--space-13:128px;--r-xs:4px;--r-sm:7px;--r-md:10px;--r-lg:12px;--r-xl:14px;--r-2xl:16px;--r-3xl:22px;--r-full:999px;--e-0:none;--e-1:0 1px 2px rgba(24,22,40,.06);--e-2:0 4px 14px rgba(24,22,40,.07),0 1px 3px rgba(24,22,40,.05);--e-3:0 24px 60px rgba(24,22,40,.16),0 6px 16px rgba(24,22,40,.08);--e-4:0 32px 80px rgba(24,22,40,.22),0 8px 22px rgba(24,22,40,.12);--e-ring:0 0 0 4px var(--accent-weak);--inset-1:inset 0 1px 0 rgba(255,255,255,.6);--fs-display-2xl:56px;--lh-display-2xl:1.02;--ls-display-2xl:-0.025em;--fs-display-xl:44px;--lh-display-xl:1.05;--ls-display-xl:-0.022em;--fs-display-lg:36px;--lh-display-lg:1.08;--ls-display-lg:-0.02em;--fs-title-xl:30px;--lh-title-xl:1.12;--ls-title-xl:-0.02em;--fs-title-lg:22px;--lh-title-lg:1.2;--ls-title-lg:-0.012em;--fs-title:18px;--lh-title:1.3;--ls-title:-0.008em;--fs-body-lg:16px;--lh-body-lg:1.55;--ls-body-lg:-0.003em;--fs-body:14px;--lh-body:1.5;--ls-body:0;--fs-sm:13px;--lh-sm:1.45;--ls-sm:0;--fs-caption:12px;--lh-caption:1.4;--ls-caption:0.002em;--fs-micro:11px;--lh-micro:1.3;--ls-micro:0.04em;--dur-fast:140ms;--dur:200ms;--dur-slow:280ms;--dur-slower:420ms;--ease-out:cubic-bezier(.22,.7,.3,1);--ease-in-out:cubic-bezier(.5,.05,.2,1);--ease-spring:cubic-bezier(.34,1.4,.5,1);--z-base:0;--z-raised:10;--z-sticky:100;--z-header:200;--z-dropdown:1000;--z-overlay:2000;--z-modal:2100;--z-toast:2200;--z-widget:2147483000;--sidebar-w:264px;--topbar-h:60px;--content-max:1240px}.theme-dark,:root[data-theme=dark]{--bg:#100e17;--bg-sunken:#0a0910;--surface:#1a1822;--surface-2:#221f2d;--surface-3:#2a2735;--surface-inv:#f3f2f8;--border:#2a2735;--border-strong:#3a3647;--hairline:#221f2d;--overlay:rgba(0,0,0,.6);--text:#f3f2f8;--text-secondary:#c4c0ce;--text-muted:#8a8698;--text-faint:#635f70;--text-inv:#1a1822;--accent:#8e86f2;--accent-hover:#a39cf6;--accent-press:#7c73e8;--accent-weak:rgba(142,134,242,.16);--accent-weak-2:rgba(142,134,242,.24);--accent-border:rgba(142,134,242,.38);--accent-300:#a39cf6;--fruit:#a79ff5;--success-weak:rgba(30,142,90,.18);--success-border:rgba(30,142,90,.34);--warning-weak:rgba(185,115,9,.18);--warning-border:rgba(185,115,9,.36);--danger-weak:rgba(210,69,62,.18);--danger-border:rgba(210,69,62,.36);--success:#2fb877;--warning:#e0a13e;--danger:#ec6a6a;--viz-grid:#2a2735;--e-1:0 1px 2px rgba(0,0,0,.4);--e-2:0 1px 2px rgba(0,0,0,.4),0 4px 12px -2px rgba(0,0,0,.5);--e-3:0 2px 6px rgba(0,0,0,.4),0 14px 30px -8px rgba(0,0,0,.6);--e-4:0 8px 20px -8px rgba(0,0,0,.6),0 26px 60px -14px rgba(0,0,0,.7);--e-ring:0 0 0 4px var(--accent-weak);--inset-1:inset 0 1px 0 rgba(255,255,255,.04)}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}::selection{background:var(--accent-weak-2);color:var(--text)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.display-2xl{font-size:var(--fs-display-2xl);line-height:var(--lh-display-2xl);letter-spacing:var(--ls-display-2xl)}.display-2xl,.display-xl{font-family:var(--font-display);font-weight:700}.display-xl{font-size:var(--fs-display-xl);line-height:var(--lh-display-xl);letter-spacing:var(--ls-display-xl)}.display-lg{font-size:var(--fs-display-lg);line-height:var(--lh-display-lg);letter-spacing:var(--ls-display-lg)}.display-lg,.title-xl{font-family:var(--font-display);font-weight:600}.title-xl{font-size:var(--fs-title-xl);line-height:var(--lh-title-xl);letter-spacing:var(--ls-title-xl)}.title-lg{font-family:var(--font-display);font-weight:600;font-size:var(--fs-title-lg);line-height:var(--lh-title-lg);letter-spacing:var(--ls-title-lg)}.title{font-weight:600;font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-title)}.body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.body{font-size:var(--fs-body);line-height:var(--lh-body)}.text-sm{font-size:var(--fs-sm);line-height:var(--lh-sm)}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption)}.micro{line-height:var(--lh-micro)}.micro,.overline{font-size:var(--fs-micro)}.overline{line-height:1;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--text-muted)}.mono{font-family:var(--font-mono);font-feature-settings:"ss01"}.t-secondary{color:var(--text-secondary)}.t-muted{color:var(--text-muted)}.t-faint{color:var(--text-faint)}.t-accent{color:var(--accent)}.t-success{color:var(--success)}.t-danger{color:var(--danger)}.t-warning{color:var(--warning)}.w-500{font-weight:500}.w-600{font-weight:600}.w-700{font-weight:700}.btn{--btn-h:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-h);padding:0 14px;font-family:var(--font-ui);font-size:var(--fs-body);font-weight:500;line-height:1;letter-spacing:-.003em;white-space:nowrap;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:active{transform:translateY(.5px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);color:var(--accent-on);box-shadow:var(--e-1),var(--inset-1)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--e-1)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--n-300)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.94)}.btn-quiet-danger{background:transparent;color:var(--danger);border-color:var(--danger-border)}.btn-quiet-danger:hover{background:var(--danger-weak)}.btn-sm{--btn-h:28px;padding:0 10px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-sm svg{width:14px;height:14px}.btn-lg{--btn-h:44px;padding:0 20px;font-size:var(--fs-body-lg);border-radius:var(--r-lg)}.btn-icon{width:var(--btn-h);padding:0}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary)}.hint{color:var(--text-muted)}.hint,.hint-error{font-size:var(--fs-caption)}.hint-error{color:var(--danger);display:flex;align-items:center;gap:4px}.input,.select,.textarea{width:100%;height:38px;padding:0 12px;font-family:var(--font-ui);font-size:var(--fs-body);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--inset-1);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.textarea{height:auto;min-height:84px;padding:10px 12px;line-height:1.5;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--n-300)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--e-ring)}.input-error{border-color:var(--danger)!important}.input-error:focus{box-shadow:0 0 0 4px var(--danger-weak)!important}.input-affix{position:relative;display:flex;align-items:center}.input-affix .input{padding-left:36px}.input-affix>svg{position:absolute;left:11px;width:16px;height:16px;color:var(--text-muted);pointer-events:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23767d8a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.switch{position:relative;display:inline-flex;width:40px;height:24px;flex:none;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch .track{position:absolute;inset:0;background:var(--n-300);border-radius:var(--r-full);transition:background var(--dur) var(--ease-out)}.switch .thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--e-1);transition:transform var(--dur) var(--ease-spring)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track+.thumb{transform:translateX(16px)}.switch input:focus-visible+.track{box-shadow:var(--e-ring)}.switch.is-locked{opacity:.55;pointer-events:none}.checkbox{width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:var(--r-xs);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast)}.checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-3);border-radius:var(--r-md);border:1px solid var(--border)}.segmented button{height:28px;padding:0 12px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.segmented button:hover{color:var(--text)}.segmented button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--e-1)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:var(--fs-caption);font-weight:500;line-height:1;border-radius:var(--r-sm);border:1px solid transparent;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-neutral{background:var(--surface-3);color:var(--text-secondary);border-color:var(--border)}.badge-accent{background:var(--accent-weak);color:var(--accent);border-color:var(--accent-border)}.badge-success{background:var(--success-weak);color:var(--success);border-color:var(--success-border)}.badge-warning{background:var(--warning-weak);color:var(--warning);border-color:var(--warning-border)}.badge-danger{background:var(--danger-weak);color:var(--danger);border-color:var(--danger-border)}.badge-live{background:var(--success-weak);color:var(--success);border-color:var(--success-border)}.badge-test{background:var(--warning-weak);color:var(--warning);border-color:var(--warning-border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--e-1)}.card-2{box-shadow:var(--e-2)}.card-pad{padding:var(--space-5)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px var(--space-5);border-bottom:1px solid var(--hairline)}.card-head h3{font-size:var(--fs-title);font-weight:600;letter-spacing:-.008em}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.tab{position:relative;padding:10px 14px;font-size:var(--fs-body);font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--dur-fast)}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}.table-scroll .table{min-width:520px}.table thead th{text-align:left;font-size:var(--fs-caption);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.table tbody td{padding:13px 16px;border-bottom:1px solid var(--hairline);vertical-align:middle}.table tbody tr{transition:background var(--dur-fast)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table-cell-strong{font-weight:500;color:var(--text)}.toast{display:flex;align-items:flex-start;gap:12px;width:360px;padding:13px 14px;background:var(--n-900);color:#fff;border-radius:var(--r-lg);box-shadow:var(--e-4)}:root[data-theme=dark] .toast{background:var(--surface-3);border:1px solid var(--border)}.toast .toast-icon{width:20px;height:20px;flex:none}.toast-title{font-size:var(--fs-body);font-weight:600}.toast-body{font-size:var(--fs-sm);color:rgba(255,255,255,.72);margin-top:2px}:root[data-theme=dark] .toast-body{color:var(--text-secondary)}.kpi{display:flex;flex-direction:column;gap:12px;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--e-1);position:relative;overflow:hidden}.kpi-label{display:flex;align-items:center;gap:7px;font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.kpi-label svg{width:15px;height:15px;color:var(--text-muted)}.kpi-value{font-family:var(--font-display);font-weight:700;font-size:34px;line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-foot{display:flex;gap:8px;font-size:var(--fs-caption)}.delta,.kpi-foot{align-items:center}.delta{display:inline-flex;gap:3px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.delta svg{width:13px;height:13px}.delta-up{color:var(--success)}.delta-down{color:var(--danger)}.code-block{position:relative;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.7;background:var(--n-950);color:#d7deea;border-radius:var(--r-lg);padding:16px 18px;overflow-x:auto;border:1px solid var(--n-800)}.code-block .tok-tag{color:#7fb0ff}.code-block .tok-attr{color:#9ad19a}.code-block .tok-str{color:#e6c07b}.code-block .tok-punc{color:#8b93a0}.code-copy{position:absolute;top:10px;right:10px}.code-inline{font-family:var(--font-mono);font-size:.9em;border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 6px;color:var(--text)}.code-inline,.meter{background:var(--surface-3)}.meter{height:8px;overflow:hidden}.meter,.meter-fill{border-radius:var(--r-full)}.meter-fill{height:100%;background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.meter-fill.warn{background:var(--warning)}.meter-fill.danger{background:var(--danger)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:600;background:var(--accent-weak);color:var(--accent);flex:none;overflow:hidden}.skeleton{background:linear-gradient(100deg,var(--surface-3) 30%,var(--surface-2) 50%,var(--surface-3) 70%);background-size:200% 100%;border-radius:var(--r-sm);animation:skel 1.4s ease-in-out infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r-2xl);background:var(--surface-2);padding:var(--space-7);text-align:center;transition:all var(--dur) var(--ease-out);cursor:pointer}.dropzone.drag,.dropzone:hover{border-color:var(--accent);background:var(--accent-weak)}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--n-900);color:#fff;font-size:var(--fs-caption);white-space:nowrap;padding:5px 9px;border-radius:var(--r-sm);opacity:0;pointer-events:none;transition:opacity var(--dur-fast),transform var(--dur-fast);box-shadow:var(--e-3);z-index:var(--z-dropdown)}.tip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.spatial-glow{position:relative;isolation:isolate}.spatial-glow:before{z-index:-1;background:radial-gradient(120% 80% at 85% -10%,var(--accent-weak) 0,transparent 55%)}.grain:after,.spatial-glow:before{content:"";position:absolute;inset:0;pointer-events:none}.grain:after{opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E")}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.between{justify-content:space-between}.center{align-items:center;justify-content:center}.wrap{flex-wrap:wrap}.grow{flex:1 1}.divider{height:1px;border:none}.divider,.vdivider{background:var(--hairline)}.vdivider{width:1px;align-self:stretch}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--bg)}.side{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border)}.side-top{padding:16px 12px 8px}.merchant-switch{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--e-1);cursor:pointer;transition:background var(--dur-fast);text-align:left}.merchant-switch:hover{background:var(--surface-2)}.merchant-mark{flex:none}.merchant-logo{width:30px;height:30px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent),var(--fruit));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;flex:none}.merchant-switch .nm{font-size:var(--fs-sm);font-weight:600;line-height:1.2}.merchant-switch .pl{font-size:var(--fs-micro);color:var(--text-muted)}.merchant-switch .chev{margin-left:auto;color:var(--text-faint);width:16px;height:16px}.side-nav{flex:1 1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:1px}.nav-group-label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600;padding:14px 10px 5px}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-md);color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.nav-item svg{width:18px;height:18px;flex:none;opacity:.9}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--accent-weak);color:var(--accent-press)}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item .count{margin-left:auto;font-size:10px;font-weight:700;line-height:1;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);padding:3px 7px;border-radius:var(--r-full);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav-item.active .count{color:var(--accent-press);background:var(--surface)}.side-foot{padding:12px;border-top:1px solid var(--hairline)}.credit-pill{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.credit-pill .row1{display:flex;align-items:center;justify-content:space-between}.credit-pill .lab{font-size:var(--fs-caption);color:var(--text-secondary);font-weight:500}.credit-pill .val{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.credit-pill .val-total{font-size:13px;font-weight:600;color:var(--text-muted)}.account-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-md);cursor:pointer;margin-top:6px}.account-row:hover{background:var(--surface-3)}.account-row .nm{font-size:var(--fs-sm);font-weight:500;line-height:1.1}.account-row .em{font-size:var(--fs-micro);color:var(--text-muted)}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header);height:var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 28px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--border)}.topbar h1{font-family:var(--font-display);font-size:var(--fs-title-lg);font-weight:600;letter-spacing:-.012em}.topbar .sub{color:var(--text-muted);font-size:var(--fs-sm)}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:17px;height:17px}.content{padding:28px;max-width:var(--content-max);width:100%;margin:0 auto}.page-actions{display:flex;align-items:center;gap:10px}.nav-toggle,.side-scrim{display:none}@media (max-width:1024px){.app{grid-template-columns:1fr}.nav-toggle{display:inline-flex}.side{position:fixed;left:0;top:0;bottom:0;height:100dvh;width:var(--sidebar-w);transform:translateX(-100%);transition:transform var(--dur) var(--ease-out);z-index:calc(var(--z-modal) + 1);box-shadow:var(--e-4);will-change:transform}.side.is-open{transform:translateX(0)}.side-scrim{display:block;position:fixed;inset:0;z-index:var(--z-modal);background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{padding:0 12px;gap:8px}.topbar h1{display:none}.content{padding:18px 16px}body.nav-locked{overflow:hidden}}