:root{--bg: oklch(.165 .008 285);--bg-2: oklch(.185 .009 285);--surface: oklch(.205 .009 285);--surface-2: oklch(.235 .01 285);--surface-3: oklch(.27 .011 285);--border: oklch(1 0 0 / .08);--border-2: oklch(1 0 0 / .12);--border-strong: oklch(1 0 0 / .18);--text: oklch(.965 .004 285);--text-2: oklch(.78 .01 285);--muted: oklch(.635 .012 285);--faint: oklch(.52 .012 285);--accent: oklch(.625 .205 280);--accent-hi: oklch(.685 .195 280);--accent-lo: oklch(.56 .205 280);--accent-ink: oklch(.985 .01 280);--accent-soft: oklch(.625 .205 280 / .14);--accent-soft-2: oklch(.625 .205 280 / .24);--accent-line: oklch(.625 .205 280 / .4);--ok: oklch(.74 .15 158);--ok-soft: oklch(.74 .15 158 / .15);--info: oklch(.7 .15 250);--info-soft: oklch(.7 .15 250 / .15);--warn: oklch(.76 .15 70);--warn-soft: oklch(.76 .15 70 / .15);--err: oklch(.66 .18 25);--err-soft: oklch(.66 .18 25 / .15);--pos: var(--ok);--neg: oklch(.7 .165 25);--r-scale: 1;--r-xs: calc(5px * var(--r-scale));--r-sm: calc(7px * var(--r-scale));--r-md: calc(10px * var(--r-scale));--r-lg: calc(14px * var(--r-scale));--r-xl: calc(20px * var(--r-scale));--r-pill: 999px;--row-h: 52px;--cell-py: 13px;--card-pad: 22px;--section-gap: 22px;--font-ui: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-fast: .11s;--t: .18s;--t-slow: .32s;--ease: cubic-bezier(.22, .61, .36, 1);--shadow-1: 0 1px 2px oklch(0 0 0 / .4);--shadow-2: 0 8px 24px -8px oklch(0 0 0 / .55);--shadow-pop: 0 18px 50px -12px oklch(0 0 0 / .7);--sidebar-w: 244px;--maxw: 1180px;--card-bg: var(--surface);--card-border: 1px solid var(--border);--card-ring: none}[data-density=compact]{--row-h: 42px;--cell-py: 9px;--card-pad: 16px;--section-gap: 16px}[data-density=airy]{--row-h: 60px;--cell-py: 17px;--card-pad: 26px;--section-gap: 28px}[data-cards=filled]{--card-bg: var(--surface);--card-border: 1px solid transparent;--card-ring: 0 0 0 1px var(--border) inset}[data-cards=outline]{--card-bg: var(--bg-2);--card-border: 1px solid var(--border-2);--card-ring: none}[data-cards=hairline]{--card-bg: oklch(1 0 0 / .018);--card-border: 1px solid var(--border);--card-ring: none}[data-anim=off] *{animation:none!important;transition:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.006em}#root{height:100%}::selection{background:var(--accent-soft-2)}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:content-box}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1;letter-spacing:-.02em}.tnum{font-variant-numeric:tabular-nums}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em}button{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.card{background:var(--card-bg);border:var(--card-border);box-shadow:var(--card-ring);border-radius:var(--r-lg)}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--info-soft)}70%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:200% 0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes barflow{to{background-position:28px 0}}@keyframes dot{0%,80%,to{opacity:.25}40%{opacity:1}}.rise{animation:rise var(--t-slow) var(--ease) both}@media (max-width: 860px){.sidebar-wrap{display:none}.menu-btn{display:inline-flex!important}.page{padding:18px 16px 56px!important}.topbar{padding:0 16px!important}.plans-grid{grid-template-columns:1fr!important}}@media (max-width: 720px){.metric-grid,.preset-grid{grid-template-columns:1fr!important}.state-label,.topbar-sub{display:none!important}}@media (max-width: 1080px){.dash-grid{grid-template-columns:1fr!important}}@media (max-width: 920px){.upload-grid{grid-template-columns:1fr!important;max-width:720px}}