@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:768px){.login-card{padding:var(--space-8)}}@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:40px;height:40px;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-group{margin-bottom:2px}.sidebar-section{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4) var(--space-2);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-weight:var(--font-semibold);opacity:.7;background:none;border:none;cursor:pointer;transition:all .15s ease;border-radius:var(--radius-md);margin-top:4px}.sidebar-section:hover{opacity:1;background:var(--bg-hover);color:var(--text-primary)}.sidebar-section.has-active{opacity:1;color:var(--accent-primary)}.sidebar-section-chevron{font-size:14px;font-weight:700;transition:transform .25s ease;display:inline-block}.sidebar-section-chevron.open{transform:rotate(90deg)}.sidebar-section-items{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:0}.sidebar-section-items.open{max-height:600px;opacity:1}.collapsed .sidebar-section{display:none}.collapsed .sidebar-section-items{max-height:none;opacity:1}.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;min-width:0;overflow-x:hidden;max-width:calc(100vw - var(--sidebar-width))}.sidebar.collapsed~.dashboard-main,.dashboard-layout:has(.sidebar.collapsed) .dashboard-main{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - 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;box-sizing:border-box}.sidebar-overlay{display:none;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: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;max-width:100vw;overflow-x:hidden}.dashboard-content{padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.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:40px;height:40px;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;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.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)}}.ob-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding:12px 4px;flex-wrap:nowrap}.ob-pagination__btn{flex-shrink:0;padding:8px 14px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s}.ob-pagination__btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-primary, #6366f1) 40%,var(--border-color));color:var(--accent-primary, #6366f1)}.ob-pagination__btn:disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed}.ob-pagination__info{flex:1 1 auto;min-width:0;text-align:center;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-pagination__info strong{color:var(--text-primary)}.ob-pagination__total{opacity:.8}@media(max-width:540px){.ob-pagination__total{display:none}.ob-pagination__btn{padding:8px 12px;font-size:.75rem}}.ob-datefilter{position:relative;display:inline-block;flex-shrink:0}.ob-datefilter__trigger{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.ob-datefilter__trigger:hover{border-color:color-mix(in srgb,var(--accent-primary, #6366f1) 40%,var(--border-color))}.ob-datefilter__icon{font-size:.95rem}.ob-datefilter__caret{font-size:.7rem;color:var(--text-muted)}.ob-datefilter__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:transparent}.ob-datefilter__menu{position:absolute;z-index:100;top:calc(100% + 6px);min-width:210px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 12px 32px #0000002e;padding:8px;animation:obDfIn .15s ease}.ob-datefilter__menu--right{right:0}.ob-datefilter__menu--left{left:0}@keyframes obDfIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ob-datefilter__handle{display:none}.ob-datefilter__option{display:block;width:100%;text-align:left;padding:9px 12px;border:none;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .12s}.ob-datefilter__option:hover{background:var(--bg-tertiary, rgba(127,127,127,.08));color:var(--text-primary)}.ob-datefilter__option.is-active{background:color-mix(in srgb,var(--accent-primary, #6366f1) 14%,transparent);color:var(--accent-primary, #6366f1)}.ob-datefilter__custom{display:flex;flex-direction:column;gap:8px;padding:10px 4px 4px;margin-top:6px;border-top:1px solid var(--border-color)}.ob-datefilter__field{display:flex;flex-direction:column;gap:4px}.ob-datefilter__field span{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.ob-datefilter__field input{padding:8px 10px;border-radius:9px;border:1px solid var(--border-color);background:var(--bg-input, var(--bg-tertiary));color:var(--text-primary);font-size:.82rem}.ob-datefilter__close{display:none}@media(max-width:640px){.ob-datefilter__backdrop{background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ob-datefilter__menu{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:86%;max-width:340px;border-radius:20px;padding:8px 10px 12px;animation:obDfScaleIn .2s ease;box-shadow:0 20px 60px #00000073}@keyframes obDfScaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ob-datefilter__handle{display:block;width:36px;height:4px;border-radius:2px;background:var(--border-color);margin:2px auto 8px}.ob-datefilter__option{padding:11px 12px;font-size:.9rem}.ob-datefilter__close{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-tertiary, rgba(127,127,127,.08));color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer}}: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: #4ade80;--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 48px;--btn-height-xs: 28px;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-height-xl: 56px;--bg-status-success: var(--color-success-subtle);--bg-status-warning: var(--color-warning-subtle);--bg-status-danger: var(--color-danger-subtle);--bg-status-info: var(--color-info-subtle);--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;--space-xs: var(--space-2);--space-sm: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--text-min: .6875rem;--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: #16a34a;--bg-status-success: var(--color-success-subtle);--bg-status-warning: var(--color-warning-subtle);--bg-status-danger: var(--color-danger-subtle);--bg-status-info: var(--color-info-subtle);--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 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-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)}@media(max-width:768px){.ob-btn--icon{width:40px;height:40px}}.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);padding-bottom:env(safe-area-inset-bottom,0px)}.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}@media(max-width:768px){.ob-modal--xl,.ob-modal--lg{max-width:100%}}.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)}@media(max-width:768px){.ob-modal__close{width:44px;height:44px}}.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}@media(max-width:768px){.ob-table th{white-space:normal}}.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:min(380px,calc(100vw - 2 * var(--space-4)))}.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:768px){.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)}.ob-status-indicator{background:var(--bg-elevated);border:1px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.ob-status-indicator--success{border-left-color:var(--color-success)}.ob-status-indicator--warning{border-left-color:var(--color-warning)}.ob-status-indicator--danger{border-left-color:var(--color-danger)}.ob-status-indicator--info{border-left-color:var(--color-primary)}.ob-status-indicator--purple{border-left-color:var(--color-purple)}.ob-status-indicator--orange{border-left-color:var(--color-orange)}.ob-btn--outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.ob-btn--outline:hover:not(:disabled){background:var(--color-primary-subtle)}.ob-btn--outline-success{background:transparent;border:1px solid var(--color-success);color:var(--color-success)}.ob-btn--outline-success:hover:not(:disabled){background:var(--color-success-subtle)}.ob-btn--outline-danger{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.ob-btn--outline-danger:hover:not(:disabled){background:var(--color-danger-subtle)}.ob-btn--outline-warning{background:transparent;border:1px solid var(--color-warning);color:var(--color-warning)}.ob-btn--outline-warning:hover:not(:disabled){background:var(--color-warning-subtle)}.ob-icon-box{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.ob-icon-box--sm{width:32px;height:32px;font-size:var(--icon-sm)}.ob-icon-box--md{width:40px;height:40px;font-size:var(--icon-md)}.ob-icon-box--lg{width:48px;height:48px;font-size:var(--icon-lg)}.ob-icon-box--xl{width:56px;height:56px;font-size:var(--icon-xl)}.ob-icon-box--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.ob-icon-box--success{background:var(--color-success-subtle);color:var(--color-success)}.ob-icon-box--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.ob-icon-box--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.ob-icon-box--info{background:var(--color-info-subtle);color:var(--color-info)}.ob-icon-box--purple{background:var(--color-purple-subtle);color:var(--color-purple)}.ob-icon-box--orange{background:var(--color-orange-subtle);color:var(--color-orange)}.ob-icon-box--neutral{background:var(--bg-hover);color:var(--text-secondary)}.ob-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-color)}.ob-summary-row:last-child{border-bottom:none}.ob-summary-row__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.ob-summary-row__value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.ob-summary-row--highlight{padding:var(--space-3) 0}.ob-summary-row--highlight .ob-summary-row__label{font-weight:var(--font-semibold);color:var(--text-primary)}.ob-summary-row--highlight .ob-summary-row__value{font-size:var(--text-lg);font-weight:var(--font-extrabold)}.ob-section-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ob-section-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.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:wrap;gap:var(--space-2);padding:var(--space-1) 0;align-items:center}.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:var(--color-primary-subtle);border-color:var(--accent-primary, #6366f1)}.orders-date-wrapper{position:relative;flex-shrink:0}.orders-date-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:transparent}.orders-date-menu{position:absolute;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;top:calc(100% + 6px);right:0}@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:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-5);min-height:500px}.orders-grid>*{min-width:0}.orders-grid:has(.detail-empty){grid-template-columns:1fr minmax(0,.8fr)}.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;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-lg);min-width:0;word-break:break-word}.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:var(--color-warning-subtle);border-color:#f59e0b40;color:var(--color-warning)}.chip-waiter{background:var(--color-purple-subtle);border-color:#8b5cf640;color:var(--color-purple)}.detail-tax-card{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-purple-subtle);border:1px solid rgba(167,139,250,.25)}.detail-tax-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-purple);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:var(--color-orange-subtle);border:1px solid rgba(249,115,22,.2)}.strip-chef strong{color:var(--color-orange)}.strip-delivery{background:var(--color-accent-subtle);border:1px solid rgba(6,182,212,.2)}.strip-delivery strong{color:var(--color-info)}.strip-delivered{background:var(--color-success-subtle);border:1px solid rgba(34,197,94,.2)}.strip-delivered strong{color:var(--color-success)}.strip-waiting{background:var(--color-primary-subtle);border:1px solid rgba(59,130,246,.2);color:var(--text-secondary)}.strip-waiting strong{color:var(--color-primary)}.strip-delivering{background:var(--color-success-subtle);border:1px solid rgba(34,197,94,.2);color:var(--text-secondary)}.strip-delivering strong{color:var(--color-success)}.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:1280px){.orders-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}.orders-grid:has(.detail-empty){grid-template-columns:1fr}.orders-grid:has(.detail-empty) .order-detail{display:none}.order-detail{padding:var(--space-4)}.detail-info-grid{grid-template-columns:1fr}}@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) var(--space-4);margin:0 calc(-1 * var(--space-4));border-bottom:1px solid var(--border-color)}.detail-topbar:before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:inherit}.detail-back-btn{padding:var(--space-1) var(--space-3)}}@media(max-width:768px){.orders-page{gap:var(--space-3)}.orders-filters{gap:4px;padding-bottom:var(--space-1);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);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:0 14px 16px;gap:8px}.detail-topbar{padding:10px 0;gap:6px}.detail-topbar-title{font-size:.95rem}.detail-back-btn{padding:4px 10px;font-size:.72rem;border-radius:8px}.detail-date{font-size:.72rem;margin-bottom:4px}.detail-chips{gap:5px;margin-bottom:8px}.detail-chip{padding:3px 8px;font-size:.68rem;border-radius:7px}.detail-section{gap:6px;margin-bottom:4px}.detail-section h3{font-size:.72rem;letter-spacing:.06em;margin-bottom:2px}.detail-info-grid{grid-template-columns:1fr;padding:8px 10px;gap:4px;border-radius:10px}.detail-info-grid>div{padding:3px 0;font-size:.78rem}.detail-label{font-size:.65rem}.detail-tax-card{padding:8px 10px}.detail-tax-title{font-size:.68rem;margin-bottom:4px}.detail-tax-grid,.detail-status-strip{gap:4px}.status-strip-badge{padding:6px 10px;font-size:.75rem}.detail-items{gap:0}.detail-item-container{padding:6px 0}.detail-item-qty{font-size:.8rem;min-width:24px}.detail-item-name,.detail-item-price{font-size:.8rem}.detail-item-options{font-size:.7rem;padding-left:24px}.detail-total{padding:10px 12px}.detail-total-row{font-size:.78rem;padding:3px 0}.detail-total-row.total{font-size:1rem;padding-top:8px;margin-top:4px}.detail-actions{padding-top:10px;gap:8px;flex-direction:column}.action-btn{width:100%;padding:10px;font-size:.8rem;min-height:40px}.detail-header{flex-wrap:wrap;gap:var(--space-2)}.detail-header h2{font-size:var(--text-lg)}}@media(max-width:480px){.orders-page{gap:var(--space-2)}.orders-pagination{flex-direction:column;gap:var(--space-2)}.pagination-btn{width:100%;text-align:center}.detail-tax-grid{grid-template-columns:1fr}.modal-box{width:96%;padding:clamp(14px,3vw,20px);border-radius:14px}.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:var(--bg-overlay);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:var(--shadow-xl),0 0 0 1px var(--border-color);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:768px){.orders-date-backdrop{background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.orders-date-menu{position:fixed;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}}@media(max-width:480px){.pay-method-grid{grid-template-columns:repeat(2,1fr)!important}}.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:var(--color-success-subtle)}.stat-chip-success .stat-chip-value{color:var(--accent-success, #22c55e)}.stat-chip-danger{border-color:#ef44444d;background:var(--color-danger-subtle)}.stat-chip-danger .stat-chip-value{color:var(--accent-danger, #ef4444)}.stat-chip-warning{border-color:#f59e0b4d;background:var(--color-warning-subtle)}.stat-chip-warning .stat-chip-value{color:var(--color-warning)}.stat-chip-danger,.stat-chip-warning{cursor:pointer}.stat-chip-danger:hover{background:var(--color-danger-subtle);border-color:#ef444480}.stat-chip-warning:hover{background:var(--color-warning-subtle);border-color:#f59e0b80}.stat-chip-active.stat-chip-danger{background:var(--color-danger-subtle);border-color:var(--color-danger);border-width:2px;padding:5px 13px}.stat-chip-active.stat-chip-warning{background:var(--color-warning-subtle);border-color:var(--color-warning);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:var(--color-primary-subtle);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:var(--color-primary-subtle);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:var(--bg-glass-medium);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:var(--bg-glass-medium);color:#fff}.cat-chip-divider{width:1px;height:14px;background:var(--bg-glass-medium);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:var(--color-warning)}.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:var(--color-warning);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:var(--color-warning);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:var(--color-warning)}.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:var(--color-purple);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:var(--color-warning)}.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:var(--color-warning)}.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:var(--bg-overlay);-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:var(--color-warning);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)}.menu-product-actions{flex-wrap:wrap;gap:var(--space-1)}.menu-action-labeled{min-height:36px;padding:var(--space-2) var(--space-3)}.menu-btn{min-height:44px;padding:var(--space-3) var(--space-4)}.menu-stock-btn{width:36px;height:36px}.menu-stock-value{min-width:44px;height:36px}.menu-stock-alerts-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}@media(max-width:480px){.menu-page{gap:var(--space-3)}.menu-product-image{height:120px}.menu-product-info{padding:var(--space-2) var(--space-3)}.menu-product-name{font-size:var(--text-sm)}.menu-product-actions{padding:var(--space-2)}.menu-action-labeled{min-height:40px;padding:var(--space-2);flex:1 1 auto;justify-content:center}.action-text{display:none}.action-icon{font-size:18px}.menu-field input,.menu-field textarea,.menu-field select{padding:var(--space-3);font-size:var(--text-base);min-height:44px}.menu-modal-footer{flex-direction:column;gap:var(--space-2)}.menu-modal-footer .menu-btn{width:100%;justify-content:center}.menu-search input{min-height:44px;font-size:var(--text-base)}.menu-categories-section{padding:var(--space-2)}.menu-cat-chip{padding:6px 10px;min-height:36px}.menu-cat-add-btn{width:36px;height:36px}.menu-stat-chip{padding:3px 8px;font-size:11px}.menu-stock-alert-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.menu-stock-alert-actions{width:100%;justify-content:flex-end}.menu-stock-alert-input{width:60px;min-height:36px;font-size:var(--text-sm)}.menu-option-item-row{flex-wrap:wrap}.option-price-field input{width:55px;min-height:36px}.menu-page-btn{min-height:40px;padding:var(--space-2) var(--space-3)}.menu-share-row{flex-wrap:wrap}.menu-share-row-url{flex:1 1 100%;order:3;font-size:11px}.menu-icon-btn{width:42px;height:42px}.menu-stock-btn-bulk{min-height:36px}}.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:var(--bg-glass-medium);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-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.staff-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;transition:all .2s;overflow:hidden}.staff-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 35%,var(--border-color));box-shadow:0 4px 16px #0000000f}.staff-card.inactive{opacity:.55}.staff-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}.staff-avatar{width:38px;height:38px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.staff-header-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.staff-name{font-weight:var(--font-bold);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-email{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-danger, #ef4444);flex-shrink:0;box-shadow:0 0 0 2px var(--bg-card)}.staff-status-dot.active{background:var(--accent-success, #22c55e);box-shadow:0 0 0 2px var(--bg-card),0 0 6px #22c55e66}.staff-card-body{display:flex;flex-direction:column;gap:4px;padding:0 16px 10px}.staff-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.staff-role-badge{font-size:10px;font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.01em}.staff-detail-line{font-size:10px;color:var(--text-muted);opacity:.8;padding-left:2px}.staff-card-actions{display:flex;align-items:center;gap:6px;padding:8px 16px 12px;border-top:1px solid var(--border-color);flex-wrap:wrap;margin-top:auto}.staff-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;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:11px}.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:var(--color-warning)}.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:var(--color-purple)}.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:var(--bg-overlay);-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-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.staff-grid{grid-template-columns:repeat(3,1fr)}}@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)}.staff-modal-form,.staff-modal-header{padding:var(--space-3) var(--space-4)}.staff-btn{padding:10px 18px;min-height:44px}.staff-action-btn{padding:6px 12px;min-height:36px;font-size:var(--text-xs)}}@media(max-width:480px){.staff-page{gap:var(--space-3)}.staff-card-header{padding:var(--space-3)}.staff-card-body{padding:0 var(--space-3) var(--space-2)}.staff-card-actions{padding:var(--space-2) var(--space-3) var(--space-3);gap:var(--space-2)}.staff-action-btn{padding:8px 12px;min-height:40px;font-size:12px;flex:1 1 auto;justify-content:center}.staff-modal-field input,.staff-modal-field select{padding:12px;font-size:var(--text-base);min-height:44px}.staff-modal-header h3{font-size:var(--text-base)}.staff-modal-footer{flex-direction:column;gap:var(--space-2)}.staff-modal-footer .staff-btn{width:100%;justify-content:center}.staff-role-option{padding:var(--space-3);min-height:44px}.staff-stats-strip{gap:var(--space-1)}.staff-stat-chip{padding:3px 8px;font-size:11px}.staff-search input{min-height:44px;font-size:var(--text-base)}.staff-role-chip{padding:6px 12px;min-height:36px}}.stats-page{display:flex;flex-direction:column;gap:var(--space-4)}.stats-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.stats-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.stats-reports-link{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;border:1px solid var(--accent-primary, #6366f1);background:var(--accent-primary, #6366f1);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.stats-reports-link:hover{filter:brightness(1.08);box-shadow:0 4px 14px color-mix(in srgb,var(--accent-primary, #6366f1) 30%,transparent)}.stats-btn-short{display:none}@media(max-width:640px){.stats-btn-full{display:none}.stats-btn-short{display:inline}}.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:var(--color-primary-subtle);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)}.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:var(--color-success-subtle)}.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(auto-fit,minmax(200px,1fr));gap:var(--space-3)}@media(max-width:480px){.stats-kpi-grid{grid-template-columns:1fr}}.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-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--space-2)}.top-products-cat{padding:4px 12px;border-radius:var(--radius-full);border:1.5px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.top-products-cat:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.top-products-cat.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:700}.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:var(--color-success);background:var(--color-success-subtle)}.delta-down{color:var(--color-danger);background:var(--color-danger-subtle)}.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;overscroll-behavior-x:contain;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-header{flex-wrap:wrap;gap:var(--space-2)}.stats-reports-link{padding:9px 14px;font-size:.82rem}.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}.chart-single-revenue{font-size:1.5rem}.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}.stats-filter-menu{left:12px!important;right:12px!important;min-width:auto}.stats-filter-custom{flex-direction:column}}@media(max-width:480px){.stats-page{gap:var(--space-2)}.stats-header{flex-direction:row;flex-wrap:wrap;align-items:center}.stats-live-indicator{margin-left:0}.stats-header-actions{margin-left:auto}.stats-reports-link{justify-content:center}.stats-kpi-grid{grid-template-columns: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}.chart-single-revenue{font-size:1.2rem}.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}.stats-filter-trigger{width:100%;justify-content:center}}.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:var(--color-danger-subtle);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:var(--bg-surface);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:var(--color-success);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:var(--color-danger-soft)}.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:var(--bg-overlay);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:var(--bg-elevated);color:var(--text-inverse);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:768px){.settings-page{gap:var(--space-3, 12px);max-width:100%}.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;z-index:var(--z-modal-backdrop, 300)}.settings-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;overflow-y:auto}.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;min-height:40px}.schedule-closed-toggle{grid-column:1 / -1;justify-self:end}.settings-toggle-row{padding:10px 12px;gap:12px}.settings-btn{min-height:44px;padding:12px 20px}.settings-input-wide{max-width:100%}.zone-action-btn{width:40px;height:40px}}@media(max-width:480px){.settings-page{gap:var(--space-2)}.settings-section__header{padding:var(--space-3);flex-direction:column;gap:var(--space-3)}.settings-section__content{padding:0 var(--space-3) var(--space-3)}.settings-input{min-height:44px;font-size:var(--text-base);padding:10px 12px}.settings-modal-field input,.settings-modal-field select{min-height:44px;font-size:var(--text-base);padding:12px}.settings-modal-body,.settings-modal-header{padding:var(--space-3)}.settings-modal-footer{flex-direction:column;padding:var(--space-3);gap:var(--space-2)}.settings-modal-footer .settings-btn{width:100%;text-align:center;justify-content:center}.settings-bank-card{flex-direction:column;gap:var(--space-2);align-items:flex-start}.settings-inline-field label{font-size:.82rem}.settings-input-group{flex-wrap:wrap}.settings-toggle,.settings-switch{width:52px;height:28px}.settings-bank-select{min-height:44px;font-size:var(--text-base)}.schedule-day-row{padding:var(--space-2) var(--space-3)}.schedule-time-input{min-height:44px;font-size:var(--text-base);padding:8px 10px}.settings-toast{bottom:80px;left:var(--space-4);right:var(--space-4);transform:none;text-align:center}.zone-card__details{flex-direction:column;gap:4px}.zone-action-btn{width:44px;height:44px}}.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(--bg-card)}.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-base);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:var(--color-primary-subtle);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:var(--color-primary-subtle);color:var(--color-primary)}.conv-badge--paused{background:var(--color-warning-subtle);color:var(--color-warning)}.conv-badge--unread{background:var(--color-success);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-base);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(--bg-card)}.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:var(--color-success);color:var(--color-success)}.chat-btn--notes{border-color:#8b5cf6;color:var(--color-purple)}.chat-btn--active{background:var(--color-purple-subtle)}.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:var(--color-primary-subtle);color:var(--text-primary);border-bottom-right-radius:4px}.chat-msg--agent{align-self:flex-end;background:var(--color-success-subtle);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(--bg-card)}.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:var(--color-primary-subtle);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(--bg-card)}.chat-input textarea{flex:1;background:var(--bg-base);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(--bg-card);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:var(--color-warning);color:var(--color-warning)}.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:var(--color-danger);background:var(--color-danger-subtle)}.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:var(--color-purple);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:var(--bg-elevated);border-radius:999px;transition:.3s}.conv-toggle__slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--bg-surface);top:2px;left:2px;transition:.3s}.conv-toggle input:checked+.conv-toggle__slider{background:var(--color-success)}.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;min-height:0;overflow:hidden}.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{padding:10px 14px}.order-modal__header h3{font-size:.92rem}.order-modal__header button{width:34px;height:34px;font-size:18px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:var(--radius-md)}.order-modal__body{padding:12px 14px;gap:10px}.order-modal__status{gap:6px}.order-modal__date{font-size:.7rem}.order-modal__meta{padding-top:8px;gap:4px}.order-modal__meta-item{font-size:.78rem}.order-modal__section h4{font-size:.78rem;margin-bottom:4px}.order-modal__item{padding:5px 8px;font-size:.8rem}.order-modal__totals{padding-top:8px}.order-modal__total-row{font-size:.78rem}.order-modal__total-row--final{font-size:.95rem;padding-top:6px}.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}}@media(max-width:480px){.conversations-page{height:calc(100vh - 48px)}.chat-msg{max-width:88%;font-size:var(--text-sm);padding:var(--space-2)}.chat-messages{padding:var(--space-3) var(--space-2) var(--space-2)}.chat-input textarea{font-size:var(--text-base);min-height:44px;padding:var(--space-3)}.chat-input__send{min-height:44px;min-width:44px;padding:var(--space-2) var(--space-3)}.chat-header__top{padding:var(--space-2)}.chat-header__details h3{font-size:var(--text-sm)}.chat-header__bar{padding:var(--space-1) var(--space-2);flex-wrap:wrap;gap:var(--space-1)}.chat-header__stats{width:100%;margin-left:0;justify-content:flex-start;gap:var(--space-2);flex-wrap:wrap}.chat-btn{font-size:11px;padding:4px var(--space-2);min-height:32px}.quick-replies{padding:var(--space-1) var(--space-2)}.quick-reply-btn{padding:6px 12px;font-size:12px;min-height:32px}.conv-item{padding:var(--space-2) var(--space-3)}.conv-item__avatar,.conv-item__avatar-img{width:38px;height:38px}.conv-item__preview{max-width:160px}.conv-list__search{padding:var(--space-2)}.conv-list__search input{min-height:36px}.notes-panel__items{max-height:140px;padding:var(--space-2) var(--space-3)}.notes-panel__input{padding:var(--space-2) var(--space-3)}.notes-panel__input input{min-height:40px;font-size:var(--text-base)}.notes-panel__input button{width:44px;height:44px}.attach-order-btn{min-width:40px;min-height:40px}.order-modal{width:95vw;max-width:95vw;max-height:85vh}.auto-resume-picker select{min-height:36px;font-size:var(--text-sm)}.qr-editor{padding:var(--space-2) var(--space-3)}.qr-editor__item input{min-height:36px;font-size:var(--text-sm)}}.quick-reply-btn--edit{border-style:dashed;opacity:.6}.quick-reply-btn--edit:hover{opacity:1}.qr-editor{background:var(--bg-card);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-base);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-base);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:var(--color-primary);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:var(--color-primary)}.profile-side{background:var(--bg-card);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:var(--color-success-subtle);color:var(--color-success)}.profile-panel__status--confirmed{background:var(--color-primary-subtle);color:var(--color-primary)}.profile-panel__status--pending{background:var(--color-warning-subtle);color:var(--color-warning)}.profile-panel__status--cancelled{background:var(--color-danger-subtle);color:var(--color-danger)}.profile-panel__status--preparing{background:var(--color-purple-subtle);color:var(--color-purple)}.profile-panel__danger{width:100%;padding:6px var(--space-3);background:var(--color-danger-subtle);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s}.profile-panel__danger:hover{background:var(--color-danger-subtle);border-color:var(--color-danger)}.order-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);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)}.live-tables-page{padding:0;min-height:100vh}.live-tables-page--fullscreen{background:var(--bg-base);padding:20px;overflow-y:auto;width:100%;height:100%}.lt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:8px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lt-kpis{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.lt-kpi{flex:1;min-width:90px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:14px;padding:12px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.lt-kpi__icon{font-size:.9rem}.lt-kpi__value{font-size:1.5rem;font-weight:800;line-height:1}.lt-kpi__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.lt-kpi--free .lt-kpi__value{color:var(--color-success)}.lt-kpi--occupied .lt-kpi__value{color:var(--color-info)}.lt-kpi--bill .lt-kpi__value{color:var(--color-warning)}.lt-kpi--cleaning .lt-kpi__value{color:var(--text-muted)}.lt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.lt-toolbar__left,.lt-toolbar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lt-view-toggle{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.lt-view-btn{padding:7px 14px;background:var(--bg-glass-subtle);color:var(--text-muted);border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.lt-view-btn:hover{background:var(--color-primary-subtle)}.lt-view-btn.active{background:var(--color-primary-subtle);color:var(--color-primary)}.lt-edit-btn{padding:7px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.lt-edit-btn:hover{background:var(--color-primary-subtle)}.lt-edit-btn.active{background:var(--color-success-subtle);border-color:#22c55e4d;color:var(--color-success)}.lt-zones{display:flex;gap:6px;flex-wrap:wrap}.lt-zone-chip{padding:5px 12px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s}.lt-zone-chip:hover{background:var(--color-primary-subtle)}.lt-zone-chip.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.lt-fullscreen-btn{padding:7px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-muted);font-size:1rem;cursor:pointer;transition:all .2s}.lt-fullscreen-btn:hover{background:var(--color-primary-subtle)}.lt-map{position:relative;min-height:clamp(280px,50vh,550px);border-radius:16px;background:var(--bg-glass-subtle);border:1px solid var(--border-color);overflow:hidden;-webkit-user-select:none;user-select:none}.lt-map__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 1px 1px,var(--border-color) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.lt-map--edit{border:2px dashed var(--color-primary)}.lt-map--edit .lt-map__grid-bg{background:radial-gradient(circle at 1px 1px,var(--color-primary-subtle) 1px,transparent 0);background-size:40px 40px}.lt-map__edit-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:6px 16px;background:var(--color-primary-subtle);border:1px solid rgba(99,102,241,.3);border-radius:20px;font-size:.72rem;font-weight:600;color:var(--color-primary);z-index:50;pointer-events:none}.lt-node{position:absolute;width:80px;height:80px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .2s;z-index:1;border:2px solid transparent;transform:translate(-50%,-50%)}.lt-node:hover{transform:translate(-50%,-50%) scale(1.12);z-index:10}.lt-node--dragging{opacity:.75;transform:translate(-50%,-50%) scale(1.15)!important;z-index:100;cursor:grabbing!important}.lt-node--selected{z-index:20;outline:2px solid var(--border-light);outline-offset:2px}.lt-node--free{background:#22c55e26;border-color:#22c55e66;box-shadow:0 0 20px #22c55e1f}.lt-node--occupied{background:#3b82f62e;border-color:#3b82f673;box-shadow:0 0 20px #3b82f61f}.lt-node--bill{background:#f59e0b2e;border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b33;animation:pulse-bill 2s ease-in-out infinite}.lt-node--cleaning{background:#9ca3af1f;border-color:#9ca3af4d}@keyframes pulse-bill{0%,to{box-shadow:0 0 20px #f59e0b26}50%{box-shadow:0 0 35px #f59e0b66}}.lt-node__number{font-size:1.1rem;font-weight:800;line-height:1;color:var(--text-primary)}.lt-node__capacity{font-size:.55rem;color:var(--text-muted);margin-top:1px}.lt-node__waiter{font-size:.52rem;font-weight:600;color:var(--color-primary);margin-top:1px;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.lt-node__order-dot{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg-base)}.lt-node__order-dot--pulse{animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.lt-node__pulse-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:20px;border:2px solid rgba(245,158,11,.3);animation:ring-pulse 2s ease-out infinite;pointer-events:none}@keyframes ring-pulse{0%{transform:scale(.9);opacity:1}to{transform:scale(1.3);opacity:0}}.lt-popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lt-popover{position:relative;min-width:280px;max-width:360px;width:90vw;background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:18px;padding:0;box-shadow:var(--shadow-xl);overflow:hidden}.lt-popover__accent{height:4px;width:100%}.lt-popover__header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px 10px}.lt-popover__title{font-size:1.1rem;font-weight:800;margin:0;color:var(--text-primary)}.lt-popover__subtitle{display:block;font-size:.78rem;color:var(--text-secondary);margin-top:2px}.lt-popover__zone{display:block;font-size:.72rem;color:var(--text-muted);margin-top:2px}.lt-popover__status{padding:4px 12px;border-radius:12px;font-size:.72rem;font-weight:700;white-space:nowrap}.lt-popover__chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 18px 12px}.lt-popover__chip{padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:600;background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary)}.lt-popover__chip--accent{background:var(--color-primary-subtle);border-color:#6366f133;color:var(--color-primary)}.lt-popover__chip--time{background:var(--color-warning-subtle);border-color:#f59e0b33;color:var(--color-warning)}.lt-popover__orders{padding:0 18px 12px}.lt-popover__section-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.lt-popover__order{padding:10px 12px;background:var(--bg-glass-subtle);border:1px solid var(--border-color);border-radius:10px;margin-bottom:6px}.lt-popover__order-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.lt-popover__order-num{font-size:.85rem;font-weight:700;color:var(--text-primary)}.lt-popover__order-status{padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:700}.lt-popover__order-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.lt-popover__order-total{font-weight:700;color:var(--color-success)}.lt-popover__order-time{display:block;font-size:.65rem;color:var(--text-muted);margin-top:3px}.lt-popover__grand-total{display:flex;justify-content:space-between;padding:10px 12px;background:var(--color-primary-subtle);border:1px solid rgba(99,102,241,.15);border-radius:10px;font-size:.85rem;font-weight:800;margin-top:8px;color:var(--text-primary)}.lt-popover__empty{padding:16px 18px;text-align:center;font-size:.8rem;color:var(--text-muted)}.lt-popover__close{display:block;width:100%;padding:12px;background:var(--bg-glass-subtle);border:none;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.lt-popover__close:hover{background:var(--bg-glass-medium)}.lt-list__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lt-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:14px;padding:14px;cursor:pointer;transition:all .2s;position:relative;border-left:3px solid var(--card-color, transparent)}.lt-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-subtle)}.lt-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.lt-card__number{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.lt-card__status{padding:3px 8px;border-radius:8px;font-size:.65rem;font-weight:700}.lt-card__name{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.lt-card__meta{display:flex;gap:10px;font-size:.72rem;color:var(--text-muted);margin-bottom:6px}.lt-card__waiter{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--color-primary);margin-bottom:6px}.lt-card__waiter-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff}.lt-card__order-badge{padding:3px 10px;border-radius:8px;font-size:.65rem;font-weight:700;display:inline-block;margin-bottom:6px}.lt-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border-color)}.lt-card__total{font-size:.9rem;font-weight:800;color:var(--color-success)}.lt-card__time{font-size:.7rem;color:var(--text-muted)}.lt-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.lt-list .lt-empty{position:relative;min-height:300px}.lt-empty__icon{font-size:3rem;margin-bottom:12px}.lt-empty__text{font-size:.95rem;font-weight:600;color:var(--text-muted);margin:0 0 4px}.lt-empty__sub{font-size:.78rem;color:var(--text-muted);margin:0}@media(max-width:1024px){.lt-list__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.live-tables-page{overflow-x:hidden}.lt-kpis{gap:6px}.lt-kpi{min-width:60px;padding:8px}.lt-kpi__value{font-size:1.15rem}.lt-kpi__icon{font-size:.7rem}.lt-list__grid{grid-template-columns:repeat(2,1fr);gap:8px}.lt-map{min-height:400px}.lt-node{width:64px;height:64px;border-radius:12px}.lt-node__number{font-size:.9rem}.lt-toolbar{gap:8px;flex-direction:column;align-items:stretch}.lt-toolbar__left,.lt-toolbar__right{justify-content:space-between}.lt-view-toggle{width:100%}.lt-view-btn,.lt-edit-btn,.lt-fullscreen-btn{flex:1;text-align:center}.lt-popover{width:94vw;max-width:380px}.lt-card{padding:10px}.lt-card__number{font-size:1rem}}@media(max-width:480px){.lt-list__grid{grid-template-columns:1fr}.lt-kpi__label{display:none}.lt-map{min-height:320px}.lt-node{width:56px;height:56px;border-radius:10px}.lt-node__number{font-size:.8rem}.lt-node__capacity{font-size:.48rem}.lt-node__waiter{font-size:.45rem;max-width:48px}.live-tables-page--fullscreen{padding:10px}.lt-popover{width:96vw}.lt-popover__header{padding:12px 14px 8px}.lt-popover__chips,.lt-popover__orders{padding:0 14px 10px}}@media print{.lt-toolbar,.lt-kpis{display:none}.lt-map{border:1px solid #ccc;background:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.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:var(--color-danger-subtle)}.tables-manage-option--danger .tmo-label{color:var(--color-danger)}.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:var(--color-primary-subtle)}.tmo-icon--red{background:var(--color-danger-subtle)}.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:var(--color-danger-subtle);border-color:var(--color-danger);color:var(--color-danger)}.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,var(--bg-glass-medium) 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:var(--border-light)}.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:var(--color-purple);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70px}.tlc__waiter{font-size:.7rem;color:var(--color-purple);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:var(--color-purple-subtle);color:var(--color-purple)}.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:var(--color-success)}.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:var(--color-success-subtle);color:var(--color-success)}.td-btn--success:hover{background:var(--color-success-subtle)}.td-btn--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.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:var(--color-danger-subtle);color:var(--color-danger)}.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:var(--color-success)}.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)}.tables-view-toggle{display:flex;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.tables-view-btn{background:none;border:none;padding:8px 16px;font-size:.8rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.tables-view-btn.active{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff}.tables-view-btn:hover:not(.active){background:var(--color-primary-subtle);color:var(--color-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-page{gap:var(--space-3);overflow-x:hidden}.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}.tables-stats-strip{gap:4px}.tables-status-chip{padding:4px 8px;font-size:.68rem}.tables-zone-chip{padding:4px 10px;font-size:.68rem}.tables-view-toggle{width:100%}.tables-view-btn{flex:1;text-align:center;font-size:.75rem;padding:6px 10px}.td-modal{max-width:100%;width:100%;border-radius:16px 16px 0 0}.td-header{padding:14px 16px 0}.td-orders{padding:10px 16px}.td-actions{padding:10px 16px 14px}.td-btn{font-size:.78rem;padding:8px}}@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:960px;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:var(--color-primary-subtle);border-color:var(--accent-primary, #6366f1)}.mod-date-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg-overlay)}.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:var(--bg-overlay);-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:var(--border-light);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:var(--color-primary-subtle);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:var(--color-warning)}.mod-request-card[data-status=APPROVED]:before{background:var(--color-success)}.mod-request-card[data-status=REJECTED]:before{background:var(--color-danger)}.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:var(--color-purple-subtle);color:var(--color-purple)}.mod-card-type[data-type=PAYMENT_METHOD]{background:var(--color-primary-subtle);color:var(--color-primary)}.mod-card-type[data-type=ADJUST_TOTAL]{background:var(--color-warning-subtle);color:var(--color-warning)}.mod-card-status{padding:4px 10px;border-radius:8px;font-size:.72rem;font-weight:700}.mod-card-status[data-status=PENDING]{background:var(--color-warning-subtle);color:var(--color-warning)}.mod-card-status[data-status=APPROVED]{background:var(--color-success-subtle);color:var(--color-success)}.mod-card-status[data-status=REJECTED]{background:var(--color-danger-subtle);color:var(--color-danger)}.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:var(--color-success-subtle);border:1px solid rgba(34,197,94,.15);color:var(--text-primary)}.mod-card-review[data-status=REJECTED]{background:var(--color-danger-subtle);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:var(--color-danger)}.mod-action-btn.reject:hover{background:var(--color-danger-subtle)}.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)}.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)}@media(max-width:768px){.mod-requests-page{padding:var(--space-4) var(--space-3);max-width:100%}.mod-requests-header{grid-template-columns:1fr auto;gap:var(--space-2);margin-bottom:var(--space-3)}.mod-requests-title{font-size:1.15rem}.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:.8rem;padding:8px 14px;flex-shrink:0;min-height:40px}.mod-request-card{padding:14px 16px;border-radius:14px}.mod-action-btn{padding:12px;min-height:44px;font-size:.85rem}.mod-note-input{min-height:44px;font-size:.85rem}.mod-pagination__btn{min-height:44px;padding:var(--space-2) var(--space-4)}}@media(max-width:480px){.mod-requests-page{padding:var(--space-3) var(--space-2)}.mod-requests-header{grid-template-columns:1fr 40px;gap:var(--space-1);margin-bottom:var(--space-3)}.mod-requests-title{font-size:1.05rem;flex-wrap:wrap}.mod-filter-btn{font-size:.75rem;padding:6px 12px;flex-shrink:0;min-height:36px}.mod-request-card{padding:12px 14px;border-radius:12px;margin-bottom:var(--space-2)}.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:4px 12px;font-size:.72rem}.mod-card-meta span{min-width:0}.mod-actions{flex-direction:column;gap:6px}.mod-action-btn{padding:12px;font-size:.82rem;min-height:44px}.mod-note-input{font-size:.82rem;min-height:44px;padding:10px 12px}.mod-empty-state{padding:40px 16px}.mod-empty-title{font-size:1rem}.mod-card-review{padding:var(--space-2) var(--space-3);font-size:.78rem}.mod-pagination{gap:var(--space-2);flex-wrap:wrap}.mod-pagination__btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:40px}.mod-date-trigger{width:44px;height:44px}}.credit-page{padding:clamp(12px,3vw,24px);max-width:1200px;margin:0 auto}.credit-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px}.credit-kpi{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:14px 12px;text-align:center}.credit-kpi__value{font-size:clamp(1.1rem,3vw,1.3rem);font-weight:900;color:var(--color-primary);margin-bottom:2px}.credit-kpi__value--warn{color:var(--color-warning)}.credit-kpi__value--collected{color:var(--color-success)}.credit-kpi__label{font-size:.62rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.credit-classification-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.credit-class-badge{padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:700}.credit-class-badge--overdue{background:var(--color-danger-subtle);border:1px solid rgba(239,68,68,.25);color:var(--color-danger)}.credit-class-badge--warning{background:var(--color-warning-subtle);border:1px solid rgba(245,158,11,.25);color:var(--color-warning)}.credit-class-badge--ok{background:var(--color-success-subtle);border:1px solid rgba(34,197,94,.25);color:var(--color-success)}.credit-tabs{display:flex;align-items:center;gap:6px;margin-bottom:12px}.credit-tab{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.credit-tab.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.credit-tab-badge{background:var(--color-warning);color:#fff;font-size:.62rem;font-weight:800;border-radius:999px;padding:1px 6px}.credit-filter-trigger{display:flex;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.credit-filter-trigger:hover{border-color:var(--color-primary)}.credit-filter-active-label{font-size:.68rem;color:var(--color-primary);font-weight:700}.credit-filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.credit-filter-menu{position:fixed;z-index:999;min-width:190px;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000002e;padding:6px;display:flex;flex-direction:column;gap:2px}.credit-filter-option{padding:9px 14px;border-radius:8px;border:none;background:transparent;color:var(--text-primary);font-size:.78rem;font-weight:500;cursor:pointer;text-align:left;transition:all .12s}.credit-filter-option:hover{background:var(--bg-secondary)}.credit-filter-option.active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:700}.credit-filter-custom{display:flex;gap:8px;padding:8px 10px 4px}.credit-filter-field{display:flex;flex-direction:column;gap:3px;flex:1}.credit-filter-field label{font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.credit-filter-field input{padding:6px 8px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.72rem;outline:none;font-family:inherit;color-scheme:inherit}.credit-filter-field input:focus{border-color:var(--color-primary)}.credit-search-wrap{position:relative;margin-bottom:16px}.credit-search{width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.85rem;outline:none;box-sizing:border-box;transition:border .15s}.credit-search:focus{border-color:var(--color-primary)}.credit-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem}.credit-loading{display:flex;justify-content:center;padding:60px 0;color:var(--text-muted)}.credit-empty{text-align:center;padding:60px 20px}.credit-empty__icon{font-size:3rem;margin-bottom:12px}.credit-empty__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.credit-empty__sub{font-size:.8rem;color:var(--text-muted);margin:0}.credit-list{display:flex;flex-direction:column;gap:8px}.credit-card{display:flex;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .15s;cursor:pointer}.credit-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.credit-card__accent{width:4px;flex-shrink:0;background:var(--color-warning)}.credit-card__accent--paid{background:var(--color-success)}.credit-card__body{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.credit-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.credit-card__customer{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.credit-card__avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f126,#6366f10d);border:1px solid rgba(99,102,241,.2);color:var(--color-primary);font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.credit-card__info{flex:1;min-width:0}.credit-card__name{font-size:.88rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-card__meta{font-size:.68rem;color:var(--text-muted);font-weight:500;margin-top:1px}.credit-card__time{color:var(--color-warning);font-weight:700}.credit-card__badges{display:flex;align-items:center;gap:6px;margin-top:3px}.credit-card__status-badge{padding:2px 8px;border-radius:6px;font-size:.6rem;font-weight:700;line-height:1.4}.credit-card__status-badge--overdue{background:var(--color-danger-subtle);border:1px solid rgba(239,68,68,.2);color:var(--color-danger)}.credit-card__status-badge--warning{background:var(--color-warning-subtle);border:1px solid rgba(245,158,11,.2);color:var(--color-warning)}.credit-card__status-badge--ok{background:var(--color-success-subtle);border:1px solid rgba(34,197,94,.2);color:var(--color-success)}.credit-card__aging{font-size:.6rem;color:var(--text-muted);font-weight:500;font-style:italic}.credit-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.credit-card__amount{font-size:1rem;font-weight:900;color:var(--color-warning);flex-shrink:0}.credit-card__accent--paid~.credit-card__body .credit-card__amount{color:var(--color-success)}.credit-card__collect-btn{padding:5px 14px;border-radius:8px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.credit-card__collect-btn:disabled{opacity:.6;cursor:not-allowed}.credit-card__view-btn{padding:5px 14px;border-radius:8px;border:1.5px solid rgba(99,102,241,.3);background:#6366f114;color:var(--color-primary);font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.credit-card__history-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.credit-card__paid-date{font-size:.65rem;color:var(--color-success);font-weight:600}.credit-card__method-badge{font-size:.62rem;padding:2px 8px;border-radius:6px;background:var(--color-primary-subtle);border:1px solid var(--color-primary);color:var(--color-primary);font-weight:700}.credit-card__collector{font-size:.62rem;color:var(--text-muted);font-weight:500}.credit-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.credit-confirm-modal{background:var(--bg-card);border-radius:20px;padding:24px 20px;width:100%;max-width:380px;max-height:85dvh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.34,1.2,.64,1);border:1px solid var(--border-color);box-shadow:0 24px 60px #0006;position:relative}.credit-confirm-customer{display:flex;align-items:center;gap:12px;margin-bottom:16px}.credit-confirm-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6366f126,#6366f10d);border:1px solid rgba(99,102,241,.25);color:var(--color-primary);font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.credit-confirm-title{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0}.credit-confirm-meta{font-size:.72rem;color:var(--text-muted);font-weight:500;margin:2px 0 0}.credit-confirm-receipt{background:var(--bg-glass-subtle);border-radius:12px;padding:12px 14px;margin-bottom:16px;border:1px solid var(--border-color)}.credit-receipt-item{display:flex;justify-content:space-between;padding:3px 0;font-size:.78rem;color:var(--text-muted)}.credit-receipt-item span:last-child{font-weight:600;white-space:nowrap;margin-left:8px}.credit-receipt-line{display:flex;justify-content:space-between;padding:6px 0 3px;font-size:.76rem;color:var(--text-muted);border-top:1px dashed var(--border-color);margin-top:6px}.credit-receipt-line+.credit-receipt-line{border-top:none;margin-top:0;padding-top:2px}.credit-receipt-line span:last-child{font-weight:600}.credit-receipt-total{display:flex;justify-content:space-between;padding:8px 0 0;margin-top:6px;border-top:1px solid var(--border-color);font-size:1rem;font-weight:800;color:var(--text-primary)}.credit-confirm-method-label{font-size:.78rem;color:var(--text-muted);font-weight:600;margin:0 0 10px}.credit-confirm-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.credit-method-btn{padding:10px 6px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.credit-method-btn.active{border-color:#22c55e80;background:#22c55e14;color:var(--color-success);font-weight:700}.credit-method-icon{display:block;font-size:1.2rem;margin-bottom:3px}.credit-bank-section{border-radius:10px;margin-bottom:16px;border:1px solid rgba(59,130,246,.2);overflow:hidden}.credit-bank-toggle{width:100%;padding:11px 14px;background:#3b82f614;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.82rem;font-weight:700;color:var(--color-primary)}.credit-bank-list{padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:#3b82f608}.credit-bank-option{padding:10px 12px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-glass);cursor:pointer;text-align:left;transition:all .15s}.credit-bank-option.active{border-color:#3b82f680;background:#3b82f614}.credit-confirm-actions{display:flex;gap:10px}.credit-confirm-cancel{flex:1;padding:12px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer}.credit-confirm-ok{flex:2;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.88rem;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #22c55e59;transition:opacity .15s}.credit-confirm-ok:disabled{opacity:.6;cursor:not-allowed}.credit-rnc-section{border-radius:10px;margin-bottom:16px;border:1px solid rgba(168,85,247,.2);overflow:hidden}.credit-rnc-toggle{width:100%;padding:11px 14px;background:#a855f70f;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.82rem;font-weight:700;color:var(--color-purple)}.credit-rnc-input{width:100%;padding:10px 12px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.85rem;font-family:monospace;letter-spacing:1px;outline:none;box-sizing:border-box}.credit-detail-section{border-radius:10px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--border-color);background:var(--bg-glass-subtle)}.credit-detail-section--success{border-color:#22c55e40;background:#22c55e0a}.credit-detail-section-title{font-size:.82rem;font-weight:800;color:var(--color-success);margin-bottom:10px}.credit-detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.credit-detail-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.credit-detail-value{font-size:.78rem;font-weight:700;color:var(--text-primary)}.credit-detail-value--credit{color:var(--color-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.credit-final-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:20px;padding:20px}.credit-final-confirm__box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px 20px;text-align:center;width:100%;max-width:300px;box-shadow:0 16px 40px #0006;animation:slideUp .2s ease}.credit-summary{display:flex;flex-direction:column;gap:14px;animation:slideUp .3s ease}.credit-summary-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md, 16px)}.credit-summary-kpi{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:14px 12px;text-align:center;position:relative;overflow:hidden}.credit-summary-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.credit-summary-kpi.danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.credit-summary-kpi.warn:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.credit-summary-kpi.ok:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.credit-summary-kpi.info:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.credit-sum-val{font-size:1.2rem;font-weight:900;color:var(--text-primary);font-variant-numeric:tabular-nums}.credit-sum-lbl{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:2px}.credit-aging-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:16px}.credit-aging-card h4{font-size:.82rem;font-weight:800;color:var(--text-primary);margin:0 0 12px}.credit-aging-bars{display:flex;flex-direction:column;gap:8px}.credit-aging-row{display:flex;align-items:center;gap:10px}.credit-aging-label{width:80px;font-size:.72rem;font-weight:700;color:var(--text-secondary);flex-shrink:0}.credit-aging-bar-track{flex:1;height:16px;background:var(--border-color);border-radius:8px;overflow:hidden}.credit-aging-bar-fill{height:100%;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:.58rem;font-weight:800;color:#fff;transition:width .5s ease;min-width:fit-content}.credit-aging-amount{font-size:.72rem;font-weight:700;color:var(--text-primary);min-width:70px;text-align:right;font-variant-numeric:tabular-nums}.credit-customer-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:16px}.credit-customer-card h4{font-size:.82rem;font-weight:800;color:var(--text-primary);margin:0 0 12px}.credit-cust-table{width:100%;border-collapse:collapse;font-size:.78rem}.credit-cust-table th{text-align:left;padding:8px 6px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border-color)}.credit-cust-table td{padding:8px 6px;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-variant-numeric:tabular-nums}.credit-cust-table tr:hover td{background:var(--color-primary-subtle)}.credit-cust-name{font-weight:700;display:flex;align-items:center;gap:6px}.credit-cust-status{font-size:.55rem;padding:1px 5px;border-radius:4px;font-weight:700}.credit-cust-status.overdue{background:var(--color-danger-subtle);color:var(--color-danger)}.credit-cust-status.warning{background:var(--color-warning-subtle);color:var(--color-warning)}.credit-cust-status.ok{background:var(--color-success-subtle);color:var(--color-success)}.credit-export-btn{padding:8px 16px;border-radius:10px;border:1.5px solid rgba(99,102,241,.3);background:#6366f114;color:var(--color-primary);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.credit-export-btn:hover{background:#6366f126;border-color:#6366f180}@media(max-width:1024px){.credit-summary-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.credit-page{padding:12px}.credit-summary-kpis{grid-template-columns:repeat(2,1fr)}.credit-aging-label{width:60px;font-size:.65rem}.credit-cust-table{font-size:.7rem}.credit-tabs{flex-wrap:wrap;gap:4px}.credit-tab{padding:7px 12px;font-size:.75rem}.credit-filter-trigger{margin-left:0;width:100%;justify-content:center}.credit-kpi-row{gap:8px}.credit-card__top{flex-direction:column;align-items:flex-start;gap:8px}.credit-card__right{flex-direction:row;align-items:center;width:100%}.credit-card__amount{font-size:.92rem}.credit-card__collect-btn,.credit-card__view-btn{flex:1;text-align:center}.credit-confirm-methods{grid-template-columns:repeat(2,1fr)}.credit-customer-card,.credit-aging-card{padding:12px}.credit-confirm-modal{padding:18px 16px;border-radius:16px}.credit-filter-menu{left:12px!important;right:12px!important;min-width:auto}.credit-filter-custom{flex-direction:column}.credit-classification-bar{gap:6px}}@media(max-width:480px){.credit-page{padding:8px}.credit-summary-kpis{grid-template-columns:1fr}.credit-kpi-row{grid-template-columns:1fr;gap:6px}.credit-kpi{padding:10px;border-radius:10px}.credit-kpi__value{font-size:1rem}.credit-kpi__label{font-size:.58rem}.credit-tabs{gap:3px}.credit-tab{padding:6px 10px;font-size:.7rem}.credit-tab-badge{font-size:.55rem;padding:0 4px}.credit-card{border-radius:10px}.credit-card__body{padding:10px 12px;gap:4px}.credit-card__avatar{width:30px;height:30px;font-size:.9rem;border-radius:8px}.credit-card__name{font-size:.8rem}.credit-card__meta{font-size:.62rem}.credit-card__amount{font-size:.85rem}.credit-card__status-badge{font-size:.55rem;padding:1px 6px}.credit-card__collect-btn,.credit-card__view-btn{font-size:.68rem;padding:4px 10px}.credit-confirm-modal{padding:14px 12px;border-radius:14px;max-width:100vw}.credit-confirm-avatar{width:36px;height:36px;font-size:1rem;border-radius:10px}.credit-confirm-title{font-size:.88rem}.credit-confirm-methods{grid-template-columns:repeat(2,1fr);gap:6px}.credit-method-btn{padding:8px 4px;font-size:.68rem;border-radius:8px}.credit-method-icon{font-size:1rem}.credit-confirm-actions{flex-direction:column}.credit-confirm-cancel,.credit-confirm-ok{flex:none;width:100%}.credit-sum-val{font-size:1rem}.credit-sum-lbl{font-size:.58rem}.credit-aging-row{gap:6px}.credit-aging-label{width:50px;font-size:.6rem}.credit-aging-bar-track{height:12px}.credit-aging-amount{font-size:.65rem;min-width:55px}.credit-cust-table{font-size:.65rem}.credit-cust-table th{padding:6px 4px;font-size:.58rem}.credit-cust-table td{padding:6px 4px}.credit-search{padding:9px 12px;font-size:.8rem}.credit-export-btn{width:auto;justify-content:center;font-size:.72rem;padding:7px 12px}.credit-classification-bar{gap:4px}.credit-class-badge{padding:3px 8px;font-size:.65rem}}.reports-page{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.reports-loading{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-primary)}.reports-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.reports-header-left{display:flex;align-items:center;gap:var(--space-3)}.reports-title{font-size:var(--text-xl, 1.35rem);font-weight:var(--font-bold);color:var(--text-primary);margin:0;letter-spacing:-.02em}.reports-header-right{display:flex;align-items:center;gap:var(--space-2)}.reports-filter-trigger,.reports-export-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}.reports-filter-trigger:hover,.reports-export-trigger:hover{background:var(--color-primary-subtle, rgba(99,102,241,.06));border-color:var(--accent-primary, #6366f1)}.reports-export-trigger{color:var(--accent-success, #22c55e);border-color:color-mix(in srgb,var(--accent-success, #22c55e) 30%,var(--border-color))}.reports-export-trigger:hover{background:var(--color-success-subtle, rgba(34,197,94,.06));border-color:var(--accent-success, #22c55e)}.reports-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)}.reports-filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.reports-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 32px #00000038,0 1px 4px #00000014;padding:var(--space-1);animation:reportsDropIn .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reports-export-menu{min-width:240px}@keyframes reportsDropIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reports-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}.reports-filter-option:hover{background:var(--bg-hover)}.reports-filter-option.active{background:var(--accent-primary, #6366f1);color:#fff}.reports-filter-export{color:var(--accent-success, #22c55e);font-weight:var(--font-semibold)}.reports-filter-export:hover{background:var(--color-success-subtle, rgba(34,197,94,.08))}.reports-filter-divider{height:1px;background:var(--border-color);margin:var(--space-1) var(--space-2)}.reports-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)}.reports-filter-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.reports-filter-field label{font-size:.65rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.reports-filter-field input[type=date]{padding:4px 6px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary, var(--bg-input));color:var(--text-primary);font-size:.75rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box}.reports-filter-field input[type=date]:focus{border-color:var(--accent-primary, #6366f1)}.reports-tab-bar{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--bg-glass-subtle);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reports-tab-bar::-webkit-scrollbar{display:none}.reports-tab-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.reports-tab-btn:hover{background:var(--bg-glass-subtle);color:var(--text-secondary)}.reports-tab-btn.active{background:var(--accent-primary, #6366f1);color:#fff;box-shadow:0 2px 8px #6366f159,0 1px 2px #6366f126}.reports-tab-panel{animation:reportsFadeIn .3s ease}@keyframes reportsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reports-tab-content{display:flex;flex-direction:column;gap:var(--space-4)}.reports-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,transform .25s ease;position:relative;overflow:hidden}.reports-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.reports-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 30%,var(--border-color));box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.1));transform:translateY(-1px)}.reports-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)}.reports-kpi-grid{display:grid;gap:var(--space-3)}.reports-kpi-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:480px){.reports-kpi-3{grid-template-columns:1fr}}.reports-kpi-2{grid-template-columns:repeat(2,1fr)}.donut-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.donut-svg{width:200px;height:200px;overflow:visible}.donut-segment{transition:all .6s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 3px rgba(0,0,0,.15));animation:donutGrow .8s cubic-bezier(.4,0,.2,1) backwards}.donut-segment:hover{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));opacity:.9}@keyframes donutGrow{0%{stroke-dasharray:0 9999;opacity:0}}.donut-center-label{font-size:11px;fill:var(--text-muted);text-anchor:middle;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.donut-center-value{font-size:16px;fill:var(--text-primary);text-anchor:middle;font-weight:800;font-variant-numeric:tabular-nums}.donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4)}.donut-legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs)}.donut-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #00000026}.donut-legend-label{color:var(--text-secondary);font-weight:var(--font-medium)}.donut-legend-pct{color:var(--text-muted);font-weight:var(--font-bold);font-size:.68rem}.donut-legend-value{color:var(--text-primary);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.donut-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-muted);gap:var(--space-2)}.donut-empty span:first-child{font-size:36px}.channel-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.channel-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all .25s ease;position:relative;overflow:hidden}.channel-card:after{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02));pointer-events:none}.channel-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 35%,var(--border-color));box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.1));transform:translateY(-2px)}.channel-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.channel-card-icon{font-size:24px}.channel-card-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.channel-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.channel-stat{display:flex;flex-direction:column;gap:1px}.channel-stat-label{font-size:.62rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.channel-stat-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.channel-stat-revenue{color:var(--accent-success, #22c55e)}.peak-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.peak-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-glass-subtle);border:1px solid var(--border-color);transition:background .2s}.peak-item:hover{background:var(--bg-hover)}.peak-item-wide{grid-column:1 / -1}.peak-item-icon{font-size:22px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color)}.peak-item-info{flex:1;min-width:0}.peak-item-label{font-size:.65rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.peak-item-value{font-size:var(--text-base, 1rem);font-weight:var(--font-bold);color:var(--text-primary)}.peak-top-hours{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.peak-hour-badge{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--accent-primary-subtle, rgba(99,102,241,.1));color:var(--accent-primary, #6366f1);font-size:var(--text-xs);font-weight:var(--font-bold)}.peak-hour-badge small{font-weight:var(--font-medium);opacity:.7;font-size:.68rem}.reports-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2)}.reports-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.reports-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:1.5px solid var(--border-color);text-align:left;white-space:nowrap;position:sticky;top:0;background:var(--bg-card);z-index:2}.rt-th-rank{width:40px;text-align:center}.rt-th-name{text-align:left}.rt-th-num{text-align:right}.rt-th-rev{text-align:left;min-width:140px}.reports-table tbody tr{transition:background var(--transition-fast, .15s)}.reports-table tbody tr:hover{background:var(--bg-glass-subtle)}.reports-table tbody td{padding:var(--space-2);vertical-align:middle;border-bottom:1px solid color-mix(in srgb,var(--border-color) 40%,transparent)}.rt-td-rank{text-align:center;width:40px}.rt-medal{font-size:16px}.rt-rank-num{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted)}.rt-td-name{font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.rt-td-num{text-align:right;color:var(--text-secondary);font-weight:var(--font-medium);white-space:nowrap}.rt-td-tips{color:var(--accent-success, #22c55e);font-weight:var(--font-bold)}.rt-cancelled{color:var(--accent-danger, #ef4444)!important;font-weight:var(--font-bold)!important}.rt-color-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0}.rt-td-rev{min-width:140px}.rt-rev-cell{display:flex;align-items:center;gap:var(--space-2)}.rt-rev-amount{font-weight:var(--font-bold);color:var(--accent-success, #22c55e);white-space:nowrap;min-width:65px;text-align:right}.rt-rev-bar-track{flex:1;height:6px;background:var(--bg-glass-subtle);border-radius:var(--radius-full);overflow:hidden;min-width:40px}.rt-rev-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--accent-primary, #6366f1);transition:width .8s cubic-bezier(.4,0,.2,1);min-width:2px}.rt-rev-pct{font-size:.6rem;font-weight:var(--font-bold);color:var(--text-muted);min-width:28px;text-align:right}.waiter-bar-chart{display:flex;flex-direction:column;gap:var(--space-2)}.waiter-bar-row{display:flex;align-items:center;gap:var(--space-3)}.waiter-bar-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);min-width:100px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waiter-bar-track{flex:1;height:20px;background:var(--bg-glass-subtle);border-radius:var(--radius-md);overflow:hidden}.waiter-bar-fill{height:100%;border-radius:var(--radius-md);transition:width .8s cubic-bezier(.4,0,.2,1);background:var(--accent-primary, #6366f1)}.waiter-bar-value{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--accent-success, #22c55e);min-width:70px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.cancelled-orders-list{display:flex;flex-direction:column;gap:var(--space-2)}.cancelled-order-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--accent-danger, #ef4444);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all .2s ease;position:relative}.cancelled-order-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(239,68,68,.03) 0%,transparent 40%);pointer-events:none;border-radius:inherit}.cancelled-order-card:hover{border-color:color-mix(in srgb,var(--accent-danger, #ef4444) 40%,var(--border-color));box-shadow:var(--shadow-sm, 0 2px 6px rgba(0,0,0,.08));transform:translate(2px)}.cancelled-order-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.cancelled-order-number{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--accent-primary, #6366f1)}.cancelled-order-customer{flex:1;font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cancelled-order-total{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--accent-danger, #ef4444);white-space:nowrap}.cancelled-order-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.cancelled-order-time{font-size:.68rem;color:var(--text-muted)}.cancelled-order-waiter{font-size:.68rem;color:var(--text-secondary)}.cancelled-order-items{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.cancelled-item-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-glass-subtle);border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);font-size:.66rem;color:var(--text-muted)}.reports-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8, 3rem);color:var(--text-muted);gap:var(--space-2)}.reports-empty span:first-child{font-size:48px}.reports-empty p{font-size:var(--text-sm);margin:0}@media(max-width:1024px){.channel-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.reports-page{padding:var(--space-3);gap:var(--space-3)}.reports-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.reports-header-right{justify-content:flex-end}.reports-title{font-size:var(--text-lg, 1.15rem)}.reports-tab-bar{gap:2px;padding:3px}.reports-tab-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.reports-kpi-3,.reports-kpi-2{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.channel-cards-grid{grid-template-columns:1fr;gap:var(--space-2)}.reports-card{padding:var(--space-3)}.reports-card h3{font-size:var(--text-xs)}.peak-grid{grid-template-columns:1fr}.donut-svg{width:170px;height:170px}.waiter-bar-name{min-width:80px;max-width:100px}.reports-table{min-width:520px}.rt-hide-mobile{display:none}}@media(max-width:480px){.reports-page{padding:var(--space-2);gap:var(--space-2)}.reports-title{font-size:var(--text-base, 1rem)}.reports-header-right{flex-wrap:wrap}.reports-filter-trigger,.reports-export-trigger{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.reports-tab-bar{border-radius:var(--radius-lg);gap:1px}.reports-tab-btn{padding:var(--space-1) var(--space-2);font-size:.68rem}.reports-kpi-3,.reports-kpi-2,.channel-cards-grid{grid-template-columns:1fr}.reports-card{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.donut-svg{width:150px;height:150px}.donut-center-value{font-size:13px}.donut-legend{gap:var(--space-1) var(--space-3)}.donut-legend-item{font-size:.66rem}.peak-grid{grid-template-columns:1fr;gap:var(--space-2)}.peak-item{padding:var(--space-2);gap:var(--space-2)}.peak-item-icon{width:34px;height:34px;font-size:18px}.peak-item-value{font-size:var(--text-sm)}.peak-hour-badge{padding:2px var(--space-2);font-size:.66rem}.waiter-bar-name{min-width:60px;max-width:80px;font-size:.66rem}.waiter-bar-track{height:16px}.waiter-bar-value{min-width:55px;font-size:.66rem}.reports-table{min-width:480px}.reports-table thead th{font-size:.58rem;padding:var(--space-1) var(--space-2)}.reports-table tbody td{padding:var(--space-1) var(--space-2)}.rt-hide-mobile{display:none}.cancelled-order-card{padding:var(--space-2) var(--space-3)}.cancelled-order-header{gap:var(--space-2)}.cancelled-order-number,.cancelled-order-customer,.cancelled-order-total{font-size:var(--text-xs)}.reports-empty{padding:var(--space-4)}.reports-empty span:first-child{font-size:36px}}.expenses-page{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-width:1200px;margin:0 auto;width:100%}.expenses-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.expenses-header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.expenses-month-nav{display:flex;align-items:center;gap:6px}.expenses-month-btn{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .15s ease}.expenses-month-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.expenses-month-label{font-size:.92rem;font-weight:800;color:var(--text-primary);min-width:130px;text-align:center}.expenses-header-right{display:flex;align-items:center;gap:10px}.expenses-view-toggle{display:flex;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.expenses-view-btn{background:none;border:none;padding:7px 14px;font-size:.78rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.expenses-view-btn.active{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff}.expenses-add-btn{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 16px #6366f14d}.expenses-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.expenses-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.expenses-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000000f;transition:all .2s ease}.expenses-card:hover{box-shadow:0 8px 24px #0000001a}.expenses-card h3{font-size:.92rem;font-weight:800;color:var(--text-primary);margin-bottom:14px}.expenses-category-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.expenses-category-pill{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:700;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease;display:flex;align-items:center;gap:4px}.expenses-category-pill:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.expenses-category-pill.active{color:#fff;border-color:transparent}.expenses-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.expenses-table{width:100%;border-collapse:collapse;font-size:.82rem}.expenses-table thead{position:sticky;top:0;z-index:2}.expenses-table th{padding:10px 12px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid var(--border-color);text-align:left;white-space:nowrap;background:var(--bg-card)}.expenses-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.expenses-table tr{transition:background .12s ease}.expenses-table tbody tr:hover{background:var(--color-primary-subtle)}.et-td-amount{font-weight:800;color:var(--text-primary)!important;font-variant-numeric:tabular-nums}.et-td-date{color:var(--text-muted)!important;font-size:.78rem}.expenses-category-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;font-size:.72rem;font-weight:700;white-space:nowrap}.expenses-recurring-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:6px;font-size:.68rem;font-weight:700;background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary)}.expenses-actions{display:flex;gap:6px}.expenses-action-btn{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .15s ease}.expenses-action-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.expenses-action-btn.danger:hover{background:var(--color-danger-subtle);border-color:var(--color-danger)}.expenses-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.expenses-category-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--cat-color, #6366f1);border-radius:14px;padding:16px;transition:all .2s ease;animation:expFadeIn .3s ease both}.expenses-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.ecc-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ecc-icon{font-size:1.3rem}.ecc-label{font-size:.82rem;font-weight:700;color:var(--text-secondary)}.ecc-count{margin-left:auto;font-size:.7rem;color:var(--text-muted);background:var(--bg-glass);padding:2px 8px;border-radius:6px}.ecc-amount{font-size:1.3rem;font-weight:900;color:var(--text-primary);margin-bottom:8px}.ecc-bar-track{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.ecc-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.34,1.2,.64,1)}.ecc-pct{font-size:.72rem;color:var(--text-muted);margin-top:4px;text-align:right;font-weight:600}.expenses-donut-wrapper{display:flex;justify-content:center;padding:20px 0}.expenses-donut-svg{width:200px;height:200px}.expenses-donut-segment{animation:donutDraw .8s ease forwards;transform-origin:center}.expenses-donut-center-label{font-size:10px;fill:var(--text-muted);text-anchor:middle;font-weight:700}.expenses-donut-center-value{font-size:14px;fill:var(--text-primary);text-anchor:middle;font-weight:900}.expenses-donut-legend{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-top:12px}.expenses-donut-legend-item{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-secondary)}.expenses-donut-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.expenses-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:expFadeIn .2s ease}.expenses-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-xl);animation:expSlideUp .3s cubic-bezier(.34,1.2,.64,1)}.expenses-modal h2{font-size:1.1rem;font-weight:900;color:var(--text-primary);margin-bottom:18px}.expenses-modal-section{margin-bottom:16px}.expenses-modal-label{font-size:.72rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:block}.expenses-category-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.expenses-category-option{background:var(--bg-glass);border:2px solid var(--border-color);border-radius:10px;padding:10px 8px;cursor:pointer;text-align:center;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.expenses-category-option:hover{transform:translateY(-1px)}.expenses-category-option.selected{border-width:2px;transform:scale(1.02)}.eco-icon{font-size:1.2rem}.eco-label{font-size:.68rem;font-weight:700;color:var(--text-secondary)}.expenses-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.88rem;font-weight:600;font-family:inherit;outline:none;transition:border-color .15s ease;box-sizing:border-box}.expenses-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.expenses-input-group{display:flex;align-items:center;gap:8px}.expenses-input-prefix{font-size:.85rem;font-weight:800;color:var(--text-muted)}.expenses-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.82rem;font-family:inherit;outline:none;resize:vertical;min-height:60px;box-sizing:border-box;transition:border-color .15s ease}.expenses-textarea:focus{border-color:var(--color-primary)}.expenses-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.expenses-toggle-label{font-size:.82rem;font-weight:700;color:var(--text-secondary)}.expenses-toggle{position:relative;width:44px;height:24px;cursor:pointer}.expenses-toggle input{opacity:0;width:0;height:0}.expenses-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-color);border-radius:12px;transition:all .2s ease}.expenses-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s ease}.expenses-toggle input:checked+.expenses-toggle-slider{background:var(--color-primary)}.expenses-toggle input:checked+.expenses-toggle-slider:before{transform:translate(20px)}.expenses-freq-options{display:flex;gap:8px;flex-wrap:wrap}.expenses-freq-btn{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.expenses-freq-btn.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.expenses-modal-actions{display:flex;gap:10px;margin-top:20px}.expenses-btn{flex:1;padding:12px;border-radius:12px;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .15s ease;border:none}.expenses-btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;box-shadow:0 4px 16px #6366f14d}.expenses-btn-primary:hover{box-shadow:0 6px 20px #6366f166}.expenses-btn-secondary{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-muted)}.expenses-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.expenses-empty{text-align:center;padding:48px 20px}.expenses-empty span{font-size:3rem;display:block;margin-bottom:12px}.expenses-empty p{color:var(--text-muted);font-size:.88rem;font-weight:600}.expenses-delete-confirm{display:flex;align-items:center;gap:8px}.expenses-delete-confirm-text{font-size:.72rem;color:var(--color-danger);font-weight:700}.expenses-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.expenses-change-up{color:var(--color-danger)!important}.expenses-change-down{color:var(--color-success)!important}@keyframes expFadeIn{0%{opacity:0}to{opacity:1}}@keyframes expSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes donutDraw{0%{opacity:0;stroke-dasharray:0 999}}@media(max-width:1024px){.expenses-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.expenses-page{padding:var(--space-md);gap:var(--space-md)}.expenses-header{flex-direction:column;align-items:flex-start}.expenses-header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.expenses-kpi-grid{grid-template-columns:repeat(2,1fr)}.expenses-action-btn{width:40px;height:40px}.expenses-category-selector{grid-template-columns:repeat(2,1fr)}.expenses-summary-grid{grid-template-columns:1fr}.expenses-card{padding:16px}.expenses-card h3{font-size:.85rem;margin-bottom:10px}.expenses-donut-svg{width:170px;height:170px}.expenses-table{min-width:580px}.expenses-add-btn{width:100%;text-align:center}.expenses-modal{max-width:95vw}.ecc-amount{font-size:1.1rem}}@media(max-width:480px){.expenses-page{padding:12px;gap:12px}.expenses-kpi-grid{grid-template-columns:1fr}.expenses-category-selector{grid-template-columns:repeat(2,1fr)}.expenses-modal{padding:16px;border-radius:16px;max-width:100vw}.expenses-view-toggle{width:100%}.expenses-view-btn{flex:1;text-align:center}.expenses-card{padding:12px;border-radius:12px}.expenses-card h3{font-size:.8rem}.expenses-donut-svg{width:150px;height:150px}.expenses-donut-legend{gap:6px 10px}.expenses-donut-legend-item{font-size:.68rem}.expenses-table{min-width:360px}.expenses-table th{padding:8px;font-size:.65rem}.expenses-table td{padding:8px;font-size:.78rem}.expenses-month-label{min-width:100px;font-size:.82rem}.expenses-input-group{flex-direction:column;align-items:stretch}.expenses-modal-actions{flex-direction:column}.expenses-btn{width:100%}.ecc-amount{font-size:1rem}.expenses-category-card{padding:12px;border-radius:10px}}.invoices-page{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-width:1200px;margin:0 auto;width:100%}.inv-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.inv-header-left h1{font-size:1.2rem;font-weight:900;color:var(--text-primary);margin:0}.inv-header-right{display:flex;align-items:center;gap:10px}.inv-search{padding:8px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.82rem;font-weight:600;font-family:inherit;outline:none;width:200px;transition:border-color .15s ease}.inv-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.inv-export-btn{padding:8px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-secondary);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.inv-export-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.inv-filter-btn{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.inv-filter-btn:hover,.inv-filter-btn.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.inv-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.inv-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000000f;transition:all .2s ease}.inv-card:hover{box-shadow:0 8px 24px #0000001a}.inv-date-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inv-date-input{padding:7px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.8rem;font-family:inherit;outline:none}.inv-date-input:focus{border-color:var(--color-primary)}.inv-status-pills{display:flex;gap:6px}.inv-status-pill{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:20px;padding:5px 14px;font-size:.75rem;font-weight:700;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.inv-status-pill.active{color:#fff}.inv-status-pill.all.active{background:var(--color-primary);border-color:var(--color-primary)}.inv-status-pill.active-s.active{background:var(--color-success);border-color:var(--color-success)}.inv-status-pill.cancelled-s.active{background:var(--color-danger);border-color:var(--color-danger)}.inv-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.inv-table{width:100%;border-collapse:collapse;font-size:.82rem}.inv-table th{padding:10px 12px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid var(--border-color);text-align:left;white-space:nowrap;background:var(--bg-card);position:sticky;top:0;z-index:2}.inv-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.inv-table tbody tr{transition:background .12s ease;cursor:pointer}.inv-table tbody tr:hover{background:var(--color-primary-subtle)}.inv-number{font-weight:900;color:var(--text-primary);font-variant-numeric:tabular-nums}.inv-total{font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.inv-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:800}.inv-status-active{background:var(--color-success-subtle);color:var(--color-success);border:1px solid rgba(34,197,94,.25)}.inv-status-cancelled{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid rgba(239,68,68,.25);text-decoration:line-through}.inv-date{font-size:.78rem;color:var(--text-muted)}.inv-actions{display:flex;gap:6px}.inv-action-btn{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .15s ease}.inv-action-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.inv-action-btn.danger:hover{background:var(--color-danger-subtle);border-color:var(--color-danger)}.inv-empty{text-align:center;padding:48px 20px}.inv-empty span{font-size:3rem;display:block;margin-bottom:12px}.inv-empty p{color:var(--text-muted);font-size:.88rem;font-weight:600}.inv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:invFadeIn .2s ease}.inv-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:var(--shadow-xl);animation:invSlideUp .3s cubic-bezier(.34,1.2,.64,1)}.inv-preview{font-family:Inter,sans-serif}.inv-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.inv-biz-info h2{font-size:1.1rem;font-weight:900;color:var(--text-primary);margin:0 0 4px}.inv-biz-info p{font-size:.75rem;color:var(--text-muted);margin:2px 0}.inv-number-box{text-align:right}.inv-number-box .inv-number-big{font-size:1.4rem;font-weight:900;color:var(--color-primary)}.inv-number-box .inv-number-date{font-size:.75rem;color:var(--text-muted);margin-top:4px}.inv-preview-section{margin-bottom:16px}.inv-preview-section h4{font-size:.72rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.inv-customer-info{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:.8rem;color:var(--text-secondary)}.inv-customer-info strong{color:var(--text-primary);font-weight:700}.inv-items-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:12px}.inv-items-table th{padding:8px 10px;font-size:.68rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border-color);text-align:left}.inv-items-table td{padding:6px 10px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.inv-items-table .text-right{text-align:right}.inv-items-table .item-total{font-weight:700;color:var(--text-primary)}.inv-totals{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color)}.inv-total-row{display:flex;gap:24px;font-size:.8rem}.inv-total-row .label{color:var(--text-muted);min-width:120px;text-align:right}.inv-total-row .value{font-weight:700;color:var(--text-primary);min-width:90px;text-align:right}.inv-total-row.grand{font-size:1.05rem}.inv-total-row.grand .value{font-weight:900;color:var(--color-primary)}.inv-cancelled-banner{background:var(--color-danger-subtle);border:1px solid var(--color-danger);border-radius:10px;padding:10px 16px;margin-bottom:16px;text-align:center}.inv-cancelled-banner strong{color:var(--color-danger);font-size:.85rem}.inv-cancelled-banner p{color:var(--text-muted);font-size:.75rem;margin-top:4px}.inv-modal-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.inv-btn{flex:1;padding:10px;border-radius:10px;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .15s ease;border:none;text-align:center}.inv-btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff}.inv-btn-secondary{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-muted)}.inv-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.inv-cancel-modal{max-width:420px}.inv-cancel-modal h2{font-size:1rem;font-weight:900;color:var(--text-primary);margin-bottom:12px}.inv-cancel-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;box-sizing:border-box;margin-bottom:12px}.inv-cancel-input:focus{border-color:var(--color-danger)}@keyframes invFadeIn{0%{opacity:0}to{opacity:1}}@keyframes invSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:768px){.invoices-page{padding:var(--space-md);gap:var(--space-md)}.inv-header{flex-direction:column;align-items:flex-start}.inv-header-right{width:100%;flex-wrap:wrap}.inv-kpi-grid{grid-template-columns:repeat(2,1fr)}.inv-search{width:100%}.inv-modal{padding:16px}.inv-customer-info{grid-template-columns:1fr}.inv-date-row{flex-direction:column;align-items:stretch}.inv-status-pills{flex-wrap:wrap}.inv-table{min-width:560px}.inv-card{padding:16px}.inv-preview-header{flex-direction:column;gap:12px}.inv-number-box{text-align:left}.inv-total-row{gap:12px}.inv-total-row .label{min-width:80px}.inv-modal-actions{flex-wrap:wrap}}@media(max-width:768px){.inv-action-btn{width:40px;height:40px}}@media(max-width:480px){.invoices-page{padding:12px;gap:12px}.inv-card{padding:12px;border-radius:12px}.inv-kpi-grid{grid-template-columns:1fr;gap:8px}.inv-modal{padding:14px;border-radius:14px;max-width:100vw}.inv-cancel-modal{max-width:100%}.inv-table{min-width:480px}.inv-table th{padding:8px;font-size:.65rem}.inv-table td{padding:8px;font-size:.78rem}.inv-filter-btn{flex:1;text-align:center}.inv-search{font-size:.78rem}.inv-number-box .inv-number-big{font-size:1.1rem}.inv-items-table th{font-size:.62rem;padding:6px}.inv-items-table td{padding:4px 6px;font-size:.75rem}.inv-total-row{gap:10px;font-size:.75rem}.inv-total-row .label,.inv-total-row .value{min-width:70px}.inv-total-row.grand{font-size:.9rem}.inv-modal-actions{flex-direction:column}.inv-btn{width:100%}.inv-status-pill{padding:4px 10px;font-size:.7rem}.inv-header-left h1{font-size:1rem}}.pnl-page{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-width:1200px;margin:0 auto;width:100%}.pnl-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.pnl-header h1{font-size:1.2rem;font-weight:900;color:var(--text-primary);margin:0}.pnl-month-nav{display:flex;align-items:center;gap:6px}.pnl-month-btn{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .15s ease}.pnl-month-btn:hover{background:var(--color-primary-subtle);color:var(--color-primary)}.pnl-export-btn{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;cursor:pointer;color:var(--text-secondary);font-size:.82rem;font-weight:600;transition:all .15s ease}.pnl-export-btn:hover{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary)}.pnl-month-label{font-size:.92rem;font-weight:800;color:var(--text-primary);min-width:130px;text-align:center}.pnl-top-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.pnl-big-kpi{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;position:relative;overflow:hidden;transition:all .2s ease}.pnl-big-kpi:hover{box-shadow:0 8px 24px #0000001a}.pnl-big-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.pnl-big-kpi.revenue:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.pnl-big-kpi.expenses:before{background:linear-gradient(90deg,#ef4444,#f87171)}.pnl-big-kpi.profit:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.pnl-kpi-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.pnl-kpi-value{font-size:1.6rem;font-weight:900;color:var(--text-primary);font-variant-numeric:tabular-nums;margin-bottom:6px}.pnl-kpi-change{font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px}.pnl-change-up{background:var(--color-danger-subtle);color:var(--color-danger)}.pnl-change-down,.pnl-change-up.good{background:var(--color-success-subtle);color:var(--color-success)}.pnl-change-down.bad{background:var(--color-danger-subtle);color:var(--color-danger)}.pnl-kpi-sub{font-size:.72rem;color:var(--text-muted);margin-top:4px}.pnl-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000000f}.pnl-card h3{font-size:.92rem;font-weight:800;color:var(--text-primary);margin-bottom:14px}.pnl-statement{width:100%;font-size:.85rem}.pnl-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.pnl-row:last-child{border-bottom:none}.pnl-row-label{color:var(--text-secondary);display:flex;align-items:center;gap:6px}.pnl-row-value{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.pnl-row.section-header{padding:10px 0 4px;border-bottom:2px solid var(--border-color)}.pnl-row.section-header .pnl-row-label{font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.pnl-row.indent .pnl-row-label{padding-left:20px;font-size:.82rem}.pnl-row.total{border-top:2px solid var(--border-color);border-bottom:none;padding:12px 0 4px}.pnl-row.total .pnl-row-label{font-weight:900;color:var(--text-primary)}.pnl-row.total .pnl-row-value{font-size:1.1rem;font-weight:900}.pnl-row.grand-total{border-top:3px double var(--border-color);padding:14px 0 4px}.pnl-row.grand-total .pnl-row-label{font-weight:900;font-size:1rem;color:var(--text-primary)}.pnl-row.grand-total .pnl-row-value{font-size:1.3rem;font-weight:900}.pnl-positive{color:var(--color-success)!important}.pnl-negative{color:var(--color-danger)!important}.pnl-chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px 8px;position:relative}.pnl-chart-scroll:after{content:"";position:sticky;right:0;top:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,var(--bg-card));pointer-events:none;flex-shrink:0}.pnl-chart-container{position:relative;height:180px;display:flex;align-items:flex-end;gap:2px;padding:0 4px}.pnl-chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;position:relative;min-width:14px;transition:opacity .15s ease}.pnl-chart-bar-group:hover,.pnl-chart-bar-group.active{opacity:1}.pnl-chart-bar-group:hover .pnl-chart-bar,.pnl-chart-bar-group.active .pnl-chart-bar{filter:brightness(1.15);box-shadow:0 0 6px #00000026}.pnl-chart-bars{display:flex;gap:2px;align-items:flex-end;width:100%;justify-content:center}.pnl-chart-bar{width:6px;border-radius:3px 3px 0 0;min-height:2px;transition:height .3s ease,filter .15s ease}.pnl-chart-bar.rev{background:linear-gradient(to top,#22c55e,#4ade80)}.pnl-chart-bar.exp{background:linear-gradient(to top,#ef4444,#f87171)}.pnl-chart-day{font-size:.58rem;color:var(--text-muted);white-space:nowrap;margin-top:2px}.pnl-chart-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:6px 10px;box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;gap:2px;white-space:nowrap;z-index:10;animation:pnlFadeIn .15s ease both;pointer-events:none}.pnl-chart-tooltip-rev{font-size:.7rem;font-weight:700;color:#22c55e}.pnl-chart-tooltip-exp{font-size:.7rem;font-weight:700;color:#ef4444}.pnl-chart-legend{display:flex;gap:16px;justify-content:center;margin-top:8px}.pnl-chart-legend-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-secondary)}.pnl-chart-legend-dot{width:10px;height:10px;border-radius:3px}.pnl-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.pnl-margin-meter{display:flex;align-items:center;gap:12px;padding:12px 0}.pnl-meter-track{flex:1;height:12px;background:var(--border-color);border-radius:6px;overflow:hidden}.pnl-meter-fill{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.34,1.2,.64,1)}.pnl-meter-pct{font-size:1.1rem;font-weight:900;min-width:60px;text-align:right}@keyframes pnlFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pnl-animate{animation:pnlFadeIn .3s ease both}@media(max-width:1024px){.pnl-top-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pnl-page{padding:var(--space-md);gap:var(--space-md)}.pnl-header{flex-direction:column;align-items:flex-start}.pnl-top-kpis,.pnl-breakdown-grid{grid-template-columns:1fr}.pnl-kpi-value{font-size:1.2rem}.pnl-card{padding:16px}.pnl-chart-container{height:140px}.pnl-chart-bar{width:5px}.pnl-margin-meter{gap:8px}.pnl-meter-pct{font-size:.95rem;min-width:50px}}@media(max-width:480px){.pnl-page{padding:12px;gap:12px}.pnl-top-kpis{grid-template-columns:1fr;gap:8px}.pnl-big-kpi{padding:14px;border-radius:12px}.pnl-kpi-value{font-size:1.1rem}.pnl-kpi-label{font-size:.65rem}.pnl-card{padding:12px;border-radius:12px}.pnl-card h3{font-size:.82rem;margin-bottom:10px}.pnl-statement{font-size:.78rem}.pnl-row{padding:6px 0}.pnl-row.indent .pnl-row-label{padding-left:12px;font-size:.76rem}.pnl-row.total .pnl-row-value{font-size:.95rem}.pnl-row.grand-total .pnl-row-label{font-size:.88rem}.pnl-row.grand-total .pnl-row-value{font-size:1.1rem}.pnl-chart-container{height:120px}.pnl-chart-bar{width:5px}.pnl-chart-bar-group{min-width:12px}.pnl-chart-day{font-size:.5rem}.pnl-chart-legend{gap:10px}.pnl-chart-legend-item{font-size:.65rem}.pnl-chart-tooltip{padding:4px 8px}.pnl-chart-tooltip-rev,.pnl-chart-tooltip-exp{font-size:.62rem}.pnl-month-label{min-width:100px;font-size:.82rem}.pnl-breakdown-grid{gap:8px}.pnl-margin-meter{flex-direction:column;align-items:stretch;gap:6px}.pnl-meter-pct{text-align:center;font-size:1rem}}.audit-page{padding:clamp(12px,3vw,24px);max-width:1200px;margin:0 auto}.audit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.audit-header__left{flex:1;min-width:0}.audit-title{font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:900;color:var(--text-primary);margin:0 0 4px}.audit-subtitle{font-size:.78rem;color:var(--text-muted);margin:0;font-weight:500}.audit-export-btn{padding:10px 18px;border-radius:10px;border:1.5px solid rgba(99,102,241,.3);background:#6366f114;color:var(--color-primary, #6366f1);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.audit-export-btn:hover{background:#6366f126;border-color:#6366f180}.audit-export-btn:disabled{opacity:.5;cursor:not-allowed}.audit-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md, 16px);margin-bottom:20px}@media(max-width:480px){.audit-kpis{grid-template-columns:1fr}}.audit-kpi{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:16px 14px;display:flex;align-items:center;gap:12px;transition:transform .15s,box-shadow .15s}.audit-kpi:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.audit-kpi__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.audit-kpi__data{flex:1;min-width:0}.audit-kpi__value{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:900;color:var(--text-primary);line-height:1.2}.audit-kpi__label{font-size:.65rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.audit-filters{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;margin-bottom:20px}.audit-filters__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.audit-period-pills{display:flex;gap:4px;flex-wrap:wrap}.audit-pill{padding:7px 14px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.audit-pill:hover{border-color:#6366f14d;color:var(--text-primary)}.audit-pill.active{background:#6366f11a;border-color:#6366f166;color:var(--color-primary, #6366f1);font-weight:700}.audit-select{padding:7px 30px 7px 12px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;outline:none;font-family:inherit;min-width:180px;-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'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.audit-select:focus{border-color:#6366f180}.audit-search-wrap{position:relative;flex:1;min-width:160px}.audit-search{width:100%;padding:7px 32px 7px 12px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.78rem;outline:none;box-sizing:border-box;transition:border .15s}.audit-search:focus{border-color:#6366f180}.audit-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:2px;line-height:1}.audit-custom-dates{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.audit-date-field{display:flex;flex-direction:column;gap:4px}.audit-date-field label{font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.audit-date-field input{padding:7px 10px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.75rem;outline:none;font-family:inherit;color-scheme:inherit}.audit-date-field input:focus{border-color:#6366f180}.audit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-muted);font-size:.85rem;font-weight:500}.audit-spinner{font-size:2rem;animation:auditSpin 1s linear infinite}@keyframes auditSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audit-empty{text-align:center;padding:70px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px}.audit-empty__icon{font-size:3rem;margin-bottom:14px;opacity:.8}.audit-empty__title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0 0 6px}.audit-empty__sub{font-size:.82rem;color:var(--text-muted);margin:0;font-weight:500}.audit-timeline{display:flex;flex-direction:column;gap:8px}.audit-event-card{display:flex;align-items:flex-start;gap:14px;background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--event-color, var(--border-color));border-radius:14px;padding:14px 16px;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s;position:relative}.audit-event-card:hover{box-shadow:0 4px 20px #0000000f;transform:translateY(-1px)}.audit-event-card.expanded{box-shadow:0 6px 28px #00000014;border-color:var(--event-color, var(--border-color))}.audit-event-dot{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.9}.audit-event-dot__icon{font-size:1.1rem;filter:grayscale(0)}.audit-event-body{flex:1;min-width:0}.audit-event-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.audit-event-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.audit-event-order{font-size:.78rem;font-weight:700;color:var(--text-primary)}.audit-event-amount{font-size:.88rem;font-weight:900}.audit-event-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.audit-event-user{font-size:.72rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.audit-role-badge{font-size:.58rem;padding:1px 6px;border-radius:4px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--color-primary, #6366f1);font-weight:700;white-space:nowrap}.audit-event-time{font-size:.68rem;color:var(--text-muted);font-weight:500}.audit-badge{padding:3px 10px;border-radius:6px;font-size:.68rem;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--badge-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--badge-color) 25%,transparent);color:var(--badge-color)}.audit-badge--payment_collected{background:#22c55e1a;border-color:#22c55e40;color:var(--color-success)}.audit-badge--payment_intent_sent{background:#60a5fa1a;border-color:#60a5fa40;color:var(--color-primary)}.audit-badge--payment_intent_cancelled{background:#f973161a;border-color:#f9731640;color:var(--color-orange)}.audit-badge--payment_voided{background:#ef44441a;border-color:#ef444440;color:var(--color-danger)}.audit-badge--credit_assigned{background:#f59e0b1a;border-color:#f59e0b40;color:var(--color-warning)}.audit-badge--credit_collected{background:#14b8a61a;border-color:#14b8a640;color:#14b8a6}.audit-event-chevron{font-size:.8rem;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0;margin-top:2px}.audit-event-chevron.open{transform:rotate(180deg)}.audit-event-expanded{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color);animation:auditExpandIn .25s ease}@keyframes auditExpandIn{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:800px;transform:translateY(0)}}.audit-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.audit-detail-item{display:flex;flex-direction:column;gap:2px}.audit-detail-full{grid-column:1 / -1}.audit-detail-label{font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.audit-detail-value{font-size:.78rem;font-weight:600;color:var(--text-primary);word-break:break-all}.audit-detail-mono{font-family:SF Mono,Fira Code,monospace;font-size:.7rem;letter-spacing:.02em}.audit-state-diff{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.audit-state-block{border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.audit-state-title{font-size:.7rem;font-weight:700;color:var(--text-primary);padding:8px 10px;background:var(--bg-glass);border-bottom:1px solid var(--border-color)}.audit-state-readable{padding:8px 10px;display:flex;flex-direction:column;gap:4px}.audit-state-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed var(--border-color)}.audit-state-row:last-child{border-bottom:none}.audit-state-key{font-size:.72rem;font-weight:600;color:var(--text-muted)}.audit-state-val{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.audit-state-val--new{color:var(--color-success, #22c55e)}.audit-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px}.audit-page-btn{padding:8px 18px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.audit-page-btn:hover:not(:disabled){border-color:#6366f166;background:#6366f114;color:var(--color-primary, #6366f1)}.audit-page-btn:disabled{opacity:.4;cursor:not-allowed}.audit-page-info{font-size:.78rem;color:var(--text-muted);font-weight:500}.audit-page-info strong{color:var(--text-primary);font-weight:800}.audit-page-count{margin-left:6px;font-size:.68rem;color:var(--text-muted)}@media(max-width:1024px){.audit-kpis{grid-template-columns:repeat(2,1fr)}.audit-state-diff{grid-template-columns:1fr}.audit-filters__row{flex-direction:column;align-items:stretch}.audit-period-pills{justify-content:center}.audit-select{min-width:100%}}@media(max-width:768px){.audit-page{padding:12px}.audit-header{flex-direction:column;gap:10px}.audit-export-btn{align-self:flex-start;padding:8px 14px;font-size:.75rem}.audit-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.audit-kpi{padding:12px 10px;gap:8px}.audit-kpi__icon{width:32px;height:32px;font-size:1rem;border-radius:8px}.audit-kpi__value{font-size:1rem}.audit-kpi__label{font-size:.58rem}.audit-event-card{padding:12px;gap:10px}.audit-event-top{flex-direction:column;gap:6px}.audit-event-meta{flex-direction:row;align-items:center;gap:8px}.audit-event-dot{width:30px;height:30px}.audit-event-dot__icon{font-size:.9rem}.audit-detail-grid,.audit-state-diff{grid-template-columns:1fr}.audit-pagination{flex-direction:row;flex-wrap:wrap;gap:10px}.audit-page-info{font-size:.7rem}.audit-page-count{display:none}.audit-custom-dates{flex-direction:column;gap:8px}}@media(max-width:480px){.audit-page{padding:8px}.audit-kpis{grid-template-columns:1fr;gap:6px}.audit-kpi{padding:10px 8px;gap:6px}.audit-kpi__icon{width:28px;height:28px;font-size:.9rem;border-radius:6px}.audit-kpi__value{font-size:.95rem}.audit-kpi__label{font-size:.55rem}.audit-filters{padding:10px 12px;border-radius:10px}.audit-pill{padding:5px 10px;font-size:.7rem}.audit-event-card{padding:10px;gap:8px;border-radius:10px}.audit-event-dot{width:26px;height:26px;border-radius:7px}.audit-event-dot__icon{font-size:.8rem}.audit-event-order{font-size:.72rem}.audit-event-amount{font-size:.78rem}.audit-badge{font-size:.6rem;padding:2px 7px}.audit-event-user{font-size:.65rem}.audit-event-time{font-size:.62rem}.audit-pagination{padding:12px;gap:8px;border-radius:10px}.audit-page-btn{padding:6px 14px;font-size:.72rem}.audit-page-info{font-size:.72rem}.audit-select{min-width:100%;font-size:.72rem}.audit-title{font-size:1.1rem}}@media print{.audit-page{padding:0;max-width:none}.audit-header,.audit-filters,.audit-pagination,.audit-export-btn,.audit-event-chevron,.audit-search-wrap{display:none!important}.audit-kpis{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;page-break-inside:avoid}.audit-kpi{border:1px solid #ddd;box-shadow:none;padding:8px}.audit-kpi:hover{transform:none;box-shadow:none}.audit-event-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}.audit-event-card:hover{transform:none;box-shadow:none}.audit-event-expanded{display:block!important;animation:none}.audit-timeline{gap:4px}.audit-empty{border:1px solid #ddd;box-shadow:none}}.promos-page{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-width:1200px;margin:0 auto;width:100%}.promos-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.promos-title{font-size:1.4rem;font-weight:900;color:var(--text-primary);margin:0}.promos-add-btn{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:10px;padding:8px 18px;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 16px #6366f14d}.promos-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.promos-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}@media(max-width:480px){.promos-kpis{grid-template-columns:1fr}}.promos-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-top:3px solid var(--kpi-accent, #6366f1);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 16px #0000000f;transition:all .2s ease}.promos-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.promos-kpi-icon{font-size:1.6rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border-radius:12px;flex-shrink:0}.promos-kpi-info{display:flex;flex-direction:column;gap:2px}.promos-kpi-value{font-size:1.5rem;font-weight:900;color:var(--text-primary);line-height:1}.promos-kpi-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.promos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.promo-card{background:var(--bg-card);border:1px solid var(--border-color);border-top:3px solid var(--status-color, #6366f1);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000000f;transition:all .25s cubic-bezier(.34,1.2,.64,1);animation:promoFadeIn .3s ease both;display:flex;flex-direction:column;gap:10px}.promo-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001f}.promo-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.promo-status-badge,.promo-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:700;border:1px solid;white-space:nowrap}.promo-card-name{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:2px 0 0}.promo-card-value{font-size:1.3rem;font-weight:900;color:var(--text-primary);background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.promo-card-schedule{font-size:.78rem;color:var(--text-secondary);font-weight:600;background:var(--bg-glass);padding:6px 12px;border-radius:8px;border:1px solid var(--border-color)}.promo-card-dates,.promo-card-min-order{font-size:.75rem;color:var(--text-muted);font-weight:600}.promo-card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4;margin:0}.promo-card-targets{display:flex;flex-wrap:wrap;gap:6px}.promo-target-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:6px;font-size:.68rem;font-weight:700;background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid rgba(99,102,241,.15);white-space:nowrap}.promo-target-more{background:var(--bg-glass-subtle);color:var(--text-muted);border-color:var(--border-color)}.promo-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-color)}.promo-usage-badge{font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--bg-glass);padding:3px 10px;border-radius:6px}.promo-card-actions{display:flex;gap:6px}.promo-action-btn{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .15s ease}.promo-action-btn:hover{background:var(--color-primary-subtle);border-color:#6366f14d;transform:scale(1.05)}.promo-action-danger:hover{background:var(--color-danger-subtle);border-color:#ef44444d}.promos-empty-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px #0000000f}.promos-empty{text-align:center;padding:56px 20px}.promos-empty span{font-size:3.5rem;display:block;margin-bottom:12px}.promos-empty p{color:var(--text-muted);font-size:.92rem;font-weight:600}.promos-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.promo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:promoFadeIn .2s ease}.promo-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-xl);animation:promoSlideUp .3s cubic-bezier(.34,1.2,.64,1)}.promo-modal h2{font-size:1.1rem;font-weight:900;color:var(--text-primary);margin:0 0 20px}.promo-modal-delete{max-width:400px;text-align:center}.promo-delete-icon{font-size:2.5rem;margin-bottom:10px}.promo-delete-text{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin:8px 0 0}.promo-form-group{margin-bottom:18px}.promo-form-label{font-size:.72rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:block}.promo-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.88rem;font-weight:600;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.promo-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.promo-input-sm{width:72px;text-align:center}.promo-input-group{display:flex;align-items:center;gap:8px}.promo-input-prefix{font-size:.85rem;font-weight:800;color:var(--text-muted);flex-shrink:0}.promo-input-suffix{font-size:1rem;font-weight:900;color:var(--text-muted);flex-shrink:0}.promo-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:.82rem;font-family:inherit;outline:none;resize:vertical;min-height:60px;box-sizing:border-box;transition:border-color .15s ease}.promo-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.promo-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.promo-type-option{background:var(--bg-glass);border:2px solid var(--border-color);border-radius:10px;padding:12px 10px;cursor:pointer;text-align:center;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.promo-type-option:hover{border-color:#6366f14d;transform:translateY(-1px)}.promo-type-option.selected{border-color:var(--color-primary);background:var(--color-primary-subtle);transform:scale(1.02)}.promo-type-icon{font-size:1.3rem}.promo-type-label{font-size:.72rem;font-weight:700;color:var(--text-secondary)}.promo-bxgy-row{display:flex;align-items:center;gap:12px;justify-content:center}.promo-bxgy-field{display:flex;flex-direction:column;align-items:center;gap:4px}.promo-bxgy-label{font-size:.72rem;font-weight:700;color:var(--text-muted)}.promo-bxgy-sep{font-size:1.2rem;font-weight:900;color:var(--text-muted);margin-top:16px}.promo-days-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.promo-day-pill{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.promo-day-pill:hover{border-color:#6366f14d;background:#6366f10f}.promo-day-pill.active{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border-color:transparent;box-shadow:0 2px 8px #6366f14d}.promo-time-row{display:flex;align-items:center;gap:10px}.promo-time-field{flex:1;display:flex;flex-direction:column;gap:4px}.promo-time-label{font-size:.68rem;font-weight:700;color:var(--text-muted)}.promo-time-sep{font-weight:900;color:var(--text-muted);margin-top:16px}.promo-date-row{display:flex;gap:12px}.promo-date-field{flex:1;display:flex;flex-direction:column;gap:4px}.promo-date-label{font-size:.68rem;font-weight:700;color:var(--text-muted)}.promo-apply-options{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.promo-apply-radio{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.promo-apply-radio:hover{border-color:#6366f14d}.promo-apply-radio.selected{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--text-primary)}.promo-apply-radio input[type=radio]{accent-color:var(--color-primary);width:16px;height:16px;flex-shrink:0}.promo-chips-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass);max-height:160px;overflow-y:auto}.promo-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:700;background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .15s ease;white-space:nowrap}.promo-chip:hover{border-color:#6366f14d}.promo-chip.active{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary)}.promo-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.promo-toggle-label{font-size:.82rem;font-weight:700;color:var(--text-secondary)}.promo-toggle{position:relative;width:44px;height:24px;cursor:pointer}.promo-toggle input{opacity:0;width:0;height:0}.promo-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-color);border-radius:12px;transition:all .2s ease}.promo-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s ease}.promo-toggle input:checked+.promo-toggle-slider{background:var(--color-success)}.promo-toggle input:checked+.promo-toggle-slider:before{transform:translate(20px)}.promo-modal-actions{display:flex;gap:10px;margin-top:20px}.promo-btn{flex:1;padding:12px;border-radius:12px;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .15s ease;border:none}.promo-btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;box-shadow:0 4px 16px #6366f14d}.promo-btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.promo-btn-secondary{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-muted)}.promo-btn-secondary:hover{background:var(--color-primary-subtle)}.promo-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef44444d}.promo-btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-1px)}@keyframes promoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes promoSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:768px){.promo-action-btn{width:40px;height:40px}.promos-page{padding:var(--space-md);overflow-x:hidden}.promos-header{flex-direction:column;align-items:flex-start;gap:10px}.promos-add-btn{width:100%;text-align:center}.promos-kpis,.promos-grid{grid-template-columns:1fr}.promo-type-selector{grid-template-columns:repeat(2,1fr)}.promo-date-row{flex-direction:column;gap:8px}.promo-modal{padding:18px;border-radius:16px;max-width:100%;margin:0 8px}.promos-title{font-size:1.15rem}.promo-card{padding:14px}.promo-card-value{font-size:1.1rem}.promo-card-footer{flex-wrap:wrap;gap:8px}.promo-modal-overlay{padding:10px}}@media(max-width:480px){.promos-page{padding:var(--space-sm)}.promo-bxgy-row{flex-direction:column;gap:8px}.promo-bxgy-sep{transform:rotate(90deg);margin-top:0}.promo-time-row{flex-direction:column;gap:8px}.promo-time-sep{display:none}.promo-modal-actions{flex-direction:column}.promo-btn{width:100%;text-align:center}.promo-kpi-card{padding:12px 14px;gap:10px}.promo-kpi-icon{width:36px;height:36px;font-size:1.2rem}.promo-kpi-value{font-size:1.2rem}.promo-type-selector{grid-template-columns:1fr}.promo-chips-container{max-height:120px}}.reservations-page{padding:0;min-height:100vh}.rv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:8px}.rv-spinner{animation:rv-spin 1s linear infinite;font-size:2rem}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-kpis{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.rv-kpi{flex:1;min-width:100px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:14px;padding:12px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.rv-kpi__icon{font-size:.9rem}.rv-kpi__value{font-size:1.5rem;font-weight:800;line-height:1}.rv-kpi__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.rv-kpi--confirmed .rv-kpi__value{color:var(--color-info)}.rv-kpi--pending .rv-kpi__value{color:var(--color-warning)}.rv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.rv-toolbar__left,.rv-toolbar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rv-view-toggle{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.rv-view-btn{padding:7px 14px;background:var(--bg-glass-subtle);color:var(--text-muted);border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.rv-view-btn:hover{background:var(--color-primary-subtle)}.rv-view-btn.active{background:var(--color-primary-subtle);color:var(--color-primary)}.rv-date-nav{display:flex;align-items:center;gap:4px}.rv-nav-btn,.rv-today-btn{padding:6px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.rv-nav-btn:hover,.rv-today-btn:hover{background:var(--color-primary-subtle)}.rv-today-btn{color:var(--color-primary)}.rv-date-label{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-left:8px}.rv-filters{display:flex;gap:6px;flex-wrap:wrap}.rv-filter-chip{padding:5px 12px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s}.rv-filter-chip:hover{background:var(--color-primary-subtle)}.rv-filter-chip.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.rv-create-btn{padding:8px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #6366f14d}.rv-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.rv-calendar{background:var(--bg-glass-subtle);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.rv-calendar__scroll{display:flex;overflow-x:auto}.rv-calendar__time-col{flex-shrink:0;width:60px;border-right:1px solid var(--border-color)}.rv-calendar__time-header{padding:12px 8px;text-align:center;font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);height:52px;display:flex;align-items:center;justify-content:center}.rv-calendar__time-slot{padding:6px 8px;text-align:center;font-size:.65rem;font-weight:600;color:var(--text-muted);height:40px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--bg-glass-subtle)}.rv-calendar__day-col{flex:1;min-width:140px;border-right:1px solid var(--border-color)}.rv-calendar__day-col:last-child{border-right:none}.rv-calendar__day-col--today{background:var(--color-primary-subtle)}.rv-calendar__day-header{padding:8px;text-align:center;border-bottom:1px solid var(--border-color);height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.rv-calendar__day-header--today{background:var(--color-primary-subtle)}.rv-calendar__day-name{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.rv-calendar__day-number{font-size:1rem;font-weight:800;line-height:1;color:var(--text-primary)}.rv-calendar__day-number--today{color:var(--color-primary)}.rv-calendar__day-count{font-size:.6rem;font-weight:700;background:var(--color-primary-subtle);color:var(--color-primary);padding:1px 6px;border-radius:8px}.rv-calendar__day-body{position:relative;min-height:560px}.rv-calendar__hour-line{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--bg-glass-subtle);pointer-events:none}.rv-calendar__block{position:absolute;left:4px;right:4px;border-radius:8px;padding:4px 8px;background:color-mix(in srgb,var(--block-color) 15%,transparent);border-left:3px solid var(--block-color);overflow:hidden;cursor:pointer;transition:all .15s;z-index:1}.rv-calendar__block:hover{z-index:5;transform:scale(1.02);box-shadow:var(--shadow-md)}.rv-calendar__block-time{display:block;font-size:.6rem;font-weight:700;color:var(--text-secondary)}.rv-calendar__block-name{display:block;font-size:.72rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.rv-calendar__block-size{display:block;font-size:.6rem;color:var(--text-muted)}.rv-calendar__empty-day{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:1.5rem}.rv-table-wrap{overflow-x:auto}.rv-table{width:100%;border-collapse:collapse;background:var(--bg-glass-subtle);border-radius:14px;overflow:hidden}.rv-table th{padding:10px 14px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.rv-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);font-size:.82rem;vertical-align:middle;color:var(--text-secondary)}.rv-table tr:hover td{background:var(--color-primary-subtle)}.rv-table__time{font-weight:700;font-size:.9rem;color:var(--text-primary)}.rv-table__duration{display:block;font-size:.65rem;color:var(--text-muted)}.rv-table__name{display:block;font-weight:700;color:var(--text-primary)}.rv-table__email{display:block;font-size:.68rem;color:var(--text-muted)}.rv-table__phone{font-size:.78rem;color:var(--text-secondary)}.rv-table__party{font-weight:600;color:var(--text-primary)}.rv-table__table-badge{padding:3px 8px;border-radius:6px;font-size:.68rem;font-weight:700;background:var(--color-primary-subtle);color:var(--color-primary)}.rv-table__no-table{font-size:.72rem;color:var(--text-muted);font-style:italic}.rv-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:.68rem;font-weight:700;border:1px solid;white-space:nowrap}.rv-actions{display:flex;gap:4px;flex-wrap:wrap}.rv-action-btn{padding:4px 10px;border-radius:6px;border:1px solid;background:color-mix(in srgb,var(--action-color) 10%,transparent);border-color:color-mix(in srgb,var(--action-color) 30%,transparent);color:var(--action-color);font-size:.68rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.rv-action-btn:hover{background:color-mix(in srgb,var(--action-color) 20%,transparent);transform:translateY(-1px)}.rv-mobile-cards{display:none}.rv-empty{text-align:center;padding:60px 20px}.rv-empty__icon{font-size:3rem;margin-bottom:12px}.rv-empty__text{font-size:.95rem;font-weight:600;color:var(--text-muted);margin:0 0 4px}.rv-empty__sub{font-size:.78rem;color:var(--text-muted);margin:0}.rv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.rv-modal{position:relative;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-xl)}.rv-modal__accent{height:4px;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:20px 20px 0 0}.rv-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 8px}.rv-modal__title{font-size:1.2rem;font-weight:800;margin:0;color:var(--text-primary)}.rv-modal__close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px}.rv-modal__form{padding:12px 24px 24px;display:flex;flex-direction:column;gap:12px}.rv-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rv-modal__field{display:flex;flex-direction:column;gap:4px}.rv-modal__label{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.rv-modal__input{padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;transition:border-color .2s}.rv-modal__input:focus{outline:none;border-color:var(--color-primary)}.rv-modal__textarea{resize:vertical;min-height:50px;font-family:inherit}.rv-modal__error{padding:10px 14px;border-radius:10px;background:var(--color-danger-subtle);border:1px solid rgba(239,68,68,.2);color:var(--color-danger);font-size:.78rem;font-weight:600}.rv-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.rv-modal__cancel{padding:10px 20px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer}.rv-modal__submit{padding:10px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.rv-modal__submit:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6366f166}.rv-modal__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.rv-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:14px;padding:14px;border-left:3px solid var(--color-primary);margin-bottom:10px}.rv-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.rv-card__info{display:flex;flex-direction:column;gap:2px}.rv-card__name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.rv-card__detail{font-size:.75rem;color:var(--text-secondary)}.rv-card__phone{font-size:.72rem;color:var(--text-muted);margin-top:2px}.rv-card__table{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.68rem;font-weight:700;background:var(--color-primary-subtle);color:var(--color-primary);margin-bottom:6px}.rv-card__notes{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:4px}.rv-card__actions{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}@media(max-width:1024px){.rv-calendar__day-col{min-width:120px}}@media(max-width:768px){.reservations-page{overflow-x:hidden}.rv-toolbar{flex-direction:column;align-items:stretch}.rv-toolbar__left,.rv-toolbar__right{flex-wrap:wrap}.rv-toolbar__right{justify-content:space-between}.rv-kpis{gap:6px}.rv-kpi{min-width:70px;padding:8px}.rv-kpi__value{font-size:1.2rem}.rv-table-wrap{display:none}.rv-mobile-cards{display:block}.rv-modal__row{grid-template-columns:1fr}.rv-calendar__day-col{min-width:100px}.rv-modal{max-width:100%;margin:10px;border-radius:16px}.rv-modal__header{padding:14px 18px 6px}.rv-modal__form{padding:10px 18px 18px}.rv-create-btn{width:100%;text-align:center}.rv-date-nav{width:100%;justify-content:space-between}.rv-date-label{margin-left:4px;font-size:.78rem}.rv-filters{width:100%}}@media(max-width:480px){.rv-kpi__label{display:none}.rv-calendar__day-col{min-width:90px}.rv-calendar__time-col{width:44px}.rv-calendar__time-slot{font-size:.58rem;padding:4px}.rv-calendar__time-header{font-size:.58rem;padding:8px 4px}.rv-view-btn{padding:6px 10px;font-size:.72rem}.rv-modal-overlay{padding:10px}.rv-modal{max-height:95vh}.rv-modal__actions{flex-direction:column}.rv-modal__cancel,.rv-modal__submit{width:100%;text-align:center}.rv-card{padding:10px}.rv-card__actions{flex-wrap:wrap}}.inventory-page{padding:0;min-height:100vh}.inv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:8px}.inv-spinner{animation:inv-spin 1s linear infinite;font-size:2rem}@keyframes inv-spin{to{transform:rotate(360deg)}}.inv-tabs{display:flex;gap:4px;margin-bottom:18px;background:var(--bg-glass-subtle);border:1px solid var(--border-color);border-radius:14px;padding:4px;overflow-x:auto}.inv-tab{flex:1;min-width:120px;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;border-radius:10px;transition:all .25s ease;white-space:nowrap;text-align:center;position:relative}.inv-tab:hover{background:var(--color-primary-subtle);color:var(--text-primary)}.inv-tab.active{background:var(--color-primary-subtle);color:var(--color-primary);box-shadow:0 2px 12px var(--color-primary-subtle)}.inv-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px}.inv-kpis{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.inv-kpi{flex:1;min-width:130px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .2s,box-shadow .2s}.inv-kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.inv-kpi__icon{font-size:1rem}.inv-kpi__value{font-size:1.5rem;font-weight:800;line-height:1.1}.inv-kpi__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.inv-kpi--alert .inv-kpi__value{color:var(--color-danger)}.inv-kpi--success .inv-kpi__value{color:var(--color-success)}.inv-kpi--info .inv-kpi__value{color:var(--color-info)}.inv-kpi--warning .inv-kpi__value{color:var(--color-warning)}.inv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.inv-toolbar__left,.inv-toolbar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inv-search{padding:8px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-primary);font-size:.82rem;min-width:200px;transition:border-color .2s}.inv-search:focus{outline:none;border-color:var(--color-primary)}.inv-search::placeholder{color:var(--text-muted);opacity:.6}.inv-select{padding:8px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-primary);font-size:.78rem;cursor:pointer}.inv-select:focus{outline:none;border-color:var(--color-primary)}.inv-create-btn{padding:8px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #6366f14d;white-space:nowrap}.inv-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.inv-table-wrap{overflow-x:auto;background:var(--bg-glass-subtle);border:1px solid var(--border-color);border-radius:14px}.inv-table{width:100%;border-collapse:collapse}.inv-table th{padding:10px 14px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap}.inv-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);font-size:.82rem;vertical-align:middle;color:var(--text-secondary)}.inv-table tr:hover td{background:var(--color-primary-subtle)}.inv-table tr:last-child td{border-bottom:none}.inv-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:700;white-space:nowrap}.inv-status--ok{background:var(--color-success-subtle);color:var(--color-success);border:1px solid rgba(34,197,94,.25)}.inv-status--low{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.inv-status--critical{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid rgba(239,68,68,.25)}.inv-fc{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:8px;font-size:.72rem;font-weight:700}.inv-fc--good{background:var(--color-success-subtle);color:var(--color-success);border:1px solid rgba(34,197,94,.25)}.inv-fc--warn{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.inv-fc--bad{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid rgba(239,68,68,.25)}.inv-fc--none{background:var(--bg-glass-medium);color:var(--text-muted);border:1px solid var(--border-color)}.inv-actions{display:flex;gap:4px;flex-wrap:wrap}.inv-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.inv-action-btn:hover{background:var(--color-primary-subtle);color:var(--color-primary);transform:translateY(-1px)}.inv-action-btn--primary{background:var(--color-primary-subtle);color:var(--color-primary);border-color:#6366f140}.inv-action-btn--primary:hover{background:#6366f133}.inv-action-btn--danger{background:var(--color-danger-subtle);color:var(--color-danger);border-color:#ef444433}.inv-action-btn--danger:hover{background:#ef444429}.inv-action-btn--success{background:var(--color-success-subtle);color:var(--color-success);border-color:#22c55e33}.inv-action-btn--success:hover{background:#22c55e29}.inv-empty{text-align:center;padding:60px 20px}.inv-empty__icon{font-size:3rem;margin-bottom:12px;display:block}.inv-empty__text{font-size:.95rem;font-weight:600;color:var(--text-muted);margin:0 0 4px}.inv-empty__sub{font-size:.78rem;color:var(--text-muted);opacity:.6;margin:0}.inv-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:14px;padding:16px;margin-bottom:12px;transition:transform .2s,box-shadow .2s}.inv-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.inv-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.inv-recipe-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:14px;padding:16px;transition:all .2s}.inv-recipe-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.inv-recipe-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.inv-recipe-card__name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.inv-recipe-card__price{font-size:.82rem;font-weight:700;color:var(--color-success)}.inv-recipe-card__meta{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.inv-recipe-card__badge{padding:3px 8px;border-radius:6px;font-size:.68rem;font-weight:700}.inv-recipe-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-color)}.inv-recipe-card__cost{display:flex;flex-direction:column;gap:2px}.inv-recipe-card__cost-label{font-size:.65rem;text-transform:uppercase;font-weight:600;color:var(--text-muted)}.inv-recipe-card__cost-value{font-size:.85rem;font-weight:700;color:var(--text-primary)}.inv-recipe-card__margin{font-size:.72rem;color:var(--text-muted)}.inv-purchase-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.inv-purchase-row__info{display:flex;flex-direction:column;gap:3px}.inv-purchase-row__title{font-size:.88rem;font-weight:700;color:var(--text-primary)}.inv-purchase-row__detail{font-size:.72rem;color:var(--text-muted)}.inv-purchase-row__total{font-size:1rem;font-weight:800;color:var(--color-primary)}.inv-waste-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.inv-waste-card__info{display:flex;flex-direction:column;gap:3px}.inv-waste-card__name{font-size:.88rem;font-weight:700;color:var(--text-primary)}.inv-waste-card__detail{font-size:.72rem;color:var(--text-muted)}.inv-waste-card__reason{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:700;background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid rgba(239,68,68,.2);margin-top:4px}.inv-waste-card__cost{font-size:.95rem;font-weight:800;color:var(--color-danger)}.inv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;animation:inv-fadeIn .2s ease}@keyframes inv-fadeIn{0%{opacity:0}to{opacity:1}}.inv-modal{position:relative;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-xl);animation:inv-slideUp .25s ease}.inv-modal--wide{max-width:740px}@keyframes inv-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.inv-modal__accent{height:4px;background:linear-gradient(90deg,#6366f1,#a855f7,#06b6d4);border-radius:20px 20px 0 0}.inv-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 8px}.inv-modal__title{font-size:1.15rem;font-weight:800;margin:0;color:var(--text-primary)}.inv-modal__close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.inv-modal__close:hover{background:var(--bg-glass)}.inv-modal__body{padding:12px 24px 24px;display:flex;flex-direction:column;gap:14px}.inv-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inv-modal__row--3{grid-template-columns:1fr 1fr 1fr}.inv-modal__field{display:flex;flex-direction:column;gap:4px}.inv-modal__label{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.inv-modal__input{padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;transition:border-color .2s}.inv-modal__input:focus{outline:none;border-color:var(--color-primary)}.inv-modal__textarea{resize:vertical;min-height:60px;font-family:inherit}.inv-modal__error{padding:10px 14px;border-radius:10px;background:var(--color-danger-subtle);border:1px solid rgba(239,68,68,.2);color:var(--color-danger);font-size:.78rem;font-weight:600}.inv-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:12px;border-top:1px solid var(--border-color)}.inv-modal__cancel{padding:10px 20px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.inv-modal__cancel:hover{background:var(--bg-glass-subtle)}.inv-modal__submit{padding:10px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.inv-modal__submit:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6366f166}.inv-modal__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.inv-recipe-editor{display:flex;flex-direction:column;gap:10px}.inv-recipe-editor__add-row{display:flex;gap:8px;align-items:flex-end}.inv-recipe-editor__add-row .inv-modal__field{flex:1}.inv-recipe-editor__add-btn{height:40px;padding:0 14px;border-radius:10px;border:1px dashed rgba(99,102,241,.4);background:var(--color-primary-subtle);color:var(--color-primary);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.inv-recipe-editor__add-btn:hover{background:#6366f124;border-style:solid}.inv-recipe-items{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.inv-recipe-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-glass-subtle);border:1px solid var(--border-color);border-radius:10px}.inv-recipe-item__name{flex:1;font-size:.82rem;font-weight:600;color:var(--text-primary)}.inv-recipe-item__qty{font-size:.82rem;font-weight:700;color:var(--color-primary);min-width:80px;text-align:right}.inv-recipe-item__unit{font-size:.7rem;color:var(--text-muted);min-width:40px}.inv-recipe-item__cost{font-size:.78rem;font-weight:600;color:var(--text-secondary);min-width:80px;text-align:right}.inv-recipe-item__remove{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:.82rem;padding:2px 6px;border-radius:4px;transition:background .15s}.inv-recipe-item__remove:hover{background:var(--color-danger-subtle)}.inv-recipe-totals{display:flex;justify-content:space-between;padding:10px 12px;background:var(--color-primary-subtle);border:1px solid rgba(99,102,241,.15);border-radius:10px;margin-top:4px}.inv-recipe-totals__label{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.inv-recipe-totals__value{font-size:.95rem;font-weight:800;color:var(--text-primary)}.inv-purchase-lines{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.inv-purchase-line{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-glass-subtle);border:1px solid var(--border-color);border-radius:10px}.inv-purchase-line__name{flex:1;font-size:.82rem;font-weight:600;color:var(--text-primary)}.inv-purchase-line__qty{font-size:.82rem;font-weight:700;min-width:60px;text-align:right;color:var(--text-primary)}.inv-purchase-line__price{font-size:.78rem;color:var(--text-muted);min-width:80px;text-align:right}.inv-purchase-line__total{font-size:.82rem;font-weight:700;color:var(--color-primary);min-width:90px;text-align:right}.inv-purchase-line__remove{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:.82rem;padding:2px 6px}.inv-adjust{display:flex;flex-direction:column;gap:12px}.inv-adjust__current{text-align:center;padding:14px;background:var(--bg-glass-subtle);border-radius:10px;border:1px solid var(--border-color)}.inv-adjust__current-value{font-size:1.8rem;font-weight:800;color:var(--color-primary)}.inv-adjust__current-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.inv-adjust__buttons{display:flex;gap:8px}.inv-adjust__qty-btn{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-glass-subtle);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;text-align:center}.inv-adjust__qty-btn:hover{background:var(--color-primary-subtle)}.inv-adjust__qty-btn.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.inv-adjust__qty-btn--add{border-color:#22c55e40}.inv-adjust__qty-btn--add:hover{background:var(--color-success-subtle);color:var(--color-success)}.inv-adjust__qty-btn--sub{border-color:#ef444440}.inv-adjust__qty-btn--sub:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.inv-mobile-cards{display:none}.inv-mobile-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:14px;padding:14px;margin-bottom:10px;border-left:3px solid var(--color-primary)}.inv-mobile-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.inv-mobile-card__name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.inv-mobile-card__row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);margin-bottom:3px}.inv-mobile-card__row span:last-child{font-weight:700;color:var(--text-primary)}.inv-mobile-card__actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.inv-mobile-card__actions .inv-action--stock{flex:1;padding:8px 12px;font-size:.8rem;border-radius:10px;background:color-mix(in srgb,var(--color-info) 12%,transparent);border-color:color-mix(in srgb,var(--color-info) 28%,transparent)}.inv-mobile-card__actions .inv-action--edit,.inv-mobile-card__actions .inv-action--delete{width:38px;height:38px;padding:0;font-size:.95rem;border-radius:10px;flex-shrink:0}.inv-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;padding-left:2px}.inv-tab-content{animation:inv-tabFadeIn .3s ease}@keyframes inv-tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.inventory-page{overflow-x:hidden;gap:12px}.inv-tabs{gap:2px;padding:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.inv-tabs::-webkit-scrollbar{display:none}.inv-tab{padding:8px 12px;font-size:.72rem;min-width:0;flex:0 0 auto}.inv-toolbar{flex-direction:column;align-items:stretch;gap:8px}.inv-toolbar__left,.inv-toolbar__right{flex-wrap:wrap}.inv-toolbar__right{justify-content:space-between}.inv-kpis{display:grid;grid-template-columns:1fr;gap:8px}.inv-kpi{min-width:0;padding:10px 8px}.inv-kpi__value{font-size:1.2rem}.inv-table-wrap{display:none}.inv-mobile-cards{display:block}.inv-recipe-grid,.inv-modal__row,.inv-modal__row--3{grid-template-columns:1fr}.inv-modal{margin:10px;max-height:95vh;max-width:100%;padding-bottom:env(safe-area-inset-bottom,16px)}.inv-search{min-width:0;width:100%}.inv-recipe-editor__add-row{flex-direction:column}.inv-recipe-editor__add-btn{width:100%;height:36px}.inv-select{width:100%}.inv-create-btn{width:100%;text-align:center}.inv-modal-overlay{padding:10px}.inv-modal__header{padding:14px 16px 6px}.inv-modal__body,.inv-modal__form{padding:10px 16px 16px}.inv-recipe-item{flex-wrap:wrap;gap:6px}.inv-recipe-item__qty,.inv-recipe-item__cost{min-width:60px;text-align:left}.inv-purchase-line{flex-wrap:wrap;gap:6px}.inv-purchase-line__total,.inv-purchase-line__price{min-width:60px;text-align:left}}@media(max-width:480px){.inventory-page{padding:8px;gap:8px}.inv-tabs{margin-bottom:8px;border-radius:10px}.inv-tab{padding:6px 10px;font-size:.68rem;border-radius:8px}.inv-kpis{grid-template-columns:1fr;gap:6px;margin-bottom:8px}.inv-kpi{padding:8px 6px;border-radius:10px}.inv-kpi__icon{font-size:.85rem}.inv-kpi__value{font-size:1.05rem}.inv-kpi__label{font-size:.58rem}.inv-toolbar{gap:6px;margin-bottom:8px}.inv-recipe-card__footer{flex-direction:column;gap:8px;align-items:flex-start}.inv-modal__actions{flex-direction:column}.inv-modal__cancel,.inv-modal__submit{width:100%;text-align:center}.inv-adjust__buttons{flex-direction:column}.inv-recipe-row,.inv-purchase-row{flex-wrap:wrap}.inv-recipe-qty,.inv-purchase-qty,.inv-purchase-price{width:100%}.inv-mobile-card{padding:10px;border-radius:10px}}.inv-panel{animation:inv-tabFadeIn .3s ease}.inv-ing-name{font-weight:700;color:var(--text-primary)}.inv-cat-badge{padding:2px 8px;border-radius:6px;font-size:.68rem;font-weight:700;background:var(--color-primary-subtle);color:var(--color-primary)}.inv-stock{font-weight:800;padding:2px 8px;border-radius:6px;font-size:.85rem}.inv-stock--ok{color:var(--color-success);background:var(--color-success-subtle)}.inv-stock--warning{color:var(--color-warning);background:var(--color-warning-subtle)}.inv-stock--critical{color:var(--color-danger);background:var(--color-danger-subtle)}.inv-muted{color:var(--text-muted);font-size:.78rem}.inv-recipe-count{font-weight:700;font-size:.78rem;color:var(--color-primary)}.inv-action--stock{font-weight:800;font-size:.85rem;color:var(--color-info)}.inv-action--delete{color:var(--color-danger)!important}.inv-action--delete:hover{background:var(--color-danger-subtle)!important}.inv-fc-badge{font-weight:800;font-size:.85rem}.inv-recipe-yes{font-size:.85rem}.inv-recipe-no{font-size:.85rem;color:var(--text-muted)}.inv-waste-reason{padding:2px 8px;border-radius:6px;font-size:.68rem;font-weight:700;background:var(--color-danger-subtle);color:var(--color-danger)}.inv-waste-cost{font-weight:700;color:var(--color-danger)}.inv-kpi--waste .inv-kpi__value{color:var(--color-danger)}.inv-toolbar__title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.inv-empty-row{text-align:center;padding:40px;color:var(--text-muted)}.inv-modal__form{padding:12px 24px 24px;display:flex;flex-direction:column;gap:12px}.inv-modal__info{font-size:.85rem;color:var(--text-secondary);text-align:center;padding:8px}.inv-modal--sm{max-width:440px}.inv-modal--lg{max-width:720px}.inv-recipe-row{display:flex;gap:8px;align-items:center}.inv-recipe-select{flex:1}.inv-recipe-qty{width:100px}.inv-recipe-remove{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:1rem;padding:4px}.inv-recipe-add{padding:8px;border-radius:8px;border:1px dashed rgba(99,102,241,.4);background:var(--color-primary-subtle);color:var(--color-primary);font-size:.78rem;font-weight:700;cursor:pointer;text-align:center}.inv-recipe-add:hover{background:#6366f11f}.inv-purchase-items{display:flex;flex-direction:column;gap:8px}.inv-purchase-row{display:flex;gap:8px;align-items:center}.inv-purchase-qty,.inv-purchase-price{width:80px}.inv-purchase-subtotal{font-weight:700;font-size:.82rem;color:var(--color-primary);min-width:80px;text-align:right}.inv-purchase-total{text-align:right;font-size:1rem;padding:10px 0;border-top:1px solid var(--border-color)}