@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--sidebar-collapsed: 64px;--sidebar-expanded: 220px;--topbar-height: 56px;--transition: all .15s ease;--transition-slow: all .25s ease;--scrollbar-thumb: #333333;--scrollbar-track: transparent;--status-available: #00CC88;--status-available-bg: rgba(0,204,136,.1);--status-seated: #FF9500;--status-seated-bg: rgba(255,149,0,.1);--status-ordered: #0A84FF;--status-ordered-bg: rgba(10,132,255,.1);--status-bill: #FF3B3B;--status-bill-bg: rgba(255,59,59,.1);--status-paid: #00CC88;--status-paid-bg: rgba(0,204,136,.1);--status-reserved: #7B2FFF;--status-reserved-bg: rgba(123,47,255,.12);--table-available: #00CC88;--table-seated: #FF9500;--table-ordered: #0A84FF;--table-bill: #FF3B3B;--table-reserved: #7B2FFF;--accent: #7B2FFF;--accent-bright: #9D5FFF;--accent-hover: #9D5FFF;--accent-dim: #4A1A99;--accent-muted: rgba(123,47,255,.12);--accent-border: rgba(123,47,255,.35);--border-accent: rgba(123,47,255,.35);--accent-glow: rgba(123,47,255,.25);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #0A0A0A;--bg-app: #0A0A0A;--bg-surface: #111111;--bg-elevated: #1A1A1A;--bg-hover: #1F1F1F;--bg-subtle: #141414;--bg-border-glow: #2A1A4A;--sidebar-bg: #0D0D0D;--sidebar-surface: #1A1A1A;--sidebar-active: rgba(123,47,255,.12);--sidebar-active-bg: rgba(123,47,255,.12);--sidebar-active-border:#7B2FFF;--sidebar-hover: #1A1A1A;--sidebar-border: #222222;--sidebar-text: #555555;--sidebar-text-active: #FFFFFF;--sidebar-accent: #7B2FFF;--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #555555;--text-accent: #7B2FFF;--text-disabled: #333333;--border: #222222;--border-strong: #333333;--border-focus: #7B2FFF;--success: #00CC88;--success-bg: rgba(0,204,136,.1);--success-muted: rgba(0,204,136,.1);--success-border: rgba(0,204,136,.25);--warning: #FF9500;--warning-bg: rgba(255,149,0,.1);--warning-muted: rgba(255,149,0,.1);--warning-border: rgba(255,149,0,.25);--danger: #FF3B3B;--danger-bg: rgba(255,59,59,.1);--danger-muted: rgba(255,59,59,.1);--danger-border: rgba(255,59,59,.25);--info: #0A84FF;--info-bg: rgba(10,132,255,.1);--info-muted: rgba(10,132,255,.1);--info-border: rgba(10,132,255,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.6);--shadow: 0 4px 20px rgba(0,0,0,.7);--shadow-md: 0 4px 20px rgba(0,0,0,.7);--shadow-lg: 0 8px 40px rgba(0,0,0,.8);--shadow-modal: 0 20px 60px rgba(0,0,0,.85);--glow-accent: 0 0 20px rgba(123,47,255,.3), 0 0 40px rgba(123,47,255,.15);--glow-sm: 0 0 12px rgba(123,47,255,.2)}.theme-purple.mode-dark{--accent: #7B2FFF;--accent-hover: #9D5FFF;--accent-bright: #9D5FFF;--accent-dim: #4A1A99;--accent-muted: rgba(123,47,255,.12);--accent-border: rgba(123,47,255,.35);--border-accent: rgba(123,47,255,.35);--accent-glow: rgba(123,47,255,.25);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #0A0A0A;--bg-app: #0A0A0A;--bg-surface: #111111;--bg-elevated: #1A1A1A;--bg-hover: #1F1F1F;--bg-subtle: #141414;--bg-border-glow: #2A1A4A;--sidebar-bg: #0D0D0D;--sidebar-hover: #1A1A1A;--sidebar-active: rgba(123,47,255,.12);--sidebar-active-bg: rgba(123,47,255,.12);--sidebar-active-border: #7B2FFF;--sidebar-text: #555555;--sidebar-text-active: #FFFFFF;--sidebar-accent: #7B2FFF;--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #555555;--text-accent: #7B2FFF;--border: #222222;--border-strong: #333333;--border-focus: #7B2FFF;--success: #00CC88;--success-bg: rgba(0,204,136,.1);--success-muted: rgba(0,204,136,.1);--success-border: rgba(0,204,136,.25);--warning: #FF9500;--warning-bg: rgba(255,149,0,.1);--warning-muted: rgba(255,149,0,.1);--warning-border: rgba(255,149,0,.25);--danger: #FF3B3B;--danger-bg: rgba(255,59,59,.1);--danger-muted: rgba(255,59,59,.1);--danger-border: rgba(255,59,59,.25);--info: #0A84FF;--info-bg: rgba(10,132,255,.1);--info-muted: rgba(10,132,255,.1);--info-border: rgba(10,132,255,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.6);--shadow: 0 4px 20px rgba(0,0,0,.7);--shadow-md: 0 4px 20px rgba(0,0,0,.7);--shadow-lg: 0 8px 40px rgba(0,0,0,.8);--shadow-modal: 0 20px 60px rgba(0,0,0,.9);--glow-sm: 0 0 12px rgba(123,47,255,.2);--glow-accent: 0 0 20px rgba(123,47,255,.3), 0 0 40px rgba(123,47,255,.15);--scrollbar-thumb: #333333}.theme-purple.mode-light{--accent: #6B1FEF;--accent-hover: #7B2FFF;--accent-bright: #7B2FFF;--accent-dim: #4A1A99;--accent-muted: rgba(107,31,239,.08);--accent-border: rgba(107,31,239,.3);--border-accent: rgba(107,31,239,.3);--accent-glow: rgba(107,31,239,.15);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #F7F6F3;--bg-app: #F7F6F3;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F0EEE8;--bg-subtle: #F0EEE8;--bg-border-glow: #EDE8FF;--sidebar-bg: #1A1A2E;--sidebar-hover: #252540;--sidebar-active: rgba(107,31,239,.15);--sidebar-active-bg: rgba(107,31,239,.15);--sidebar-active-border: #6B1FEF;--sidebar-text: #8888AA;--sidebar-text-active: #FFFFFF;--sidebar-accent: #6B1FEF;--text-primary: #0F0F14;--text-secondary: #4A4A5A;--text-muted: #9A9AAA;--text-accent: #6B1FEF;--border: #E8E6E0;--border-strong: #D0CCC4;--border-focus: #6B1FEF;--success: #00A86B;--success-bg: rgba(0,168,107,.08);--success-muted: rgba(0,168,107,.08);--success-border: rgba(0,168,107,.2);--warning: #D4780A;--warning-bg: rgba(212,120,10,.08);--warning-muted: rgba(212,120,10,.08);--warning-border: rgba(212,120,10,.2);--danger: #D42B2B;--danger-bg: rgba(212,43,43,.08);--danger-muted: rgba(212,43,43,.08);--danger-border: rgba(212,43,43,.2);--info: #0066CC;--info-bg: rgba(0,102,204,.08);--info-muted: rgba(0,102,204,.08);--info-border: rgba(0,102,204,.2);--shadow-sm: 0 1px 4px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--shadow-modal: 0 20px 60px rgba(0,0,0,.2);--glow-sm: 0 0 8px rgba(107,31,239,.12);--glow-accent: 0 0 16px rgba(107,31,239,.15);--scrollbar-thumb: #CCCCDD}.theme-emerald.mode-dark{--accent: #00C07A;--accent-hover: #00E090;--accent-bright: #00E090;--accent-dim: #007A4D;--accent-muted: rgba(0,192,122,.12);--accent-border: rgba(0,192,122,.35);--border-accent: rgba(0,192,122,.35);--accent-glow: rgba(0,192,122,.25);--accent-text: #001A0F;--text-on-accent: #001A0F;--bg-base: #070D0A;--bg-app: #070D0A;--bg-surface: #0E1612;--bg-elevated: #162018;--bg-hover: #1B2820;--bg-subtle: #111A14;--bg-border-glow: #0A2018;--sidebar-bg: #070D0A;--sidebar-hover: #0F1A12;--sidebar-active: rgba(0,192,122,.12);--sidebar-active-bg: rgba(0,192,122,.12);--sidebar-active-border: #00C07A;--sidebar-text: #4A6655;--sidebar-text-active: #E0F5EC;--sidebar-accent: #00C07A;--text-primary: #E0F5EC;--text-secondary: #7AAA90;--text-muted: #3A5545;--text-accent: #00C07A;--border: #1A2E22;--border-strong: #243D2E;--border-focus: #00C07A;--success: #00E090;--success-bg: rgba(0,224,144,.1);--success-muted: rgba(0,224,144,.1);--success-border: rgba(0,224,144,.25);--warning: #FFB830;--warning-bg: rgba(255,184,48,.1);--warning-muted: rgba(255,184,48,.1);--warning-border: rgba(255,184,48,.25);--danger: #FF4D4D;--danger-bg: rgba(255,77,77,.1);--danger-muted: rgba(255,77,77,.1);--danger-border: rgba(255,77,77,.25);--info: #30B0FF;--info-bg: rgba(48,176,255,.1);--info-muted: rgba(48,176,255,.1);--info-border: rgba(48,176,255,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.65);--shadow: 0 4px 20px rgba(0,0,0,.75);--shadow-md: 0 4px 20px rgba(0,0,0,.75);--shadow-lg: 0 8px 40px rgba(0,0,0,.85);--shadow-modal: 0 20px 60px rgba(0,0,0,.92);--glow-sm: 0 0 12px rgba(0,192,122,.2);--glow-accent: 0 0 20px rgba(0,192,122,.3), 0 0 40px rgba(0,192,122,.15);--scrollbar-thumb: #243D2E}.theme-emerald.mode-light{--accent: #007A4D;--accent-hover: #009960;--accent-bright: #00C07A;--accent-dim: #005533;--accent-muted: rgba(0,122,77,.08);--accent-border: rgba(0,122,77,.3);--border-accent: rgba(0,122,77,.3);--accent-glow: rgba(0,122,77,.15);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #F2F8F5;--bg-app: #F2F8F5;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #E8F5EE;--bg-subtle: #EDF5F0;--bg-border-glow: #D0EEE0;--sidebar-bg: #0A1F14;--sidebar-hover: #122B1E;--sidebar-active: rgba(0,122,77,.15);--sidebar-active-bg: rgba(0,122,77,.15);--sidebar-active-border: #007A4D;--sidebar-text: #4A7760;--sidebar-text-active: #FFFFFF;--sidebar-accent: #007A4D;--text-primary: #061A0E;--text-secondary: #2D5540;--text-muted: #7AAA90;--text-accent: #007A4D;--border: #C8E5D5;--border-strong: #A8CDB8;--border-focus: #007A4D;--success: #005533;--success-bg: rgba(0,85,51,.08);--success-muted: rgba(0,85,51,.08);--success-border: rgba(0,85,51,.2);--warning: #B86A00;--warning-bg: rgba(184,106,0,.08);--warning-muted: rgba(184,106,0,.08);--warning-border: rgba(184,106,0,.2);--danger: #CC2222;--danger-bg: rgba(204,34,34,.08);--danger-muted: rgba(204,34,34,.08);--danger-border: rgba(204,34,34,.2);--info: #0055AA;--info-bg: rgba(0,85,170,.08);--info-muted: rgba(0,85,170,.08);--info-border: rgba(0,85,170,.2);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 2px 8px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.09);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 8px 32px rgba(0,0,0,.13);--shadow-modal: 0 20px 60px rgba(0,0,0,.18);--glow-sm: 0 0 8px rgba(0,122,77,.15);--glow-accent: 0 0 16px rgba(0,122,77,.2);--scrollbar-thumb: #A8CDB8}.theme-midnight.mode-dark{--accent: #3B82F6;--accent-hover: #60A5FA;--accent-bright: #60A5FA;--accent-dim: #1D4ED8;--accent-muted: rgba(59,130,246,.12);--accent-border: rgba(59,130,246,.35);--border-accent: rgba(59,130,246,.35);--accent-glow: rgba(59,130,246,.25);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #060812;--bg-app: #060812;--bg-surface: #0D1022;--bg-elevated: #141830;--bg-hover: #1A1F38;--bg-subtle: #0F1228;--bg-border-glow: #101840;--sidebar-bg: #060812;--sidebar-hover: #0E1128;--sidebar-active: rgba(59,130,246,.12);--sidebar-active-bg: rgba(59,130,246,.12);--sidebar-active-border: #3B82F6;--sidebar-text: #445580;--sidebar-text-active: #E0E8FF;--sidebar-accent: #3B82F6;--text-primary: #E0E8FF;--text-secondary: #7080B0;--text-muted: #384060;--text-accent: #3B82F6;--border: #181E38;--border-strong: #222A48;--border-focus: #3B82F6;--success: #22C55E;--success-bg: rgba(34,197,94,.1);--success-muted: rgba(34,197,94,.1);--success-border: rgba(34,197,94,.25);--warning: #F59E0B;--warning-bg: rgba(245,158,11,.1);--warning-muted: rgba(245,158,11,.1);--warning-border: rgba(245,158,11,.25);--danger: #EF4444;--danger-bg: rgba(239,68,68,.1);--danger-muted: rgba(239,68,68,.1);--danger-border: rgba(239,68,68,.25);--info: #60A5FA;--info-bg: rgba(96,165,250,.1);--info-muted: rgba(96,165,250,.1);--info-border: rgba(96,165,250,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.65);--shadow: 0 4px 20px rgba(0,0,0,.75);--shadow-md: 0 4px 20px rgba(0,0,0,.75);--shadow-lg: 0 8px 40px rgba(0,0,0,.85);--shadow-modal: 0 20px 60px rgba(0,0,0,.92);--glow-sm: 0 0 12px rgba(59,130,246,.2);--glow-accent: 0 0 20px rgba(59,130,246,.3), 0 0 40px rgba(59,130,246,.15);--scrollbar-thumb: #222A48}.theme-midnight.mode-light{--accent: #1D4ED8;--accent-hover: #2563EB;--accent-bright: #3B82F6;--accent-dim: #1E3A8A;--accent-muted: rgba(29,78,216,.08);--accent-border: rgba(29,78,216,.3);--border-accent: rgba(29,78,216,.3);--accent-glow: rgba(29,78,216,.15);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #F0F4FF;--bg-app: #F0F4FF;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #E8EEFF;--bg-subtle: #ECF0FF;--bg-border-glow: #D0DCFF;--sidebar-bg: #0C1230;--sidebar-hover: #141C40;--sidebar-active: rgba(29,78,216,.15);--sidebar-active-bg: rgba(29,78,216,.15);--sidebar-active-border: #1D4ED8;--sidebar-text: #6070A0;--sidebar-text-active: #FFFFFF;--sidebar-accent: #1D4ED8;--text-primary: #06091C;--text-secondary: #2A3560;--text-muted: #7080B0;--text-accent: #1D4ED8;--border: #C8D4F0;--border-strong: #A8B8E0;--border-focus: #1D4ED8;--success: #16A34A;--success-bg: rgba(22,163,74,.08);--success-muted: rgba(22,163,74,.08);--success-border: rgba(22,163,74,.2);--warning: #D97706;--warning-bg: rgba(217,119,6,.08);--warning-muted: rgba(217,119,6,.08);--warning-border: rgba(217,119,6,.2);--danger: #DC2626;--danger-bg: rgba(220,38,38,.08);--danger-muted: rgba(220,38,38,.08);--danger-border: rgba(220,38,38,.2);--info: #2563EB;--info-bg: rgba(37,99,235,.08);--info-muted: rgba(37,99,235,.08);--info-border: rgba(37,99,235,.2);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 2px 8px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.09);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 8px 32px rgba(0,0,0,.13);--shadow-modal: 0 20px 60px rgba(0,0,0,.18);--glow-sm: 0 0 8px rgba(29,78,216,.12);--glow-accent: 0 0 16px rgba(29,78,216,.18);--scrollbar-thumb: #A8B8E0}.theme-amber.mode-dark{--accent: #F59E0B;--accent-hover: #FBBF24;--accent-bright: #FBBF24;--accent-dim: #B45309;--accent-muted: rgba(245,158,11,.12);--accent-border: rgba(245,158,11,.35);--border-accent: rgba(245,158,11,.35);--accent-glow: rgba(245,158,11,.25);--accent-text: #1A0F00;--text-on-accent: #1A0F00;--bg-base: #0D0A06;--bg-app: #0D0A06;--bg-surface: #16120A;--bg-elevated: #201A10;--bg-hover: #261F14;--bg-subtle: #1A150C;--bg-border-glow: #2A2010;--sidebar-bg: #0D0A06;--sidebar-hover: #181208;--sidebar-active: rgba(245,158,11,.12);--sidebar-active-bg: rgba(245,158,11,.12);--sidebar-active-border: #F59E0B;--sidebar-text: #6B5530;--sidebar-text-active: #FFF8E8;--sidebar-accent: #F59E0B;--text-primary: #FFF8E8;--text-secondary: #A08050;--text-muted: #554428;--text-accent: #F59E0B;--border: #2A2010;--border-strong: #3A2E18;--border-focus: #F59E0B;--success: #10B981;--success-bg: rgba(16,185,129,.1);--success-muted: rgba(16,185,129,.1);--success-border: rgba(16,185,129,.25);--warning: #F59E0B;--warning-bg: rgba(245,158,11,.15);--warning-muted: rgba(245,158,11,.15);--warning-border: rgba(245,158,11,.35);--danger: #EF4444;--danger-bg: rgba(239,68,68,.1);--danger-muted: rgba(239,68,68,.1);--danger-border: rgba(239,68,68,.25);--info: #38BDF8;--info-bg: rgba(56,189,248,.1);--info-muted: rgba(56,189,248,.1);--info-border: rgba(56,189,248,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.65);--shadow: 0 4px 20px rgba(0,0,0,.75);--shadow-md: 0 4px 20px rgba(0,0,0,.75);--shadow-lg: 0 8px 40px rgba(0,0,0,.85);--shadow-modal: 0 20px 60px rgba(0,0,0,.92);--glow-sm: 0 0 12px rgba(245,158,11,.2);--glow-accent: 0 0 20px rgba(245,158,11,.3), 0 0 40px rgba(245,158,11,.15);--scrollbar-thumb: #3A2E18}.theme-amber.mode-light{--accent: #B45309;--accent-hover: #D97706;--accent-bright: #F59E0B;--accent-dim: #7C3A08;--accent-muted: rgba(180,83,9,.08);--accent-border: rgba(180,83,9,.3);--border-accent: rgba(180,83,9,.3);--accent-glow: rgba(180,83,9,.15);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #FFF8F0;--bg-app: #FFF8F0;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #FEF3E2;--bg-subtle: #FEF5E8;--bg-border-glow: #F0D8B8;--sidebar-bg: #1C1005;--sidebar-hover: #281A08;--sidebar-active: rgba(180,83,9,.15);--sidebar-active-bg: rgba(180,83,9,.15);--sidebar-active-border: #B45309;--sidebar-text: #7A5530;--sidebar-text-active: #FFFFFF;--sidebar-accent: #B45309;--text-primary: #1C0F00;--text-secondary: #4A3318;--text-muted: #9A7755;--text-accent: #B45309;--border: #F0D8B8;--border-strong: #DDB888;--border-focus: #B45309;--success: #047857;--success-bg: rgba(4,120,87,.08);--success-muted: rgba(4,120,87,.08);--success-border: rgba(4,120,87,.2);--warning: #B45309;--warning-bg: rgba(180,83,9,.08);--warning-muted: rgba(180,83,9,.08);--warning-border: rgba(180,83,9,.2);--danger: #B91C1C;--danger-bg: rgba(185,28,28,.08);--danger-muted: rgba(185,28,28,.08);--danger-border: rgba(185,28,28,.2);--info: #0369A1;--info-bg: rgba(3,105,161,.08);--info-muted: rgba(3,105,161,.08);--info-border: rgba(3,105,161,.2);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 2px 8px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.09);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 8px 32px rgba(0,0,0,.13);--shadow-modal: 0 20px 60px rgba(0,0,0,.18);--glow-sm: 0 0 8px rgba(180,83,9,.12);--glow-accent: 0 0 16px rgba(180,83,9,.18);--scrollbar-thumb: #DDB888}.theme-rose.mode-dark{--accent: #F43F5E;--accent-hover: #FB7185;--accent-bright: #FB7185;--accent-dim: #BE123C;--accent-muted: rgba(244,63,94,.12);--accent-border: rgba(244,63,94,.35);--border-accent: rgba(244,63,94,.35);--accent-glow: rgba(244,63,94,.25);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #0D0608;--bg-app: #0D0608;--bg-surface: #160A0E;--bg-elevated: #200F14;--bg-hover: #27131A;--bg-subtle: #1A0C10;--bg-border-glow: #2A1018;--sidebar-bg: #0D0608;--sidebar-hover: #190A0E;--sidebar-active: rgba(244,63,94,.12);--sidebar-active-bg: rgba(244,63,94,.12);--sidebar-active-border: #F43F5E;--sidebar-text: #7A3A48;--sidebar-text-active: #FFE8EC;--sidebar-accent: #F43F5E;--text-primary: #FFE8EC;--text-secondary: #B06070;--text-muted: #5A2C38;--text-accent: #F43F5E;--border: #2A1018;--border-strong: #3A1822;--border-focus: #F43F5E;--success: #10B981;--success-bg: rgba(16,185,129,.1);--success-muted: rgba(16,185,129,.1);--success-border: rgba(16,185,129,.25);--warning: #F59E0B;--warning-bg: rgba(245,158,11,.1);--warning-muted: rgba(245,158,11,.1);--warning-border: rgba(245,158,11,.25);--danger: #F43F5E;--danger-bg: rgba(244,63,94,.15);--danger-muted: rgba(244,63,94,.15);--danger-border: rgba(244,63,94,.35);--info: #38BDF8;--info-bg: rgba(56,189,248,.1);--info-muted: rgba(56,189,248,.1);--info-border: rgba(56,189,248,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.65);--shadow: 0 4px 20px rgba(0,0,0,.75);--shadow-md: 0 4px 20px rgba(0,0,0,.75);--shadow-lg: 0 8px 40px rgba(0,0,0,.85);--shadow-modal: 0 20px 60px rgba(0,0,0,.92);--glow-sm: 0 0 12px rgba(244,63,94,.2);--glow-accent: 0 0 20px rgba(244,63,94,.3), 0 0 40px rgba(244,63,94,.15);--scrollbar-thumb: #3A1822}.theme-rose.mode-light{--accent: #BE123C;--accent-hover: #E11D48;--accent-bright: #F43F5E;--accent-dim: #881337;--accent-muted: rgba(190,18,60,.08);--accent-border: rgba(190,18,60,.3);--border-accent: rgba(190,18,60,.3);--accent-glow: rgba(190,18,60,.15);--accent-text: #FFFFFF;--text-on-accent: #FFFFFF;--bg-base: #FFF0F3;--bg-app: #FFF0F3;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #FFE4E9;--bg-subtle: #FFEAEE;--bg-border-glow: #F0C8D4;--sidebar-bg: #1C0610;--sidebar-hover: #280A18;--sidebar-active: rgba(190,18,60,.15);--sidebar-active-bg: rgba(190,18,60,.15);--sidebar-active-border: #BE123C;--sidebar-text: #7A3A50;--sidebar-text-active: #FFFFFF;--sidebar-accent: #BE123C;--text-primary: #1C0610;--text-secondary: #4A1A28;--text-muted: #9A6070;--text-accent: #BE123C;--border: #F0C8D4;--border-strong: #DDA0B0;--border-focus: #BE123C;--success: #047857;--success-bg: rgba(4,120,87,.08);--success-muted: rgba(4,120,87,.08);--success-border: rgba(4,120,87,.2);--warning: #B45309;--warning-bg: rgba(180,83,9,.08);--warning-muted: rgba(180,83,9,.08);--warning-border: rgba(180,83,9,.2);--danger: #BE123C;--danger-bg: rgba(190,18,60,.08);--danger-muted: rgba(190,18,60,.08);--danger-border: rgba(190,18,60,.2);--info: #0369A1;--info-bg: rgba(3,105,161,.08);--info-muted: rgba(3,105,161,.08);--info-border: rgba(3,105,161,.2);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 2px 8px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.09);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 8px 32px rgba(0,0,0,.13);--shadow-modal: 0 20px 60px rgba(0,0,0,.18);--glow-sm: 0 0 8px rgba(190,18,60,.12);--glow-accent: 0 0 16px rgba(190,18,60,.18);--scrollbar-thumb: #DDA0B0}.mode-light body{background:var(--bg-base);color:var(--text-secondary)}.mode-light .sidebar{background:var(--sidebar-bg);border-right-color:var(--border)}.mode-light .topbar{background:var(--bg-surface);border-bottom-color:var(--border)}.mode-light .card,.mode-light .kpi-card{background:var(--bg-surface);border-color:var(--border)}.mode-light .kds-screen{background:var(--bg-hover)}.mode-light ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.mode-light *{scrollbar-color:var(--scrollbar-thumb) transparent}[data-theme=light]{color-scheme:light;--bg-base: #F7F6F3;--bg-app: #F7F6F3;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F0EEE8;--bg-subtle: #F0EEE8;--bg-border-glow: #EDE8FF;--border: #E8E6E0;--border-strong: #D0CCC4;--sidebar-bg: #1A1A2E;--sidebar-surface: #252540;--sidebar-active: rgba(107,31,239,.15);--sidebar-border: #E8E6E0;--sidebar-text: #8888AA;--sidebar-text-active: #FFFFFF;--text-primary: #0F0F14;--text-secondary: #4A4A5A;--text-muted: #9A9AAA;--text-disabled: #CCCCDD;--accent-glow: rgba(123,47,255,.15);--accent-muted: rgba(123,47,255,.08);--accent-border: rgba(123,47,255,.3);--border-accent: rgba(123,47,255,.3);--success-bg: rgba(0,204,136,.08);--warning-bg: rgba(255,149,0,.08);--danger-bg: rgba(255,59,59,.08);--info-bg: rgba(10,132,255,.08);--success-muted: rgba(0,204,136,.08);--warning-muted: rgba(255,149,0,.08);--danger-muted: rgba(255,59,59,.08);--info-muted: rgba(10,132,255,.08);--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow: 0 2px 12px rgba(0,0,0,.1);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-modal: 0 12px 48px rgba(0,0,0,.18);--glow-accent: 0 0 20px rgba(123,47,255,.2), 0 0 40px rgba(123,47,255,.08);--glow-sm: 0 0 12px rgba(123,47,255,.12);--scrollbar-thumb: #CCCCDD}[data-theme=light] body{background:var(--bg-base);color:var(--text-secondary)}[data-theme=light] .sidebar{background:var(--sidebar-bg);border-right-color:var(--border)}[data-theme=light] .topbar{background:var(--bg-surface);border-bottom-color:var(--border)}[data-theme=light] .card,[data-theme=light] .kpi-card{background:var(--bg-surface);border-color:var(--border)}[data-theme=light] .kds-screen{background:#f0f0f5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ccd}[data-theme=light] *{scrollbar-color:#CCCCDD transparent}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}html.mode-light{color-scheme:light}html.mode-dark{color-scheme:dark}[data-theme=light] html,html[data-theme=light]{color-scheme:light}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-secondary);line-height:1.6;overflow:hidden;height:100vh}#root{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#333333 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.section-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.app-shell{flex:1;display:flex;width:100%;height:100vh;overflow:hidden;background:var(--bg-base)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;background:var(--bg-base);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.main-content.no-pad{padding:0}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative;overflow:hidden}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--glow-sm)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-featured{border-left:3px solid var(--accent);background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-surface) 100%)}.card-topped:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-hover:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--glow-sm);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;min-height:40px;padding:0 16px;-webkit-user-select:none;user-select:none;line-height:1}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright);box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:var(--glow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.btn-warning:hover:not(:disabled){background:var(--warning);color:#fff}.btn-sm{min-height:34px;padding:0 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{min-height:48px;padding:0 24px;font-size:15px;border-radius:var(--radius);font-weight:700}.btn-icon{min-height:36px;width:36px;padding:0;border-radius:var(--radius-sm)}.btn-icon-lg{min-height:44px;width:44px;padding:0}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{display:block;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px}.form-input{width:100%;height:40px;padding:0 14px;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-input:hover{border-color:var(--border-accent)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{width:100%;min-height:80px;padding:10px 14px;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:14px;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-textarea:hover{border-color:var(--border-accent)}.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-textarea::placeholder{color:var(--text-muted)}.form-select{width:100%;height:40px;padding:0 36px 0 14px;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555555' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s ease,box-shadow .2s ease}.form-select:hover{border-color:var(--border-accent)}.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(0,204,136,.2)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(255,149,0,.2)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(255,59,59,.2)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(10,132,255,.2)}.badge-accent{background:var(--accent-muted);color:var(--accent-bright);border:1px solid var(--border-accent)}.badge-neutral,.badge-muted{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.tier-gold{background:#ffc7001f;color:#ffcb47;border:1px solid rgba(255,199,0,.3)}.tier-silver{background:#a0a0a01f;color:#a0a0a0;border:1px solid rgba(160,160,160,.3)}.tier-bronze{background:#cd7f321f;color:#cd7f32;border:1px solid rgba(205,127,50,.3)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-success{background:var(--success)}.status-dot-warning{background:var(--warning)}.status-dot-danger{background:var(--danger)}.status-dot-muted{background:var(--text-muted)}.divider{height:1px;background:var(--border);margin:16px 0}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent);margin:32px 0}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--glow-sm);min-width:280px;max-width:360px;pointer-events:all;position:relative;overflow:hidden;animation:toast-in .25s ease forwards}.toast.toast-out{animation:toast-out .25s ease forwards}.toast-icon{font-size:16px;flex-shrink:0;line-height:1;margin-top:1px}.toast-body{flex:1;min-width:0}.toast-message{font-size:13px;color:var(--text-primary);line-height:1.4}.toast-progress{position:absolute;bottom:0;left:0;height:2px;animation:toast-progress linear forwards}.toast-success .toast-progress{background:var(--success)}.toast-error .toast-progress{background:var(--danger)}.toast-warning .toast-progress{background:var(--warning)}.toast-info .toast-progress{background:var(--info)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s ease forwards}.modal{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--glow-accent);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-in .2s ease forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.kpi-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--glow-sm)}.kpi-label{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.kpi-value{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text-primary);line-height:1}.kpi-value.accent{color:var(--accent-bright)}.kpi-delta{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:2px}.kpi-delta-up{color:var(--success)}.kpi-delta-down{color:var(--danger)}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.data-table{width:100%;border-collapse:collapse}.data-table th{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:10px 16px;text-align:left;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.data-table td{padding:12px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:middle;font-family:var(--font-body)}.data-table td:first-child{color:var(--text-primary);font-weight:500}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.tabs{display:flex;gap:2px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.tab-btn{flex:1;padding:7px 14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-btn.active{background:var(--accent);color:#fff}.tab-btn:not(.active):hover{background:var(--bg-elevated);color:var(--text-primary)}.tabs-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tab-pill{padding:6px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.tab-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab-pill:not(.active):hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow-sm)}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;height:38px;padding:0 12px 0 38px;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state-icon{width:48px;height:48px;color:var(--accent-dim);margin-bottom:16px;opacity:.6;font-size:48px}.empty-state-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-state-desc,.empty-state-subtitle{font-size:13px;color:var(--text-muted);max-width:260px}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:var(--transition)}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(20px);background:#fff}.sidebar{width:var(--sidebar-expanded);min-width:var(--sidebar-expanded);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border, var(--border));display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:100;flex-shrink:0}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-logo{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;min-height:72px}.sidebar-logo-icon{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;box-shadow:var(--glow-sm)}.sidebar-logo-text{overflow:hidden;opacity:1;transition:opacity .2s ease;white-space:nowrap}.sidebar.collapsed .sidebar-logo-text{opacity:0;pointer-events:none}.sidebar-logo-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--sidebar-text-active);line-height:1.2}.sidebar-logo-tagline{font-size:10px;color:var(--sidebar-text);font-weight:400;margin-top:1px}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;margin:1px 0;border-radius:var(--radius);cursor:pointer;transition:all .15s ease;text-decoration:none;position:relative;border:none;border-left:2px solid transparent;background:transparent;width:100%;overflow:hidden;color:var(--sidebar-text);font-family:var(--font-display);font-size:13px;font-weight:500}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);border-left-color:var(--sidebar-active-border)}.nav-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-label{font-family:var(--font-display);font-size:13px;font-weight:500;white-space:nowrap;opacity:1;transition:opacity .2s ease;overflow:hidden}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none}.sidebar-bottom{padding:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0}.topbar-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);flex:1}.topbar-sub{font-size:12px;color:var(--text-muted)}.order-screen{display:flex;height:100%;overflow:hidden}.order-ticket-panel{width:38%;min-width:320px;max-width:460px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.menu-grid-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:16px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.menu-item-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;cursor:pointer;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm)}.menu-item-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--glow-sm);transform:translateY(-2px)}.menu-item-card:active{transform:translateY(0)}.menu-item-card.added{animation:item-added .4s cubic-bezier(.34,1.56,.64,1)}.menu-item-card.is-86d{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.menu-item-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;position:relative;min-height:58px;box-shadow:var(--shadow-sm)}.menu-item-row:hover{border-color:var(--border-accent);background:var(--bg-elevated);box-shadow:var(--shadow-md);transform:translate(2px)}.menu-item-row:active{transform:translate(0)}.menu-item-row.added{animation:item-added .35s cubic-bezier(.34,1.56,.64,1)}.menu-item-row.is-86d{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.menu-row-img{width:48px;height:48px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.menu-row-name{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.35;white-space:normal}.menu-row-price{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent-bright);flex-shrink:0;margin-left:auto;padding-left:8px}.menu-item-img{height:90px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;background:var(--bg-subtle)}.menu-item-body{padding:10px;flex:1}.menu-item-name{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-item-price{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--accent-bright);margin-top:4px}.badge-86{position:absolute;top:0;right:0;background:var(--danger);color:#fff;font-family:var(--font-display);font-size:9px;font-weight:700;padding:3px 6px;border-radius:0 var(--radius-sm) 0 var(--radius-sm)}.ticket-header{padding:16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.ticket-items{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.ticket-item{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:10px;transition:var(--transition);cursor:pointer}.ticket-item:hover{background:var(--bg-hover)}.ticket-item-qty{display:flex;align-items:center;gap:4px;flex-shrink:0}.qty-btn{width:22px;height:22px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:var(--transition)}.qty-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.qty-num{font-family:var(--font-display);font-size:14px;font-weight:700;min-width:20px;text-align:center;color:var(--text-primary)}.ticket-item-details{flex:1;min-width:0}.ticket-item-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item-mods{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item-price{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-primary);flex-shrink:0}.ticket-totals{padding:14px 16px;border-top:1px solid var(--border);background:var(--bg-subtle)}.ticket-total-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:13px;color:var(--text-secondary)}.ticket-total-row.grand-total{padding-top:10px;margin-top:6px;border-top:1px solid var(--border);font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)}.ticket-actions{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px}.kds-screen{height:100%;display:flex;flex-direction:column;background:var(--bg-base);overflow:hidden;color:var(--text-primary)}.kds-header{padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.kds-clock{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.kds-grid{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-items:start;align-content:start;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.kds-ticket{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-height:200px;box-shadow:var(--shadow-sm);transition:all .2s ease}.kds-ticket:hover{border-color:var(--border-accent);box-shadow:var(--glow-sm)}.kds-ticket.kds-ok{border-left:4px solid var(--success)}.kds-ticket.kds-warning{border-left:4px solid var(--warning)}.kds-ticket.kds-critical{border-left:4px solid var(--danger);animation:pulse-border 1.5s ease infinite}.kds-ticket-header{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.kds-ticket-header.kds-ok{background:var(--success-bg)}.kds-ticket-header.kds-warning{background:var(--warning-bg)}.kds-ticket-header.kds-critical{background:var(--danger-bg)}.kds-timer{font-family:var(--font-display);font-size:14px;font-weight:700;padding:4px 10px;border-radius:var(--radius-sm)}.kds-timer.kds-ok{background:var(--success-bg);color:var(--success)}.kds-timer.kds-warning{background:var(--warning-bg);color:var(--warning)}.kds-timer.kds-critical{background:var(--danger-bg);color:var(--danger);animation:pulse 1s ease-in-out infinite}.kds-timer-fresh{color:var(--success);background:var(--success-bg)}.kds-timer-warm{color:var(--warning);background:var(--warning-bg)}.kds-timer-hot{color:var(--danger);background:var(--danger-bg);animation:pulse 1s ease-in-out infinite}.kds-ticket-items{padding:10px 14px;flex:1;display:flex;flex-direction:column;gap:6px}.kds-item{font-size:15px;font-weight:600;color:var(--text-primary);font-family:var(--font-display);padding:6px 0;border-bottom:1px solid var(--border)}.kds-item:last-child{border-bottom:none}.kds-item-mods{font-size:12px;color:var(--text-muted);margin-left:12px;font-family:var(--font-body)}.kds-item-request{font-size:11px;color:var(--warning);margin-left:12px;font-family:var(--font-body)}.kds-bump-btn{width:100%;height:48px;flex-shrink:0;background:var(--accent);color:var(--accent-text);border:none;border-top:1px solid var(--border-accent);border-radius:0;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:auto}.kds-bump-btn:hover{filter:brightness(1.12);box-shadow:var(--glow-accent)}.kds-bump-accept{background:var(--accent);color:var(--accent-text);border-top-color:var(--accent-border)}.kds-bump-accept:hover{filter:brightness(1.15)}.kds-bump-prep{background:var(--warning);color:#fff;border-top-color:var(--warning-border)}.kds-bump-prep:hover{filter:brightness(1.12)}.kds-bump-ready{background:var(--accent);color:var(--accent-text);border-top-color:var(--accent-border)}.kds-bump-ready:hover{filter:brightness(1.15)}.kds-ticket.paid-order .kds-bump-btn{color:var(--warning);background:var(--warning-bg);border-top-color:var(--warning-border)}.kds-ticket.paid-order .kds-bump-btn:hover{background:var(--warning);color:#fff}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)}.slide-over{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:var(--bg-surface);border-left:1px solid var(--border-accent);box-shadow:var(--shadow-lg),var(--glow-sm);z-index:500;display:flex;flex-direction:column;animation:slide-in-right .25s cubic-bezier(.4,0,.2,1) forwards}.slide-over-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.slide-over-body{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.slide-over-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.context-menu{position:fixed;background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--glow-sm);z-index:2000;min-width:180px;overflow:hidden;animation:modal-in .15s ease forwards}.context-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:var(--text-primary);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:var(--transition);font-family:var(--font-body)}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item.danger{color:var(--danger)}.context-menu-item.danger:hover{background:var(--danger-bg)}.context-menu-divider{height:1px;background:var(--border);margin:4px 0}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad-btn{aspect-ratio:1.5;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius);font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.numpad-btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.numpad-btn:active{transform:scale(.95)}.numpad-btn.accent{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-bright)}.numpad-btn.action{background:var(--accent);border-color:var(--accent);color:#fff}.table-card{background:var(--bg-surface);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;box-shadow:var(--shadow-sm)}.table-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-sm);border-color:var(--border-accent)}.table-card.status-available{border-left-color:var(--success)}.table-card.status-seated{border-left-color:var(--warning)}.table-card.status-ordered{border-left-color:var(--info)}.table-card.status-bill{border-left-color:var(--danger)}.table-card.status-reserved{border-left-color:var(--accent)}.table-card.status-paid{border-left-color:var(--success)}.table-number{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary)}.confetti-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:10px;height:10px;border-radius:2px;animation:confetti-fall linear forwards}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--bg-surface)!important;border:1px solid var(--border-accent)!important;border-radius:var(--radius-sm)!important}.recharts-text{fill:var(--text-muted);font-family:var(--font-body);font-size:12px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.w-full{width:100%}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-bold{font-weight:700}.font-display-text{font-family:var(--font-display)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.rounded-full{border-radius:var(--radius-full)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.p-4{padding:16px}.p-5{padding:20px}.py-2{padding-top:8px;padding-bottom:8px}.px-3{padding-left:12px;padding-right:12px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.grid{display:grid}.opacity-50{opacity:.5}.pointer-events-none{pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glowPulse{0%,to{box-shadow:var(--glow-sm)}50%{box-shadow:var(--glow-accent)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-in{animation:fadeInUp .2s ease forwards}.badge-pulse{animation:glowPulse 1.5s ease-in-out infinite}.stagger>*:nth-child(1){animation:fadeInUp .2s ease 0s both}.stagger>*:nth-child(2){animation:fadeInUp .2s ease .05s both}.stagger>*:nth-child(3){animation:fadeInUp .2s ease .1s both}.stagger>*:nth-child(4){animation:fadeInUp .2s ease .15s both}.stagger>*:nth-child(5){animation:fadeInUp .2s ease .2s both}.stagger>*:nth-child(6){animation:fadeInUp .2s ease .25s both}.stagger-children>*{opacity:0;animation:fadeInUp .2s ease forwards}.stagger-children>*:nth-child(1){animation-delay:0s}.stagger-children>*:nth-child(2){animation-delay:.04s}.stagger-children>*:nth-child(3){animation-delay:.08s}.stagger-children>*:nth-child(4){animation-delay:.12s}.stagger-children>*:nth-child(5){animation-delay:.16s}.stagger-children>*:nth-child(6){animation-delay:.2s}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes item-added{0%{transform:scale(1);box-shadow:0 0 0 0 var(--accent-muted)}40%{transform:scale(1.06);box-shadow:0 0 0 8px var(--accent-muted)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@keyframes pulse-border{0%,to{border-color:var(--danger)}50%{border-color:#ff3b3b4d}}@keyframes pulse-kds{0%,to{opacity:1}50%{opacity:.6}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-60px);opacity:0}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes scale-up{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%,to{box-shadow:0 0 #ff3b3b66}50%{box-shadow:0 0 0 8px #ff3b3b00}}.pulse-ring{animation:pulse-ring 2s ease infinite}.animate-shake{animation:shake .4s ease}.animate-spin{animation:spin .8s linear infinite}.animate-scale{animation:scale-up .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-count{animation:count-up .5s ease forwards}.animate-slide-out{animation:slide-out-left .25s ease forwards}.slide-in-right{animation:slide-in-right .25s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 1200px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 1024px){.sidebar{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.order-ticket-panel{min-width:280px}}