:root{--color-bg: oklch(16% .012 265);--color-surface: oklch(20% .014 265);--color-surface-2: oklch(24% .016 265);--color-border: oklch(30% .015 265);--color-border-strong: oklch(38% .02 265);--color-text: oklch(95% .005 265);--color-text-dim: oklch(72% .012 265);--color-text-faint: oklch(56% .012 265);--c-cph: oklch(70% .17 290);--c-cases: oklch(68% .16 285);--c-containers: oklch(66% .15 280);--c-volume: oklch(70% .15 275);--c-weight: oklch(70% .13 235);--c-carts: oklch(74% .15 165);--c-people: oklch(76% .16 150);--c-robots: oklch(78% .15 75);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace;--text-kpi: clamp(2.4rem, 1.6rem + 2.2vw, 3.4rem);--text-section: clamp(1.3rem, 1rem + .8vw, 1.7rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius: 8px;--radius-lg: 12px;--sidebar-w: 232px;--duration-fast: .14s;--duration-normal: .26s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:14px}h1,h2,h3{margin:0;font-weight:600}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100%}.main{min-width:0;padding:var(--space-5) var(--space-6) var(--space-6)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.topbar h1{font-size:var(--text-section);letter-spacing:-.01em}.topbar .sub{color:var(--color-text-faint);font-size:.8rem;margin-top:2px}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-3);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-5)}.brand{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.brand .mark{display:inline-flex;gap:2px}.brand .mark i{width:3px;height:18px;border-radius:2px;background:var(--color-text);display:inline-block}.brand .mark i:nth-child(2){height:13px;align-self:flex-end}.brand .mark i:nth-child(3){height:22px}.nav-label{padding:0 var(--space-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:var(--space-2)}.nav{display:flex;flex-direction:column;gap:2px}.nav button{text-align:left;background:transparent;border:0;border-radius:6px;padding:var(--space-2) var(--space-3);color:var(--color-text-dim);transition:background var(--duration-fast),color var(--duration-fast)}.nav button:hover{background:var(--color-surface-2);color:var(--color-text)}.nav button.active{background:color-mix(in oklch,var(--c-cph) 22%,var(--color-surface-2));color:var(--color-text)}.panel-row{display:grid;grid-template-columns:220px 1fr;gap:var(--space-5);align-items:center;padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.panel-row:first-child{border-top:0}.kpi .value{font-size:var(--text-kpi);font-weight:650;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi .label{margin-top:var(--space-2);color:var(--color-text-dim);font-size:.82rem}.kpi .unit{color:var(--color-text-faint);font-size:.9rem;margin-left:4px}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-3) var(--space-2)}.chart-card .title{font-size:.82rem;color:var(--color-text-dim);margin-bottom:var(--space-2)}.range{display:flex;align-items:center;gap:var(--space-2)}.range input,.field input,.field select{background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-text);padding:6px 8px;font:inherit}.btn{background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:6px;padding:6px 12px;color:var(--color-text);transition:border-color var(--duration-fast),background var(--duration-fast)}.btn:hover{border-color:var(--c-cph)}.btn.primary{background:color-mix(in oklch,var(--c-cph) 30%,var(--color-surface-2));border-color:var(--c-cph)}.quick{display:inline-flex;gap:4px}.quick button{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:5px 9px;color:var(--color-text-dim);font-size:.8rem}.quick button.active{color:var(--color-text);border-color:var(--c-cph)}.ops{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.ops-toolbar{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}table.ops-table{width:100%;border-collapse:collapse;font-size:.82rem}table.ops-table th,table.ops-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--color-border);white-space:nowrap}table.ops-table th{color:var(--color-text-faint);font-weight:500;text-transform:uppercase;font-size:.68rem;letter-spacing:.06em}table.ops-table td.num{text-align:right;font-variant-numeric:tabular-nums}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.72rem;color:var(--color-text-faint)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.note{color:var(--color-text-faint);font-size:.78rem}.banner{background:color-mix(in oklch,var(--c-robots) 14%,var(--color-surface));border:1px solid color-mix(in oklch,var(--c-robots) 40%,var(--color-border));border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:.82rem;color:var(--color-text-dim)}@media (max-width: 880px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.panel-row{grid-template-columns:1fr;gap:var(--space-3)}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}