:root{--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--neutral-1000: #020617;--blue-50: #e8f0fc;--blue-100: #c5d8f6;--blue-200: #9dbff0;--blue-300: #75a6ea;--blue-400: #5798e8;--blue-500: #3870d0;--blue-600: #064BAE;--blue-700: #053c92;--blue-800: #042e6e;--blue-900: #031f4a;--red-50: #fce8ec;--red-100: #f5c5cd;--red-200: #ed9eab;--red-300: #e57788;--red-400: #e8576e;--red-500: #c93048;--red-600: #A10B2E;--red-700: #920b28;--red-800: #6e081d;--red-900: #4a0412;--teal-50: #e6f0ed;--teal-100: #bfd9d2;--teal-200: #93c1b5;--teal-300: #68a998;--teal-400: #3d8b7a;--teal-500: #1a6d5c;--teal-600: #044f44;--teal-700: #044440;--teal-800: #033830;--teal-900: #022621;--success: #16a34a;--warning: #d97706;--error: #dc2626;--info: #0284c7;--success-light: #22c55e;--warning-light: #f59e0b;--error-light: #ef4444;--info-bright: #38bdf8;--content-positive: #0d6b32;--content-negative: #b91c1c;--chart-1: #3b82f6;--chart-2: #22c55e;--chart-3: #f59e0b;--chart-4: #ef4444;--chart-5: #8b5cf6;--chart-6: #06b6d4;--chart-7: #ec4899;--chart-8: #6b7280;--color-brand-50: var(--neutral-50);--color-brand-100: var(--neutral-100);--color-brand-200: var(--neutral-200);--color-brand-300: var(--neutral-300);--color-brand-400: var(--neutral-400);--color-brand-500: var(--neutral-500);--color-brand-600: var(--neutral-800);--color-brand-700: var(--neutral-700);--color-brand-800: var(--neutral-800);--color-brand-900: var(--neutral-900);--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--error);--color-info: var(--info);--color-content-positive: var(--content-positive);--color-content-negative: var(--content-negative);--color-positive: var(--success);--color-negative: var(--error);--color-neutral-trend: var(--neutral-500);--color-threshold-good: var(--success);--color-threshold-warning: var(--warning);--color-threshold-critical: var(--error);--surface-1: var(--neutral-0);--surface-2: var(--neutral-50);--surface-3: var(--neutral-0);--surface-4: var(--neutral-800);--surface-5: var(--neutral-900);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-500);--text-inverse: var(--neutral-0);--text-link: var(--color-brand-600);--text-link-hover: var(--color-brand-500);--text-disabled: var(--neutral-500);--text-placeholder: var(--neutral-500);--border-color: var(--neutral-300);--border-color-strong: var(--neutral-400);--border-color-focus: var(--color-brand-500);--border-width: 1px;--border-width-md: 2px;--border-width-lg: 4px;--ui-focus-ring: 0 0 0 2px var(--surface-1), 0 0 0 4px var(--color-brand-500);--ui-focus-ring-color: var(--color-brand-500);--ui-selection-bg: var(--color-brand-200);--ui-selection-text: var(--neutral-900);--ui-backdrop: rgba(2, 6, 23, .5);--ui-divider: var(--neutral-300);--ui-scrollbar-thumb: var(--neutral-400);--ui-scrollbar-track: var(--neutral-100);--color-brand-hover: var(--color-brand-400);--color-brand-active: var(--color-brand-700);--color-success-hover: color-mix(in srgb, var(--color-success) 85%, black);--color-success-active: color-mix(in srgb, var(--color-success) 80%, black);--color-error-hover: color-mix(in srgb, var(--color-error) 85%, black);--color-error-active: color-mix(in srgb, var(--color-error) 80%, black);--color-warning-hover: color-mix(in srgb, var(--color-warning) 85%, black);--color-warning-active: color-mix(in srgb, var(--color-warning) 80%, black);--color-info-hover: color-mix(in srgb, var(--color-info) 85%, black);--color-info-active: color-mix(in srgb, var(--color-info) 80%, black);--surface-hover: var(--surface-2);--surface-active: var(--neutral-100);--surface-selected: var(--color-brand-50);--space-xs: 4px;--space-sm: 6px;--space-md: 12px;--space-lg: 18px;--space-xl: 24px;--space-2xl: 36px;--space-3xl: 48px;--gap-sm: 6px;--gap-md: 8px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(2, 6, 23, .05);--shadow-md: 0 4px 6px -1px rgba(2, 6, 23, .1);--shadow-lg: 0 10px 15px -3px rgba(2, 6, 23, .1);--shadow-xl: 0 20px 25px -5px rgba(2, 6, 23, .15);--font-display: "Hanken Grotesk", sans-serif;--font-text: "Inter", sans-serif;--font-content: "Merriweather", serif;--font-number: "Space Grotesk", sans-serif;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-hero: 700 clamp(36px, 5vw, 64px)/1.3 var(--font-display);--text-h1: 700 clamp(30px, 3.75vw, 48px)/1.2 var(--font-display);--text-h2: 700 clamp(26px, 2.8vw, 36px)/1.25 var(--font-display);--text-h3: 700 clamp(22px, 2.2vw, 28px)/1.3 var(--font-display);--text-h4: 600 clamp(18px, 1.7vw, 22px)/1.35 var(--font-display);--text-body-lg: 400 clamp(16px, 1.4vw, 18px)/1.6 var(--font-text);--text-body: 400 clamp(15px, 1.25vw, 16px)/1.625 var(--font-text);--text-body-sm: 400 clamp(13px, 1.1vw, 14px)/1.5 var(--font-text);--text-ui: 500 14px/1.43 var(--font-text);--text-ui-sm: 500 12px/1.33 var(--font-text);--text-content: 400 clamp(16px, 1.3vw, 17px)/1.7 var(--font-content);--text-number-lg: 700 clamp(28px, 2.8vw, 36px)/1.2 var(--font-number);--text-number: 500 clamp(20px, 1.9vw, 24px)/1.3 var(--font-number);--text-number-sm: 500 clamp(14px, 1.25vw, 16px)/1.4 var(--font-number);--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 28px;--size-icon-xl: 36px;--size-input-sm: 28px;--size-input-md: 36px;--size-input-lg: 44px;--size-btn-sm: 28px;--size-btn-md: 36px;--size-btn-lg: 44px;--opacity-disabled: .4;--opacity-overlay: .5;--opacity-hover: .8;--opacity-pressed: .9;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--motion-fast: .12s;--motion-normal: .2s;--motion-slow: .35s;--motion-ease: cubic-bezier(.4, 0, .2, 1);--motion-ease-in: cubic-bezier(.4, 0, 1, 1);--motion-ease-out: cubic-bezier(0, 0, .2, 1);--motion-spring: cubic-bezier(.34, 1.56, .64, 1);--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1440px;--icon-stroke: 2px;--container-max-width: 1280px;--content-max-width: 960px;--narrow-max-width: 680px;--sidebar-width: 260px;--btn-primary-bg: var(--color-brand-600);--btn-primary-color: var(--text-inverse);--btn-primary-hover: var(--color-brand-hover);--btn-primary-active: var(--color-brand-active);--btn-focus-ring: var(--color-brand-600);--btn-secondary-bg: var(--surface-2);--btn-secondary-hover: var(--surface-hover);--btn-secondary-active: var(--surface-active);--btn-secondary-border: var(--border-color);--btn-ghost-bg: transparent;--btn-ghost-hover: var(--surface-hover);--btn-ghost-active: var(--surface-active);--btn-ghost-color: var(--text-secondary);--btn-destructive-bg: var(--color-error);--btn-destructive-hover: var(--color-error-hover);--btn-destructive-active: var(--color-error-active);--card-bg: var(--surface-3);--card-border: var(--border-color);--card-border-strong: var(--border-color-strong);--card-padding-sm: var(--space-md);--card-padding-md: var(--space-lg);--card-padding-lg: var(--space-xl);--card-header-gap: var(--space-sm);--card-body-gap: var(--space-md);--card-footer-gap: var(--space-sm);--input-bg: var(--surface-1);--input-border: var(--border-color);--input-hover-border: var(--border-color-strong);--input-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand-600) 35%, transparent);--input-error-ring: 0 0 0 3px color-mix(in srgb, var(--color-error) 35%, transparent);--input-success-ring: 0 0 0 3px color-mix(in srgb, var(--color-success) 35%, transparent);--input-label-color: var(--text-secondary);--input-helper-color: var(--text-muted);--form-required-color: var(--color-error);--form-error-text: var(--color-error);--form-error-border: var(--color-error);--form-success-border: var(--color-success);--form-warning-text: var(--color-warning);--form-field-gap: var(--space-md);--spinner-size-sm: 14px;--spinner-size-md: 20px;--spinner-size-lg: 28px;--spinner-color: var(--color-brand-600);--spinner-speed: .8s;--badge-bg: var(--surface-2);--badge-color: var(--text-secondary);--badge-radius: var(--radius-sm);--badge-padding: var(--space-xs) var(--space-sm);--badge-font: var(--text-ui-sm);--badge-brand-bg: var(--color-brand-600);--badge-brand-color: var(--text-inverse);--badge-success-bg: var(--color-success);--badge-success-color: var(--text-inverse);--badge-warning-bg: var(--color-warning);--badge-warning-color: var(--text-inverse);--badge-error-bg: var(--color-error);--badge-error-color: var(--text-inverse);--toast-bg: var(--neutral-800);--toast-color: var(--text-inverse);--toast-radius: var(--radius-md);--toast-shadow: var(--shadow-lg);--modal-bg: var(--surface-3);--modal-radius: var(--radius-xl);--modal-shadow: var(--shadow-xl);--modal-padding: var(--space-lg);--modal-backdrop: rgba(2, 6, 23, .5);--tooltip-bg: var(--neutral-800);--tooltip-color: var(--text-inverse);--tooltip-radius: var(--radius-sm);--tooltip-padding: var(--space-xs) var(--space-sm);--tooltip-font: var(--text-ui-sm);--alert-radius: var(--radius-md);--alert-padding: var(--space-sm) var(--space-md);--alert-font: var(--text-body-sm);--skeleton-bg: var(--neutral-100);--skeleton-radius: var(--radius-sm);--skeleton-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);--tabs-border: var(--border-color);--tabs-active-color: var(--color-brand-600);--tabs-disabled-color: var(--text-disabled);--tabs-font: var(--text-ui);--drawer-bg: var(--surface-1);--drawer-shadow: var(--shadow-xl);--drawer-padding: var(--space-lg);--avatar-radius: var(--radius-full);--avatar-font: var(--text-ui);--empty-state-padding: var(--space-xl);--empty-state-color: var(--text-secondary);--empty-state-font: var(--text-body);--accordion-border: var(--border-color);--accordion-radius: var(--radius-md);--accordion-padding: var(--space-sm) var(--space-md);--accordion-font: var(--text-ui);--sidebar-link-hover-bg: var(--surface-hover);--sidebar-link-active-bg: var(--surface-selected);--sidebar-link-active-color: var(--color-brand-600);--sidebar-link-color: var(--text-secondary);--sidebar-link-font: var(--text-ui);--check-radio-hover-border: var(--border-color-strong);--check-radio-checked-bg: var(--color-brand-600);--switch-checked-bg: var(--color-brand-600);--switch-unchecked-bg: var(--neutral-300);--divider-color: var(--border-color);--pagination-font: var(--text-ui);--pagination-radius: var(--radius-sm);--progress-track: var(--neutral-200);--progress-fill: var(--color-brand-600);--progress-radius: var(--radius-full);--statcard-bg: var(--surface-3);--statcard-radius: var(--radius-lg);--statcard-padding: var(--space-lg);--statcard-font: var(--text-number);--table-header-bg: var(--surface-2);--table-header-text: var(--text-secondary);--table-header-font: var(--text-ui-sm);--table-header-height: 32px;--table-row-hover-bg: var(--surface-hover);--table-row-striped-bg: var(--neutral-50);--table-row-selected-bg: var(--surface-selected);--table-row-height: 36px;--table-row-height-compact: 28px;--table-cell-px: var(--space-md);--table-cell-py: var(--space-sm);--table-cell-font: var(--text-body);--table-number-font: var(--font-number);--table-border-color: var(--border-color);--table-sort-color: var(--color-brand-600);--chart-title-font: var(--text-h4);--chart-axis-font: var(--text-ui-sm);--chart-legend-font: var(--text-ui);--chart-tooltip-font: var(--text-ui-sm);--chart-tooltip-bg: var(--surface-3);--chart-tooltip-text: var(--text-primary);--chart-tooltip-border: var(--border-color);--chart-tooltip-shadow: var(--shadow-md);--chart-tooltip-padding: var(--space-sm) var(--space-md);--chart-tooltip-radius: var(--radius-md);--chart-annotation-font: var(--text-ui-sm);--chart-number-font: var(--font-number);--chart-grid-color: var(--border-color);--chart-grid-width: 1px;--chart-axis-color: var(--border-color-strong);--chart-zero-line: var(--border-color-strong);--chart-line-width: 2px;--chart-line-bold: 3px;--chart-bar-radius: var(--radius-sm);--chart-dot-radius: 4px;--chart-area-opacity: .15}[data-density=comfortable]{--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--gap-sm: 8px;--gap-md: 12px;--size-icon-sm: 20px;--size-icon-md: 24px;--size-icon-lg: 32px;--size-icon-xl: 40px;--size-input-sm: 32px;--size-input-md: 40px;--size-input-lg: 48px;--size-btn-sm: 32px;--size-btn-md: 40px;--size-btn-lg: 48px;--table-header-height: 40px;--table-row-height: 48px;--table-row-height-compact: 36px}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms;--motion-slow: 0ms;--spinner-speed: 0ms}*,*:before,*:after{animation-duration:0ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}}[data-mode=dark]{--surface-1: var(--neutral-900);--surface-2: var(--neutral-800);--surface-3: var(--neutral-800);--surface-4: var(--neutral-1000);--text-primary: var(--neutral-100);--text-secondary: var(--neutral-400);--text-muted: var(--neutral-400);--text-inverse: var(--neutral-100);--text-link: var(--blue-400);--text-link-hover: var(--blue-300);--text-disabled: var(--neutral-400);--text-placeholder: var(--neutral-400);--border-color: var(--neutral-600);--border-color-strong: var(--neutral-500);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--ui-divider: var(--neutral-600);--ui-scrollbar-thumb: var(--neutral-500);--ui-scrollbar-track: var(--neutral-700);--ui-selection-bg: var(--color-brand-700);--ui-selection-text: var(--neutral-100);--ui-backdrop: rgba(2, 6, 23, .7);--color-success: var(--success-light);--color-error: var(--error-light);--color-info: var(--info-bright);--color-warning: var(--warning-light);--surface-hover: var(--neutral-700);--surface-active: var(--neutral-600);--surface-selected: var(--color-brand-800);--btn-primary-bg: var(--color-brand-300);--btn-primary-color: var(--neutral-900);--btn-primary-hover: var(--color-brand-200);--btn-primary-active: var(--color-brand-400);--btn-focus-ring: var(--color-brand-300);--border-color-focus: var(--color-brand-300);--ui-focus-ring-color: var(--color-brand-300);--ui-focus-ring: 0 0 0 2px var(--surface-1), 0 0 0 4px var(--color-brand-300);--badge-brand-bg: var(--color-brand-300);--badge-brand-color: var(--neutral-900);--badge-success-bg: var(--color-success);--badge-success-color: var(--neutral-900);--badge-warning-bg: var(--color-warning);--badge-warning-color: var(--neutral-900);--badge-error-bg: var(--color-error);--badge-error-color: var(--neutral-900);--tabs-active-color: var(--color-brand-300);--check-radio-checked-bg: var(--color-brand-300);--switch-checked-bg: var(--color-brand-300);--spinner-color: var(--color-brand-300);--progress-fill: var(--color-brand-300);--table-sort-color: var(--color-brand-300);--avatar-bg: var(--color-brand-300);--sidebar-link-active-color: var(--color-brand-300);--table-row-striped-bg: var(--neutral-800);--toast-bg: var(--neutral-100);--toast-color: var(--neutral-900);--tooltip-bg: var(--neutral-100);--tooltip-color: var(--neutral-900);--skeleton-bg: var(--neutral-700);--skeleton-shimmer: linear-gradient( 90deg, transparent, rgba(255, 255, 255, .08), transparent );--progress-track: var(--neutral-700);--switch-unchecked-bg: var(--neutral-500)}:root{--color-brand-50: var(--neutral-50);--color-brand-100: var(--neutral-100);--color-brand-200: var(--neutral-200);--color-brand-300: var(--neutral-300);--color-brand-400: var(--neutral-400);--color-brand-500: var(--neutral-500);--color-brand-600: #11131A;--color-brand-700: var(--neutral-700);--color-brand-800: var(--neutral-800);--color-brand-900: var(--neutral-900);--font-display: var(--font-number);--text-hero: 700 clamp(36px, 5vw, 64px)/1.2 var(--font-number);--text-h1: 700 clamp(30px, 3.75vw, 48px)/1.15 var(--font-number);--text-h2: 700 clamp(26px, 2.8vw, 36px)/1.2 var(--font-number);--text-h3: 700 clamp(22px, 2.2vw, 28px)/1.25 var(--font-number);--text-h4: 600 clamp(18px, 1.7vw, 22px)/1.3 var(--font-number);--btn-primary-bg: var(--color-brand-600);--btn-primary-hover: var(--color-brand-800);--btn-primary-active: var(--color-brand-800);--text-inverse: var(--neutral-0)}[data-mode=dark]{--btn-primary-bg: var(--neutral-200);--btn-primary-color: var(--neutral-900);--btn-primary-hover: var(--neutral-300);--btn-primary-active: var(--neutral-400);--btn-focus-ring: var(--neutral-300)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--surface-bg);color:var(--text-primary);font:var(--text-body)}h1,h2,h3,h4{margin:0}h1{font:var(--text-h1)}h2{font:var(--text-h2)}h3{font:var(--text-h3)}h4{font:var(--text-h4)}p{margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}:focus-visible{outline:var(--border-width-md) solid var(--border-color-focus);outline-offset:2px}::selection{background:var(--color-brand-400);color:var(--text-inverse)}[data-mode=dark] ::selection{background:var(--color-brand-700);color:var(--ref-neutral-100)}