:root{color-scheme:light;--gray-0: #ffffff;--gray-25: #fcfcfd;--gray-50: #f9fafb;--gray-100: #f2f4f7;--gray-200: #e4e7ec;--gray-300: #d0d5dd;--gray-400: #98a2b3;--gray-500: #667085;--gray-600: #475467;--gray-700: #344054;--gray-800: #1d2939;--gray-900: #101828;--gray-950: #0c111d;--brand-50: #eef4ff;--brand-100: #dfe9ff;--brand-200: #c5d7fe;--brand-300: #a1bcfc;--brand-400: #7b9bf8;--brand-500: #5578f0;--brand-600: #3563e9;--brand-700: #2a51c7;--brand-800: #24439f;--brand-900: #203a78;--bg-canvas: var(--gray-50);--bg-surface: var(--gray-0);--bg-surface-raised: var(--gray-0);--bg-sunken: var(--gray-100);--bg-inset: var(--gray-100);--border-subtle: var(--gray-200);--border-default: var(--gray-300);--border-strong: var(--gray-400);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-disabled: var(--gray-400);--text-inverse: var(--gray-0);--accent: var(--brand-600);--accent-hover: var(--brand-700);--accent-active: var(--brand-800);--accent-subtle: var(--brand-50);--accent-contrast: var(--gray-0);--focus-ring: 0 0 0 3px rgba(53, 99, 233, .35);--traffic-free: #12813f;--traffic-free-bg: #e7f6ec;--traffic-free-border: #9ed4b0;--traffic-free-fg: #0b5c2d;--traffic-attention: #b45309;--traffic-attention-bg: #fdf3e3;--traffic-attention-border: #ecc38a;--traffic-attention-fg: #8a3f06;--traffic-congested: #c2410c;--traffic-congested-bg: #fdeee4;--traffic-congested-border: #f0b48f;--traffic-congested-fg: #93300a;--traffic-critical: #c11f2e;--traffic-critical-bg: #fcebec;--traffic-critical-border: #f2a9ae;--traffic-critical-fg: #96141f;--traffic-offline: #5d6b7e;--traffic-offline-bg: #eef1f5;--traffic-offline-border: #c3ccd8;--traffic-offline-fg: #45526b;--danger: var(--traffic-critical);--danger-bg: var(--traffic-critical-bg);--danger-border: var(--traffic-critical-border);--danger-fg: var(--traffic-critical-fg);--success: var(--traffic-free);--success-bg: var(--traffic-free-bg);--success-border: var(--traffic-free-border);--success-fg: var(--traffic-free-fg);--warning: var(--traffic-attention);--warning-bg: var(--traffic-attention-bg);--warning-border: var(--traffic-attention-border);--warning-fg: var(--traffic-attention-fg);--space-0: 0rem;--space-px: .0625rem;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--letter-spacing-caps: .06em;--font-feature-tabular: "tnum" 1;--font-feature-mono: "tnum" 1, "zero" 1;--radius-none: 0rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .12), 0 4px 6px -2px rgba(16, 24, 40, .06);--shadow-focus-inset: inset 0 0 0 1px var(--border-strong);--z-base: 0;--z-map-canvas: 10;--z-map-overlay: 20;--z-panel: 30;--z-toolbar: 40;--z-dropdown: 50;--z-sticky: 60;--z-toast: 70;--z-modal-backdrop: 80;--z-modal: 90;--z-tooltip: 100;--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);@media(prefers-reduced-motion:reduce){--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}--density-row-height: 2rem;--density-cell-padding-x: var(--space-2);--density-cell-padding-y: var(--space-1)}:root[data-theme=dark]{color-scheme:dark;--bg-canvas: #0c111d;--bg-surface: #161b26;--bg-surface-raised: #1d2939;--bg-sunken: #101828;--bg-inset: #101828;--border-subtle: #26303f;--border-default: #344054;--border-strong: #475467;--text-primary: #f2f4f7;--text-secondary: #98a2b3;--text-muted: #667085;--text-disabled: #475467;--text-inverse: #101828;--accent: var(--brand-400);--accent-hover: var(--brand-300);--accent-active: var(--brand-200);--accent-subtle: rgba(85, 120, 240, .16);--accent-contrast: #0c111d;--focus-ring: 0 0 0 3px rgba(123, 155, 248, .45);--traffic-free: #4ade80;--traffic-free-bg: rgba(18, 129, 63, .22);--traffic-free-border: #166534;--traffic-free-fg: #86efac;--traffic-attention: #fbbf24;--traffic-attention-bg: rgba(180, 83, 9, .22);--traffic-attention-border: #78350f;--traffic-attention-fg: #fcd34d;--traffic-congested: #fb923c;--traffic-congested-bg: rgba(194, 65, 12, .22);--traffic-congested-border: #7c2d12;--traffic-congested-fg: #fdba74;--traffic-critical: #f87171;--traffic-critical-bg: rgba(193, 31, 46, .24);--traffic-critical-border: #7f1d1d;--traffic-critical-fg: #fca5a5;--traffic-offline: #94a3b8;--traffic-offline-bg: rgba(93, 107, 126, .2);--traffic-offline-border: #334155;--traffic-offline-fg: #cbd5e1;--danger: var(--traffic-critical);--danger-bg: var(--traffic-critical-bg);--danger-border: var(--traffic-critical-border);--danger-fg: var(--traffic-critical-fg);--success: var(--traffic-free);--success-bg: var(--traffic-free-bg);--success-border: var(--traffic-free-border);--success-fg: var(--traffic-free-fg);--warning: var(--traffic-attention);--warning-bg: var(--traffic-attention-bg);--warning-border: var(--traffic-attention-border);--warning-fg: var(--traffic-attention-fg);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .55), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg-canvas: #0c111d;--bg-surface: #161b26;--bg-surface-raised: #1d2939;--bg-sunken: #101828;--bg-inset: #101828;--border-subtle: #26303f;--border-default: #344054;--border-strong: #475467;--text-primary: #f2f4f7;--text-secondary: #98a2b3;--text-muted: #667085;--text-disabled: #475467;--text-inverse: #101828;--accent: var(--brand-400);--accent-hover: var(--brand-300);--accent-active: var(--brand-200);--accent-subtle: rgba(85, 120, 240, .16);--accent-contrast: #0c111d;--focus-ring: 0 0 0 3px rgba(123, 155, 248, .45);--traffic-free: #4ade80;--traffic-free-bg: rgba(18, 129, 63, .22);--traffic-free-border: #166534;--traffic-free-fg: #86efac;--traffic-attention: #fbbf24;--traffic-attention-bg: rgba(180, 83, 9, .22);--traffic-attention-border: #78350f;--traffic-attention-fg: #fcd34d;--traffic-congested: #fb923c;--traffic-congested-bg: rgba(194, 65, 12, .22);--traffic-congested-border: #7c2d12;--traffic-congested-fg: #fdba74;--traffic-critical: #f87171;--traffic-critical-bg: rgba(193, 31, 46, .24);--traffic-critical-border: #7f1d1d;--traffic-critical-fg: #fca5a5;--traffic-offline: #94a3b8;--traffic-offline-bg: rgba(93, 107, 126, .2);--traffic-offline-border: #334155;--traffic-offline-fg: #cbd5e1;--danger: var(--traffic-critical);--danger-bg: var(--traffic-critical-bg);--danger-border: var(--traffic-critical-border);--danger-fg: var(--traffic-critical-fg);--success: var(--traffic-free);--success-bg: var(--traffic-free-bg);--success-border: var(--traffic-free-border);--success-fg: var(--traffic-free-fg);--warning: var(--traffic-attention);--warning-bg: var(--traffic-attention-bg);--warning-border: var(--traffic-attention-border);--warning-fg: var(--traffic-attention-fg);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .55), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}