:root{--tap-target: 40px;--tap-target-lg: 48px;--font-size-base: 16px;--focus-ring-width: 2px;--radius-control: 8px}[data-density=touch]{--tap-target: 48px;--tap-target-lg: 64px;--font-size-base: 18px;--radius-control: 12px;--focus-ring-width: 3px}[data-contrast=high]{--color-surface: #000000;--color-text-primary: #ffffff;--color-accent: #ffb300;--color-success: #00e676;--color-warning: #ffd600;--color-error: #ff5252;--color-info: #40c4ff}:root{--brand-primary: #667eea;--brand-primary-hover: #5a6fd6;--brand-secondary: #764ba2;--brand-accent: #f39c12;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--brand-logo: url(/assets/logo.png);--font-brand: Inter;--font-body: Inter}:root{--color-accent: var(--brand-primary);--color-accent-hover: var(--brand-primary-hover);--color-accent-2: var(--brand-secondary);--color-high: #f97316;--color-high-dark: #fb923c;--color-emphasis: #ff3b30;--color-emphasis-dark: #ff5a5a;--color-deal: #00c853;--color-deal-dark: #00ff88;--color-savings: #00c853;--color-savings-dark: #00ff88;--color-rating: #ea580c;--color-rating-dark: #fb923c}:root{--bg-primary: #070b14;--bg-secondary: #0f1726;--bg-card: #162033;--bg-elevated: #1d2a40;--surface-border: rgba(255, 255, 255, .1);--surface-border-strong: rgba(255, 255, 255, .18);--text-primary: #ffffff;--text-secondary: #c0cbdd;--text-muted: #7f8ca3;--text-cta: #2ee68a;--on-accent: #ffffff;--status-preprep: #4a4a5a;--status-due-soon: #f59e0b;--status-urgent: #ef4444;--status-late: #dc2626;--state-queued: #4a4a5a;--state-started: #2499AD;--state-cooking: #D68634;--state-ready: #2499AD;--capacity-available: #2499AD;--capacity-balanced: #0ea5e9;--capacity-strained: #F9A930;--capacity-overloaded: #ef4444;--station-low: #2499AD;--station-stable: #0ea5e9;--station-high: #F9A930;--station-critical: #ef4444;--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 32px;--spacing-xl: 48px;--touch-target-min: 56px;--touch-target-md: 72px;--touch-target-lg: 88px;--touch-target-xl: 100px;--action-button-height: 72px;--action-button-width: 100px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--shadow-md: 0 10px 24px rgba(0, 0, 0, .32);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px rgba(36, 153, 173, .18);--transition-fast: .12s ease-out;--transition-normal: .2s ease-out;--transition-slow: .35s ease-out;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-size-xs: 14px;--font-size-sm: 16px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 26px;--font-size-2xl: 34px;--font-size-3xl: 44px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--packaging-accent: #06b6d4;--packaging-verified: #22c55e;--packaging-missing: #ef4444;--packaging-partial: #f59e0b}body.dark-theme{--bg-primary: #070b14;--bg-secondary: #0f1726;--bg-card: #162033;--bg-elevated: #1d2a40;--text-primary: #ffffff;--text-secondary: #c0cbdd;--text-muted: #7f8ca3;--text-cta: #2ee68a}body.light-theme{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-elevated: #f3f4f6;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-cta: #059669;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .08)}body.theme-jazz{--state-started: #667eea}body.theme-jazz.dark-theme{--bg-primary: #0b0718;--bg-secondary: #171127;--bg-card: #22193b;--bg-elevated: #2b2148;--text-secondary: #d4c9f3}body.theme-jazz.light-theme{--bg-primary: #f5f3ff;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-elevated: #ede9fe;--state-started: #7c3aed}body.theme-professional.dark-theme{--bg-primary: #0b1420;--bg-secondary: #132235;--bg-card: #1c3048;--bg-elevated: #27415f;--text-secondary: #cfdae8;--state-started: #3498db}body.theme-professional.light-theme{--bg-primary: #f0f4f8;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-elevated: #e2e8f0;--state-started: #2563eb}body.theme-simple.dark-theme{--bg-primary: #111111;--bg-secondary: #171717;--bg-card: #212121;--bg-elevated: #2b2b2b;--text-primary: #ffffff;--text-secondary: #e2e2e2;--text-cta: #4ade80}body.theme-simple.light-theme{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-card: #ffffff;--bg-elevated: #f0f0f0;--text-primary: #000000;--text-secondary: #333333;--text-cta: #16a34a}body.theme-trueblack{--bg-primary: #000000;--bg-secondary: #080d14;--bg-card: #0f1622;--bg-elevated: #172131;--text-primary: #ffffff;--text-secondary: #d3dae6;--text-cta: #4ade80}body.light-theme .station-card,body.light-theme .order-group,body.light-theme .order-card{border-color:#e5e7eb}body.light-theme .top-bar,body.light-theme .pack-topbar,body.light-theme .top-header{border-bottom-color:#e5e7eb;background:#f8fafc!important;color:#1f2937}body.light-theme .heatmap-bar,body.light-theme .forecast-ribbon{background:#f1f5f9!important;border-bottom-color:#e2e8f0}body.light-theme .station-segment,body.light-theme .time-bucket{color:#1f2937!important;border-right-color:#e2e8f0}body.light-theme .station-short,body.light-theme .bucket-label{color:#64748b!important}body.light-theme .station-segment.current{color:#fff!important}body.light-theme .station-segment.current .station-short{color:#ffffffd9!important}body.light-theme .station-segment.current .queue-count{color:#fff!important}body.light-theme .time-bucket.low{background:#2499ad26!important}body.light-theme .time-bucket.medium{background:#d686342e!important}body.light-theme .time-bucket.high{background:#dc26262e!important}body.light-theme{--station-low: #165D6F;--station-stable: #0c7fac;--station-high: #BA661E;--station-critical: #b91c1c}body.light-theme .station-icon-badge{color:#fff}body.light-theme .queue-count{background:#fff!important;border-color:#e2e8f0!important;color:#1f2937}body.light-theme .capacity-indicator,body.light-theme .connection-status{border-width:1px}body.light-theme .back-btn{background:#fff!important;border-color:#e2e8f0!important}body.light-theme .back-btn .back-arrow{color:#1f2937}body.light-theme .view-toggle{background:#fff!important;border-color:#e2e8f0!important}body.light-theme .toggle-btn{color:#4b5563}body.light-theme .toggle-btn.active{color:#fff}body.light-theme .theme-trigger,body.light-theme .settings-trigger{background:#0000000d!important;border-color:#0000001a!important;color:#1f2937!important}body.theme-trueblack{--station-low: #00d4ff;--station-stable: #38bdf8;--station-high: #F9A930;--station-critical: #f87171;--capacity-available: #00d4ff;--capacity-balanced: #38bdf8;--capacity-strained: #F9A930;--state-started: #00d4ff;--state-ready: #00d4ff;--state-cooking: #F9A930}body.theme-trueblack .station-icon{background:#ffffff1f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:1.5;letter-spacing:-.01em;background:radial-gradient(circle at top,rgba(36,153,173,.14),transparent 32%),radial-gradient(circle at 85% 15%,rgba(249,169,48,.1),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 82%,black) 0%,var(--bg-primary) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}body{background:radial-gradient(circle at top,rgba(36,153,173,.14),transparent 32%),radial-gradient(circle at 85% 15%,rgba(249,169,48,.1),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 82%,black) 0%,var(--bg-primary) 100%)}h1,h2,h3,h4{font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2}.font-mono{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:.02em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-urgent{0%,to{background-color:var(--status-late);box-shadow:0 0 #dc262666}50%{background-color:#b91c1c;box-shadow:0 0 0 8px #dc262600}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.pulse{animation:pulse 2s ease-in-out infinite}.pulse-urgent{animation:pulse-urgent 1.5s ease-in-out infinite}.fade-in{animation:fade-in var(--transition-normal) ease-out}.slide-up{animation:slide-up var(--transition-normal) ease-out}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-bold{font-weight:600}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{font-family:inherit;font-size:var(--font-size-md);border:none;background:none;cursor:pointer;color:inherit;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);-webkit-tap-highlight-color:transparent}button:focus{outline:3px solid var(--state-started);outline-offset:2px}button:active{transform:scale(.96)}.touch-btn{min-height:var(--touch-target-lg);min-width:var(--touch-target-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-fast)}.touch-btn:active{transform:scale(.95)}.touch-btn-primary{background:var(--state-started);color:#fff;box-shadow:var(--shadow-md)}.touch-btn-primary:hover{filter:brightness(1.1)}.touch-btn-primary:active{filter:brightness(.9)}.touch-btn-success{background:var(--state-ready);color:#fff;box-shadow:var(--shadow-md)}.touch-btn-success:hover{filter:brightness(1.1)}.touch-btn-success:active{filter:brightness(.9)}.touch-btn-warning{background:var(--state-cooking);color:#000;box-shadow:var(--shadow-md)}.touch-btn-warning:hover{filter:brightness(1.1)}.touch-btn-warning:active{filter:brightness(.9)}.touch-btn-danger{background:var(--status-late);color:#fff;box-shadow:var(--shadow-md)}.touch-btn-danger:hover{filter:brightness(1.1)}.touch-btn-danger:active{filter:brightness(.9)}app-root{display:block;height:100%;width:100%}:root{--header-height: 56px;--header-logo-margin: 8px;--header-logo-height: calc(var(--header-height) - var(--header-logo-margin) * 2);--logo-body-height: 32px}.len-logo{display:block;width:auto;object-fit:contain}.len-logo--body{height:var(--logo-body-height)}.len-logo--card{height:64px;margin-left:auto;margin-right:auto}.len-logo--sm{height:24px}.len-header{display:flex;align-items:center;height:var(--header-height);padding:0 20px;background:var(--header-bg, #0f172a);color:#fff;position:relative;z-index:100}.len-header__brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.len-header__brand>div{display:flex;flex-direction:column;gap:1px;line-height:1.2}.len-header__brand .len-logo{height:var(--header-logo-height);max-height:40px;min-height:24px}.len-header__name{display:block;font-size:1.125rem;font-weight:700;white-space:nowrap;line-height:1.25}.len-header__name-sub{display:block;font-size:.75rem;color:#fff9;white-space:nowrap;line-height:1.3}.len-header__nav{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;min-width:0}.len-header__controls{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}
