:root{--c-bg: #000503;--c-bg-gradient: radial-gradient(125% 110% at 50% 40%, #04160a 0%, #020c06 28%, #000503 54%, #000000 88%);--c-green-500: #3aff6a;--c-green-400: #46ff8c;--c-green-350: #5dff8c;--c-green-800: #0c7a34;--c-green-800b: #0e7a34;--c-orb-core: #eafff0;--c-text: #eaf1ee;--c-text-2: #8fb3a0;--c-text-mute: #7e9b8a;--c-text-mute2: #7e9588;--c-text-mute3: #5f7a6c;--c-icon-mute: #6e7a73;--c-icon-green: #5f8c74;--c-orange-400: #ff9c3e;--c-orange-800: #a83e00;--c-orange-800b: #b8590a;--c-orange-text: #c2895a;--c-orange-text-2: #e9c6a0;--c-red-400: #ff5f5f;--c-red-300: #ff7a7a;--c-red-800: #a01818;--c-red-text: #ffd6d6;--c-tile-bg: rgba(12, 20, 15, .55);--c-tile-bg-2: rgba(14, 24, 17, .5);--c-tile-border: rgba(120, 200, 150, .16);--c-tile-border-2: rgba(120, 200, 150, .18);--c-tile-border-hero: rgba(58, 255, 106, .24);--color-bg: var(--c-bg);--color-surface: var(--c-tile-bg);--color-surface-raised: var(--c-tile-bg-2);--color-text-primary: var(--c-text);--color-text-muted: #7e9b8a;--color-accent: var(--c-green-500);--color-accent-soft: var(--c-green-800);--color-positive: var(--c-green-400);--color-warning: var(--c-orange-400);--color-danger: var(--c-red-400);--color-orb-halo: rgba(58, 255, 106, .3);--border-tile: var(--c-tile-border);--border-tile-hero: var(--c-tile-border-hero);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--radius-card: 26px;--radius-chip: 9px;--radius-pill: 999px;--shadow-card: 0 28px 64px rgba(0, 0, 0, .45);--glow-accent: 0 0 70px rgba(58, 255, 106, .06);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .05);--blur-frost: 26px;--color-text-2: #9fc2b0;--ease-standard: cubic-bezier(.22, 1, .36, 1);--surface-card-grad: linear-gradient(158deg, rgba(21, 33, 26, .92), rgba(7, 14, 10, .85));--surface-card-grad-hero: linear-gradient(158deg, rgba(25, 42, 30, .93), rgba(8, 17, 11, .86));--surface-card-grad-warn: linear-gradient(158deg, rgba(42, 26, 12, .93), rgba(20, 12, 5, .86));--border-tile: rgba(140, 220, 175, .28);--border-tile-hero: rgba(80, 255, 150, .42);--border-tile-soft: rgba(150, 220, 180, .16);--sep-line: rgba(150, 220, 180, .16);--shadow-card-deep: inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 -1px 0 rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .35), 0 18px 40px -12px rgba(0, 0, 0, .55), 0 40px 80px -24px rgba(0, 0, 0, .5);--glow-hero: 0 0 70px rgba(58, 255, 106, .06), 0 28px 64px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .05);--border-warn: rgba(255, 122, 18, .3);--glow-warn: 0 0 50px rgba(255, 122, 18, .05);--stage-scrim: radial-gradient(70% 60% at 50% 48%, rgba(0, 5, 3, .45), rgba(0, 5, 3, 0) 78%);--stage-vignette-top: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));--stage-maxw: 1480px;--orb-dane-opacity: .92;--grad-bar-up: linear-gradient(90deg, var(--color-accent-soft), var(--color-accent));--grad-bar-down: linear-gradient(90deg, var(--c-orange-800), var(--color-warning));--grad-bar-neutral: linear-gradient(90deg, rgba(80, 120, 100, .5), rgba(120, 160, 140, .65));--grad-avatar: linear-gradient(135deg, rgba(40, 70, 55, .9), rgba(90, 130, 110, .85));--color-warn-text: #d8a574;--hero-min-h: clamp(300px, 40vh, 460px);--type-hero-kpi: clamp(3.25rem, 11vw, 6.75rem);--type-hero-unit: clamp(1.5rem, 2.4vw, 2.25rem);--type-bignum: clamp(2rem, 7vw, 3.625rem);--type-midstat: clamp(2rem, 4.4vw, 3.625rem);--type-alert-count: clamp(2.5rem, 5vw, 4rem);--type-state-title: clamp(2.25rem, 4vw, 3.75rem);--type-eyebrow: clamp(.6875rem, .9vw, .875rem);--type-rowname: clamp(.9375rem, 1.3vw, 1.1875rem);--type-rowvalue: clamp(1.125rem, 2vw, 1.625rem);--type-delta: clamp(.8125rem, 1.2vw, 1.0625rem);--type-body: clamp(.9375rem, 1.3vw, 1.1875rem);--type-axis: clamp(.6875rem, .9vw, .8125rem)}@media(max-width:1023px)and (min-width:481px){:root{--stage-maxw: min(96vw, 940px)}}@media(max-width:480px){:root{--stage-maxw: 100%}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--color-bg);background-image:var(--c-bg-gradient);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;color:inherit;cursor:pointer}.screen{position:relative;height:100%;width:100%;overflow:hidden}.screen .topbar{position:absolute;top:26px;left:34px;z-index:3;display:flex;align-items:baseline;gap:14px}.screen .wordmark{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:.3em;color:var(--color-text-primary)}.screen .wordmark:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px var(--color-accent);margin-right:12px;vertical-align:middle}.screen .topbar-sub{font-family:var(--font-display);font-weight:500;font-size:11px;letter-spacing:.22em;color:var(--color-text-muted)}.switcher{position:absolute;top:22px;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:92vw;padding:6px;border-radius:var(--radius-pill);background:var(--c-tile-bg-2);-webkit-backdrop-filter:blur(var(--blur-frost));backdrop-filter:blur(var(--blur-frost));border:1px solid var(--border-tile)}.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:500;padding:9px 16px;border-radius:var(--radius-pill);background:transparent;border:1px solid transparent;color:var(--color-text-muted);transition:background .2s ease,color .2s ease,border-color .2s ease}.chip:hover{color:var(--color-text-primary)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.chip-active{color:#03140a;background:linear-gradient(135deg,var(--c-green-800),var(--color-accent));border-color:var(--color-accent);box-shadow:0 0 24px #3aff6a40}.chip-active .dot{background:#03140a;opacity:1}.state-caption{position:absolute;bottom:64px;left:0;right:0;z-index:3;text-align:center;pointer-events:none}.state-label{font-family:var(--font-display);font-weight:600;font-size:48px;letter-spacing:-.01em;color:var(--color-text-primary);text-shadow:0 0 40px rgba(58,255,106,.35)}.state-desc{margin-top:10px;font-size:16px;color:var(--color-text-2)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}