@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-primary)}.login-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--accent) 15%,transparent) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(99,102,241,.05) 0%,transparent 50%);pointer-events:none}.login-card{position:relative;width:100%;max-width:420px;padding:var(--space-10);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:var(--space-4)}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-logo-icon{width:64px;height:64px;border-radius:var(--radius-xl);display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:var(--space-4);box-shadow:0 8px 24px #0000004d}.login-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--text-primary);letter-spacing:-.02em}.login-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-semibold)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-error{padding:var(--space-3) var(--space-4);background:var(--accent-danger-subtle);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.login-field{display:flex;flex-direction:column;gap:var(--space-2)}.login-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.login-field input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-field input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle)}.login-field input::placeholder{color:var(--text-muted)}.login-button{padding:var(--space-3) var(--space-6);background:var(--btn-color, var(--accent-primary));color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;margin-top:var(--space-2)}.login-button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-spinner{font-size:var(--text-xl);display:inline-block}.login-footer{text-align:center;margin-top:var(--space-8);font-size:var(--text-xs);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.login-theme-toggle{padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color)}.login-theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}@media(max-width:480px){.login-card{padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-3)}.login-title{font-size:var(--text-2xl)}}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle__track{position:relative;display:flex;align-items:center;justify-content:center}.theme-toggle__icon{position:absolute;transition:all .4s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:scale(.5) rotate(-90deg)}.theme-toggle__icon.active{opacity:1;transform:scale(1) rotate(0)}.theme-toggle__sun.active{color:#f59e0b}.theme-toggle__moon.active{color:#93c5fd}.theme-toggle__auto-dot{position:absolute;bottom:3px;right:3px;width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-accent);animation:pulse 2s ease-in-out infinite}.dashboard-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky);transition:width var(--transition-normal),transform var(--transition-normal);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-height)}.sidebar-close-btn{display:none;order:-1;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:var(--bg-hover);color:var(--text-primary);font-size:18px;cursor:pointer;transition:all .15s;align-items:center;justify-content:center;flex-shrink:0}.sidebar-close-btn:hover{background:var(--bg-tertiary)}.sidebar-brand-icon{width:38px;height:38px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 30%,transparent);transition:transform var(--transition-fast)}.sidebar-brand:hover .sidebar-brand-icon{transform:scale(1.05)}.sidebar-brand-text{display:flex;flex-direction:column;overflow:hidden}.sidebar-brand-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em}.sidebar-brand-role{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:var(--font-semibold)}.collapsed .sidebar-brand-text{display:none}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;cursor:pointer;background:none;border:none;width:100%;text-align:left;position:relative}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(2px)}.sidebar-link.active{background:var(--accent-primary-subtle);color:var(--accent-primary);font-weight:var(--font-semibold)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-link-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0;transition:transform var(--transition-fast)}.sidebar-link:hover .sidebar-link-icon{transform:scale(1.15)}.collapsed .sidebar-link span:not(.sidebar-link-icon){display:none}.sidebar-section{padding:var(--space-4) var(--space-4) var(--space-1);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-weight:var(--font-semibold);opacity:.7}.collapsed .sidebar-section{display:none}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--border-color)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-primary-subtle),color-mix(in srgb,var(--accent-primary) 15%,transparent));display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--accent-primary);flex-shrink:0;border:2px solid color-mix(in srgb,var(--accent-primary) 25%,transparent)}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapsed .sidebar-user-info{display:none}.sidebar-footer-actions{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);margin-top:var(--space-1);animation:expandDown .25s ease-out}.sidebar-footer-actions .theme-toggle{flex-shrink:0}@keyframes expandDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0}to{opacity:1;max-height:60px}}.sidebar-user-chevron{margin-left:auto;font-size:10px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.sidebar-user.expanded{background:var(--bg-hover)}.collapsed .sidebar-user-chevron{display:none}.header-desktop-only{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logout-btn{flex:1;padding:var(--space-2) var(--space-3);background:var(--accent-danger-subtle);color:var(--accent-danger);border:1px solid color-mix(in srgb,var(--accent-danger) 20%,transparent);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);text-align:center}.sidebar-logout-btn:hover{background:var(--accent-danger);color:#fff}.dashboard-main{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);display:flex;flex-direction:column;min-height:100vh}.sidebar.collapsed~.dashboard-main,.dashboard-layout:has(.sidebar.collapsed) .dashboard-main{margin-left:var(--sidebar-collapsed)}.dashboard-header{height:var(--header-height);background:color-mix(in srgb,var(--bg-secondary) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:var(--z-sticky)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:none;color:var(--text-secondary);font-size:20px;transition:all var(--transition-fast);border:1px solid transparent}.header-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.header-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-ws-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em}.header-ws-indicator.connected{background:var(--accent-success-subtle);color:var(--accent-success)}.header-ws-indicator.disconnected{background:var(--accent-danger-subtle);color:var(--accent-danger);animation:pulse-subtle 2s infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}.header-ws-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.header-ws-indicator.connected .header-ws-dot{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 30%,transparent)}}.header-logout{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);border:1px solid transparent}.header-logout:hover{background:var(--accent-danger-subtle);color:var(--accent-danger);border-color:color-mix(in srgb,var(--accent-danger) 30%,transparent);transform:translateY(-1px)}.header-theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-secondary);font-size:16px;transition:all var(--transition-fast)}.header-theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);transform:rotate(15deg) scale(1.05)}.dashboard-content{flex:1;padding:var(--space-6);max-width:var(--content-max-width);width:100%;overflow-x:hidden}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-sticky) - 1)}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width);box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 32px #0000004d;z-index:calc(var(--z-sticky) + 10)}.sidebar-close-btn{display:flex}.sidebar-overlay.visible{display:block}.dashboard-main{margin-left:0!important;overflow-x:hidden}.dashboard-content{padding:var(--space-3)}.dashboard-header{height:auto;min-height:48px;padding:var(--space-2) var(--space-3);gap:var(--space-2);overflow:hidden}.header-left{gap:var(--space-2);min-width:0;flex:1;overflow:hidden}.header-toggle{width:32px;height:32px;font-size:18px;flex-shrink:0}.header-title{font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{gap:var(--space-1);flex-shrink:0}.header-ws-indicator{padding:var(--space-1) var(--space-2)}.header-desktop-only{display:none}}.animate-fadeIn{animation:fadeIn .25s ease-out}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all .2s ease;min-height:88px}.kpi-card:hover{border-color:color-mix(in srgb,var(--kpi-color) 40%,var(--border-color));box-shadow:0 4px 16px color-mix(in srgb,var(--kpi-color) 10%,transparent);transform:translateY(-2px)}.kpi-icon-box{width:44px;height:44px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--kpi-color) 12%,transparent);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.kpi-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kpi-title{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.3;font-variant-numeric:tabular-nums;display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-width:0}.kpi-footer{display:flex;align-items:center;gap:6px}.kpi-subtitle{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-trend{font-size:.68rem;font-weight:var(--font-bold);white-space:nowrap}.kpi-trend.up{color:var(--accent-success)}.kpi-trend.down{color:var(--accent-danger)}.kpi-trend.flat{color:var(--text-muted)}@media(max-width:768px){.kpi-card{padding:var(--space-3);min-height:68px;gap:var(--space-3)}.kpi-icon-box{width:34px;height:34px;font-size:15px}.kpi-value{font-size:var(--text-base)}.kpi-title{font-size:.65rem}.kpi-subtitle{font-size:.62rem}}@media(max-width:480px){.kpi-card{padding:var(--space-2) var(--space-3);min-height:60px;gap:var(--space-2)}.kpi-icon-box{width:30px;height:30px;font-size:14px}.kpi-value{font-size:var(--text-sm)}}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--bg-base: #0f1117;--bg-surface: #1a1d2e;--bg-elevated: #252836;--bg-hover: #2d3148;--bg-input: #1a1d2e;--bg-overlay: rgba(0, 0, 0, .6);--bg-glass: rgba(255, 255, 255, .06);--bg-glass-subtle: rgba(255, 255, 255, .03);--bg-glass-medium: rgba(255, 255, 255, .09);--bg-primary: var(--bg-base);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-elevated);--bg-card: var(--bg-surface);--text-primary: #f0f2f5;--text-secondary: #a0a3b1;--text-muted: #6b6e7b;--text-inverse: #0f172a;--border-color: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--border-focus: var(--color-primary);--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-soft: #1e3a5f;--color-primary-subtle: rgba(96, 165, 250, .12);--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-soft: #134e4a;--color-accent-subtle: rgba(45, 212, 191, .12);--color-success: #4ade80;--color-success-soft: #14532d;--color-success-subtle: rgba(74, 222, 128, .12);--color-warning: #fbbf24;--color-warning-soft: #713f12;--color-warning-subtle: rgba(251, 191, 36, .12);--color-danger: #f87171;--color-danger-soft: #7f1d1d;--color-danger-subtle: rgba(248, 113, 113, .12);--color-info: #60a5fa;--color-info-soft: #1e3a5f;--color-info-subtle: rgba(96, 165, 250, .12);--color-orange: #fb923c;--color-orange-soft: #7c2d12;--color-orange-subtle: rgba(251, 146, 60, .12);--color-purple: #a78bfa;--color-purple-soft: #3b0764;--color-purple-subtle: rgba(167, 139, 250, .12);--accent-primary: var(--color-primary);--accent-primary-hover: var(--color-primary-hover);--accent-primary-subtle: var(--color-primary-subtle);--accent-success: var(--color-success);--accent-success-subtle: var(--color-success-subtle);--accent-warning: var(--color-warning);--accent-warning-subtle: var(--color-warning-subtle);--accent-danger: var(--color-danger);--accent-danger-subtle: var(--color-danger-subtle);--accent-info: var(--color-info);--accent-info-subtle: var(--color-info-subtle);--color-superadmin: #a78bfa;--color-business: #60a5fa;--color-chef: #fb923c;--color-bar: #fbbf24;--color-delivery: #2dd4bf;--color-waiter: #60a5fa;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(96, 165, 250, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-theme: .3s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--content-max-width: 1400px;--bottom-nav-height: 64px;color-scheme:dark}[data-theme=light]{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--bg-hover: #e2e8f0;--bg-input: #ffffff;--bg-overlay: rgba(15, 23, 42, .4);--bg-glass: rgba(0, 0, 0, .04);--bg-glass-subtle: rgba(0, 0, 0, .03);--bg-glass-medium: rgba(0, 0, 0, .07);--bg-primary: var(--bg-base);--bg-secondary: var(--bg-surface);--bg-tertiary: #f0f2f5;--bg-card: var(--bg-surface);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-light: #cbd5e1;--border-focus: var(--color-primary);--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #eff6ff;--color-primary-subtle: rgba(37, 99, 235, .08);--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-accent-soft: #f0fdfa;--color-accent-subtle: rgba(13, 148, 136, .08);--color-success: #22c55e;--color-success-soft: #f0fdf4;--color-success-subtle: rgba(34, 197, 94, .08);--color-warning: #f59e0b;--color-warning-soft: #fffbeb;--color-warning-subtle: rgba(245, 158, 11, .08);--color-danger: #ef4444;--color-danger-soft: #fef2f2;--color-danger-subtle: rgba(239, 68, 68, .08);--color-info: #3b82f6;--color-info-soft: #eff6ff;--color-info-subtle: rgba(59, 130, 246, .08);--color-orange: #f97316;--color-orange-soft: #fff7ed;--color-orange-subtle: rgba(249, 115, 22, .08);--color-purple: #7c3aed;--color-purple-soft: #f5f3ff;--color-purple-subtle: rgba(124, 58, 237, .08);--accent-primary: var(--color-primary);--accent-primary-hover: var(--color-primary-hover);--accent-primary-subtle: var(--color-primary-subtle);--accent-success: var(--color-success);--accent-success-subtle: var(--color-success-subtle);--accent-warning: var(--color-warning);--accent-warning-subtle: var(--color-warning-subtle);--accent-danger: var(--color-danger);--accent-danger-subtle: var(--color-danger-subtle);--accent-info: var(--color-info);--accent-info-subtle: var(--color-info-subtle);--color-superadmin: #7c3aed;--color-business: #2563eb;--color-chef: #f97316;--color-bar: #f59e0b;--color-delivery: #0d9488;--color-waiter: #2563eb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .1);--shadow-glow: 0 4px 14px rgba(37, 99, 235, .12);--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.125rem;--radius-2xl: 1.5rem;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-regular);line-height:1.6;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-theme),color var(--transition-theme);overflow-x:hidden;min-height:100vh;min-height:100dvh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-family);font-size:var(--text-sm)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=light] ::-webkit-scrollbar-track{background:#f0f2f5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c1c7d0}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#8392ab}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes readyPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInScale{animation:fadeInScale .25s ease-out}.animate-slideUp{animation:slideInUp .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.ob-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.ob-card:hover{box-shadow:var(--shadow-md)}.ob-card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.ob-card--interactive{cursor:pointer}.ob-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ob-card--bordered-left{border-left:4px solid var(--color-primary);padding-left:var(--space-4)}.ob-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.ob-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.ob-card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.ob-card__body{color:var(--text-secondary)}.ob-card__footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.ob-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.ob-kpi{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.ob-kpi:hover{box-shadow:var(--shadow-md)}.ob-kpi--solid{border:none;color:#fff}.ob-kpi--solid .ob-kpi__title,.ob-kpi--solid .ob-kpi__value,.ob-kpi--solid .ob-kpi__trend{color:#fff}.ob-kpi--solid .ob-kpi__subtitle{color:#ffffffbf}.ob-kpi--blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.ob-kpi--green{background:linear-gradient(135deg,#16a34a,#22c55e)}.ob-kpi--orange{background:linear-gradient(135deg,#ea580c,#f97316)}.ob-kpi--purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.ob-kpi--teal{background:linear-gradient(135deg,#0d9488,#2dd4bf)}.ob-kpi--red{background:linear-gradient(135deg,#dc2626,#f87171)}.ob-kpi__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:var(--color-primary-subtle)}.ob-kpi--solid .ob-kpi__icon{background:#fff3}.ob-kpi__content{flex:1;min-width:0}.ob-kpi__title{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:2px;font-weight:var(--font-medium)}.ob-kpi__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.ob-kpi__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:4px}.ob-kpi__trend{font-size:var(--text-xs);font-weight:var(--font-semibold)}.ob-kpi__trend--up{color:var(--color-success)}.ob-kpi__trend--down{color:var(--color-danger)}.ob-kpi__trend--flat{color:var(--text-muted)}.ob-kpi__subtitle{font-size:var(--text-xs);color:var(--text-muted)}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.5;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.ob-btn:active{transform:scale(.97)}.ob-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ob-btn--primary{background:var(--color-primary);color:#fff}.ob-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.ob-btn--success{background:var(--color-success);color:#fff}.ob-btn--success:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-md)}.ob-btn--danger{background:var(--color-danger);color:#fff}.ob-btn--danger:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-md)}.ob-btn--warning{background:var(--color-warning);color:#1a1a1a}.ob-btn--warning:hover:not(:disabled){filter:brightness(1.05)}.ob-btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.ob-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.ob-btn--soft{background:var(--color-primary-subtle);color:var(--color-primary)}.ob-btn--soft:hover:not(:disabled){background:var(--color-primary-soft)}.ob-btn--xs{padding:2px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.ob-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.ob-btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.ob-btn--xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl);min-height:52px}.ob-btn--full{width:100%}.ob-btn--icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.ob-btn--icon.ob-btn--lg{width:44px;height:44px}.ob-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;line-height:1.6}.ob-badge--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.ob-badge--success{background:var(--color-success-subtle);color:var(--color-success)}.ob-badge--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.ob-badge--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.ob-badge--info{background:var(--color-info-subtle);color:var(--color-info)}.ob-badge--orange{background:var(--color-orange-subtle);color:var(--color-orange)}.ob-badge--purple{background:var(--color-purple-subtle);color:var(--color-purple)}.ob-badge--neutral{background:var(--bg-hover);color:var(--text-secondary)}.ob-badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.ob-badge__dot--pulse{animation:pulse 2s ease-in-out infinite}.ob-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.ob-input::placeholder{color:var(--text-muted)}.ob-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.ob-input--error{border-color:var(--color-danger)}.ob-input--error:focus{box-shadow:0 0 0 3px var(--color-danger-subtle)}.ob-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.ob-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.ob-helper{font-size:var(--text-xs);color:var(--text-muted)}.ob-helper--error{color:var(--color-danger)}.ob-select{-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='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.ob-search-wrapper{position:relative}.ob-search-wrapper .ob-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-base);pointer-events:none}.ob-search-wrapper .ob-input{padding-left:var(--space-10)}.ob-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.ob-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:fadeInScale .25s ease-out;z-index:var(--z-modal)}.ob-modal--sm{max-width:380px}.ob-modal--lg{max-width:720px}.ob-modal--xl{max-width:960px}.ob-modal--full{max-width:100%;max-height:100%;border-radius:0}.ob-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color)}.ob-modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.ob-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:18px;transition:all var(--transition-fast);cursor:pointer;border:none}.ob-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.ob-modal__body{padding:var(--space-6)}.ob-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color)}.ob-table-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-surface)}.ob-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ob-table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);white-space:nowrap}.ob-table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle}.ob-table tbody tr{transition:background var(--transition-fast)}.ob-table tbody tr:hover{background:var(--bg-hover)}.ob-table tbody tr:last-child td{border-bottom:none}.ob-tabs{display:flex;gap:var(--space-1);padding:3px;background:var(--bg-elevated);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.ob-tabs::-webkit-scrollbar{display:none}.ob-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;background:transparent}.ob-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.ob-tab--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-semibold)}.ob-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0;-webkit-overflow-scrolling:touch}.ob-chips::-webkit-scrollbar{display:none}.ob-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.ob-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.ob-chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ob-toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:380px}.ob-toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight .3s ease-out;font-size:var(--text-sm);color:var(--text-primary)}.ob-toast--success{border-left:4px solid var(--color-success)}.ob-toast--warning{border-left:4px solid var(--color-warning)}.ob-toast--danger{border-left:4px solid var(--color-danger)}.ob-toast--info{border-left:4px solid var(--color-info)}.ob-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-muted)}.ob-empty__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.ob-empty__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.ob-empty__description{font-size:var(--text-sm);max-width:320px}.ob-divider{height:1px;background:var(--border-color);margin:var(--space-4) 0}.ob-divider--space-lg{margin:var(--space-6) 0}.ob-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);background:var(--color-primary-subtle);color:var(--color-primary);flex-shrink:0;overflow:hidden}.ob-avatar img{width:100%;height:100%;object-fit:cover}.ob-avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.ob-avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.ob-avatar--xl{width:72px;height:72px;font-size:var(--text-xl)}.ob-progress{width:100%;height:6px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.ob-progress__bar{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width var(--transition-normal)}.ob-progress__bar--success{background:var(--color-success)}.ob-progress__bar--warning{background:var(--color-warning)}.ob-progress__bar--danger{background:var(--color-danger)}.ob-kanban{display:grid;gap:var(--space-4);height:100%}.ob-kanban--3{grid-template-columns:repeat(3,1fr)}.ob-kanban--4{grid-template-columns:repeat(4,1fr)}.ob-kanban__column{display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.ob-kanban__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:sticky;top:0;z-index:1}.ob-kanban__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.ob-kanban__count{font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary)}.ob-kanban__cards{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:1024px){.ob-kanban--3,.ob-kanban--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ob-kanban--3,.ob-kanban--4{grid-template-columns:1fr}}.ob-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.ob-page-header__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.ob-page-header__actions{display:flex;align-items:center;gap:var(--space-3)}.ob-section{margin-bottom:var(--space-8)}.ob-section__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.orders-page{display:flex;flex-direction:column;gap:var(--space-5)}.orders-loading{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-primary)}.orders-filters{display:flex;flex-wrap:nowrap;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.orders-filters::-webkit-scrollbar{display:none}.orders-date-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .15s;flex-shrink:0}.orders-date-trigger:hover{background:#6366f11a;border-color:var(--accent-primary, #6366f1)}.orders-date-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0006}.orders-date-menu{position:fixed;z-index:100;min-width:200px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;padding:var(--space-2);animation:ordersDropIn .15s ease}.orders-date-menu--responsive{top:80px;right:24px;left:auto}@keyframes ordersDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.orders-date-handle,.orders-date-close{display:none}.orders-date-option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;text-align:left;transition:background .12s}.orders-date-option:hover{background:var(--bg-hover)}.orders-date-option.active{background:var(--accent-primary, #6366f1);color:#fff}.orders-date-custom{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-color);margin-top:var(--space-1)}.orders-date-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.orders-date-field label{font-size:.65rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.orders-date-field input[type=date]{padding:8px 6px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box;min-height:40px;-webkit-appearance:none}.orders-date-field input[type=date]:focus{border-color:var(--accent-primary, #6366f1)}.filter-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast)}.filter-tab:hover{border-color:var(--tab-color, var(--accent-primary));color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-tab.active{background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:var(--font-semibold)}.filter-count{background:var(--bg-tertiary);padding:1px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);min-width:22px;text-align:center}.filter-tab.active .filter-count{background:var(--accent-primary);color:#fff}.filter-tab:not(.active) .filter-count{background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #374151);font-weight:var(--font-bold)}.orders-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-5);min-height:500px}.orders-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:calc(100vh - 240px);overflow-y:auto;padding-right:var(--space-2)}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--text-muted);text-align:center}.order-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--space-3);position:relative}.order-card:hover{border-color:var(--border-light);background:var(--bg-elevated);transform:translate(4px);box-shadow:var(--shadow-md)}.order-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),var(--shadow-md);background:color-mix(in srgb,var(--accent-primary) 3%,var(--bg-card))}.order-card.selected:before{content:"";position:absolute;left:0;top:var(--space-3);bottom:var(--space-3);width:3px;background:var(--accent-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.order-card-header{display:flex;justify-content:space-between;align-items:center}.order-number{font-weight:var(--font-bold);font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.order-card-body{display:flex;flex-direction:column;gap:var(--space-1)}.order-customer{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.order-phone{color:var(--text-muted);font-size:var(--text-xs)}.order-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2);border-top:1px solid var(--border-color)}.order-total{font-weight:var(--font-bold);color:var(--accent-success);font-variant-numeric:tabular-nums;font-size:var(--text-sm)}.order-items-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.order-detail{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);max-height:calc(100vh - 240px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-lg)}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-4);color:var(--text-muted);text-align:center}.detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.detail-topbar-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.detail-back-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.detail-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-date{font-size:var(--text-sm);color:var(--text-muted)}.detail-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);white-space:nowrap}.chip-table{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}.chip-waiter{background:#8b5cf61a;border-color:#8b5cf640;color:#7c3aed}.detail-tax-card{padding:var(--space-3);border-radius:var(--radius-lg);background:#a78bfa14;border:1px solid rgba(167,139,250,.25)}.detail-tax-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:#a78bfa;display:flex;align-items:center;gap:6px;margin-bottom:var(--space-2)}.detail-tax-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.detail-tax-grid>div{display:flex;flex-direction:column;gap:2px}.detail-status-strip{display:flex;flex-direction:column;gap:var(--space-2)}.detail-status-strip:empty{display:none}.status-strip-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-lg);font-size:var(--text-sm)}.status-strip-badge span{color:var(--text-secondary)}.strip-chef{background:#f9731614;border:1px solid rgba(249,115,22,.2)}.strip-chef strong{color:#f97316}.strip-delivery{background:#06b6d414;border:1px solid rgba(6,182,212,.2)}.strip-delivery strong{color:#06b6d4}.strip-delivered{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.strip-delivered strong{color:#22c55e}.strip-waiting{background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:var(--text-secondary)}.strip-waiting strong{color:#3b82f6}.strip-delivering{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:var(--text-secondary)}.strip-delivering strong{color:#22c55e}.detail-section{display:flex;flex-direction:column;gap:var(--space-3)}.detail-section h3{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg)}.detail-info-grid>div{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.detail-address{margin-top:var(--space-2)}.detail-address p{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.detail-items{display:flex;flex-direction:column}.detail-item-container{display:flex;flex-direction:column;gap:4px;padding:var(--space-2) 0;border-bottom:1px solid var(--border-color)}.detail-item-container:last-child{border-bottom:none}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-item-info{display:flex;gap:var(--space-2);align-items:center}.detail-item-qty{color:var(--accent-primary);font-weight:var(--font-bold);min-width:28px;font-size:var(--text-sm)}.detail-item-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.detail-item-price{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.detail-item-options{font-size:.8rem;color:var(--text-secondary);padding-left:28px}.detail-total{margin-top:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-tertiary)}.detail-total-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1) 0}.detail-total-row.total{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border-color)}.detail-notes{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);font-style:italic;border-left:3px solid var(--accent-warning)}.detail-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.action-btn{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-bold);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px}.action-btn.primary{background:var(--btn-color, var(--accent-primary));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--btn-color, var(--accent-primary)) 30%,transparent)}.action-btn.primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--btn-color, var(--accent-primary)) 40%,transparent)}.action-btn.danger{background:var(--accent-danger-subtle);color:var(--accent-danger);border:1px solid color-mix(in srgb,var(--accent-danger) 30%,transparent)}.action-btn.danger:hover:not(:disabled){background:var(--accent-danger);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-danger) 30%,transparent)}.action-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.orders-grid{grid-template-columns:1fr}.orders-list{max-height:none;overflow-y:visible;padding-right:0}.order-detail{display:none}.order-detail.visible{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 100);max-height:100vh;border-radius:0;background:var(--bg-primary);animation:slideUp .25s ease;padding:var(--space-4);padding-top:0;overflow-y:auto;-webkit-overflow-scrolling:touch;border:none;box-shadow:none}.detail-topbar{position:sticky;top:0;background:var(--bg-primary);z-index:10;padding:var(--space-3) 0;margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4)}.detail-back-btn{padding:var(--space-1) var(--space-3)}}@media(max-width:768px){.orders-page{gap:var(--space-3);overflow-x:hidden}.orders-filters{gap:4px;padding-bottom:var(--space-1);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;margin:0;padding-left:0;padding-right:var(--space-4);-ms-overflow-style:none;scroll-behavior:smooth;touch-action:pan-x}.orders-filters::-webkit-scrollbar{display:none}.filter-tab{font-size:11px;padding:5px 10px;flex-shrink:0;gap:4px}.filter-count{font-size:10px;padding:1px 5px;min-width:18px}.order-card{padding:var(--space-3);gap:var(--space-2);overflow:hidden}.order-card:hover{transform:none}.order-card-header{gap:var(--space-2)}.order-number{font-size:var(--text-sm)}.order-meta{flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.order-card-footer{flex-wrap:wrap;gap:var(--space-2)}.order-detail.visible{padding:var(--space-3)}.detail-header{flex-wrap:wrap;gap:var(--space-2)}.detail-header h2{font-size:var(--text-lg)}.detail-info-grid{grid-template-columns:1fr;padding:var(--space-3)}.detail-actions{flex-direction:column}.action-btn{width:100%}}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) 0;margin-top:var(--space-2);border-top:1px solid var(--border-color)}.pagination-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-semibold);min-width:48px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-box{background:var(--bg-card);border-radius:var(--radius-xl, 16px);padding:clamp(18px,4vw,28px);width:90%;max-width:380px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a;animation:modalEnter .25s ease}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.orders-date-backdrop{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.orders-date-menu--responsive{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:88%;max-width:340px;border-radius:20px;padding:4px 8px 12px;animation:ordersScaleIn .2s ease;box-shadow:0 20px 60px #00000080}@keyframes ordersScaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.orders-date-handle{display:flex;justify-content:center;padding:10px 0 6px}.orders-date-handle-bar{width:36px;height:4px;border-radius:2px;background:var(--border-color)}.orders-date-option{padding:12px 16px;font-size:.92rem;font-weight:600;border-radius:10px}.orders-date-custom{flex-direction:column;gap:10px;padding:12px 8px}.orders-date-field input[type=date]{padding:10px 8px;font-size:.92rem;min-height:44px;border-radius:10px}.orders-date-close{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--border-color);border-radius:12px;background:transparent;color:var(--text-secondary);font-size:.92rem;font-weight:600;cursor:pointer}}.menu-page{display:flex;flex-direction:column;gap:var(--space-4)}.menu-page-loading{display:flex;align-items:center;justify-content:center;height:300px}.menu-stats-strip{display:flex;gap:var(--space-2);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x;padding:4px 0}.menu-stats-strip::-webkit-scrollbar{display:none}.menu-stat-chip{display:flex;align-items:center;gap:var(--space-2);padding:6px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;transition:all .15s ease}.stat-chip-value{font-weight:var(--font-bold);color:var(--text-primary)}.stat-chip-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.03em}.stat-chip-success{border-color:#22c55e4d;background:#22c55e0f}.stat-chip-success .stat-chip-value{color:var(--accent-success, #22c55e)}.stat-chip-danger{border-color:#ef44444d;background:#ef44440f}.stat-chip-danger .stat-chip-value{color:var(--accent-danger, #ef4444)}.stat-chip-warning{border-color:#f59e0b4d;background:#f59e0b0f}.stat-chip-warning .stat-chip-value{color:#f59e0b}.stat-chip-danger,.stat-chip-warning{cursor:pointer}.stat-chip-danger:hover{background:#ef44441f;border-color:#ef444480}.stat-chip-warning:hover{background:#f59e0b1f;border-color:#f59e0b80}.stat-chip-active.stat-chip-danger{background:#ef444426;border-color:#ef4444;border-width:2px;padding:5px 13px}.stat-chip-active.stat-chip-warning{background:#f59e0b26;border-color:#f59e0b;border-width:2px;padding:5px 13px}.menu-share-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.menu-share-row-icon{font-size:16px;flex-shrink:0}.menu-share-row-url{flex:1;min-width:0;font-size:var(--text-xs);color:var(--accent-primary);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-share-copy-btn,.menu-share-view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);font-size:14px;cursor:pointer;transition:all .15s;flex-shrink:0;text-decoration:none;color:var(--text-secondary)}.menu-share-copy-btn:hover,.menu-share-view-btn:hover{background:#6366f114;border-color:var(--accent-primary)}.menu-categories-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3)}.menu-categories-bar{display:flex;align-items:center;gap:var(--space-2)}.menu-categories-scroll{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1;min-width:0}.menu-cat-chip-wrapper{position:relative}.menu-cat-chip-wrapper:hover .menu-cat-chip-actions{opacity:1}.menu-cat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease;white-space:nowrap}.menu-cat-chip:hover{border-color:var(--accent-primary);background:#6366f10f;color:var(--text-primary)}.menu-cat-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:var(--font-semibold);box-shadow:0 2px 8px #6366f140}.cat-chip-icon{font-size:14px}.cat-chip-name{line-height:1}.cat-chip-station{font-size:10px;opacity:.7}.cat-chip-count{font-size:10px;font-weight:var(--font-bold);background:#ffffff26;padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.menu-cat-chip:not(.active) .cat-chip-count{background:var(--bg-tertiary);color:var(--text-muted)}.menu-cat-chip.active .cat-chip-count{background:#ffffff40;color:#fff}.cat-chip-divider{width:1px;height:14px;background:#ffffff59;margin:0 2px;flex-shrink:0}.cat-chip-action{font-size:12px;cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:transform .12s;flex-shrink:0;line-height:1}.cat-chip-action:hover{transform:scale(1.15)}.menu-cat-add-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--accent-primary);color:#fff;border:none;font-size:18px;font-weight:var(--font-bold);cursor:pointer;transition:all .15s;flex-shrink:0}.menu-cat-add-btn:hover{filter:brightness(1.15);transform:scale(1.05)}.menu-stock-alerts{background:color-mix(in srgb,#f59e0b 6%,var(--bg-card));border:1px solid color-mix(in srgb,#f59e0b 30%,var(--border-color));border-radius:var(--radius-lg);overflow:hidden;animation:fadeIn .3s ease}.menu-stock-alerts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:color-mix(in srgb,#f59e0b 10%,var(--bg-card));border-bottom:1px solid color-mix(in srgb,#f59e0b 20%,var(--border-color));font-size:var(--text-sm);font-weight:var(--font-bold);color:#f59e0b}.menu-stock-alerts-hint{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted)}.menu-stock-alerts-list{display:flex;flex-direction:column}.menu-stock-alert-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in srgb,#f59e0b 10%,var(--border-color))}.menu-stock-alert-item:last-child{border-bottom:none}.menu-stock-alert-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.menu-stock-alert-img{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.menu-stock-alert-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:20px;flex-shrink:0}.menu-stock-alert-details{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-stock-alert-details strong{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-stock-alert-meta{font-size:11px;color:var(--text-muted)}.menu-stock-alert-note{font-size:11px;color:#f59e0b;font-style:italic}.menu-stock-alert-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.menu-stock-alert-restock{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-secondary)}.menu-stock-alert-input{width:55px;padding:3px 6px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-xs);text-align:center;font-weight:var(--font-bold)}.menu-stock-alert-input:focus{outline:none;border-color:var(--accent-primary)}.menu-products{display:flex;flex-direction:column;gap:var(--space-4)}.menu-toolbar{display:flex;align-items:center;gap:var(--space-3)}.menu-search{flex:1;position:relative}.menu-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:14px}.menu-search input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.menu-search input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle)}.menu-search input::placeholder{color:var(--text-muted)}.menu-search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:14px;background:none;border:none;color:var(--text-muted);cursor:pointer}.menu-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.menu-product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column}.menu-product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.menu-product-card.unavailable{opacity:.6}.menu-product-image{height:140px;overflow:hidden;position:relative;background:var(--bg-tertiary);flex-shrink:0}.menu-product-image img{width:100%;height:100%;object-fit:cover}.menu-product-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;opacity:.4}.menu-product-badge{position:absolute;top:var(--space-2);right:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 10px;border-radius:var(--radius-full)}.unavailable-badge{background:var(--accent-danger);color:#fff}.low-stock-badge{background:#f59e0b;color:#fff}.menu-product-info{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.menu-product-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.3}.menu-product-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-product-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-1)}.menu-product-price{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--accent-success)}.menu-product-category{font-size:var(--text-xs);color:var(--accent-primary, #6366f1);background:color-mix(in srgb,var(--accent-primary, #6366f1) 8%,var(--bg-tertiary));border:1px solid color-mix(in srgb,var(--accent-primary, #6366f1) 20%,transparent);padding:2px 10px;border-radius:var(--radius-full);font-weight:var(--font-semibold);white-space:nowrap}.menu-product-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-color)}.menu-chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);white-space:nowrap}.chip-options{background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-tertiary));color:var(--accent-primary)}.chip-exclusions{background:color-mix(in srgb,#f59e0b 12%,var(--bg-tertiary));color:#f59e0b}.chip-prep{background:color-mix(in srgb,var(--color-chef, #f97316) 12%,var(--bg-tertiary));color:var(--color-chef, #f97316)}.chip-tag{background:color-mix(in srgb,#8b5cf6 12%,var(--bg-tertiary));color:#a78bfa;text-transform:capitalize}.stock-zero{background:color-mix(in srgb,var(--accent-danger) 12%,var(--bg-tertiary));color:var(--accent-danger)}.stock-low{background:color-mix(in srgb,#f59e0b 12%,var(--bg-tertiary));color:#f59e0b}.menu-product-actions{display:flex;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-color);flex-shrink:0}.menu-action-labeled{display:flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);background:none;border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted)}.menu-action-labeled:hover{color:var(--text-primary)}.action-icon{font-size:14px}.action-text{font-weight:var(--font-medium)}.action-available:hover{background:color-mix(in srgb,var(--accent-success) 12%,transparent);color:var(--accent-success)}.action-unavailable:hover{background:color-mix(in srgb,#f59e0b 12%,transparent);color:#f59e0b}.action-edit:hover{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary)}.action-delete{margin-left:auto}.action-delete:hover{background:var(--accent-danger-subtle);color:var(--accent-danger)}.menu-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--text-muted);text-align:center}.menu-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) 0;margin-top:var(--space-2);border-top:1px solid var(--border-color)}.menu-page-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s ease}.menu-page-btn:hover:not(:disabled){background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.menu-page-btn:disabled{opacity:.4;cursor:not-allowed}.menu-page-info{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-semibold);min-width:80px;text-align:center}.menu-page-total{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium);margin-left:4px}.menu-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.menu-btn-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:16px;cursor:pointer;transition:all var(--transition-fast)}.menu-btn-primary{background:var(--accent-primary);color:#fff;border:none}.menu-btn-primary:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.menu-btn-primary:disabled{opacity:.6;cursor:not-allowed}.menu-btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.menu-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-btn-thin{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.menu-btn-danger{background:var(--accent-danger-subtle);color:var(--accent-danger);border:none}.menu-btn-danger:hover{background:var(--accent-danger);color:#fff}.menu-btn-x{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;flex-shrink:0}.menu-btn-x:hover{background:var(--accent-danger-subtle);color:var(--accent-danger)}.menu-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.menu-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .2s ease}.menu-modal-sm{max-width:420px}.menu-modal-lg{max-width:640px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color)}.menu-modal-header h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.menu-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer}.menu-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-modal-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 var(--space-6)}.modal-tab{padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:var(--font-semibold)}.menu-modal-form{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.menu-field{display:flex;flex-direction:column;gap:var(--space-2)}.menu-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.menu-field-help{font-size:11px;color:var(--text-muted);line-height:1.4}.menu-field input,.menu-field textarea,.menu-field select{padding:var(--space-3);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.menu-field input:focus,.menu-field textarea:focus,.menu-field select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle)}.menu-field textarea{resize:vertical;min-height:60px}.menu-field select{cursor:pointer}.menu-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.menu-field-check label{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.menu-field-check label>div{display:flex;flex-direction:column;gap:2px}.menu-field-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);margin-top:2px;flex-shrink:0}.menu-image-guide{display:flex;gap:var(--space-3);padding:var(--space-3);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary));border-radius:var(--radius-md);font-size:11px;color:var(--text-muted);line-height:1.5}.menu-image-guide span{font-size:20px;flex-shrink:0}.menu-image-guide ul{margin:var(--space-1) 0 0 var(--space-4);padding:0}.menu-image-guide li{margin-bottom:2px}.menu-image-guide a{color:var(--accent-primary);text-decoration:underline}.menu-image-preview{border-radius:var(--radius-md);overflow:hidden;max-height:100px;border:1px solid var(--border-color)}.menu-image-preview img{width:100%;height:100px;object-fit:cover}.menu-stock-control{display:flex;flex-direction:column;gap:var(--space-3)}.menu-radio-label{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.menu-radio-label:hover{border-color:var(--accent-primary)}.menu-radio-label input[type=radio]{margin-top:3px;accent-color:var(--accent-primary)}.menu-radio-label>div{display:flex;flex-direction:column;gap:2px}.menu-radio-label strong{font-size:var(--text-sm);color:var(--text-primary)}.menu-stock-input{display:flex;align-items:center;gap:var(--space-2);padding:0 0 0 var(--space-8);font-size:var(--text-sm);color:var(--text-secondary)}.menu-stock-input input{padding:var(--space-2);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);text-align:center}.menu-options-editor{display:flex;flex-direction:column;gap:var(--space-4)}.menu-options-info{padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary));border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}.menu-options-info p{margin-bottom:var(--space-1)}.menu-options-info ul{margin:0 0 0 var(--space-4);padding:0}.menu-options-info li{margin-bottom:4px}.menu-options-empty{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.menu-templates-section{display:flex;flex-direction:column;gap:var(--space-2)}.menu-templates-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.menu-template-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;background:var(--bg-tertiary);cursor:pointer;transition:all var(--transition-fast)}.menu-template-item:hover:not(:disabled){border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary))}.menu-template-item.added{opacity:.5;cursor:default}.menu-template-item strong{font-size:var(--text-sm);color:var(--text-primary)}.template-detail{font-size:11px;color:var(--text-muted)}.template-type{font-size:10px;color:var(--accent-primary)}.template-added{font-size:10px;color:var(--accent-success);font-weight:var(--font-bold)}.menu-option-group{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.menu-option-group-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary)}.option-group-name{flex:1;padding:var(--space-2);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.option-group-name:focus{outline:none;border-color:var(--accent-primary)}.menu-option-group-settings{display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.menu-radio-inline{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.menu-radio-inline input{accent-color:var(--accent-primary)}.menu-option-items{padding:var(--space-2) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.menu-option-item-row{display:flex;align-items:center;gap:var(--space-2)}.menu-option-item-row input[type=text]{flex:1;padding:var(--space-2);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary)}.option-price-field{display:flex;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.option-price-field input{width:65px;padding:var(--space-2);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);text-align:right}.menu-exclusion-row{display:flex;align-items:center;gap:var(--space-2)}.exclusion-prefix{font-size:16px;flex-shrink:0}.menu-exclusion-row input{flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary)}.menu-exclusion-row input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px color-mix(in srgb,#f59e0b 20%,transparent)}.menu-icon-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.menu-icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-tertiary);font-size:18px;cursor:pointer;transition:all var(--transition-fast)}.menu-icon-btn:hover{border-color:var(--accent-primary);transform:scale(1.1)}.menu-icon-btn.selected{border-color:var(--accent-primary);background:var(--accent-primary-subtle);transform:scale(1.1)}.menu-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.menu-stock-inline{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed color-mix(in srgb,var(--border-color) 60%,transparent)}.menu-stock-controls{display:flex;align-items:center;gap:6px}.menu-stock-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:14px;font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast)}.menu-stock-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-tertiary))}.menu-stock-btn:disabled{opacity:.3;cursor:not-allowed}.menu-stock-btn-minus:hover:not(:disabled){border-color:var(--accent-danger);color:var(--accent-danger);background:color-mix(in srgb,var(--accent-danger) 10%,var(--bg-tertiary))}.menu-stock-btn-plus:hover:not(:disabled),.menu-stock-btn-bulk:hover:not(:disabled){border-color:var(--accent-success);color:var(--accent-success);background:color-mix(in srgb,var(--accent-success) 10%,var(--bg-tertiary))}.menu-stock-btn-bulk{font-size:11px;width:auto;padding:0 8px}.menu-stock-btn-ok{border-color:var(--accent-success);color:var(--accent-success)}.menu-stock-btn-cancel{border-color:var(--accent-danger);color:var(--accent-danger)}.menu-stock-value{min-width:38px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:0 6px}.menu-stock-value:hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 6%,var(--bg-input))}.menu-stock-edit-row{display:flex;align-items:center;gap:6px}.menu-stock-edit-input{width:70px;height:28px;padding:0 var(--space-2);background:var(--bg-input);border:1px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-bold);text-align:center;box-shadow:0 0 0 3px var(--accent-primary-subtle)}.menu-stock-edit-input:focus{outline:none}@media(max-width:768px){.menu-stat-chip{flex-shrink:0;padding:4px 10px;font-size:var(--text-xs)}.menu-product-grid{grid-template-columns:1fr}.menu-toolbar{flex-direction:column;gap:var(--space-2)}.menu-field-row{grid-template-columns:1fr}.menu-modal-overlay{align-items:flex-end}.menu-modal{margin:0;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%}.menu-modal-sm,.menu-modal-lg{max-width:100%}.menu-modal-tabs{overflow-x:auto;scrollbar-width:none;padding:0 var(--space-4)}.menu-modal-tabs::-webkit-scrollbar{display:none}.menu-modal-form,.menu-modal-header{padding:var(--space-4)}.menu-share-row{padding:var(--space-2)}.menu-categories-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x}.menu-categories-scroll::-webkit-scrollbar{display:none}.menu-cat-chip{flex-shrink:0;font-size:var(--text-xs);padding:5px 10px}.menu-pagination{gap:var(--space-2)}.menu-page-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.staff-page{display:flex;flex-direction:column;gap:var(--space-4)}.staff-loading{display:flex;align-items:center;justify-content:center;height:300px}.staff-stats-strip{display:flex;gap:var(--space-2);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x}.staff-stats-strip::-webkit-scrollbar{display:none}.staff-stat-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;flex-shrink:0}.staff-stat-chip .chip-value{font-weight:var(--font-extrabold);color:var(--text-primary)}.staff-stat-chip .chip-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.staff-stat-chip.accent{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-card))}.staff-stat-chip.accent .chip-value{color:var(--accent-primary)}.staff-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.staff-search{flex:1;min-width:180px;position:relative}.staff-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text-muted);pointer-events:none}.staff-search input{width:100%;padding:8px 12px 8px 34px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:border-color .15s;box-sizing:border-box}.staff-search input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle, rgba(99,102,241,.1))}.staff-search input::placeholder{color:var(--text-muted)}.staff-role-filters{display:flex;gap:var(--space-2);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.staff-role-filters::-webkit-scrollbar{display:none}.staff-role-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;line-height:1.2}.staff-role-chip:hover{border-color:var(--accent-primary);color:var(--text-primary)}.staff-role-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:var(--font-semibold)}.staff-role-chip .chip-count{font-size:10px;font-weight:var(--font-bold);background:#ffffff26;padding:1px 6px;border-radius:var(--radius-full);min-width:16px;text-align:center}.staff-role-chip:not(.active) .chip-count{background:var(--bg-tertiary);color:var(--text-muted)}.staff-btn{padding:8px 18px;border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.staff-btn-primary{background:var(--accent-primary);color:#fff}.staff-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.staff-btn-primary:disabled{opacity:.6;cursor:not-allowed}.staff-btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.staff-btn-ghost:hover{background:var(--bg-secondary)}.staff-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:60px 20px;text-align:center;color:var(--text-muted)}.staff-empty-hint{font-size:var(--text-sm)}.staff-list{display:flex;flex-direction:column;gap:var(--space-3)}.staff-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:all .2s}.staff-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 30%,var(--border-color))}.staff-card.inactive{opacity:.55}.staff-card-main{display:flex;align-items:center;gap:var(--space-3)}.staff-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.staff-info{display:flex;flex-direction:column;gap:1px;min-width:0}.staff-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.staff-email{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-date{font-size:10px;color:var(--text-muted);opacity:.7}.staff-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.staff-role-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 10px;border-radius:var(--radius-full)}.staff-status{font-size:var(--text-xs);color:var(--accent-danger)}.staff-status.active{color:var(--accent-success)}.staff-card-actions{display:flex;align-items:center;gap:6px;padding-top:var(--space-2);border-top:1px solid var(--border-color);flex-wrap:wrap}.staff-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:all .15s}.staff-action-btn span:first-child{font-size:12px}.staff-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.staff-action-btn.action-active{border-color:color-mix(in srgb,var(--accent-success) 30%,var(--border-color));color:var(--accent-success)}.staff-action-btn.action-active:hover{background:color-mix(in srgb,var(--accent-success) 10%,var(--bg-secondary))}.staff-action-btn.action-inactive{border-color:color-mix(in srgb,#f59e0b 30%,var(--border-color));color:#f59e0b}.staff-action-btn.action-inactive:hover{background:color-mix(in srgb,#f59e0b 10%,var(--bg-secondary))}.staff-action-btn.action-edit{border-color:color-mix(in srgb,var(--accent-primary) 25%,var(--border-color));color:var(--accent-primary)}.staff-action-btn.action-edit:hover{background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-secondary))}.staff-action-btn.action-password{border-color:color-mix(in srgb,var(--accent-info, #3b82f6) 25%,var(--border-color));color:var(--accent-info, #3b82f6)}.staff-action-btn.action-password:hover{background:color-mix(in srgb,var(--accent-info, #3b82f6) 10%,var(--bg-secondary))}.staff-action-btn.action-perms{border-color:color-mix(in srgb,#a78bfa 25%,var(--border-color));color:#a78bfa}.staff-action-btn.action-perms:hover{background:color-mix(in srgb,#a78bfa 10%,var(--bg-secondary))}.staff-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:staffFadeIn .15s ease}@keyframes staffFadeIn{0%{opacity:0}to{opacity:1}}.staff-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.staff-modal-sm{max-width:420px}.staff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color)}.staff-modal-header h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.staff-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer}.staff-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.staff-modal-form{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.staff-modal-info{font-size:var(--text-sm);color:var(--text-secondary)}.staff-modal-role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.staff-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.staff-modal-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.staff-modal-field input,.staff-modal-field select{padding:10px 12px;background:var(--bg-input, var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:border-color .15s}.staff-modal-field input:focus,.staff-modal-field select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.staff-field-help{font-size:11px;color:var(--text-muted)}.staff-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.staff-role-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;text-align:center;transition:all .15s}.staff-role-option.selected{border:2px solid var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-card))}.staff-role-option:hover:not(.selected){border-color:color-mix(in srgb,var(--accent-primary) 40%,var(--border-color))}.role-option-icon{font-size:24px}.role-option-name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary)}.role-option-desc{font-size:10px;color:var(--text-muted);line-height:1.3}.staff-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}@media(min-width:640px){.staff-card{flex-direction:row;align-items:center;gap:var(--space-4)}.staff-card-main{flex:1;min-width:0}.staff-card-meta{flex-shrink:0}.staff-card-actions{border-top:none;border-left:1px solid var(--border-color);padding-top:0;padding-left:var(--space-3)}}@media(max-width:768px){.staff-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.staff-search{min-width:100%}.staff-modal-overlay{align-items:flex-end}.staff-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.staff-modal-sm{max-width:100%}.staff-role-grid{grid-template-columns:1fr}.staff-card-actions{flex-wrap:wrap}.staff-stat-chip{padding:4px 10px;font-size:var(--text-xs)}}.stats-page{display:flex;flex-direction:column;gap:var(--space-4)}.stats-header{display:flex;align-items:center;gap:var(--space-3)}.stats-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--accent-success, #22c55e);margin-left:auto}.stats-live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-success, #22c55e);animation:statsLivePulse 2s ease-in-out infinite}@keyframes statsLivePulse{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.6;box-shadow:0 0 0 4px #22c55e00}}.stats-filter-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s;white-space:nowrap}.stats-filter-trigger:hover{background:#6366f114;border-color:var(--accent-primary, #6366f1)}.stats-filter-active-label{font-size:var(--text-xs);color:var(--accent-primary, #6366f1);font-weight:var(--font-bold);background:var(--accent-primary-subtle, rgba(99,102,241,.1));padding:2px 8px;border-radius:var(--radius-full)}.stats-filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.stats-filter-menu{position:fixed;z-index:100;min-width:200px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000002e;padding:var(--space-1);animation:statsDropIn .15s ease}@keyframes statsDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.stats-filter-option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;text-align:left;transition:background .12s}.stats-filter-option:hover{background:var(--bg-hover, rgba(255,255,255,.05))}.stats-filter-option.active{background:var(--accent-primary, #6366f1);color:#fff}.stats-filter-export{color:var(--accent-success, #22c55e);font-weight:var(--font-semibold)}.stats-filter-export:hover{background:#22c55e14}.stats-filter-divider{height:1px;background:var(--border-color);margin:var(--space-1) var(--space-2)}.stats-filter-custom{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-color);margin-top:var(--space-1)}.stats-filter-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.stats-filter-field label{font-size:.65rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stats-filter-field input[type=date]{padding:4px 6px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box}.stats-filter-field input[type=date]:focus{border-color:var(--accent-primary, #6366f1)}.stats-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);transition:border-color .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.stats-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 30%,var(--border-color));box-shadow:var(--shadow-md)}.stats-card h3{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.stats-chart-card{min-height:180px;display:flex;flex-direction:column}.stats-chart-card h3{flex-shrink:0}.stats-chart-wrapper{position:relative;width:100%;flex:1;min-height:160px}.stats-chart-wrapper svg{width:100%;height:100%;overflow:visible;shape-rendering:geometricPrecision}.chart-grid line{stroke:var(--border-color);stroke-dasharray:4 4;stroke-width:.5;shape-rendering:crispEdges}.chart-area{transition:opacity .3s ease;opacity:.9}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-dot{transition:all .2s ease;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.chart-dot:hover{r:6}.chart-label-x{font-size:10px;fill:var(--text-muted);text-anchor:middle}.chart-label-y{font-size:10px;fill:var(--text-muted);text-anchor:end}.chart-tooltip{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:0 8px 24px #0000001f;pointer-events:none;z-index:10;white-space:nowrap;font-size:var(--text-sm);transform:translate(-50%,-100%);margin-top:-12px;opacity:0;transition:opacity .15s ease}.chart-tooltip.visible{opacity:1}.chart-tooltip-date{color:var(--text-secondary);font-size:var(--text-xs);margin-bottom:2px}.chart-tooltip-value{color:var(--text-primary);font-weight:var(--font-bold)}.chart-tooltip-orders{color:var(--text-muted);font-size:var(--text-xs)}.chart-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;gap:var(--space-2);color:var(--text-muted)}.chart-no-data span:first-child{font-size:32px}.chart-single-day{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;gap:var(--space-1)}.chart-single-date{font-size:var(--text-sm);color:var(--text-muted);text-transform:capitalize}.chart-single-revenue{font-size:2rem;font-weight:var(--font-bold);color:var(--accent-success, #22c55e);font-variant-numeric:tabular-nums}.chart-single-orders{font-size:var(--text-sm);color:var(--text-secondary)}.stats-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:start}.stats-chart-row{grid-template-columns:3fr 2fr;align-items:stretch}.stats-combined-card{display:flex;flex-direction:column}.combined-section{flex:1}.combined-divider{border:none;border-top:1px solid var(--border-light, rgba(0,0,0,.08));margin:var(--space-3) 0}.status-breakdown{display:flex;flex-direction:column;gap:var(--space-2)}.status-row{display:flex;align-items:center;gap:var(--space-2)}.status-row-label{font-size:var(--text-xs);color:var(--text-secondary);min-width:90px;display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.status-bar-track{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.status-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1);min-width:2px}.status-row-count{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-primary);min-width:28px;text-align:right}.payment-breakdown{display:flex;flex-direction:column;gap:var(--space-2)}.payment-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);transition:all var(--transition-fast)}.payment-card:hover{background:var(--bg-tertiary)}.payment-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-card);flex-shrink:0}.payment-info{flex:1;min-width:0}.payment-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary)}.payment-count{font-size:.68rem;color:var(--text-muted)}.payment-total{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--accent-success);white-space:nowrap}.top-products-list{display:flex;flex-direction:column;gap:var(--space-1)}.top-product-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.top-product-row:hover{background:var(--bg-secondary)}.top-product-rank{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);min-width:20px;text-align:center}.top-product-img{width:32px;height:32px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.top-product-img-placeholder{width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.top-product-info{flex:1;min-width:0}.top-product-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-product-qty{font-size:.68rem;color:var(--text-muted)}.top-product-revenue{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-success);white-space:nowrap}.recent-orders-list{display:flex;flex-direction:column;gap:var(--space-1)}.recent-order-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.recent-order-row:hover{background:var(--bg-secondary)}.recent-order-number{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--accent-primary);min-width:44px}.recent-order-customer{flex:1;font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-order-total{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.recent-order-time{font-size:.68rem;color:var(--text-muted);min-width:52px;text-align:right}.stats-loading{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-primary)}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-muted);gap:var(--space-2)}.stats-empty span:first-child{font-size:36px}.delta-badge{display:inline-flex;align-items:center;gap:2px;font-size:.6rem;font-weight:800;padding:1px 5px;border-radius:var(--radius-full);vertical-align:middle;margin-left:3px;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.delta-up{color:#22c55e;background:#22c55e1f}.delta-down{color:#ef4444;background:#ef44441f}.hour-chart{display:flex;align-items:flex-end;gap:2px;height:160px;padding-top:var(--space-2)}.hour-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;cursor:pointer;min-width:0}.hour-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;border-radius:3px 3px 0 0}.hour-bar-fill{width:100%;background:var(--accent-primary, #6366f1);border-radius:3px 3px 0 0;transition:height .6s cubic-bezier(.4,0,.2,1);opacity:.7}.hour-bar-fill:hover{opacity:1}.hour-bar-peak{background:linear-gradient(180deg,#f59e0b,#f97316)!important;opacity:1;box-shadow:0 0 8px #f59e0b4d}.hour-label{font-size:7px;color:var(--text-muted);margin-top:3px;font-weight:600;line-height:1}.wt-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.wt-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2)}.wt-table thead th{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap}.wt-table thead .wt-th-num,.wt-table thead .wt-th-rev,.wt-table thead .wt-th-tips,.wt-table thead .wt-th-avg{text-align:right}.wt-table tbody tr{transition:background var(--transition-fast)}.wt-table tbody tr:hover{background:var(--bg-secondary)}.wt-table tbody td{padding:var(--space-2);vertical-align:middle}.wt-td-name{font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.wt-rank{display:inline-block;font-weight:var(--font-bold);color:var(--text-muted);min-width:18px;text-align:center;margin-right:var(--space-2)}.wt-td-num{text-align:right;color:var(--text-secondary);font-weight:var(--font-medium);white-space:nowrap}.wt-td-rev{text-align:right;color:var(--accent-success);font-weight:var(--font-bold);white-space:nowrap}.wt-pct{font-size:.6rem;color:var(--text-muted);font-weight:600;margin-left:4px}@media(max-width:768px){.stats-page{gap:var(--space-3)}.stats-two-col{grid-template-columns:1fr}.stats-kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.stats-card{padding:var(--space-3)}.stats-card h3{font-size:var(--text-xs);margin-bottom:var(--space-2)}.stats-chart-card{min-height:140px}.stats-chart-wrapper{min-height:120px}.chart-label-x,.chart-label-y{font-size:8px}.top-product-img,.top-product-img-placeholder{width:28px;height:28px;font-size:14px}.status-row-label{min-width:70px;font-size:.7rem}.hour-chart{height:120px}.hour-label{font-size:6px}.wt-table{min-width:420px}.payment-icon{width:32px;height:32px;font-size:16px}}@media(max-width:480px){.stats-page{gap:var(--space-2)}.stats-kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.stats-card{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.recent-order-time{display:none}.stats-chart-wrapper{min-height:100px}.payment-icon{width:28px;height:28px;font-size:14px}.payment-total{font-size:var(--text-xs)}.payment-card{gap:var(--space-2);padding:var(--space-2)}.hour-chart{height:90px;gap:1px}.hour-label{font-size:5px}.wt-table{min-width:400px}.wt-table thead th{font-size:.58rem;padding:var(--space-1) var(--space-2)}.wt-table tbody td{padding:var(--space-1) var(--space-2)}.delta-badge{font-size:.55rem;padding:0 4px;margin-left:2px}.chart-no-data{height:120px}.chart-no-data span:first-child{font-size:24px}.stats-empty{padding:var(--space-4)}.stats-empty span:first-child{font-size:28px}.status-row-label{min-width:60px;font-size:.65rem}.status-bar-track{height:6px}.status-row-count{min-width:24px;font-size:.7rem}}.settings-page{display:flex;flex-direction:column;gap:var(--space-5, 20px);max-width:720px}.settings-loading{display:flex;align-items:center;justify-content:center;height:300px}.settings-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);overflow:hidden}.settings-chevron{font-size:1.1rem;color:var(--text-muted);padding-right:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.settings-collapse{overflow:hidden}@keyframes settingsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-collapse>div{animation:settingsSlideDown .3s ease-out}.settings-section__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4, 16px);padding:var(--space-4, 16px) var(--space-5, 20px)}.settings-section__title-group h3{margin:0 0 4px;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.settings-section__desc{margin:0;font-size:.82rem;color:var(--text-muted, #9ca3af);line-height:1.4}.settings-section__content{padding:0 var(--space-5, 20px) var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-3, 12px)}.settings-toggle,.settings-switch{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer;flex-shrink:0;margin-top:2px}.settings-toggle input,.settings-switch input{opacity:0;width:0;height:0}.settings-toggle__slider,.settings-switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ef444459;border-radius:28px;transition:.25s;border:1px solid rgba(239,68,68,.15)}.settings-toggle__slider:before,.settings-switch__slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:2px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 4px #00000026}.settings-toggle input:checked+.settings-toggle__slider,.settings-switch input:checked+.settings-switch__slider{background:#22c55ecc;border-color:#22c55e4d}.settings-toggle input:checked+.settings-toggle__slider:before,.settings-switch input:checked+.settings-switch__slider:before{transform:translate(24px)}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.zone-list{display:flex;flex-direction:column;gap:8px}.zone-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);transition:opacity .2s}.zone-card--inactive{opacity:.5}.zone-card__info{display:flex;flex-direction:column;gap:2px}.zone-card__name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.zone-card__details{display:flex;gap:12px;font-size:.8rem;color:var(--text-muted, #9ca3af)}.zone-card__fee{color:var(--color-business, #10b981);font-weight:600}.zone-card__min{color:var(--text-muted)}.zone-card__actions{display:flex;gap:6px}.zone-action-btn{background:none;border:1px solid var(--border-color);border-radius:6px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:background .2s}.zone-action-btn:hover{background:var(--bg-secondary)}.zone-action-btn.delete:hover{background:#fee2e2}.settings-btn{padding:10px 20px;font-weight:600;font-size:.88rem;border-radius:var(--radius-1, 8px);border:none;cursor:pointer;transition:all .2s}.settings-btn-primary{background:var(--color-business, #10b981);color:#fff}.settings-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.settings-btn-primary:disabled{opacity:.5;cursor:not-allowed}.settings-btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.settings-btn-ghost:hover{background:var(--bg-primary)}.settings-inline-field{display:flex;flex-direction:column;gap:6px}.settings-inline-field label{font-weight:600;font-size:.85rem;color:var(--text-primary)}.settings-input-group{display:flex;align-items:center;gap:6px}.settings-input{padding:8px 12px;font-size:.9rem;font-weight:var(--font-bold);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);background:var(--bg-input, var(--bg-tertiary));color:var(--text-primary);outline:none;transition:border-color .2s}.settings-input:focus{border-color:var(--color-business, #10b981)}.settings-input-wide{width:100%;max-width:320px}.settings-input-suffix,.settings-input-prefix{font-weight:600;font-size:.85rem;color:var(--text-muted)}.settings-field-help{font-size:.75rem;color:var(--text-muted, #9ca3af)}.settings-bank-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.settings-bank-select{background:var(--bg-input, var(--bg-tertiary));border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;color:var(--text-primary);width:100%;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font-family:inherit;font-size:var(--text-sm)}.settings-bank-select:focus{outline:none;border-color:var(--accent-primary)}.settings-empty{text-align:center;padding:20px 0;color:var(--text-muted);font-size:.9rem}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.settings-modal{background:var(--bg-secondary, #fff);border-radius:var(--radius-2, 12px);width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.settings-modal-header h3{margin:0;font-size:1rem}.settings-modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted);padding:4px 8px}.settings-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.settings-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-modal-field{display:flex;flex-direction:column;gap:4px}.settings-modal-field label{font-weight:600;font-size:.82rem;color:var(--text-primary)}.settings-modal-field input,.settings-modal-field select{padding:10px 12px;font-size:.9rem;border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);background:var(--bg-input, var(--bg-tertiary));color:var(--text-primary);outline:none;width:100%;font-family:inherit;box-sizing:border-box}.settings-modal-field input:focus,.settings-modal-field select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 12%,transparent)}.settings-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-color)}.settings-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:10px 24px;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:0 6px 20px #00000059;z-index:200;animation:settingsToastIn .3s ease}@keyframes settingsToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.schedule-day-row{display:grid;grid-template-columns:90px 1fr 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-radius:8px;background:var(--bg-tertiary)}.schedule-day-label{font-weight:600;font-size:.85rem}.schedule-time-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;color:var(--text-primary);font-size:.85rem;min-width:0}.schedule-closed-toggle{display:flex;align-items:center;gap:4px;font-size:.7rem;cursor:pointer;opacity:.8;white-space:nowrap}@media(max-width:600px){.settings-page{gap:var(--space-3, 12px)}.settings-section__header{padding:var(--space-3, 12px) var(--space-4, 16px)}.settings-section__content{padding:0 var(--space-3, 12px) var(--space-3, 12px)}.settings-section__title-group h3{font-size:.95rem}.settings-modal-overlay{align-items:flex-end;padding:0}.settings-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.settings-modal-row{grid-template-columns:1fr}.zone-card{flex-direction:column;gap:10px;align-items:flex-start}.zone-card__actions{align-self:flex-end}.schedule-day-row{grid-template-columns:1fr 1fr;gap:6px}.schedule-day-label{grid-column:1 / -1;font-size:.8rem}.schedule-time-input{font-size:.82rem;padding:6px 8px}.schedule-closed-toggle{grid-column:1 / -1;justify-self:end}.settings-toggle-row{padding:10px 12px;gap:12px}}.dashboard-content:has(.conversations-page){padding:0;max-width:none}.conversations-page{display:grid;grid-template-columns:360px 1fr;height:calc(100vh - 72px);overflow:hidden}.conversations-page--profile{grid-template-columns:260px 1fr 320px}.conv-list{border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--card-bg)}.conv-list__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.conv-list__search{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-main);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}.conv-list__search input{background:none;border:none;outline:none;color:var(--text-primary);width:100%;font-size:var(--text-sm)}.conv-list__bot-toggle{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;padding-left:var(--space-2);border-left:1px solid var(--border-color);margin-left:var(--space-1)}.conv-list__items{flex:1;overflow-y:auto}.conv-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-color)}.conv-item:hover{background:var(--bg-hover)}.conv-item--active{background:#6366f11f;border-left:3px solid var(--accent-primary, #6366f1)}.conv-item__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm);color:#fff;flex-shrink:0}.conv-item__avatar-img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.conv-item__content{flex:1;min-width:0}.conv-item__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.conv-item__name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item__time{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.conv-item__bottom{display:flex;justify-content:space-between;align-items:center}.conv-item__preview{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.conv-item__badges{display:flex;gap:4px;align-items:center;flex-shrink:0}.conv-badge{font-size:11px;padding:1px 6px;border-radius:10px;font-weight:var(--font-semibold)}.conv-badge--bot{background:#6366f133;color:#a5b4fc}.conv-badge--paused{background:#f59e0b33;color:#fbbf24}.conv-badge--unread{background:#22c55e;color:#fff;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.chat-panel{display:flex;flex-direction:column;background:var(--bg-main);overflow:hidden;min-height:0}.chat-panel--empty{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.chat-panel--empty span{font-size:3rem}.chat-header{border-bottom:1px solid var(--border-color);background:var(--card-bg)}.chat-header__top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4)}.chat-header__info{display:flex;align-items:center;gap:var(--space-3)}.chat-header__details h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.chat-header__details p{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.chat-header__bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.chat-header__stats{display:flex;gap:var(--space-3);margin-left:auto;font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.chat-messages{flex:1 1 0;min-height:0;overflow-y:auto;padding:var(--space-6) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.chat-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}.chat-btn:hover{background:var(--bg-hover)}.chat-btn--pause{border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.chat-btn--resume{border-color:#22c55e;color:#22c55e}.chat-btn--notes{border-color:#8b5cf6;color:#a78bfa}.chat-btn--active{background:#8b5cf626}.chat-date-separator{text-align:center;padding:var(--space-2) 0}.chat-date-separator span{background:var(--bg-hover);padding:4px 12px;border-radius:12px;font-size:11px;color:var(--text-muted)}.chat-msg{max-width:70%;padding:var(--space-2) var(--space-3);border-radius:12px;font-size:var(--text-sm);line-height:1.5;position:relative;word-wrap:break-word}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg--customer{align-self:flex-start;background:var(--bg-hover);color:var(--text-primary);border-bottom-left-radius:4px}.chat-msg--bot{align-self:flex-end;background:#6366f126;color:var(--text-primary);border-bottom-right-radius:4px}.chat-msg--agent{align-self:flex-end;background:#22c55e2e;color:var(--text-primary);border-bottom-right-radius:4px}.chat-msg__role{font-size:10px;color:var(--text-muted);margin-bottom:2px;font-weight:var(--font-semibold)}.chat-msg__time{font-size:10px;color:var(--text-muted);text-align:right;margin-top:2px}.quick-replies{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);overflow-x:auto;border-top:1px solid var(--border-color);background:var(--card-bg)}.quick-reply-btn{padding:4px 12px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;white-space:nowrap;transition:all .15s}.quick-reply-btn:hover{background:#6366f11f;border-color:#6366f1;color:var(--text-primary)}.chat-input{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);background:var(--card-bg)}.chat-input textarea{flex:1;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);resize:none;outline:none;min-height:38px;max-height:120px;font-family:inherit}.chat-input textarea:focus{border-color:#6366f1}.chat-input__send{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);font-size:var(--text-sm);transition:opacity .15s;white-space:nowrap}.chat-input__send:hover{opacity:.9}.chat-input__send:disabled{opacity:.4;cursor:not-allowed}.chat-input--disabled{padding:var(--space-3) var(--space-4);text-align:center;background:var(--card-bg);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--text-sm)}.attach-order-btn{padding:var(--space-2);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);transition:all .15s}.attach-order-btn:hover{border-color:#f59e0b;color:#fbbf24}.notes-panel{border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.notes-panel__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.notes-panel__header h4{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:6px}.notes-panel__hint{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:var(--radius-full)}.notes-panel__items{padding:var(--space-3) var(--space-4);max-height:180px;overflow-y:auto}.notes-panel__empty{text-align:center;padding:var(--space-3) 0;color:var(--text-muted)}.notes-panel__empty span{font-size:24px;display:block;margin-bottom:var(--space-1)}.notes-panel__empty p{font-size:var(--text-sm);margin:0}.note-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-2);border:1px solid var(--border-color)}.note-item__text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.note-item__meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.note-item__delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:var(--radius-md);line-height:1;transition:all .15s;flex-shrink:0}.note-item__delete:hover{color:#ef4444;background:#ef44441f}.notes-panel__input{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color)}.notes-panel__input input{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color .15s}.notes-panel__input input:focus{border-color:#8b5cf6}.notes-panel__input button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf6;color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;cursor:pointer;transition:opacity .15s;flex-shrink:0}.notes-panel__input button:disabled{opacity:.4;cursor:not-allowed}.notes-panel__input button:hover:not(:disabled){opacity:.85}.auto-resume-picker{display:flex;gap:var(--space-1);align-items:center}.auto-resume-picker select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);padding:6px 26px 6px 10px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%239ca3af' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:border-color .15s}.auto-resume-picker select:focus{border-color:var(--accent-primary, #6366f1)}.auto-resume-picker select option{background:var(--bg-card);color:var(--text-primary)}.conv-toggle{position:relative;width:36px;height:20px;cursor:pointer}.conv-toggle input{display:none}.conv-toggle__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#374151;border-radius:999px;transition:.3s}.conv-toggle__slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.3s}.conv-toggle input:checked+.conv-toggle__slider{background:#22c55e}.conv-toggle input:checked+.conv-toggle__slider:before{transform:translate(16px)}.conv-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:2rem}@keyframes notifPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #22c55e4d}}.conv-item--unread{animation:notifPulse 2s infinite}@media(max-width:768px){.conversations-page{grid-template-columns:1fr;height:calc(100vh - 56px)}.conversations-page--profile{grid-template-columns:1fr}.conv-list{display:flex}.chat-panel,.chat-panel--empty,.conversations-page--chat-open .conv-list{display:none}.conversations-page--chat-open .chat-panel,.conversations-page--chat-open .chat-panel--empty{display:flex}.chat-header__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-hover);color:var(--text-primary);border-radius:var(--radius-md);font-size:18px;cursor:pointer;margin-right:8px;flex-shrink:0}.profile-side{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;z-index:9999!important;border-left:none!important;background:var(--bg-base)!important;overflow-y:auto}.profile-side__header{position:sticky;top:0;z-index:10000;background:var(--bg-base)}.profile-side__back{width:44px;height:44px;font-size:22px}.order-modal{width:95vw;max-height:90vh}.order-modal__header button{width:40px;height:40px;font-size:22px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:var(--radius-md)}.chat-header__top{padding:var(--space-2) var(--space-3)}.chat-header__bar{padding:var(--space-2) var(--space-3);flex-wrap:wrap;gap:4px}.chat-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.quick-replies{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.chat-input{padding:var(--space-2)}}@media(min-width:769px){.chat-header__back{display:none}}.quick-reply-btn--edit{border-style:dashed;opacity:.6}.quick-reply-btn--edit:hover{opacity:1}.qr-editor{background:var(--card-bg);border-top:1px solid var(--border-color);padding:var(--space-3) var(--space-4)}.qr-editor__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.qr-editor__header h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}.qr-editor__close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px}.qr-editor__list{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto;margin-bottom:var(--space-2)}.qr-editor__item{display:flex;gap:var(--space-2);align-items:center}.qr-editor__item input{flex:1;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 8px;color:var(--text-primary);font-size:var(--text-xs);outline:none}.qr-editor__item input:focus{border-color:#6366f1}.qr-editor__delete{background:none;border:none;cursor:pointer;font-size:14px;padding:2px}.qr-editor__add{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.qr-editor__add input{flex:1;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 8px;color:var(--text-primary);font-size:var(--text-xs);outline:none}.qr-editor__add button{background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:4px 8px;font-size:14px}.qr-editor__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.qr-editor__cancel{padding:4px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}.qr-editor__save{padding:4px 12px;background:#6366f1;border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer}.qr-editor__save:hover{background:#4f46e5}.profile-side{background:var(--card-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.profile-side__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);flex-shrink:0}.profile-side__header h3{font-size:var(--text-base);font-weight:var(--font-bold);margin:0;flex:1;text-align:center}.profile-side__back{background:var(--bg-hover);border:none;color:var(--text-primary);cursor:pointer;font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background .15s;flex-shrink:0}.profile-side__back:hover{background:var(--bg-tertiary)}.profile-side__edit-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);display:flex;align-items:center;gap:4px;transition:all .15s;flex-shrink:0;white-space:nowrap}.profile-side__edit-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-side__name-edit{margin-top:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.profile-side__name-edit input{background:var(--bg-card);border:2px solid var(--accent-primary, #6366f1);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center;outline:none;width:80%;max-width:220px}.profile-side__name-edit-actions{display:flex;gap:var(--space-2);justify-content:center}.profile-side__name-save{padding:var(--space-1) var(--space-3);background:var(--accent-primary, #6366f1);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:opacity .15s}.profile-side__name-save:hover{opacity:.85}.profile-side__name-cancel{padding:var(--space-1) var(--space-3);background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;transition:all .15s}.profile-side__name-cancel:hover{background:var(--bg-hover)}.profile-side__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.profile-side__avatar{text-align:center;padding:var(--space-3) 0}.profile-side__avatar img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid rgba(99,102,241,.3);box-shadow:0 4px 16px #6366f126}.profile-panel__avatar-fallback{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:var(--font-bold);color:#fff;margin:0 auto}.profile-side__name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:var(--space-2) 0 0}.profile-side__phone{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-2) 0 0;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.profile-side__phone-link{color:var(--accent-primary, #6366f1);text-decoration:none;font-weight:var(--font-medium);transition:opacity .15s}.profile-side__phone-link:hover{opacity:.8;text-decoration:underline}.profile-side__phone-copy{background:var(--bg-hover);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.profile-side__phone-copy:hover{background:var(--bg-tertiary)}.profile-side__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.profile-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.profile-stat-icon{font-size:20px}.profile-stat-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.profile-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.profile-side__address{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.profile-side__address-icon{font-size:20px;flex-shrink:0}.profile-side__address-label{font-size:var(--text-xs);color:var(--text-muted);display:block}.profile-side__address-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);display:block;margin-top:2px}.profile-side__orders{border-top:1px solid var(--border-color);padding-top:var(--space-2)}.profile-side__orders h4{font-size:var(--text-xs);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.profile-side__empty{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.profile-side__order{background:var(--bg-hover);border-radius:var(--radius-sm);padding:6px 8px;margin-bottom:4px;cursor:pointer;transition:background .15s}.profile-side__order:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.profile-side__order-top{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);font-weight:var(--font-semibold)}.profile-side__order-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:2px;font-size:11px;color:var(--text-secondary)}.profile-side__view-btn{background:none;border:none;color:#6366f1;font-size:11px;cursor:pointer;font-weight:var(--font-semibold);padding:0}.profile-side__view-btn:hover{text-decoration:underline}.profile-panel__status{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:var(--font-semibold)}.profile-panel__status--delivered{background:#22c55e33;color:#22c55e}.profile-panel__status--confirmed{background:#3b82f633;color:#3b82f6}.profile-panel__status--pending{background:#f59e0b33;color:#f59e0b}.profile-panel__status--cancelled{background:#ef444433;color:#ef4444}.profile-panel__status--preparing{background:#a855f733;color:#a855f7}.profile-panel__danger{width:100%;padding:6px var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s}.profile-panel__danger:hover{background:#ef444433;border-color:#ef4444}.order-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10002;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.order-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);width:440px;max-width:90vw;max-height:80vh;overflow-y:auto;animation:scaleIn .2s ease-out;box-shadow:0 20px 60px #00000080}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.order-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border-color)}.order-modal__header h3{font-size:var(--text-base);font-weight:var(--font-bold);margin:0}.order-modal__header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.order-modal__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.order-modal__status{display:flex;align-items:center;gap:var(--space-3)}.order-modal__date{font-size:var(--text-xs);color:var(--text-muted)}.order-modal__section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.order-modal__items{display:flex;flex-direction:column;gap:4px}.order-modal__item{display:flex;justify-content:space-between;padding:6px 8px;background:var(--bg-hover);border-radius:var(--radius-sm);font-size:var(--text-sm)}.order-modal__totals{border-top:1px solid var(--border-color);padding-top:var(--space-3);display:flex;flex-direction:column;gap:4px}.order-modal__total-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.order-modal__total-row--final{font-weight:var(--font-bold);color:var(--text-primary);font-size:var(--text-base);border-top:1px solid var(--border-color);padding-top:var(--space-2);margin-top:var(--space-1)}.order-modal__meta{border-top:1px solid var(--border-color);padding-top:var(--space-3);display:flex;flex-direction:column;gap:6px}.order-modal__meta-item{font-size:var(--text-sm);color:var(--text-secondary)}.order-modal__meta-item span{font-weight:var(--font-semibold);color:var(--text-primary)}.tables-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:1400px;margin:0 auto;width:100%}.tables-loading{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--text-secondary)}.tables-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.tables-actions{display:flex;gap:var(--space-2)}.tables-manage-wrap{position:relative;display:inline-block}.tables-manage-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-full);background:var(--accent-primary);border:none;color:#fff;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .18s ease;white-space:nowrap;box-shadow:0 2px 12px #6c5ce759;letter-spacing:.01em}.tables-manage-btn:hover{filter:brightness(1.1);box-shadow:0 4px 18px #6c5ce773;transform:translateY(-1px)}.tables-manage-btn:active{transform:translateY(0);filter:brightness(.96)}.tables-manage-icon{font-size:1rem;line-height:1}.tables-manage-chevron{font-size:.75rem;transition:transform .2s ease;display:inline-block;opacity:.8}.tables-manage-chevron.open{transform:rotate(180deg)}.tables-manage-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1190}.tables-manage-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:1200;min-width:240px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 12px 40px #00000059,0 2px 8px #00000026;padding:8px;animation:tablesSlideUp .18s ease}.tables-manage-group-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:6px 10px 4px}.tables-manage-divider{height:1px;background:var(--border-color);margin:6px 4px}.tables-manage-option{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:10px;border:none;background:transparent;color:var(--text-primary);font-family:inherit;cursor:pointer;transition:background .15s,transform .08s ease;text-align:left;-webkit-user-select:none;user-select:none}.tables-manage-option:hover{background:var(--bg-glass)}.tables-manage-option:active{transform:scale(.97);background:var(--bg-glass-medium)}.tables-manage-option--danger:hover{background:#ef444414}.tables-manage-option--danger .tmo-label{color:#f87171}.tables-manage-option--danger .tmo-sub{color:#f8717199}.tmo-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-glass);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.tmo-icon--indigo{background:#6366f11f}.tmo-icon--red{background:#ef44441a}.tmo-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tmo-label{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmo-sub{font-size:.68rem;color:var(--text-muted);font-weight:400}.tables-stats-strip{display:flex;gap:var(--space-2);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tables-stats-strip::-webkit-scrollbar{display:none}.tables-status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.tables-status-chip:hover{filter:brightness(1.08);transform:translateY(-1px)}.tables-status-chip:active{transform:scale(.94);transition:transform .08s ease}.tables-status-chip.active{border-width:2px}.tables-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tables-clear-filter{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-full);background:transparent;border:1px dashed var(--border-color);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0}.tables-clear-filter:hover{background:#ef44440f;border-color:#ef4444;color:#ef4444}.tables-zone-strip{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.tables-zone-strip::-webkit-scrollbar{display:none}.tables-zone-chip{padding:5px 14px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.tables-zone-chip:hover{border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.tables-zone-chip:active{transform:scale(.93);transition:transform .08s ease}.tables-zone-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:var(--font-semibold)}.tables-floor{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);min-height:300px}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(110px,16vw,145px),1fr));gap:10px;align-items:start}.tlc{border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.tlc:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000024}.tlc:active{transform:scale(.96) translateY(0);transition:transform .08s ease;box-shadow:0 1px 6px #0003}.tlc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.12) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:inherit}.tlc:active:after{opacity:1;transition:opacity .05s ease}.tlc--free{background:var(--bg-secondary);border:1px solid var(--border-color)}.tlc--free:hover{border-color:#ffffff1f}.tlc--active{background:var(--bg-secondary);border:1px solid var(--tc);border-left:3px solid var(--tc)}.tlc__bar{width:4px;flex-shrink:0;background:var(--tc)}.tlc__body{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-height:68px}.tlc__body--svg{align-items:center;text-align:center;padding:clamp(6px,1.5vw,10px) 4px clamp(8px,2vw,12px);gap:2px}.tlc__status-top{font-size:clamp(.48rem,1.1vw,.56rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-bottom:0}.tlc__body--svg svg{display:block;max-width:100%;height:auto}.tlc__meta-center{font-size:clamp(.52rem,1.2vw,.62rem);color:var(--text-muted);margin-top:1px}.tlc__row-top{display:flex;justify-content:space-between;align-items:center}.tlc__num{font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.tlc--free .tlc__num{color:var(--text-muted)}.tlc__badge{padding:2px 7px;border-radius:5px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.tlc__meta{display:flex;gap:4px;font-size:.72rem;color:var(--text-muted);margin-top:auto}.tlc__order-badge{padding:2px 8px;border-radius:6px;font-size:clamp(.48rem,1.1vw,.58rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-align:center;line-height:1.3;margin-top:1px}.tlc__waiter-row{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:2px}.tlc__avatar{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.38rem;color:#fff;font-weight:800;flex-shrink:0}.tlc__waiter-name{font-size:clamp(.44rem,1vw,.52rem);font-weight:600;color:#a29bfe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70px}.tlc__waiter{font-size:.7rem;color:#a78bfa;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlc__row{display:flex;justify-content:space-between;align-items:center}.tlc__timer{font-size:clamp(.5rem,1.1vw,.6rem);color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums}.tlc__total{font-size:clamp(.62rem,1.4vw,.78rem);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:1px}.tlc__count{font-size:.6rem;color:var(--text-muted);background:var(--bg-glass);padding:1px 5px;border-radius:4px;font-weight:600}.tlc__pulse{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;animation:tlcPulse 2s infinite}@keyframes tlcPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.td-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:420px;width:92%;box-shadow:0 20px 60px #0006;animation:tablesSlideUp .2s ease;max-height:88dvh;overflow:hidden;display:flex;flex-direction:column}.td-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px 0}.td-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.td-subtitle{font-size:.78rem;color:var(--text-muted);font-weight:500}.td-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.td-chips{display:flex;gap:6px;flex-wrap:wrap;padding:10px 20px 0}.td-chip{padding:4px 10px;border-radius:8px;background:var(--bg-secondary);font-size:.75rem;color:var(--text-secondary);font-weight:500}.td-chip--accent{background:#8b5cf61a;color:#a78bfa}.td-orders{padding:14px 20px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.td-section-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.td-order-card{padding:12px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.td-order-top{display:flex;justify-content:space-between;align-items:center}.td-order-num{font-weight:700;font-size:.88rem;color:var(--text-primary)}.td-order-status{padding:2px 8px;border-radius:5px;font-size:.65rem;font-weight:700;text-transform:uppercase}.td-order-customer{font-size:.75rem;color:var(--text-secondary)}.td-order-items{font-size:.75rem;color:var(--text-muted);line-height:1.4}.td-order-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.td-order-total{font-weight:800;font-size:.85rem;color:#22c55e}.td-order-time{font-size:.72rem;color:var(--text-muted)}.td-no-orders{text-align:center;padding:20px;color:var(--text-muted);font-size:.82rem}.td-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 20px 18px;border-top:1px solid var(--border-color)}.td-btn{padding:10px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;border:none;text-align:center}.td-btn--success{background:#22c55e1f;color:#22c55e}.td-btn--success:hover{background:#22c55e38}.td-btn--danger{background:#ef44441f;color:#ef4444}.td-btn--danger:hover{background:#ef444438}.td-btn--neutral{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-color)}.td-btn--neutral:hover{background:var(--bg-glass-medium);color:var(--text-primary)}.td-btn--ghost{background:transparent;color:var(--text-muted);border:1px solid rgba(239,68,68,.15)}.td-btn--ghost:hover{background:#ef444414;color:#ef4444}.tables-empty{text-align:center;padding:var(--space-12) var(--space-5);color:var(--text-muted)}.tables-empty-icon{font-size:2.5rem;margin-bottom:var(--space-2)}.tables-empty-text{font-size:var(--text-sm);margin-bottom:4px}.tables-empty-sub{font-size:var(--text-xs);color:var(--text-muted)}.tables-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:clamp(8px,3vw,16px);animation:tablesFadeIn .15s ease}@keyframes tablesFadeIn{0%{opacity:0}to{opacity:1}}.tables-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:clamp(16px,4vw,24px);max-width:450px;width:100%;box-shadow:0 20px 60px #0006;animation:tablesSlideUp .2s ease;max-height:88dvh;overflow-y:auto}@keyframes tablesSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tablesScaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.tables-modal-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.tables-modal-desc{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.tables-modal-form{display:grid;gap:var(--space-4)}.tables-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.tables-field{display:flex;flex-direction:column;gap:4px}.tables-field label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.tables-field input{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input, var(--bg-secondary));color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s}.tables-field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.tables-bulk-count{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.tables-bulk-number{font-size:1.5rem;font-weight:800;color:#22c55e}.tables-bulk-label{font-size:var(--text-sm);color:var(--text-muted)}.tables-modal-footer{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-5)}.tables-btn{padding:var(--space-2) var(--space-4);border-radius:10px;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s;white-space:nowrap}.tables-btn-primary{background:var(--accent-primary);color:#fff;border:none}.tables-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.tables-btn-primary:disabled{opacity:.5;cursor:not-allowed}.tables-btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.tables-btn-secondary:hover{background:var(--bg-glass);color:var(--text-primary)}@media(max-width:900px){.tables-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.tables-floor{padding:var(--space-3)}}@media(max-width:480px){.tables-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tables-floor{padding:var(--space-2);border-radius:12px}.tables-header{flex-direction:column;align-items:stretch}.tables-actions{justify-content:stretch}.tables-actions .tables-btn{flex:1;text-align:center}.tables-modal-overlay{align-items:flex-end;padding:0}.tables-modal,.td-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:92dvh}.tables-modal{padding:clamp(14px,4vw,20px)}.tables-modal-row{grid-template-columns:1fr}.td-actions{grid-template-columns:1fr 1fr}.tlc__body{padding:10px 12px;min-height:72px}.tlc__num{font-size:.95rem}.tlc__waiter{font-size:.68rem}.tlc__total{font-size:.8rem}.tlc__timer{font-size:.65rem}.tlc__badge{font-size:.58rem;padding:2px 6px}}@media(max-width:768px){.tables-header{flex-direction:column;align-items:stretch}.tables-manage-wrap{width:100%}.tables-manage-btn{width:100%;justify-content:center}.tables-manage-menu{left:0;right:0;min-width:unset}}@media(max-width:480px){.tables-manage-menu{left:0;right:0;min-width:unset}}@media(min-width:1200px){.tables-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.td-modal{max-width:480px}.tables-modal{max-width:500px}}.mod-requests-page{padding:24px;max-width:900px;margin:0 auto}.mod-requests-header{margin-bottom:var(--space-4);display:grid;grid-template-columns:1fr 42px;align-items:center;gap:var(--space-2)}.mod-date-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .15s;flex-shrink:0}.mod-date-trigger:hover{background:#6366f11a;border-color:var(--accent-primary, #6366f1)}.mod-date-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0006}.mod-date-menu{position:fixed;z-index:100;min-width:200px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;padding:var(--space-2);animation:modDropIn .15s ease}.mod-date-menu--responsive{top:80px;right:24px;left:auto}@keyframes modDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mod-date-handle,.mod-date-close{display:none}.mod-date-option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;text-align:left;transition:background .12s}.mod-date-option:hover{background:var(--bg-hover)}.mod-date-option.active{background:var(--accent-primary, #6366f1);color:#fff}.mod-date-divider{height:1px;background:var(--border-color);margin:var(--space-1) var(--space-2)}.mod-date-custom{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2);border-top:1px solid var(--border-color);margin-top:var(--space-1)}.mod-date-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mod-date-field label{font-size:.65rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mod-date-field input[type=date]{padding:8px 6px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box;min-height:40px;-webkit-appearance:none}.mod-date-field input[type=date]:focus{border-color:var(--accent-primary, #6366f1)}@media(max-width:640px){.mod-date-backdrop{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mod-date-menu--responsive{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:88%;max-width:340px;border-radius:20px;padding:4px 8px 12px;animation:modScaleIn .2s ease;box-shadow:0 20px 60px #00000080}@keyframes modScaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mod-date-handle{display:flex;justify-content:center;padding:10px 0 6px}.mod-date-handle-bar{width:36px;height:4px;border-radius:2px;background:var(--border-color)}.mod-date-option{padding:12px 16px;font-size:.92rem;font-weight:600;border-radius:10px}.mod-date-custom{flex-direction:column;gap:10px;padding:12px}.mod-date-field input[type=date]{padding:12px 10px;font-size:1rem;min-height:48px;border-radius:10px}.mod-date-close{display:block;width:calc(100% - 16px);margin:8px auto 0;padding:12px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;text-align:center}}.mod-requests-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:10px}.mod-requests-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--bg-tertiary, #e2e4e9);color:var(--text-primary, #4b5563);font-size:.7rem;font-weight:700;padding:0 5px;line-height:1}.mod-filter-btn.active .mod-requests-badge{background:#ffffff4d;color:#fff}.mod-filter-btn:not(.active) .mod-requests-badge{background:var(--bg-tertiary, #e2e4e9);color:var(--text-primary, #374151);font-weight:800}.mod-requests-filters{display:flex;flex-wrap:nowrap;gap:6px;background:var(--bg-secondary);border-radius:12px;padding:4px;border:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;position:relative}.mod-requests-filters::-webkit-scrollbar{display:none}.mod-filter-btn{padding:8px 14px;border-radius:10px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex:1 0 auto;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:4px}.mod-filter-btn.active{background:var(--color-business, #6366f1);color:#fff;box-shadow:0 2px 8px #6366f140}.mod-filter-btn:not(.active){background:transparent;color:var(--text-secondary)}.mod-filter-btn:not(.active):hover{background:#6366f10f;color:var(--text-primary)}.mod-request-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:18px 20px;margin-bottom:12px;transition:all .2s;position:relative;overflow:hidden}.mod-request-card:hover{border-color:#6366f133;box-shadow:0 4px 12px #0000000a}.mod-request-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.mod-request-card[data-status=PENDING]:before{background:#f59e0b}.mod-request-card[data-status=APPROVED]:before{background:#22c55e}.mod-request-card[data-status=REJECTED]:before{background:#ef4444}.mod-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.mod-card-type{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mod-card-type[data-type=DISCOUNT]{background:#a855f71a;color:#a855f7}.mod-card-type[data-type=PAYMENT_METHOD]{background:#3b82f61a;color:#3b82f6}.mod-card-type[data-type=ADJUST_TOTAL]{background:#f59e0b1a;color:#f59e0b}.mod-card-status{padding:4px 10px;border-radius:8px;font-size:.72rem;font-weight:700}.mod-card-status[data-status=PENDING]{background:#f59e0b1a;color:#f59e0b}.mod-card-status[data-status=APPROVED]{background:#22c55e1a;color:#22c55e}.mod-card-status[data-status=REJECTED]{background:#ef44441a;color:#ef4444}.mod-card-description{font-size:.92rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.mod-card-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--text-secondary);margin-bottom:12px}.mod-card-meta span{display:flex;align-items:center;gap:4px}.mod-card-review{padding:10px 14px;border-radius:10px;margin-top:8px;font-size:.82rem}.mod-card-review[data-status=APPROVED]{background:#22c55e0f;border:1px solid rgba(34,197,94,.15);color:var(--text-primary)}.mod-card-review[data-status=REJECTED]{background:#ef44440f;border:1px solid rgba(239,68,68,.15);color:var(--text-primary)}.mod-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.mod-action-btn{flex:1;padding:10px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:6px}.mod-action-btn.approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.mod-action-btn.approve:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.mod-action-btn.reject{background:transparent;border:1.5px solid rgba(239,68,68,.3);color:#ef4444}.mod-action-btn.reject:hover{background:#ef44440f}.mod-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.mod-note-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.82rem;outline:none;margin-top:8px;box-sizing:border-box;transition:border-color .2s}.mod-note-input:focus{border-color:#6366f166}.mod-empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.mod-empty-icon{font-size:3rem;margin-bottom:12px}.mod-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.mod-empty-text{font-size:.85rem;max-width:300px;margin:0 auto;line-height:1.4}.mod-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-secondary)}@media(max-width:640px){.mod-requests-page{padding:0}.mod-requests-header{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:16px}.mod-requests-title{font-size:1.05rem;flex-wrap:wrap}.mod-requests-filters{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x}.mod-requests-filters::-webkit-scrollbar{display:none}.mod-filter-btn{font-size:.75rem;padding:6px 12px;flex-shrink:0}.mod-request-card{padding:12px 14px;border-radius:12px}.mod-card-header{flex-direction:row;flex-wrap:wrap;gap:6px}.mod-card-type{font-size:.68rem;padding:3px 8px}.mod-card-status{font-size:.68rem}.mod-card-description{font-size:.85rem}.mod-card-meta{gap:2px;font-size:.72rem}.mod-actions{flex-direction:column;gap:6px}.mod-action-btn{padding:10px;font-size:.82rem}.mod-note-input{font-size:.78rem}.mod-empty-state{padding:40px 16px}.mod-empty-title{font-size:1rem}.mod-requests-page{padding:var(--space-4) var(--space-3)}}.mod-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) 0;margin-top:var(--space-2)}.mod-pagination__btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s}.mod-pagination__btn:hover:not(:disabled){background:var(--accent-primary, #6366f1);color:#fff;border-color:transparent}.mod-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.mod-pagination__info{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-semibold)}