:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-primary-950: #082f49;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-info-50: #f0f9ff;--color-info-100: #e0f2fe;--color-info-200: #bae6fd;--color-info-300: #7dd3fc;--color-info-400: #38bdf8;--color-info-500: #0ea5e9;--color-info-600: #0284c7;--color-info-700: #0369a1;--color-info-800: #075985;--color-info-900: #0c4a6e;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-chart-blue: #0ea5e9;--color-chart-teal: #14b8a6;--color-chart-green: #22c55e;--color-chart-amber: #f59e0b;--color-chart-orange: #f97316;--color-chart-red: #ef4444;--color-chart-pink: #ec4899;--color-chart-purple: #a855f7;--color-chart-indigo: #6366f1;--color-chart-slate: #64748b;--color-chart-history: #64748b;--color-chart-forecast: #0369a1;--color-chart-safety: #fcd34d;--color-chart-inventory: #ef4444;--color-chart-mark-line: #e2e8f0;--color-category-a: #059669;--color-category-a-bg: #a7f3d0;--color-category-b: #eab308;--color-category-b-bg: #fef3c7;--color-category-c: #f97316;--color-category-c-bg: #fed7aa;--color-category-d: #f87171;--color-category-d-bg: #fecaca;--color-background: #ffffff;--color-background-secondary: var(--color-neutral-50);--color-background-tertiary: var(--color-neutral-100);--color-surface: #ffffff;--color-surface-hover: var(--color-neutral-50);--color-header-background: var(--color-neutral-100);--color-table-background: #ffffff;--color-table-striped: #f5f9fb;--color-table-border: #eeeeee;--color-border: var(--color-neutral-200);--color-border-hover: var(--color-neutral-300);--color-border-focus: var(--color-primary-500);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-500);--color-text-tertiary: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: #ffffff;--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 14px;--spacing-xl: 18px;--spacing-2xl: 22px;--spacing-3xl: 28px;--spacing-4xl: 36px;--spacing-5xl: 44px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-lg: .875rem;--font-size-xl: 1rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--border-radius-none: 0;--border-radius-sm: 3px;--border-radius-md: 6px;--border-radius-lg: 10px;--border-radius-xl: 14px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-background-secondary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=premium-light]{--color-primary-50: #fffef5;--color-primary-100: #fefce8;--color-primary-200: #fef9c3;--color-primary-300: #fef3c7;--color-primary-400: #fde68a;--color-primary-500: #fcd34d;--color-primary-600: #fbbf24;--color-primary-700: #404040;--color-primary-800: #262626;--color-primary-900: #171717;--color-primary-950: #0a0a0a;--color-success-50: #f0fdfa;--color-success-100: #ccfbf1;--color-success-200: #99f6e4;--color-success-300: #5eead4;--color-success-400: #2dd4bf;--color-success-500: #14b8a6;--color-success-600: #0d9488;--color-success-700: #0f766e;--color-success-800: #115e59;--color-success-900: #134e4a;--color-warning-50: #fff7ed;--color-warning-100: #ffedd5;--color-warning-200: #fed7aa;--color-warning-300: #fdba74;--color-warning-400: #fb923c;--color-warning-500: #f97316;--color-warning-600: #ea580c;--color-warning-700: #c2410c;--color-warning-800: #9a3412;--color-warning-900: #7c2d12;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-chart-blue: #3b82f6;--color-chart-teal: #14b8a6;--color-chart-green: #22c55e;--color-chart-amber: #eab308;--color-chart-orange: #f97316;--color-chart-red: #ef4444;--color-chart-pink: #ec4899;--color-chart-purple: #a855f7;--color-chart-indigo: #6366f1;--color-chart-slate: #64748b;--color-chart-history: #16a34a;--color-chart-forecast: #171717;--color-chart-safety: #fcd34d;--color-chart-inventory: #ef4444;--color-chart-mark-line: #d4d4d4;--color-category-a: #0d9488;--color-category-a-bg: #ccfbf1;--color-category-b: #d4a520;--color-category-b-bg: #fef9c3;--color-category-c: #ea580c;--color-category-c-bg: #ffedd5;--color-category-d: #dc2626;--color-category-d-bg: #fee2e2;--color-background: #ffffff;--color-background-secondary: #ffffff;--color-background-tertiary: #ffffff;--color-surface: #ffffff;--color-surface-hover: #fafafa;--color-header-background: #f5f5f5;--color-table-background: #ffffff;--color-table-striped: #fafafa;--color-table-border: #e5e5e5;--color-border: #e5e5e5;--color-border-hover: #d4d4d4;--color-border-focus: #171717;--color-text-primary: #0a0a0a;--color-text-secondary: #525252;--color-text-tertiary: #737373;--color-text-disabled: #a3a3a3;--color-text-inverse: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}[data-theme=premium-dark]{--color-primary-50: #3d3815;--color-primary-100: #5c541f;--color-primary-200: #7a7029;--color-primary-300: #9a8c33;--color-primary-400: #c4b13d;--color-primary-500: #fde68a;--color-primary-600: #fef3c7;--color-primary-700: #fef9c3;--color-primary-800: #fefce8;--color-primary-900: #fffef5;--color-primary-950: #ffffff;--color-success-50: #042f2e;--color-success-100: #134e4a;--color-success-200: #115e59;--color-success-300: #0d9488;--color-success-400: #14b8a6;--color-success-500: #2dd4bf;--color-success-600: #5eead4;--color-success-700: #99f6e4;--color-success-800: #ccfbf1;--color-success-900: #f0fdfa;--color-warning-50: #451a03;--color-warning-100: #78350f;--color-warning-200: #92400e;--color-warning-300: #b45309;--color-warning-400: #d97706;--color-warning-500: #f59e0b;--color-warning-600: #fbbf24;--color-warning-700: #fcd34d;--color-warning-800: #fde68a;--color-warning-900: #fef3c7;--color-error-50: #450a0a;--color-error-100: #7f1d1d;--color-error-200: #991b1b;--color-error-300: #b91c1c;--color-error-400: #dc2626;--color-error-500: #ef4444;--color-error-600: #f87171;--color-error-700: #fca5a5;--color-error-800: #fecaca;--color-error-900: #fee2e2;--color-info-50: #0c1929;--color-info-100: #172554;--color-info-200: #1e3a8a;--color-info-300: #1d4ed8;--color-info-400: #2563eb;--color-info-500: #3b82f6;--color-info-600: #60a5fa;--color-info-700: #93c5fd;--color-info-800: #bfdbfe;--color-info-900: #dbeafe;--color-neutral-50: #030303;--color-neutral-100: #0a0a0a;--color-neutral-200: #141414;--color-neutral-300: #1f1f1f;--color-neutral-400: #3d3d3d;--color-neutral-500: #5c5c5c;--color-neutral-600: #8a8a8a;--color-neutral-700: #b3b3b3;--color-neutral-800: #d4d4d4;--color-neutral-900: #ededed;--color-neutral-950: #fafafa;--color-chart-blue: #60a5fa;--color-chart-teal: #2dd4bf;--color-chart-green: #4ade80;--color-chart-amber: #f6d84d;--color-chart-orange: #fb923c;--color-chart-red: #f87171;--color-chart-pink: #f472b6;--color-chart-purple: #c084fc;--color-chart-indigo: #818cf8;--color-chart-slate: #94a3b8;--color-chart-history: #8a8a8a;--color-chart-forecast: #f6d84d;--color-chart-safety: #2dd4bf;--color-chart-inventory: #f87171;--color-chart-mark-line: #3d3d3d;--color-category-a: #2dd4bf;--color-category-a-bg: #042f2e;--color-category-b: #f6d84d;--color-category-b-bg: #422006;--color-category-c: #fb923c;--color-category-c-bg: #431407;--color-category-d: #f87171;--color-category-d-bg: #450a0a;--color-background: #000000;--color-background-secondary: #0a0a0a;--color-background-tertiary: #141414;--color-surface: #0a0a0a;--color-surface-hover: #141414;--color-header-background: #0a0a0a;--color-table-background: #0a0a0a;--color-table-striped: #0f0f0f;--color-table-border: #1f1f1f;--color-border: #1f1f1f;--color-border-hover: #2d2d2d;--color-border-focus: var(--color-primary-500);--color-text-primary: #fafafa;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-text-disabled: #525252;--color-text-inverse: #000000;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .8);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#app{width:100%;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-base)}button{border-radius:var(--border-radius-sm);border:1px solid transparent;padding:4px var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--color-primary-500);color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:4px}button:hover{background-color:var(--color-primary-600)}button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm);padding:4px var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-base)}input:hover,select:hover,textarea:hover{border-color:var(--color-border-hover)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-focus)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}td{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-table-border)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-700)}[data-theme=premium-dark] button{background-color:var(--color-primary-500);color:#000;font-weight:var(--font-weight-semibold)}[data-theme=premium-dark] button:hover{background-color:var(--color-primary-600)}[data-theme=premium-dark] a{color:var(--color-primary-500)}[data-theme=premium-dark] a:hover{color:var(--color-primary-600)}[data-theme=premium-dark] input:focus,[data-theme=premium-dark] select:focus,[data-theme=premium-dark] textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #f6d84d26}.segment-a,.segment-b,.segment-c,.segment-d{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-align:center;min-width:20px;line-height:1.2}.segment-a{background:var(--color-category-a-bg);color:var(--color-category-a)}.segment-b{background:var(--color-category-b-bg);color:var(--color-category-b)}.segment-c{background:var(--color-category-c-bg);color:var(--color-category-c)}.segment-d{background:var(--color-category-d-bg);color:var(--color-category-d)}