:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--bg-hover:#3f3f46;--bg-surface:#27272a;--bg-surface-hover:#3f3f46;--bg-surface-active:#52525b;--bg-elevated:#27272a;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#9ca3af;--color-text-inverse:#09090b;--color-primary:#d97706;--color-primary-hover:#f59e0b;--color-primary-strong:#b45309;--color-primary-strong-hover:#92400e;--color-error-strong:#b91c1c;--color-error-strong-hover:#991b1b;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-success:#10b981;--color-success-strong:#047857;--color-success-strong-hover:#065f46;--color-warning:#f59e0b;--color-accent:#d97706;--color-accent-raised:#fbbf24;--color-accent-hover:#f59e0b;--color-accent-glow:#d9770659;--color-info:#3b82f6;--color-error:#ef4444;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-border-light:#f1f5f9;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--color-accent-glow);--shadow-xl:0 24px 48px #0000008c, 0 8px 16px #0006;--edge-raised:inset 0 1px 0 #ffffff0f;--edge-raised-strong:inset 0 1px 0 #ffffff1a;--tracking-display:-.025em;--tracking-label:.08em;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--touch-min:56px;--touch-lg:64px;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-fast:.12s var(--ease-out-quart);--transition-normal:.2s var(--ease-out-quint);--transition-slow:.35s var(--ease-out-expo);--z-dropdown:1000;--z-sticky:1010;--z-modal-backdrop:1040;--z-modal:1050;--z-toast:1100;--z-tooltip:1200;--breakpoint-sm:600px;--breakpoint-md:900px;--breakpoint-lg:1200px}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}button{min-width:44px;min-height:44px}input,textarea,select{font-size:var(--font-size-sm);min-height:44px}.btn-primary{background:var(--color-primary-strong);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);cursor:pointer;border:none}.btn-primary:hover:not(:disabled){background:var(--color-primary-strong-hover)}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0}.btn-delete{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-error);cursor:pointer;background:#ef444414;border:1px solid #ef444459;align-items:center;gap:.4rem;padding:.5rem .8rem;transition:all .2s;display:inline-flex}.btn-delete:hover{border-color:var(--color-error);background:#ef44442e}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-input{border:1px solid var(--color-border);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);background:#0003}.form-input:focus{border-color:var(--color-primary);outline:none}select.form-input option{background-color:var(--bg-secondary);color:var(--color-text-primary)}.modal-actions{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);display:flex}@media (width<=600px){.mobile-hidden{display:none!important}}@media (width>=601px) and (width<=900px){.tablet-hidden{display:none!important}}@media (width>=901px){.desktop-hidden{display:none!important}}.priority-p1{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.priority-p2{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.priority-p3{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.collapsible{transition:grid-template-rows .3s var(--ease-out-quart,cubic-bezier(.25, 1, .5, 1));grid-template-rows:0fr;display:grid}.collapsible>*{min-height:0;overflow:hidden}.collapsed{grid-template-rows:0fr}.expanded{grid-template-rows:1fr}.screen-header{background:var(--bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.screen-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.screen-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-xs) 0 0 0}.screen-actions{align-items:center;gap:var(--space-sm);display:flex}.grid{gap:var(--space-md);display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=600px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (width>=601px) and (width<=900px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-surface:#27272a;--bg-surface-hover:#3f3f46;--bg-surface-active:#52525b;--bg-elevated:var(--bg-surface);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#9ca3af;--text-inverse:#09090b;--color-beer:#fbbf24;--color-cocktail:#f472b6;--color-liquor:#a78bfa;--color-drinks:#38bdf8;--color-food:#34d399;--color-dessert:#fb7185;--color-success:#10b981;--color-success-strong:#047857;--color-success-strong-hover:#065f46;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-accent:#d97706;--color-accent-raised:#fbbf24;--color-accent-hover:#f59e0b;--color-accent-glow:#d9770659;--border-color:#ffffff14;--border-color-hover:#ffffff26;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--color-accent-glow);--edge-raised:inset 0 1px 0 #ffffff0f;--edge-raised-strong:inset 0 1px 0 #ffffff1a;--tracking-display:-.025em;--tracking-label:.08em;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--touch-min:56px;--touch-lg:64px;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-fast:.12s var(--ease-out-quart);--transition-normal:.2s var(--ease-out-quint);--transition-slow:.35s var(--ease-out-expo);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-inverse:var(--text-inverse);--color-border:var(--border-color);--color-border-hover:var(--border-color-hover);--color-primary:var(--color-accent);--color-primary-hover:var(--color-accent-hover);--color-primary-strong:#b45309;--color-primary-strong-hover:#92400e;--color-error-strong:#b91c1c;--color-error-strong-hover:#991b1b;--color-danger:var(--color-error);--bg-hover:var(--bg-surface-hover);--shadow-xl:0 24px 48px #0000008c, 0 8px 16px #0006;--radius-2xl:28px;--z-dropdown:1000;--z-sticky:1010;--z-modal-backdrop:1040;--z-modal:1050;--z-modal-elevated:2000;--z-toast:1100;--z-tooltip:1200}.pos-overlay-elevated{z-index:var(--z-modal-elevated)!important}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;overflow:hidden}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100dvh;line-height:1.5;overflow:hidden}#root{width:100vw;height:100dvh;overflow:hidden}.pos-mode{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{box-shadow:var(--edge-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08}.touch-btn{min-height:var(--touch-min);min-width:var(--touch-min);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-weight:600;font-size:var(--font-size-md);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.touch-btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#fff;position:absolute;inset:0}.touch-btn:active:after{opacity:.1}.touch-btn:active{transform:scale(.96)}:where(button,[role=button],input,select,textarea,a):focus-visible{outline:2px solid var(--color-accent-hover);outline-offset:2px;box-shadow:0 0 0 3px var(--color-accent-glow)}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}.badge-open{color:#fb923c;background:#f9731626}.badge-progress{color:#fbbf24;background:#f59e0b26}.badge-paid{color:#34d399;background:#10b98126}.badge-cancelled{color:#f87171;background:#ef444426}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes itemAdded{0%{transform:scale(1)}50%{background:var(--color-accent-glow);transform:scale(1.05)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .25s var(--ease-out-quint) forwards}.animate-slide-in{animation:slideInRight .2s var(--ease-out-quint) forwards}.animate-scale-in{animation:scaleIn .15s var(--ease-out-quart) forwards}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.animate-item-added{animation:itemAdded .3s var(--ease-out-quart)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body *{visibility:hidden}#print-receipt,#print-receipt *{visibility:visible}#print-receipt{width:80mm;margin:0;padding:0;position:absolute;top:0;left:0;color:#000!important;background:#fff!important;font-family:Courier New,Courier,monospace!important}.print-text-center{text-align:center}.print-text-right{text-align:right}.print-bold{font-weight:700}.print-divider{border-top:1px dashed #000;margin:4px 0}@page{margin:0;size:auto}}body{font-variant-numeric:tabular-nums lining-nums}.total-value,.total-row-final .total-value,.banner-amount,.cash-stat-value,.stat-value,.kpi-value,.report-card-metric{letter-spacing:var(--tracking-display)}.stat-label,.banner-label,.cash-stat-label,.kicker,.section-label{letter-spacing:var(--tracking-label)}.screen-flash-overlay{z-index:2147483000;pointer-events:none;opacity:0;position:fixed;inset:0}.screen-flash-overlay.screen-flash-active{animation:1.1s ease-out screen-flash-pulse}@keyframes screen-flash-pulse{0%{opacity:0;background:#22c55e80}20%{opacity:.95;background:#22c55e8c}40%{opacity:.25;background:#22c55e99}60%{opacity:.85;background:#22c55e8c}80%{opacity:.2;background:#22c55e80}to{opacity:0;background:#22c55e00}}@media (prefers-reduced-motion:reduce){.screen-flash-overlay.screen-flash-active{animation:none}}.app-container{background:var(--bg-primary);z-index:0;width:100vw;height:100dvh;position:relative;overflow:hidden}.app-nav{bottom:var(--space-xl);-webkit-backdrop-filter:blur(24px)saturate(160%);border-radius:var(--radius-xl);z-index:var(--z-sticky,1010);background:#09090bd1;border:1px solid #ffffff0d;gap:2px;padding:5px;animation:.25s forwards fadeIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -8px #00000080,0 0 0 1px #ffffff05}.app-container:has(>.app-nav)>:not(.app-nav):not(.modo-pruebas-banner){padding-bottom:calc(60px + var(--space-xl) + var(--space-lg))}.nav-btn{padding:var(--space-md) var(--space-lg);min-height:60px;color:var(--text-muted);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:relative}.nav-btn.nav-active:after{content:"";background:var(--color-accent);width:4px;height:4px;box-shadow:0 0 6px var(--color-accent-glow,#d9770699);border-radius:50%;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.nav-icon-svg{transition:transform var(--transition-fast), color var(--transition-fast);color:inherit}.nav-btn:hover{color:var(--text-secondary);background:#ffffff0d}.nav-btn:hover .nav-icon-svg{transform:translateY(-1px)}.nav-btn.nav-active{color:var(--color-accent);box-shadow:none;background:#d9770624;border:none}.nav-btn.nav-active .nav-icon-svg{color:var(--color-accent)}.nav-btn-logout:hover{color:#f87171!important;background:#ef444429!important}.nav-btn-logout:hover .nav-icon-svg{color:#f87171!important}.nav-label{letter-spacing:.2px;font-size:.75rem;font-weight:600}.nav-offline-badge{padding:var(--space-sm) var(--space-md);color:#f87171;border-radius:var(--radius-md);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase;background:#ef444426;border:1px solid #ef44444d;align-items:center;font-weight:700;animation:2s ease-in-out infinite pulse;display:flex}.nav-demo-badge{padding:var(--space-sm) var(--space-md);color:#fbbf24;border-radius:var(--radius-md);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase;background:#f59e0b26;border:1px solid #f59e0b66;align-items:center;font-weight:700;display:flex}@media (width<=900px){.app-nav{width:max-content;max-width:95vw;padding:var(--space-xs);-webkit-overflow-scrolling:touch;bottom:max(var(--space-md), env(safe-area-inset-bottom));scrollbar-width:none;justify-content:center;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.nav-btn{padding:var(--space-sm) var(--space-md);gap:4px;min-width:72px;min-height:56px}}@media (width<=600px){.app-nav{width:100%;padding:var(--space-xs) 0 max(var(--space-xs), env(safe-area-inset-bottom));scrollbar-width:none;border-bottom:none;border-left:none;border-right:none;border-top:1px solid var(--border-color);background:#09090bf2;border-radius:0;justify-content:space-evenly;gap:0;bottom:0;left:0;overflow-x:auto;transform:none}.app-nav::-webkit-scrollbar{display:none}.nav-btn{min-width:52px;min-height:48px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);flex:none;gap:2px}.nav-btn.nav-active{background:#d9770624;border:none}.nav-icon-svg{width:18px;height:18px}.nav-label{letter-spacing:.2px;font-size:.7rem}.nav-offline-badge{padding:var(--space-xs) var(--space-sm);font-size:.6rem}}.modo-pruebas-banner{z-index:2147483000;color:#fff;letter-spacing:.06em;text-transform:uppercase;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(45deg,#b45309,#b45309 12px,#92400e 12px 24px);justify-content:center;align-items:center;gap:10px;height:30px;padding:0 12px;font-size:12px;font-weight:800;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000073}.modo-pruebas-punto{background:#fde68a;border-radius:50%;flex:none;width:8px;height:8px;animation:1.8s ease-out infinite modo-pruebas-latido;box-shadow:0 0 #fde68ab3}@keyframes modo-pruebas-latido{0%{box-shadow:0 0 #fde68ab3}70%{box-shadow:0 0 0 8px #fde68a00}to{box-shadow:0 0 #fde68a00}}.app-container.modo-pruebas{padding-top:30px}@media (prefers-reduced-motion:reduce){.modo-pruebas-punto{animation:none}}.pin-screen{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pin-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#d977060f 0%,#0000 65%);border-radius:50%;width:640px;height:640px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pin-container{align-items:center;gap:var(--space-xl);z-index:1;flex-direction:column;animation:.4s fadeIn;display:flex}.pin-brand{text-align:center}.pin-logo{margin-bottom:var(--space-md);filter:drop-shadow(0 0 20px #f59e0b4d);font-size:4rem}.pin-title{font-size:var(--font-size-3xl);color:var(--text-primary);letter-spacing:-1.5px;font-weight:800}.pin-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin-top:var(--space-sm)}.pin-dots{gap:var(--space-lg);display:flex}.pin-dot{width:14px;height:14px;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #fff3;border-radius:50%}.pin-dot.filled{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow);transform:scale(1.15)}.pin-error-container{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:#f87171;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef44441a;border:1px solid #ef444433;font-weight:500;animation:.3s fadeIn;display:flex}.pin-error-icon{color:var(--color-error);flex-shrink:0}.pin-error-text{white-space:nowrap}.pin-keypad{gap:var(--space-md);grid-template-columns:repeat(3,1fr);width:280px;display:grid}.pin-key{border-radius:var(--radius-lg);width:84px;height:84px;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:500;font-family:var(--font-family);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform 80ms ease;background:#ffffff0d;border:1px solid #ffffff17;justify-self:center}.pin-key:hover{background:#ffffff17;border-color:#ffffff26}.pin-key:active{background:#d9770633;border-color:#d9770666;transform:scale(.93);box-shadow:0 0 18px #d9770633}.pin-key-delete{font-size:var(--font-size-lg);color:var(--text-secondary)}.pin-key-submit{font-size:var(--font-size-lg);color:#fbbf24;background:#d9770626;border-color:#d9770659}.pin-key:disabled{opacity:.4;cursor:not-allowed;transform:none}.pin-key-spacer{width:80px;height:80px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.shake{animation:.4s shake}.shake .pin-dot.filled{background:var(--color-error);border-color:var(--color-error);box-shadow:0 0 12px #ef44444d}.error-flash{animation:.4s ease-out screenFlash}@keyframes screenFlash{0%{background-color:#ef444400}25%{background-color:#ef444440}50%{background-color:#ef444400}75%{background-color:#ef444440}to{background-color:#ef444400}}.pin-dot.loading{animation:.8s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.pin-loading{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;animation:.3s fadeIn}.pin-screen-modal{background:0 0!important;height:auto!important}.pin-screen-modal:before{display:none}.pin-screen-modal .pin-container{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-color);width:100%;max-width:400px;padding:40px;box-shadow:0 20px 50px #00000080}.pin-brand-modal{text-align:center;margin-bottom:20px}.pin-title-modal{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:8px;font-weight:700}.pin-subtitle-modal{color:var(--text-secondary);font-size:var(--font-size-sm)}.pin-guard-modal{background:var(--bg-surface);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.pin-guard-close{min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex;position:absolute;top:20px;right:20px}.pin-guard-close:hover{color:var(--text-primary)}@media (width<=600px){.pin-container{gap:var(--space-lg)}.pin-logo{font-size:2.5rem}.pin-title{font-size:var(--font-size-xl)}.pin-subtitle{font-size:var(--font-size-sm)}.pin-dots{gap:var(--space-md)}.pin-dot{width:14px;height:14px}.pin-keypad{gap:var(--space-sm);width:240px}.pin-key{width:68px;height:68px;font-size:var(--font-size-lg)}.pin-key-spacer{width:68px;height:68px}.pin-screen-modal .pin-container{margin:0 16px;padding:24px}.pin-guard-modal{width:90vw;max-width:360px}}@media (width<=380px){.pin-logo{font-size:2rem}.pin-title{font-size:var(--font-size-lg)}.pin-keypad{gap:var(--space-xs);width:210px}.pin-key{width:60px;height:60px;font-size:var(--font-size-md)}.pin-key-spacer{width:60px;height:60px}}.pin-version-badge{margin-top:var(--space-md);letter-spacing:1.5px;text-transform:uppercase;color:#f59e0b;-webkit-user-select:none;user-select:none;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:999px;padding:4px 14px;font-size:.75rem;font-weight:700;transition:all .2s;box-shadow:0 0 12px #f59e0b26}.pin-version-badge:hover{background:#f59e0b40;transform:translateY(-1px)}.brand-logo-container{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-img{object-fit:contain;filter:drop-shadow(0 4px 12px #ffffff26);border-radius:50%;width:100%;height:100%;transition:transform .2s}.brand-logo-container.has-glow .brand-img{filter:drop-shadow(0 0 16px #ffffff59);animation:4s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 12px #ffffff40);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #ffffff73);transform:scale(1.03)}}.floor-screen{background:var(--bg-primary);flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}.floor-header{padding:var(--space-lg) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.floor-header-left{align-items:center;gap:var(--space-md);display:flex}.floor-logo{font-size:2rem}.floor-title{font-size:var(--font-size-xl);letter-spacing:-.5px;font-weight:800}.floor-user{font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;gap:var(--space-sm);display:flex}.floor-stats{gap:var(--space-2xl);display:flex}.floor-stat{flex-direction:column;align-items:center;display:flex}.floor-stat-value{font-size:var(--font-size-2xl);color:var(--color-success);font-weight:800}.floor-stat-occupied{color:var(--color-warning)}.floor-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.3px}.floor-header-actions{align-items:center;gap:var(--space-sm);display:flex}.floor-takeout-btn{padding:var(--space-sm) var(--space-lg);gap:var(--space-sm);color:#4ade80;font-size:var(--font-size-sm);background:#22c55e1f;border:1px solid #22c55e66}.floor-logout{padding:var(--space-sm) var(--space-lg);gap:var(--space-sm);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);background:#ffffff0a}.takeout-input{width:100%;color:var(--text-primary,#fff);background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;outline:none;padding:12px 14px;font-size:.95rem}.takeout-input::placeholder{color:var(--text-muted,#888)}.takeout-input:focus{border-color:#22c55e}.floor-zones{padding:var(--space-xl) var(--space-xl) 120px;gap:var(--space-2xl);flex-direction:column;flex:1;display:flex}.zone-title{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.zone-tables{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(145px,1fr));display:grid}.table-card{justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-md,10px);width:100%;min-height:135px;transition:all var(--transition-normal);flex-direction:column;padding:14px 8px 40px;display:flex;position:relative;overflow:hidden}.table-free{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff05}.table-free:hover{background:#ffffff0f;border-color:#ffffff2e}.table-occupied{color:var(--text-primary);background:#f59e0b14;border-color:#f59e0b33}.table-transfer-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:5;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;bottom:8px;left:8px}.table-transfer-btn:hover{color:#93c5fd;background:#3b82f62e;border-color:#3b82f666}.table-transfer-btn:active{background:#3b82f647;transform:scale(.92)}.table-occupied:hover{background:#f59e0b26;border-color:#f59e0b59}.table-occupied:before{content:"";background:var(--color-warning);pointer-events:none;border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.table-late{background:#ef444417;border-color:#ef44444d}.table-late:before{background:var(--color-error)}.table-ready{background:#22c55e1a;border-color:#22c55e59}.table-ready:before{background:var(--color-success)}.table-ready .table-icon-svg{color:#22c55ee6}.table-ready .table-amount{color:var(--color-success)}.table-ready-tag{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--color-success);border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:800;line-height:1.4;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 8px #22c55e73}.table-reserved{background:#6366f114;border-color:#6366f133}.table-bar-alert-badge{z-index:2;border-radius:var(--radius-full);background:var(--color-error);color:#fff;width:22px;height:22px;box-shadow:0 0 8px #ef44448c, 0 0 0 2px var(--bg-primary,#0a0a0a);pointer-events:none;justify-content:center;align-items:center;animation:1.8s ease-in-out infinite pulse;display:flex;position:absolute;top:-6px;right:-6px}.table-icon{pointer-events:none;font-size:1.8rem}.table-icon-svg{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex}.table-free .table-icon-svg{color:var(--text-muted)}.table-occupied .table-icon-svg{color:#f59e0bd9}.table-late .table-icon-svg{color:#ef4444e6}.table-reserved .table-icon-svg{color:#6366f199}.table-name{font-weight:700;font-size:var(--font-size-md);pointer-events:none}.table-capacity{font-size:var(--font-size-xs);color:var(--text-muted);pointer-events:none}.table-occupied-details{pointer-events:none;flex-direction:column;align-items:center;gap:1px;display:flex}.table-amount{font-size:var(--font-size-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.table-late-tag{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--color-error);border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:800;line-height:1.4;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 8px #ef444473}.table-ring{pointer-events:none;z-index:3;position:absolute;top:5px;right:5px}.table-ring .ring-track{fill:none;stroke:#ffffff1f;stroke-width:3.5px}.table-ring .ring-arc{fill:none;stroke:var(--color-warning);stroke-width:3.5px;stroke-linecap:round;transition:stroke-dashoffset .6s}.table-ring .ring-text{fill:var(--color-warning);font-variant-numeric:tabular-nums;font-weight:800}.table-ring.late .ring-arc{stroke:var(--color-error)}.table-ring.late .ring-text{fill:var(--color-error)}@media (prefers-reduced-motion:reduce){.table-ring .ring-arc{transition:none}}.floor-available-pill{margin-left:var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-success);background:#22c55e1f;border:1px solid #22c55e3d;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.table-status-label{font-size:var(--font-size-xs);border-radius:var(--radius-full);pointer-events:none;border:1px solid #0000;padding:2px 8px;font-weight:700}.table-status-label.status-free{color:var(--text-muted);border-color:var(--border-color);background:0 0}.table-status-label.status-occupied{color:var(--color-warning);background:#f59e0b1f;border-color:#f59e0b3d}.table-status-label.status-reserved{color:var(--color-info);background:#3b82f61f;border-color:#3b82f63d}.table-status-dot{pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;top:10px;right:10px}.table-status-dot.free{background:var(--color-success);box-shadow:0 0 8px #22c55e80}.table-status-dot.occupied{background:var(--color-warning);animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #f59e0b80}.floor-connection{bottom:var(--space-lg);right:var(--space-xl);align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--border-color);display:flex;position:fixed}.connection-dot{border-radius:50%;width:8px;height:8px}.connection-dot.online{background:var(--color-success);box-shadow:0 0 6px #22c55e80}.connection-dot.offline{background:var(--color-error);animation:1s ease-in-out infinite pulse}@media (width<=600px){.floor-header{gap:var(--space-sm);padding:var(--space-md);flex-wrap:wrap}.floor-title{font-size:var(--font-size-lg)}.floor-stats{justify-content:space-around;gap:var(--space-md);order:3;width:100%}.floor-stat-value{font-size:var(--font-size-xl)}.floor-zones{padding:var(--space-md) var(--space-md) calc(72px + env(safe-area-inset-bottom));gap:var(--space-lg)}.zone-tables{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.floor-connection{bottom:calc(64px + env(safe-area-inset-bottom));right:var(--space-md)}}.table-cancel-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:5;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px}.table-cancel-btn:hover{color:#fca5a5;background:#ef44442e;border-color:#ef444466}.table-cancel-btn:active{background:#ef444447;transform:scale(.92)}.table-customer{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-xs,4px);border-radius:var(--radius-md,8px);cursor:pointer;white-space:nowrap;border:none;min-height:44px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:all .2s;display:inline-flex}.btn:focus{outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-strong,#b45309);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-strong-hover,#92400e);transform:translateY(-1px)}.btn-secondary{background:var(--color-secondary,#64748b);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover,#475569);transform:translateY(-1px)}.btn-danger{background:var(--color-danger,#ef4444);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover,#dc2626);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary,#a1a1aa);border:1px solid var(--color-border,#ffffff26);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover,#ffffff0d);color:var(--color-text-primary,#fafafa)}.btn-outline{color:var(--color-primary,#6366f1);border:1px solid var(--color-primary,#6366f1);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-primary,#6366f1);color:#fff}.btn-sm{padding:var(--space-xs,4px) var(--space-sm,8px);min-height:44px;font-size:12px}.btn-md{padding:var(--space-sm,8px) var(--space-md,16px);min-height:44px;font-size:14px}.btn-lg{padding:var(--space-md,16px) var(--space-lg,24px);min-height:52px;font-size:16px}.btn-full-width{width:100%}.btn-icon{align-items:center;display:flex}.card{background:var(--bg-primary,#fff);border-radius:var(--radius-lg,12px);transition:all .2s}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-1px)}.card-default{border:1px solid var(--color-border,#e2e8f0);box-shadow:0 1px 3px #0000000d}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.card-elevated{border:1px solid var(--color-border,#e2e8f0);box-shadow:0 4px 6px #00000012,0 1px 3px #0000000f}.card-elevated:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.card-bordered{border:2px solid var(--color-primary,#6366f1);background:var(--bg-primary,#fff)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-sm,8px)}.card-padding-md{padding:var(--space-md,16px)}.card-padding-lg{padding:var(--space-lg,24px)}.modal-header{padding:var(--space-lg,24px) var(--space-md,16px);border-bottom:1px solid var(--color-border,#e2e8f0);background:var(--bg-primary,#fff)}.modal-header-content{justify-content:space-between;align-items:center;gap:var(--space-md,16px);display:flex}.modal-header-text{flex:1;min-width:0}.modal-title{color:var(--color-text-primary,#1e293b);margin:0;font-size:20px;font-weight:600;line-height:1.3}.modal-subtitle{color:var(--color-text-secondary,#64748b);margin:var(--space-xs,4px) 0 0 0;font-size:14px;line-height:1.4}.modal-header-actions{align-items:center;gap:var(--space-xs,4px);flex-shrink:0;display:flex}.modal-close-btn{border-radius:var(--radius-md,8px);border:1px solid var(--color-border,#ffffff14);width:44px;height:44px;color:var(--color-text-secondary,#a1a1aa);cursor:pointer;transition:background var(--transition-fast,.12s ease), color var(--transition-fast,.12s ease), border-color var(--transition-fast,.12s ease);background:0 0;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--bg-hover,#ffffff0f);color:var(--color-text-primary,#fafafa);border-color:var(--color-border-hover,#ffffff26)}.modal-close-btn:focus-visible{outline:2px solid var(--color-accent,#d97706);outline-offset:2px}.section-header{padding:var(--space-md,16px) 0}.section-header-content{justify-content:space-between;align-items:center;gap:var(--space-md,16px);display:flex}.section-header-text{flex:1;min-width:0}.section-title-wrapper{align-items:center;gap:var(--space-sm);display:flex}.section-icon{color:var(--color-text-secondary);align-items:center;display:flex}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.3}.section-subtitle{color:var(--color-text-secondary,#64748b);margin:var(--space-xs,4px) 0 0 0;font-size:14px;line-height:1.4}.section-badge{background:var(--color-primary,#6366f1);color:#fff;padding:var(--space-xs,4px) var(--space-sm,8px);border-radius:var(--radius-full,9999px);white-space:nowrap;font-size:12px;font-weight:500}.section-header-actions{align-items:center;gap:var(--space-xs,4px);flex-shrink:0;display:flex}.section-header-accent{border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-sm,8px)}.section-header-accent .section-title{color:var(--color-primary)}.section-header-bordered{border-bottom:2px solid var(--color-border,#e2e8f0);padding-bottom:var(--space-md,16px)}.screen-shell{background:radial-gradient(1100px 520px at 50% -8%, #d977060d, transparent 65%), var(--bg-secondary);flex-direction:column;height:100vh;display:flex}.screen-header{background:var(--bg-primary);border-bottom:1px solid var(--color-border-hover);padding:var(--space-xl) var(--space-2xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0;min-height:76px;display:flex;box-shadow:0 1px #0006}.screen-header-left{align-items:center;gap:var(--space-md);flex:1;display:flex}.screen-header-text{flex-direction:column;min-width:0;display:flex}.screen-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.3}.screen-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-xs) 0 0 0;line-height:1.4}.screen-header-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.screen-back-btn{background:var(--bg-tertiary,#27272a);color:var(--color-text-primary,#fafafa);border:1px solid var(--color-border-hover,#ffffff26);min-width:40px;padding:var(--space-sm) var(--space-md);font-size:18px}.screen-back-btn:hover:not(:disabled){background:var(--bg-hover,#3f3f46);color:var(--color-text-primary,#fafafa);border-color:var(--color-text-secondary,#a1a1aa)}.screen-content{padding:var(--space-xl) var(--space-2xl) calc(var(--space-xl) + 90px) var(--space-2xl);flex:1;overflow:auto}@media (width<=600px){.screen-header{padding:var(--space-sm) var(--space-md)}.screen-content{padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + 70px + env(safe-area-inset-bottom,0px))}.screen-title{font-size:var(--font-size-lg)}}@media (width>=601px) and (width<=900px){.screen-header{padding:var(--space-md) var(--space-xl)}.screen-content{padding:var(--space-md);padding-bottom:calc(var(--space-md) + 90px)}}.confirm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);background:#000000a6;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);width:340px;animation:scale-in .2s var(--ease-out-quint);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:32px 28px;display:flex;box-shadow:0 24px 64px #0009}@keyframes scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;font-size:1.5rem;font-weight:800;display:flex}.confirm-icon-danger{background:color-mix(in srgb, var(--color-danger) 15%, transparent);color:var(--color-danger);border:2px solid color-mix(in srgb, var(--color-danger) 30%, transparent)}.confirm-icon-info{background:color-mix(in srgb, var(--color-info) 15%, transparent);color:var(--color-info);border:2px solid color-mix(in srgb, var(--color-info) 30%, transparent)}.confirm-title{color:var(--text-primary);text-align:center;margin:0;font-size:1.1rem;font-weight:700}.confirm-message{color:var(--text-secondary);text-align:center;margin:0;font-size:.875rem;line-height:1.5}.confirm-actions{gap:10px;width:100%;margin-top:8px;display:flex}.confirm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;min-height:48px;padding:14px;font-size:.9rem;font-weight:700;transition:all .15s}.confirm-cancel{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0f}.confirm-cancel:hover{color:var(--text-primary);background:#ffffff1a}.confirm-primary{background:var(--color-accent);color:#fff}.confirm-primary:hover{background:var(--color-accent-hover)}.confirm-danger{background:var(--color-danger);color:#fff}.confirm-danger:hover{background:color-mix(in srgb, var(--color-danger) 80%, #000)}.ui-spinner{color:var(--color-text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.ui-spinner svg{color:var(--color-accent,#d97706)}.ui-spinner span{font-size:var(--font-size-sm,.875rem)}.error-boundary{width:100%;min-height:100vh;padding:var(--space-xl);background:var(--bg-primary);justify-content:center;align-items:center;display:flex}.error-boundary-card{width:100%;max-width:480px;padding:var(--space-2xl);text-align:center;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.error-boundary-icon{color:var(--color-warning);margin-bottom:var(--space-md)}.error-boundary-card h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.error-boundary-desc{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-lg)}.error-boundary-detail{text-align:left;padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-xs);white-space:pre-wrap;word-break:break-word;background:#ef444414;border:1px solid #ef444433;max-height:120px;overflow-y:auto}.error-boundary-actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.error-boundary-actions button{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);align-items:center;gap:.4em;min-height:48px;display:inline-flex}.error-boundary-home{border:1px solid var(--color-border);color:var(--color-text-primary);background:#ffffff0d}.error-boundary-reload{background:var(--color-primary);color:#fff;border:none}.pedidos-activos{margin-top:var(--space-md)}.pedidos-activos-conteo{min-width:20px;height:20px;margin-left:var(--space-sm);color:#4ade80;letter-spacing:0;background:#22c55e2e;border:1px solid #22c55e73;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:800;display:inline-flex}.pedidos-activos-vacio{color:var(--text-muted);font-size:var(--font-size-sm);max-width:60ch;padding:var(--space-sm) 0;line-height:1.5}.pedidos-activos-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.pedido-wrap{position:relative}.pedido-card{text-align:left;border:1px solid var(--border-color);border-radius:var(--radius-md,10px);width:100%;min-height:128px;transition:all var(--transition-normal);background:#ffffff0a;flex-direction:column;align-items:stretch;gap:6px;padding:12px;display:flex;overflow:hidden}.pedido-card:active{transform:scale(.985)}.pedido-card.es-takeout{border-left:3px solid #22c55e}.pedido-card.es-delivery{border-left:3px solid #3b82f6}.pedido-card.esta-listo{background:#22c55e1f;border-color:#22c55e80}.pedido-card.esta-demorado{border-color:#ef444473}.pedido-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.pedido-tipo{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:inline-flex}.es-takeout .pedido-tipo{color:#4ade80}.es-delivery .pedido-tipo{color:#60a5fa}.pedido-numero{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.pedido-cliente{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.pedido-datos{flex-direction:column;gap:2px;min-height:1em;display:flex}.pedido-dato{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:.75rem;display:flex;overflow:hidden}.pedido-dato svg{opacity:.7;flex-shrink:0}.pedido-bottom{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:auto;padding-right:34px;display:flex}.pedido-monto{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.pedido-espera{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.pedido-espera.demorado{color:#f87171}.pedido-listo-tag{color:#4ade80;background:#22c55e38;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.pedido-cancel-btn{color:#f87171;cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast,.12s ease);background:#ef444424;border:1px solid #ef444459;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:8px;right:8px}.pedido-cancel-btn:hover{background:#ef444442}.pedido-cancel-btn:active{transform:scale(.92)}@media (width<=768px){.pedidos-activos-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.pedido-card{min-height:118px}}.customers-screen{background:var(--bg-primary);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.customers-header{padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.customers-back{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--space-xs);white-space:nowrap;background:#ffffff0a;display:flex}.customers-title-container{text-align:center;flex:1}.customers-title{font-size:var(--font-size-lg);justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-text-primary);margin:0;font-weight:700;display:flex}.customers-add-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:#000;font-weight:700;font-size:var(--font-size-sm);white-space:nowrap;border:none}.customers-add-btn:hover{background:var(--color-accent-hover)}.customers-content{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;flex:1;padding-bottom:120px;display:flex;overflow-y:auto}.customers-search-bar{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);align-items:center;gap:var(--space-sm);width:100%;max-width:560px;transition:border-color var(--transition-fast);display:flex}.customers-search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.customers-search-icon{color:var(--color-text-muted);flex-shrink:0;align-items:center;display:flex}.customers-search-input{color:var(--color-text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.customers-search-input::placeholder{color:var(--color-text-muted)}.customers-stats-bar{align-items:center;gap:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.customers-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.customers-count strong{color:var(--color-text-primary);font-weight:700}.customers-top-spender{align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.customers-top-spender-name{color:var(--color-accent);font-weight:600}.customers-list{gap:var(--space-sm);flex-direction:column;display:flex}.customer-card{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.customer-card:hover{border-color:var(--color-border-hover);background:var(--bg-surface-hover)}.customer-card.customer-card--expanded{border-color:#d977064d}.customer-card-selectable:hover{background:#d977060d;border-color:#d9770666}.customer-row{align-items:center;display:flex}.customer-main-info{padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-md);min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;display:flex}.customer-avatar{border-radius:var(--radius-full);background:var(--bg-surface-hover);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text-primary);font-size:var(--font-size-sm);letter-spacing:.5px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.customer-info{align-items:center;gap:var(--space-xl);flex:1;min-width:0;display:flex}.customer-info-primary{flex:1;min-width:0}.customer-name{font-size:var(--font-size-md);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.customer-contact{gap:var(--space-md);flex-wrap:wrap;margin-top:3px;display:flex}.customer-phone,.customer-email{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:100%;display:flex;overflow:hidden}.customer-prefs{align-items:center;gap:var(--space-sm);flex-wrap:wrap;flex:1;display:flex}.pref-chip{background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.pref-chip--beer{color:#fbbf24;background:#fbbf240f;border-color:#fbbf2440}.pref-chip--food{color:#34d399;background:#34d3990f;border-color:#34d39940}.pref-chip--music{color:#a78bfa;background:#a78bfa0f;border-color:#a78bfa40}.customer-stats{padding-left:var(--space-lg);flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-size-lg);color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.customer-expand-icon{color:var(--color-text-muted);margin-left:var(--space-sm);flex-shrink:0;align-items:center;display:flex}.customer-delete-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;margin-left:var(--space-sm);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.customer-delete-btn:hover{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger)}.customer-delete-confirm p{margin:0 0 var(--space-sm);line-height:1.4}.customer-delete-warning{color:var(--color-danger);font-size:var(--font-size-sm)}.customer-details-expanded{padding:var(--space-md) var(--space-lg) var(--space-lg);gap:var(--space-xs);flex-direction:column;padding-top:0;display:flex}.customer-details-inner{border-top:1px solid var(--color-border);padding-top:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.customer-detail-row{padding:var(--space-xs) 0;font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.detail-label{color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.detail-value{color:var(--color-text-primary);font-weight:600}.detail-value-accent{color:var(--color-accent)}.no-details{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-md) 0}.customers-empty{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.customers-empty-icon{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-text-muted);margin-bottom:var(--space-sm);justify-content:center;align-items:center;display:flex}.customers-empty p{font-size:var(--font-size-sm)}.customer-form{gap:var(--space-lg);margin-top:var(--space-xl);flex-direction:column;display:flex}.form-row{gap:var(--space-md);display:flex}.form-group{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.form-label-with-icon{align-items:center;gap:4px;display:flex}.form-group input{width:100%;padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);transition:border-color var(--transition-fast);outline:none}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.form-group input::placeholder{color:var(--color-text-muted)}.form-actions{gap:var(--space-md);margin-top:var(--space-md);display:flex}.form-actions button{flex:1}.payment-modal.customer-modal{width:min(440px,92vw);padding:20px 24px}.customer-modal .customer-form{gap:12px;margin-top:14px}.customer-modal .form-row{gap:10px}.customer-modal .form-group{gap:3px}.customer-modal .form-group label{font-size:.78rem}.customer-modal .form-group input{border-radius:8px;padding:8px 12px;font-size:.84rem}.customer-modal .form-actions{gap:10px;margin-top:6px}.customer-modal .form-actions button{border-radius:8px;padding:10px;font-size:.88rem}@media (width<=900px){.customer-prefs{display:none}.customers-content{padding:var(--space-lg);padding-bottom:100px}}@media (width<=600px){.customers-content{padding:var(--space-md);padding-bottom:90px}.customers-header{padding:var(--space-sm) var(--space-md)}.customer-info{align-items:flex-start;gap:var(--space-xs);flex-direction:column;width:100%}.customer-info-primary{width:100%;min-width:0}.form-row{gap:var(--space-sm);flex-direction:column}.customers-stats-bar{display:none}}.receipt-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.receipt-container{flex-direction:column;align-items:center;width:300px;display:flex;position:relative}.printer-slot-top{z-index:10;background:#1a1a2e;border:1px solid #ffffff1a;border-bottom:none;border-radius:8px 8px 0 0;width:260px;height:20px}.printer-slot-opening{z-index:10;background:#000;border-radius:2px;width:240px;height:4px;box-shadow:inset 0 2px 4px #000c}.printer-body{width:280px;height:60px;color:var(--color-text-secondary);z-index:20;background:linear-gradient(#2a2a4a,#1a1a2e);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:-10px;font-weight:600;display:flex;box-shadow:0 10px 30px #00000080}.receipt-paper{color:#111;z-index:5;transform-origin:top;background:#fdfdfd;border-left:1px solid #ddd;border-right:1px solid #ddd;width:220px;margin-top:-20px;padding:24px 16px 40px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.receipt-paper:after{content:"";background-image:radial-gradient(circle at 4px 0,#0000 4px,#fdfdfd 5px);background-repeat:repeat-x;background-size:8px 10px;height:8px;display:none;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.receipt-paper.done:after{display:block}.receipt-header{text-align:center;border-bottom:1px dashed #ccc;margin-bottom:20px;padding-bottom:10px}.receipt-header h3{letter-spacing:1px;margin:0;font-size:16px;font-weight:800}.receipt-subtitle{color:#666;margin:4px 0 0;font-size:11px}.receipt-body{flex-direction:column;gap:10px;display:flex}.skeleton-line{background:#eee;border-radius:4px;height:8px}.receipt-total-line{border-top:2px solid #111;justify-content:space-between;margin-top:20px;padding-top:10px;font-size:16px;font-weight:800;display:flex}.receipt-success{color:#10b981;background:#fdfdfde6;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:700;display:flex;position:absolute;inset:0}.success-icon{color:#10b981}.receipt-paper.idle{opacity:0;height:0;padding:0}.receipt-paper.printing{animation:1.5s ease-out forwards slideOut}.receipt-paper.cutting{height:250px;animation:.2s ease-out forwards dropSlightly}.receipt-paper.done{filter:drop-shadow(0 15px 15px #0006);height:250px;transform:translateY(5px)}@keyframes slideOut{0%{opacity:0;height:0;padding-top:0;padding-bottom:0}10%{opacity:1}to{height:250px;padding-top:24px;padding-bottom:40px}}@keyframes dropSlightly{0%{transform:translateY(0)}to{transform:translateY(5px)}}.pos-terminal{z-index:1;grid-template-columns:110px 1fr 380px;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}@media (width<=900px){.pos-terminal{grid-template-columns:80px 1fr 320px}}@media (width<=750px){.pos-terminal{grid-template-columns:60px 1fr 220px;gap:0}}.pos-categories{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-lg) 0;align-items:center;gap:var(--space-xs);background:#12121f66;border-right:1px solid #ffffff0d;flex-direction:column;display:flex;overflow-y:auto}.pos-categories::-webkit-scrollbar{display:none}.category-list{gap:var(--space-sm);width:100%;padding:0 var(--space-md);flex-direction:column;display:flex}.category-btn{width:100%;min-height:85px;padding:var(--space-md) var(--space-xs);color:var(--text-muted);border-radius:var(--radius-lg);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .2s;position:relative}.category-btn:hover{color:var(--text-secondary);background:#ffffff08;transform:translateY(-1px)}.category-icon{width:46px;height:46px;color:var(--cat-color,var(--color-accent));background:color-mix(in srgb, var(--cat-color,var(--color-accent)) 13%, transparent);border:1px solid color-mix(in srgb, var(--cat-color,var(--color-accent)) 26%, transparent);border-radius:13px;justify-content:center;align-items:center;transition:all .2s;display:flex}.category-label{text-transform:uppercase;letter-spacing:.5px;overflow-wrap:anywhere;text-align:center;font-size:.65rem;font-weight:600;line-height:1.15}.category-btn.active{background:color-mix(in srgb, var(--cat-color,var(--color-accent)) 14%, #ffffff05);color:#fff;border:1px solid color-mix(in srgb, var(--cat-color,var(--color-accent)) 30%, transparent);box-shadow:0 4px 20px #0003}.category-btn.active .category-icon{background:color-mix(in srgb, var(--cat-color,var(--color-accent)) 20%, transparent);border-color:color-mix(in srgb, var(--cat-color,var(--color-accent)) 44%, transparent);transform:scale(1.06)}.category-btn.active:after{content:"";border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--cat-color,var(--color-accent));width:4px;height:46px;box-shadow:0 0 10px var(--cat-color,var(--color-accent));position:absolute;top:50%;left:0;transform:translateY(-50%)}.pos-products{background:var(--bg-primary);z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden}.products-header{padding:var(--space-lg) var(--space-xl);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.products-header--stack{align-items:stretch;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);flex-direction:column}.products-header-row{justify-content:space-between;align-items:center;display:flex}.products-search-bar{align-items:center;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast);background:#0003;display:flex}.products-search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.products-search-icon{color:var(--color-text-muted);flex-shrink:0}.products-search-input{color:var(--color-text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.products-search-input::placeholder{color:var(--color-text-muted)}.products-title{font-size:var(--font-size-lg);font-weight:700}.products-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.products-grid{padding:var(--space-md) var(--space-xl) calc(var(--space-xl) + 20px);flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;gap:16px;display:grid;overflow-y:auto}.product-card{gap:var(--space-xs);cursor:pointer;touch-action:manipulation;background:var(--bg-surface);border:1px solid var(--color-border);min-height:180px;box-shadow:var(--edge-raised);color:var(--color-text-primary);transition:transform .2s var(--ease-out-quart), box-shadow .2s ease, border-color .2s ease;border-radius:var(--radius-lg);flex-direction:column;justify-content:flex-start;padding:0;position:relative;overflow:visible;box-shadow:0 4px 12px #0003}.product-card:hover{background:var(--bg-hover);border-color:color-mix(in srgb, var(--product-color) 30%, transparent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card:active{background:color-mix(in srgb, var(--product-color) 15%, var(--bg-surface));transform:scale(.95)}.product-extra-btn{min-width:44px;min-height:44px;color:var(--color-text-secondary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;outline:none;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:.72rem;font-weight:600;transition:all .12s;display:inline-flex;position:relative}.product-extra-btn:hover{background:color-mix(in srgb, var(--color-accent) 20%, transparent);border-color:color-mix(in srgb, var(--color-accent) 45%, transparent);color:var(--color-accent-hover);transform:translateY(-1px)}.product-image-container{border-bottom:1px solid var(--color-border);background:var(--bg-surface);border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;flex-shrink:0;width:100%;height:96px;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}@keyframes popIn{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.animate-item-added{animation:popIn .3s var(--ease-out-quart);border-color:var(--color-accent)!important;box-shadow:0 0 15px #d9770673!important}.product-card:hover .product-image{transform:scale(1.05)}.product-image-fallback{background:linear-gradient(145deg, color-mix(in srgb, var(--product-color) 15%, var(--bg-surface)), color-mix(in srgb, var(--product-color) 5%, var(--bg-primary)));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.product-image-fallback span{color:var(--product-color,var(--color-accent));filter:drop-shadow(0 2px 6px #0000004d);transition:transform .3s;display:inline-flex}.product-card:hover .product-image-fallback span{transform:scale(1.15)}.product-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-align:center;line-height:var(--line-height-tight);padding:var(--space-sm) var(--space-sm) 0;margin-top:auto}.product-price{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-accent-raised);flex:0 auto;min-width:0}.product-qty-badge{border-radius:var(--radius-full);background:var(--color-accent);color:#000;width:24px;height:24px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.product-subcategory-header{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);grid-column:1/-1;font-weight:700;display:flex}.product-subcategory-header:after{content:"";background:var(--color-border);flex:1;height:1px}.pos-order{background:var(--bg-secondary);border-left:1px solid var(--color-border);z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden}.order-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.order-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.order-cobro-fallido{gap:var(--space-xs);margin:var(--space-sm) var(--space-sm) 0;padding:var(--space-md);border:1px solid var(--color-error);border-radius:var(--radius-md);background:#ef444429;flex-direction:column;flex-shrink:0;display:flex}.cobro-fallido-title{align-items:center;gap:var(--space-sm);color:#fca5a5;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex}.cobro-fallido-motivo{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.4}.cobro-fallido-retry{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--touch-min);margin-top:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-error-strong);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background .15s var(--ease-out-quart);border:none;display:flex}.cobro-fallido-retry:hover:not(:disabled){background:var(--color-error-strong-hover)}.cobro-fallido-retry:disabled{opacity:.6;cursor:not-allowed}.order-items{padding:var(--space-sm);scrollbar-width:thin;flex:1;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 28px),#0000 100%)}.order-items:not(:has(>*+*+*)){-webkit-mask-image:none;mask-image:none}.order-empty{height:200px;color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.order-empty-icon{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text-muted);opacity:.5;justify-content:center;align-items:center;display:flex}.order-empty p{font-size:var(--font-size-sm)}.order-item-swipe{margin-bottom:var(--space-xs);touch-action:pan-y;position:relative}.order-item-delete-reveal{padding:0 var(--space-lg) 0 var(--space-md);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.3px;pointer-events:none;background:#ef4444d9;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.order-item{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--bg-surface);touch-action:pan-y;border:1px solid #0000;flex-direction:column;margin-bottom:0;transition:background .2s,transform 80ms ease-out;display:flex;position:relative}.order-item:hover{border-color:var(--color-border);background:#ffffff0a}.order-item-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);min-width:0;display:flex}.order-item-name{min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;line-height:1.35;display:-webkit-box;overflow:hidden}.order-item-row{align-items:center;gap:var(--space-sm);display:flex}.order-item-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.order-item-notes{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.order-item-note-btn{border-radius:var(--radius-sm,6px);border:1px solid var(--color-border);min-height:44px;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.order-item-note-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.order-item-controls{align-items:center;gap:var(--space-xs);flex-shrink:0;margin-left:auto;display:flex}.qty-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:48px;min-width:48px;height:48px;min-height:48px;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);background:#ffffff0f;transition:background .12s,border-color .12s,transform 80ms}.qty-btn:hover{background:#ffffff1a}.qty-btn:active{border-color:var(--color-accent);background:#d9770640;transform:scale(.92)}.order-item-qty{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);text-align:center;min-width:24px}.order-totals{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:linear-gradient(#ffffff05 0%,#0000 100%);flex-shrink:0}.total-row{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0;justify-content:space-between;align-items:center;display:flex}.total-discount{color:var(--color-success)}.total-discount-value{align-items:center;gap:6px;display:inline-flex}.discount-remove{color:#ef44448c;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:opacity .15s,color .15s,background .15s;display:inline-flex;position:relative}.discount-remove:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.discount-remove:hover{opacity:1;color:var(--color-error,#ef4444);background:#ef44441a}.total-tax-row{align-items:center}.tax-exempt-label{align-items:center;gap:var(--space-sm);cursor:pointer;color:inherit;font-size:inherit;display:inline-flex}.tax-exempt-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.tax-exempt-value{color:var(--color-text-muted);font-style:italic}.total-final{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding-top:var(--space-sm);margin-top:var(--space-xs);border-top:1px solid var(--color-border);letter-spacing:-.02em}.total-paid{color:var(--color-text-muted);font-size:var(--font-size-xs)}.total-balance{color:var(--color-warning);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin:var(--space-xs) calc(-1 * var(--space-lg));padding:var(--space-sm) var(--space-lg);border-left:1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);background:#f59e0b14}.order-actions{gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-xl) var(--space-md);flex-direction:column;flex-shrink:0;display:flex}.order-actions-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.action-btn{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);gap:var(--space-sm);justify-content:center;align-items:center;min-height:52px;transition:all .15s;display:inline-flex}.action-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.action-btn:active:not(:disabled){transform:scale(.97)}.action-pay{background:linear-gradient(135deg, var(--color-success-strong) 0%, var(--color-success-strong-hover) 100%);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);box-shadow:0 6px 20px color-mix(in srgb, var(--color-success) 35%, transparent);min-height:60px}.action-pay:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb, var(--color-success) 45%, transparent);transform:translateY(-1px)}.action-pay:active:not(:disabled){transform:scale(.98)}.action-kitchen{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b40}.action-kitchen:hover:not(:disabled){background:#f59e0b2e;border-color:#f59e0b66}.action-secondary{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#ffffff0d}.action-secondary:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff17;border-color:#ffffff26}.action-void{color:var(--color-danger);font-weight:var(--font-weight-medium);background:0 0;border:1px solid #ef444440}.action-recover{color:var(--color-accent-raised);font-weight:var(--font-weight-bold);background:#f59e0b24;border:1px solid #f59e0b73}.action-recover:hover:not(:disabled){background:#f59e0b38;border-color:#f59e0ba6}.action-void:hover:not(:disabled){background:#ef444414;border-color:#ef444466}.payment-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.payment-modal{background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);width:min(420px,90vw);box-shadow:var(--shadow-xl), var(--edge-raised-strong);z-index:calc(var(--z-modal) + 1);max-height:90vh;position:relative;overflow-y:auto}.payment-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-sm)}.item-delete-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);line-height:1.5}.item-delete-reason{width:100%;padding:var(--space-md);margin-bottom:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--bg-surface-hover);color:inherit;font-family:inherit;font-size:var(--font-size-sm);resize:none}.item-delete-actions{gap:var(--space-md);display:flex}.item-delete-actions>*{flex:1}.payment-total{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.payment-total strong{color:var(--color-success);font-size:var(--font-size-2xl)}.payment-methods{gap:var(--space-md);flex-direction:column;display:flex}.payment-method-btn{width:100%;padding:var(--space-xl);background:var(--bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-md);border-radius:var(--radius-lg);align-items:center;display:flex}.payment-method-btn:hover{background:var(--bg-hover);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.payment-method-btn:active:not(:disabled){background:color-mix(in srgb, var(--color-accent) 14%, var(--bg-primary));transform:scale(.97)}.payment-method-btn:disabled{opacity:.4;cursor:not-allowed}.payment-method-yappy{padding:var(--space-lg);justify-content:center}.payment-method-yappy .yappy-logo{object-fit:contain;width:auto;max-width:100%;height:28px}.payment-icon{border-radius:var(--radius-md);background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.payment-cancel{width:100%;padding:var(--space-md);margin-top:var(--space-lg);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-md);border-radius:var(--radius-md);background:0 0;min-height:48px;transition:all .15s}.payment-cancel:hover{color:var(--color-text-primary);background:#ffffff0f}.payment-cancel:active{transform:scale(.97)}.payment-close{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.payment-close:hover{color:var(--text-primary);background:#ffffff24}.payment-close:active{transform:scale(.92)}.tip-selector{background:var(--bg-surface);border-radius:8px;margin-bottom:15px;padding:15px}.tip-selector-title{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 10px}.tip-selector-options{gap:10px;display:flex}.tip-btn{border:1px solid var(--border-color);background:var(--bg-surface-hover);min-height:44px;color:var(--text-primary);border-radius:8px;flex:1;font-weight:600;transition:all .15s}.tip-btn:active{transform:scale(.95)}.tip-btn-active{background:var(--color-primary-strong);border-color:var(--color-primary-strong);color:#fff;box-shadow:0 0 12px var(--color-accent-glow)}.payment-field-label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:5px;display:block}.card-brand-options{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.card-brand-btn{border:1px solid var(--border-color);background:var(--bg-surface-hover);min-width:70px;min-height:40px;color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm);border-radius:8px;flex:1;transition:all .15s}.card-brand-btn:active{transform:scale(.95)}.card-brand-btn-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 0 12px var(--color-accent-glow)}.payment-input{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;margin-bottom:10px;padding:10px;font-size:1rem}.payment-input-large{text-align:center;font-size:2rem}.cash-calculator{margin-top:1rem}.cash-field{margin-bottom:20px}.cash-quick-amounts{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.cash-quick-btn{background:var(--bg-surface-hover);border:1px solid var(--border-color);min-height:44px;color:var(--text-primary);border-radius:8px;padding:0 15px;transition:all .12s}.cash-quick-btn:active{background:var(--bg-surface-active);transform:scale(.94)}.cash-change{background:var(--bg-surface-active);text-align:center;border-radius:8px;margin-bottom:20px;padding:15px}.cash-change-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.cash-change-amount{font-size:2.5rem;font-weight:700}.cash-change-ok{color:var(--color-success)}.cash-change-bad{color:var(--color-error)}.payment-action-row{gap:10px;display:flex}.payment-action-row .payment-cancel{flex:1;margin-top:0}.payment-confirm-btn{background:var(--color-success);color:#fff;border:none;border-radius:8px;flex:2;min-height:52px;font-weight:700}.billing-toggle{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:15px}.billing-toggle .checkbox-container{cursor:pointer;align-items:center;gap:10px;display:flex}.billing-toggle-text{text-align:left}.billing-toggle-title{font-size:.9rem;font-weight:700;display:block}.billing-toggle-hint{color:var(--text-secondary);font-size:.75rem}.yappy-fallback{color:#5ec269;font-size:1.1rem;font-weight:700;display:inline}.order-header-vertical{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.order-header-row{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;display:flex}.order-waiter{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:4px;margin-left:auto;display:inline-flex;overflow:hidden}.order-waiter svg{flex-shrink:0}.pos-table-badge{padding:var(--space-md) 0;margin:0 var(--space-md) var(--space-lg);width:calc(100% - var(--space-md) * 2);text-align:center;border-bottom:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:4px;display:flex}.pos-table-icon{color:var(--text-secondary);font-size:1.2rem}.pos-table-name{color:#fff;letter-spacing:1px;font-size:.75rem;font-weight:700}.pos-table-badge-text{flex-direction:column;align-items:center;gap:2px;display:flex}.pos-table-customer{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.68rem;overflow:hidden}.pos-table-edit{min-height:44px;color:var(--text-secondary);border-radius:var(--radius-full);background:#ffffff0f;border:1px solid #ffffff24;align-items:center;gap:4px;margin-top:2px;padding:0 12px;font-size:.7rem;display:inline-flex;position:relative}.pos-back-btn{width:calc(100% - var(--space-md) * 2);background:var(--bg-elevated);min-height:44px;color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-full);margin:0 var(--space-md) var(--space-md);border:1px solid var(--color-border);font-weight:600;transition:background-color .2s,color .2s,border-color .2s,transform .1s}.pos-back-btn:hover{background:var(--bg-surface-hover);border-color:var(--color-border-hover);color:#fff}.pos-back-btn:active{background:var(--bg-surface-active);transform:scale(.97)}.order-customer-btn{width:100%;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:#ffffff0d;justify-content:space-between;align-items:center;min-height:48px;transition:all .2s;display:flex}.order-customer-btn:hover{color:var(--color-text-primary);background:#ffffff14;border-color:#fff3}.order-customer-btn-label{align-items:center;gap:var(--space-xs);display:flex}.order-item-animated{animation-delay:var(--animation-delay,0s)}.payment-modal-large{width:min(420px,90vw)}.customer-selection-container{background:var(--bg-primary);border-radius:var(--radius-xl);width:90%;max-width:1000px;height:90vh;z-index:calc(var(--z-modal) + 2);border:1px solid var(--color-border);position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.customer-selection-container .customers-content{padding-bottom:var(--space-xl)}.badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-open{color:var(--color-success);text-transform:none;letter-spacing:0;font-size:var(--font-size-xs);background:#22c55e1f;border:1px solid #22c55e33}@media (width<=900px){.pos-terminal{grid-template-columns:88px 1fr 280px}.category-label{letter-spacing:.2px;font-size:.6rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.order-header{padding:var(--space-md)}.order-items{padding:var(--space-sm)}.order-totals{padding:var(--space-sm) var(--space-md)}.product-image-container{height:90px}.qty-btn{width:44px;min-width:44px;height:44px;min-height:44px}.order-item{padding:var(--space-sm)}}@media (width<=600px){.pos-terminal{flex-direction:column;height:100dvh;display:flex}.pos-terminal.active-tab-menu .pos-order,.pos-terminal.active-tab-order .pos-categories,.pos-terminal.active-tab-order .pos-products{display:none!important}.pos-categories{border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-xs) var(--space-sm);gap:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex-shrink:0;overflow:auto hidden}.pos-categories::-webkit-scrollbar{display:none}.category-list{gap:var(--space-xs);flex-direction:row;padding:0}.category-btn{min-width:80px;height:60px;min-height:unset;padding:var(--space-xs) var(--space-sm);flex-shrink:0;gap:4px}.category-label{letter-spacing:.3px;font-size:.6rem}.pos-back-btn{min-width:60px;height:60px;min-height:unset;margin-bottom:0;margin-right:var(--space-xs);flex-shrink:0;display:flex}.pos-table-badge{display:none}.pos-products{flex:1;overflow:hidden}.products-header{padding:var(--space-md) var(--space-md)}.products-title{font-size:var(--font-size-lg)}.products-count{font-size:var(--font-size-sm)}.products-grid{padding:var(--space-xs) var(--space-md);gap:var(--space-md);grid-template-columns:repeat(2,1fr);padding-bottom:90px}.product-card{min-height:140px}.product-image-container{height:90px}.product-name{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-xs) 0;line-height:1.2}.product-price{font-size:var(--font-size-md);padding:0 var(--space-xs) var(--space-sm)}.product-image-fallback span{font-size:2.5rem}.product-qty-badge{width:24px;height:24px;font-size:.75rem;top:-6px;right:-6px}.pos-order{border-left:none;flex:1;max-height:none}.order-header{padding:var(--space-md)}.order-header-vertical{gap:var(--space-sm)}.order-title{font-size:var(--font-size-md)}.order-customer-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-height:44px}.order-items{padding:var(--space-sm) var(--space-md);flex:1;max-height:none}.order-empty{gap:var(--space-md);height:150px}.order-empty-icon{font-size:2rem}.order-empty p{font-size:var(--font-size-sm)}.order-item{padding:var(--space-sm);margin-bottom:var(--space-sm)}.order-item-name,.order-item-price{font-size:var(--font-size-sm)}.qty-btn{width:44px;min-width:44px;height:44px;min-height:44px;font-size:var(--font-size-md)}.order-item-qty{font-size:var(--font-size-md);min-width:24px}.order-totals{padding:var(--space-md);background:var(--bg-secondary)}.total-row{font-size:var(--font-size-sm);padding:4px 0}.total-final{font-size:var(--font-size-xl);padding-top:var(--space-sm)}.order-actions{padding:var(--space-md) var(--space-md) var(--space-xl);gap:var(--space-sm);flex-direction:column}.order-actions-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.action-btn{padding:var(--space-md);font-size:var(--font-size-sm);min-height:52px}.action-pay{font-size:var(--font-size-md);min-height:56px}.payment-modal{padding:var(--space-lg);width:95vw}.payment-title{font-size:var(--font-size-lg)}.payment-method-btn{padding:var(--space-lg);font-size:var(--font-size-md)}.payment-icon{font-size:1.4rem}.customer-selection-container{border-radius:0;width:100%;height:100vh}}.pos-mobile-nav{display:none}@media (width<=600px){.pos-mobile-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;height:70px;padding:0 var(--space-md);padding-bottom:env(safe-area-inset-bottom);background:#12121fd9;border-top:1px solid #ffffff1a;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0000004d}.pos-mobile-tab{color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.pos-mobile-tab.active{color:var(--color-accent)}.pos-mobile-tab-icon-wrapper{display:inline-flex;position:relative}.pos-mobile-badge{background:var(--color-accent);color:#000;min-width:18px;height:18px;animation:popIn .3s var(--ease-out-expo);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-10px;box-shadow:0 2px 5px #0006}}.discount-link{min-height:44px;color:var(--color-warning,#fbbf24);font-size:var(--font-size-sm);text-align:left;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-items:center;padding:0 4px;text-decoration:underline;display:inline-flex}.discount-link:hover{opacity:.8}.tax-exempt-toggle{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.tax-exempt-toggle:disabled{cursor:default;opacity:.5}.tax-exempt-toggle[aria-pressed=true]{color:var(--color-warning,#fbbf24)}.tax-exempt-badge{color:var(--color-warning,#fbbf24);letter-spacing:.5px;vertical-align:middle;background:#fbbf2426;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:.65rem;font-weight:700}.kitchen-screen{background:#050510;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.kitchen-header{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-color);background:linear-gradient(#ffffff08 0%,#0000 100%);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.kitchen-back{align-items:center;gap:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-md,8px);color:var(--text-secondary);font-size:var(--font-size-sm);background:#ffffff0a;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex}.kitchen-back:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.kitchen-brand{flex-direction:column;align-items:center;display:flex}.kitchen-brand h1{font-size:var(--font-size-xl);letter-spacing:-.5px;font-weight:800}.kitchen-station-filter{border-radius:var(--radius-lg,12px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;gap:4px;padding:4px;display:flex}.station-tab{border-radius:var(--radius-md,8px);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:inline-flex}.station-tab:hover{color:var(--text-primary);background:#ffffff0f}.station-tab.active{color:#60a5fa;background:#3b82f626;border-color:#3b82f659;box-shadow:0 2px 10px #3b82f626}.kitchen-time{font-size:var(--font-size-3xl);font-variant-numeric:tabular-nums;color:var(--text-secondary);letter-spacing:2px;font-weight:800}.kitchen-stats{gap:var(--space-xl);align-items:center;display:flex}.kitchen-stat{flex-direction:column;align-items:center;display:flex}.kitchen-stat-num{font-size:var(--font-size-2xl);color:var(--color-warning);font-weight:800}.kitchen-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.3px}.kitchen-reset-btn{color:#ef4444cc;font-size:var(--font-size-xs);border-radius:var(--radius-full);cursor:pointer;letter-spacing:.5px;background:#ef44441a;border:1px solid #ef44444d;padding:6px 14px;font-weight:700;transition:all .2s}.kitchen-reset-btn:hover{color:#ef4444;background:#ef444433}.kitchen-item-badge{font-size:var(--font-size-xs);color:var(--text-secondary);border-radius:var(--radius-full);border:1px solid var(--border-color);background:#ffffff14;padding:2px 8px;font-weight:700}.kitchen-expand-hint{color:var(--text-muted);opacity:.5;font-size:1rem;transition:opacity .2s}.kitchen-card-header:hover .kitchen-expand-hint{opacity:1;color:var(--color-primary)}.kitchen-orders{gap:var(--space-lg);padding:var(--space-lg) var(--space-lg) calc(var(--space-lg) + 90px);flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;display:grid;overflow-y:auto}.kitchen-empty{max-width:420px;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-md);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;grid-column:1/-1;margin:auto;padding:44px 32px;display:flex}.kitchen-empty-icon{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 24px #22c55e26}.kitchen-empty h2{color:#4ade80;letter-spacing:-.3px;margin:0;font-size:1.3rem;font-weight:700}.kitchen-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:all var(--transition-normal);flex-direction:column;height:420px;display:flex;overflow:hidden}.urgency-normal{border-color:#22c55e4d}.urgency-warning{border-color:#f59e0b80;box-shadow:0 0 16px #f59e0b1a}.urgency-critical{border-color:#ef444499;animation:2s ease-in-out infinite pulse-border;box-shadow:0 0 24px #ef444426}@keyframes pulse-border{0%,to{border-color:#ef444499}50%{border-color:#ef444433}}.kitchen-card.all-ready{border-color:#22c55e99;box-shadow:0 0 20px #22c55e26}.kitchen-card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.kitchen-urgency-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid #0000;flex-shrink:0;align-self:flex-start;margin:8px 12px 0;padding:4px 10px;font-weight:700;display:inline-flex}.kitchen-urgency-badge.urgency-normal{color:var(--color-success);background:#22c55e1f;border-color:#22c55e40}.kitchen-urgency-badge.urgency-warning{color:var(--color-warning);background:#f59e0b1f;border-color:#f59e0b40}.kitchen-urgency-badge.urgency-critical{color:var(--color-error);background:#ef44441f;border-color:#ef444440}.kitchen-card-info{align-items:center;gap:var(--space-md);display:flex}.kitchen-order-num{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:800}.kitchen-card-table{font-size:var(--font-size-md);color:var(--text-secondary);border-radius:var(--radius-full);background:#ffffff0a;padding:4px 10px;font-weight:600}.kitchen-card-takeout{color:#4ade80;background:#22c55e24;align-items:center;gap:4px;display:inline-flex}.kitchen-card-delivery{color:#60a5fa;text-overflow:ellipsis;white-space:nowrap;background:#3b82f624;align-items:center;gap:4px;max-width:260px;display:inline-flex;overflow:hidden}.kitchen-card-timer{align-items:baseline;gap:2px;display:flex}.timer-value{font-size:var(--font-size-2xl);font-variant-numeric:tabular-nums;font-weight:800}.urgency-normal .timer-value{color:var(--color-success)}.urgency-warning .timer-value{color:var(--color-warning)}.urgency-critical .timer-value{color:var(--color-error)}.timer-unit{font-size:var(--font-size-sm);color:var(--text-muted)}.kitchen-card-items{padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kitchen-card-items::-webkit-scrollbar{width:6px}.kitchen-card-items::-webkit-scrollbar-track{background:0 0}.kitchen-card-items::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.kitchen-item{justify-content:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:56px;transition:all var(--transition-fast);border:1px solid #0000;flex-shrink:0}.item-preparing{color:var(--text-primary);background:#ffffff05}.item-preparing:hover{background:#ffffff0d}.item-ready{color:var(--color-success);background:#22c55e1a;border-color:#22c55e26}.item-ready .kitchen-item-name{opacity:.7;text-decoration:line-through}.kitchen-item-qty{font-weight:800;font-size:var(--font-size-lg);min-width:32px}.kitchen-item-info{text-align:left;flex-direction:column;flex:1;display:flex}.kitchen-item-name{font-weight:700;font-size:var(--font-size-md)}.kitchen-item-notes{font-size:var(--font-size-xs);color:var(--color-warning);font-weight:600}.kitchen-item-check{font-size:var(--font-size-xs);border-radius:var(--radius-full);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;font-weight:700}.kitchen-card-footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.kitchen-waiter{font-size:var(--font-size-sm);color:var(--text-muted)}.kitchen-done-btn{padding:var(--space-sm) var(--space-xl);border:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm);background:#ffffff0a;font-weight:700}.kitchen-done-btn:disabled{opacity:.4;cursor:not-allowed}.kitchen-done-btn.done-enabled{color:#fff;font-size:var(--font-size-md);background:#16a34a;border:1px solid #22c55e66;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 20px #22c55e40}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #22c55e40}50%{box-shadow:0 0 32px #22c55e80}}@media (prefers-reduced-motion:reduce){.kitchen-done-btn.done-enabled,.urgency-critical,.kitchen-modal-card{animation:none}}.kitchen-done-btn.done-enabled:active{transform:scale(.95)}.kitchen-modal-overlay{-webkit-backdrop-filter:blur(8px);width:100vw;height:100vh;z-index:var(--z-modal-backdrop,1040);padding:var(--space-xl);background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.kitchen-modal-card{width:100%;max-width:600px;height:85vh;max-height:900px;animation:scaleUp .3s var(--ease-out-expo) forwards;box-shadow:0 24px 64px #00000080}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.kitchen-close-modal{min-width:44px;min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;transition:color .2s;display:inline-flex}.kitchen-close-modal:hover{color:var(--color-error)}.kitchen-brand h1{justify-content:center;align-items:center;gap:.4em;display:inline-flex}.kitchen-item-notes,.kitchen-item-check,.kitchen-waiter{align-items:center;gap:.35em;display:inline-flex}.kitchen-urgency-badge{align-items:center;gap:.3em}.kitchen-done-btn{gap:.4em}.kitchen-screen svg{flex-shrink:0}@media (width<=900px){.kitchen-orders{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=600px){.kitchen-modal-card{border-radius:var(--radius-md);height:95vh}.kitchen-header{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.kitchen-brand h1{font-size:var(--font-size-sm)}.kitchen-time{font-size:var(--font-size-lg)}.kitchen-stats{justify-content:center;gap:var(--space-sm);width:100%;padding-top:var(--space-xs);border-top:1px solid var(--border-color);order:3}.kitchen-stat-value{font-size:var(--font-size-lg)}.kitchen-stat-label{font-size:.6rem}.kitchen-orders{padding:var(--space-sm) var(--space-sm) 90px;gap:var(--space-sm);grid-template-columns:1fr}.kitchen-card-header{padding:var(--space-sm) var(--space-md)}.kitchen-table-name{font-size:var(--font-size-sm)}.kitchen-item{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.kitchen-card-footer{padding:var(--space-xs) var(--space-md)}.kitchen-done-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-xs)}.kitchen-done-btn.done-enabled{font-size:var(--font-size-sm)}}.kitchen-alert{align-items:center;gap:var(--space-sm);margin:var(--space-sm) var(--space-md) 0;padding:var(--space-sm) var(--space-md);color:#fbbf24;font-size:var(--font-size-sm);background:#f59e0b24;border:1px solid #f59e0b;border-radius:8px;font-weight:600;display:flex}.kitchen-sound-toggle{align-items:center;gap:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-md,8px);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;background:#ffffff0a;padding:8px 14px;font-weight:600;transition:all .2s;display:inline-flex}.kitchen-sound-toggle:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.kitchen-sound-toggle.is-off{color:#f87171;background:#ef444424;border-color:#ef4444}.kitchen-sound-toggle.is-off:hover{color:#fca5a5;background:#ef444438}.kitchen-alert-audio{width:calc(100% - var(--space-md) * 2);text-align:left;cursor:pointer;font-family:inherit}