:root{--color-dark-canvas: #050a0e;--color-surface: #0a1018;--color-surface-elevated: #0f1820;--color-surface-raised: #141f2a;--color-surface-overlay: #1a2836;--color-accent: #14b8a6;--color-accent-light: #2dd4bf;--color-accent-dark: #0d9488;--color-accent-bg: rgba(20, 184, 166, .08);--color-accent-border: rgba(20, 184, 166, .2);--color-accent-glow: rgba(20, 184, 166, .15);--color-text-primary: rgba(255, 255, 255, .96);--color-text-near-primary: rgba(255, 255, 255, .92);--color-text-strong: rgba(255, 255, 255, .88);--color-text-emphasis: rgba(255, 255, 255, .82);--color-text-secondary: rgba(255, 255, 255, .68);--color-text-mid: rgba(255, 255, 255, .6);--color-text-soft: rgba(255, 255, 255, .52);--color-text-dim: rgba(255, 255, 255, .48);--color-text-tertiary: rgba(255, 255, 255, .4);--color-text-muted: rgba(255, 255, 255, .32);--color-text-disabled: rgba(255, 255, 255, .22);--color-border-subtle: rgba(255, 255, 255, .03);--color-border-default: rgba(255, 255, 255, .06);--color-border-medium: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .15);--color-border-emphasis: rgba(255, 255, 255, .22);--color-regime: #14b8a6;--color-regime-bg: rgba(20, 184, 166, .08);--color-regime-border: rgba(20, 184, 166, .2);--color-regime-light: #2dd4bf;--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .08);--color-warning-border: rgba(245, 158, 11, .18);--color-warning-light: #fbbf24;--color-risk: #ef4444;--color-risk-bg: rgba(239, 68, 68, .08);--color-risk-border: rgba(239, 68, 68, .18);--color-risk-light: #f87171;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .08);--color-success-border: rgba(16, 185, 129, .18);--color-success-light: #34d399;--color-neutral: rgba(255, 255, 255, .2);--color-neutral-bg: rgba(255, 255, 255, .04);--color-hover: rgba(20, 184, 166, .06);--color-hover-strong: rgba(20, 184, 166, .12);--color-active: rgba(20, 184, 166, .18);--color-selected: rgba(20, 184, 166, .08);--color-selected-border: rgba(20, 184, 166, .25);--chart-1: #14b8a6;--chart-2: #06b6d4;--chart-3: #8b5cf6;--chart-4: #f59e0b;--chart-5: #ec4899;--chart-6: #3b82f6;--chart-7: #f97316;--color-data-blue: #22d3ee;--color-data-amber: #fbbf24;--color-data-red: #ef4444;--color-data-blue-emphasis: #06b6d4;--color-data-amber-emphasis: #d97706;--font-family-primary: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-logo: "Space Grotesk", sans-serif;--font-family-mono: "Geist Mono", "Courier New", monospace;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-base: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-0: 0px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-page-x: 24px;--space-page-y: 32px;--container-narrow: 640px;--container-standard: 1024px;--container-wide: 1280px;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .5), 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px 0 rgba(0, 0, 0, .4), 0 0 60px 0 rgba(20, 184, 166, .03);--shadow-xl: 0 12px 60px 0 rgba(0, 0, 0, .5), 0 0 80px 0 rgba(20, 184, 166, .04);--shadow-hero: 0 0 120px 0 rgba(0, 0, 0, .3), 0 0 200px 0 rgba(20, 184, 166, .06);--shadow-data-glow-sm: 0 0 30px rgba(20, 184, 166, .08), 0 0 60px rgba(20, 184, 166, .04);--shadow-data-glow-md: 0 0 40px rgba(20, 184, 166, .12), 0 0 80px rgba(20, 184, 166, .06);--shadow-overlay: -4px 0 30px rgba(0, 0, 0, .5);--card-shadow-environmental: 0 4px 30px 0 rgba(0, 0, 0, .3), 0 0 60px 0 rgba(20, 184, 166, .03);--glow-teal-sm: 0 0 20px rgba(20, 184, 166, .15);--glow-teal-md: 0 0 40px rgba(20, 184, 166, .2), 0 0 80px rgba(20, 184, 166, .08);--glow-teal-lg: 0 0 60px rgba(20, 184, 166, .25), 0 0 120px rgba(20, 184, 166, .1);--glow-teal-hero: 0 0 100px rgba(20, 184, 166, .3), 0 0 200px rgba(20, 184, 166, .12), 0 0 400px rgba(20, 184, 166, .05);--card-background-opacity: .6;--card-selected-background-opacity: .7;--card-backdrop-blur: 24px;--card-highlight: rgba(255, 255, 255, .05);--card-accent-strip: var(--color-accent);--card-accent-glow: var(--shadow-data-glow-sm);--card-glass-bg: rgba(10, 16, 24, .7);--card-glass-border: rgba(255, 255, 255, .06);--card-glass-shine: linear-gradient(135deg, rgba(255, 255, 255, .04) 0%, transparent 50%);--gradient-surface: linear-gradient(180deg, rgba(20, 184, 166, .03) 0%, transparent 50%);--gradient-card: linear-gradient(145deg, rgba(20, 184, 166, .04) 0%, transparent 40%);--gradient-hero-radial: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(20, 184, 166, .12) 0%, transparent 70%);--gradient-accent-line: linear-gradient(90deg, transparent, var(--color-accent), transparent);--z-base: 0;--z-content: 1;--z-header-element: 2;--z-dropdown: 50;--z-header: 60;--z-sticky: 100;--z-mobile-nav: 100;--z-mobile-overlay: 200;--z-modal-backdrop: 200;--z-mobile-drawer: 300;--z-modal: 300;--z-tooltip: 400;--z-popover: 500;--z-critical: 900;--bp-mobile: 360px;--bp-mobile-standard: 390px;--bp-mobile-large: 430px;--bp-tablet: 768px;--bp-tablet-landscape: 1024px;--bp-desktop: 1280px;--bp-desktop-baseline: 1440px;--bp-desktop-large: 1728px}[dir=rtl]{--layout-start: right;--layout-end: left}[dir=ltr]{--layout-start: left;--layout-end: right}[dir=rtl] .icon-directional{transform:scaleX(-1)}[dir=rtl] .text-start{text-align:right}[dir=rtl] .text-end{text-align:left}[dir=rtl] table th,[dir=rtl] table td{text-align:right}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-dark-canvas);min-height:100vh;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-image:var(--gradient-hero-radial);background-repeat:no-repeat;background-attachment:fixed}a{color:var(--color-accent-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent);text-shadow:0 0 12px var(--color-accent-glow)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-3xl);line-height:1.3;letter-spacing:-.02em}h2{font-size:1.5rem;line-height:1.4;letter-spacing:-.01em}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:1.5}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:1.5}button{cursor:pointer;font-family:var(--font-family-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#14b8a626;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#14b8a64d}::selection{background:#14b8a640;color:#fff}