:root{--color-bg: oklch(14% .02 140);--color-bg-soft: oklch(17% .03 140);--color-surface: oklch(20% .035 140);--color-surface-hover: oklch(25% .045 140);--color-surface-active: oklch(28% .05 140);--color-border: oklch(28% .03 140);--color-primary: oklch(88% .22 130);--color-primary-dim: oklch(78% .18 130);--color-teal: oklch(78% .14 190);--color-coral: oklch(65% .2 25);--color-amber: oklch(78% .18 75);--color-indigo: oklch(65% .18 270);--color-disponible: oklch(78% .14 190);--color-borrador: oklch(78% .18 75);--color-encocina: oklch(65% .18 270);--color-listo: oklch(88% .22 130);--color-entregado: oklch(78% .14 190);--color-anulado: oklch(65% .2 25);--color-text-primary: oklch(96% .01 140);--color-text-secondary: oklch(78% .03 140);--color-text-muted: oklch(62% .03 140);--color-text-inverse: oklch(12% .02 140);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--shadow-deep: 0 16px 40px rgba(0, 0, 0, .6), 0 0 20px rgba(205, 242, 74, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-05: 4px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Bebas Neue", sans-serif;--font-size-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--font-size-sm: clamp(.875rem, .825rem + .25vw, .9375rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.0625rem);--font-size-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--font-size-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);--spring-quiet: cubic-bezier(.16, 1, .3, 1);--spring-standard: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-standard: .25s;--bg: var(--color-bg);--bg-soft: var(--color-bg-soft);--card: var(--color-surface);--card-hi: var(--color-surface-hover);--line: var(--color-border);--lime: var(--color-primary);--lime-dim: var(--color-primary-dim);--teal: var(--color-teal);--coral: var(--color-coral);--amber: var(--color-amber);--indigo: var(--color-indigo);--text: var(--color-text-primary);--muted: var(--color-text-secondary);--muted2: var(--color-text-muted)}.btn-ui{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--spring-quiet);-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;text-decoration:none}.btn-ui--sm{min-height:40px;padding:0 var(--space-2);font-size:var(--font-size-sm)}.btn-ui--md{min-height:48px;padding:0 var(--space-3);font-size:var(--font-size-base)}.btn-ui--lg{min-height:56px;padding:0 var(--space-4);font-size:var(--font-size-lg)}.btn-ui--full{width:100%}.btn-ui--primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-ui--primary:hover:not(:disabled){background:var(--color-primary-dim);transform:translateY(-1px)}.btn-ui--primary:active:not(:disabled){transform:translateY(0)}.btn-ui--secondary{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border)}.btn-ui--secondary:hover:not(:disabled){background:var(--color-surface-active);border-color:var(--color-primary)}.btn-ui--danger{background:var(--color-coral);color:#fff}.btn-ui--danger:hover:not(:disabled){filter:brightness(.9)}.btn-ui--ghost{background:transparent;color:var(--color-text-primary)}.btn-ui--ghost:hover:not(:disabled){background:var(--color-surface)}.btn-ui:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-ui__spinner{display:inline-block;width:1.25em;height:1.25em;animation:spin .8s linear infinite}.btn-ui__spinner svg{width:100%;height:100%}@keyframes spin{to{transform:rotate(360deg)}}.badge-ui{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-family:var(--font-sans);font-weight:800;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.5px}.badge-ui__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge-ui--disponible,.badge-ui--delivered,.badge-ui--entregado{background:#4fd1c526;color:var(--color-teal);border:1px solid rgba(79,209,197,.3)}.badge-ui--borrador,.badge-ui--pending{background:#f59e0b26;color:var(--color-amber);border:1px solid rgba(245,158,11,.3)}.badge-ui--encocina,.badge-ui--confirmed{background:#818cf826;color:var(--color-indigo);border:1px solid rgba(129,140,248,.3)}.badge-ui--encocina .badge-ui__dot,.badge-ui--confirmed .badge-ui__dot{animation:pulse-glow 1.5s ease-in-out infinite}.badge-ui--listo,.badge-ui--ready{background:#cdf24a2e;color:var(--color-primary);border:1px solid rgba(205,242,74,.4)}.badge-ui--listo .badge-ui__dot,.badge-ui--ready .badge-ui__dot{animation:pulse-glow 1s ease-in-out infinite}.badge-ui--anulado,.badge-ui--voided{background:#ef6a6a26;color:var(--color-coral);border:1px solid rgba(239,106,106,.3)}.badge-ui--paid{background:#4fd1c533;color:var(--color-teal);border:1px solid rgba(79,209,197,.4)}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.modal-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn var(--dur-standard) var(--spring-quiet)}.modal-sheet{position:relative;width:100%;max-width:600px;max-height:88vh;background:var(--color-surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border:1px solid var(--color-border);border-bottom:none;box-shadow:var(--shadow-deep);display:flex;flex-direction:column;overflow:hidden;animation:slideUp var(--dur-standard) var(--spring-standard)}.modal-sheet__drag-bar{display:flex;justify-content:center;padding:var(--space-1) 0 var(--space-05);cursor:grab}.modal-sheet__drag-handle{width:40px;height:4px;border-radius:var(--radius-full);background:var(--color-border)}.modal-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.modal-sheet__title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.modal-sheet__subtitle{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal-sheet__close{background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast)}.modal-sheet__close:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.modal-sheet__content{padding:var(--space-3);overflow-y:auto;flex:1}.modal-sheet__footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg-soft)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.input-ui-container{display:flex;flex-direction:column;gap:6px;width:100%}.input-ui__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.input-ui__required{color:var(--color-coral)}.input-ui__wrapper{position:relative;display:flex;align-items:center;background:var(--color-bg-soft);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input-ui__wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #cdf24a26}.input-ui__field{width:100%;min-height:48px;padding:0 var(--space-2);background:transparent;border:none;outline:none;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);box-sizing:border-box}.input-ui__field--has-left-icon{padding-left:44px!important}.input-ui__field--has-right-element{padding-right:48px!important}.input-ui__icon--left{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);pointer-events:none;z-index:2}.input-ui__right-element{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:2}.input-ui--error .input-ui__wrapper{border-color:var(--color-coral)}.input-ui--error .input-ui__wrapper:focus-within{box-shadow:0 0 0 3px #ef6a6a26}.input-ui__helper-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.input-ui--error .input-ui__helper-text{color:var(--color-coral)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-1)}.stat-card__header{display:flex;align-items:center;gap:var(--space-1)}.stat-card__icon-box{width:36px;height:36px;border-radius:var(--radius-sm);background:#cdf24a1f;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.stat-card__body{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1);margin-top:4px}.stat-card__value{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-text-primary);letter-spacing:.5px}.stat-card__trend{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.stat-card__trend--positive{background:#4fd1c526;color:var(--color-teal)}.stat-card__trend--negative{background:#ef6a6a26;color:var(--color-coral)}.stat-card__trend--neutral{background:var(--color-bg-soft);color:var(--color-text-secondary)}.tab-nav{display:flex;width:100%}.tab-nav__track{display:flex;align-items:center;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:4px;gap:4px}.tab-nav__item{position:relative;flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-1);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:color var(--dur-fast);z-index:1}.tab-nav__item--active{color:var(--color-text-inverse);background:var(--color-primary);box-shadow:var(--shadow-sm)}.tab-nav__badge{background:var(--color-coral);color:#fff;font-size:11px;padding:2px 6px;border-radius:var(--radius-full);font-weight:700}.product-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--dur-fast),background var(--dur-fast)}.product-card--selected{border-color:var(--color-primary);background:var(--color-surface-hover)}.product-card__visual{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-bg-soft);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.product-card__info{flex:1;min-width:0}.product-card__category{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.product-card__title{margin:2px 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__price{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-primary)}.product-card__stepper{display:flex;align-items:center;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.product-card__step-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-primary);font-size:1.25rem;font-weight:700;cursor:pointer;transition:background var(--dur-fast)}.product-card__step-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-primary)}.product-card__step-btn:disabled{opacity:.3;cursor:not-allowed}.product-card__qty{width:32px;text-align:center;font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-text-primary)}.table-card-ui{display:flex;flex-direction:column;justify-content:space-between;min-height:108px;padding:10px 12px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) var(--spring-quiet);text-align:left;position:relative;box-sizing:border-box;gap:2px}.table-card-ui:hover{border-color:var(--color-primary-dim);box-shadow:var(--shadow-md);transform:translateY(-1px)}.table-card-ui:active{transform:translateY(0)}.table-card-ui--occupied{border-color:#cdf24a73;background:linear-gradient(165deg,var(--color-surface-hover),var(--color-surface));box-shadow:var(--shadow-sm)}.table-card-ui--ready{border-color:var(--color-primary);box-shadow:0 0 10px #cdf24a2e}.table-card-ui__header{display:flex;align-items:center;justify-content:space-between}.table-card-ui__visual-icon{font-size:1rem;line-height:1}.table-card-ui__main{margin:4px 0 2px}.table-card-ui__number{font-family:var(--font-display);font-size:1.75rem;line-height:1;color:var(--color-text-primary)}.table-card-ui__timer{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:var(--color-text-secondary);margin-top:2px}.table-card-ui__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);padding-top:6px;margin-top:2px}.table-card-ui__items-chip{font-size:10px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-soft);padding:2px 6px;border-radius:var(--radius-full);letter-spacing:.2px}.table-card-ui__items-count{font-size:10.5px;color:var(--color-text-secondary)}.table-card-ui__amount{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-primary);margin-left:auto}:root{--bg: #0e1710;--bg-soft: #142016;--card: #1c2b1e;--card-hi: #243626;--line: #283c2a;--lime: #cdf24a;--lime-dim: #b5d83c;--teal: #4fd1c5;--coral: #ef4444;--amber: #f59e0b;--indigo: #6366f1;--text: #f3f4f6;--muted: #a0aec0;--muted2: #718096;--spring-quiet: cubic-bezier(.16, 1, .3, 1);--spring-standard: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-standard: .25s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}html,body{margin:0;padding:0;background-color:var(--bg)}body{background:radial-gradient(circle at 12% 8%,rgba(205,242,74,.06),transparent 40%),radial-gradient(circle at 90% 15%,rgba(79,209,197,.07),transparent 45%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:env(safe-area-inset-top)}#app{min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:var(--bg)}:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:8px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.display{font-family:Bebas Neue,sans-serif;letter-spacing:.5px}.tabular{font-variant-numeric:tabular-nums}.bubble{position:fixed;border-radius:50%;border:1.5px solid rgba(205,242,74,.15);pointer-events:none;z-index:0}.b1{width:70px;height:70px;top:6%;left:4%}.b2{width:34px;height:34px;top:18%;left:88%;border-color:#4fd1c52e}.b3{width:18px;height:18px;top:70%;left:92%}.b4{width:46px;height:46px;top:80%;left:6%;border-color:#4fd1c524}@media(max-width:600px){.bubble{display:none}}.wrap{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:8px 18px 80px;box-sizing:border-box;width:100%}.page-view{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:0}.page-view.active{display:flex!important;flex-direction:column;gap:12px;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.page-view:not(.active){display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.cup{width:32px;height:36px;position:relative;flex-shrink:0}.cup svg{width:100%;height:100%;display:block}.brand h1{font-size:clamp(24px,5vw,30px);margin:0;line-height:.9;color:var(--lime);white-space:nowrap}.brand span{display:block;font-family:Inter,sans-serif;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600;margin-top:2px;white-space:nowrap}.header-right{display:flex;align-items:center;gap:8px}.nav-bar{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);padding:4px;border-radius:14px;margin-bottom:16px;overflow-x:auto}.nav-item{flex:1;background:transparent;border:none;color:var(--muted);font-size:13px;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer;text-align:center;white-space:nowrap;transition:background var(--dur-fast) var(--spring-quiet),color var(--dur-fast) var(--spring-quiet),transform var(--dur-fast) var(--spring-quiet);min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}.nav-item:hover{color:var(--text);background:#ffffff0f}.nav-item.active{background:var(--lime);color:#122008}.nav-item:active{transform:scale(.97)}.nav-badge{background:var(--coral);color:#fff;font-size:10.5px;font-weight:800;padding:3px 7px;border-radius:10px;min-width:20px;line-height:1}.nav-item.active .nav-badge{background:#122008;color:var(--lime)}.sales-chip{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 12px;text-align:right;min-width:96px;min-height:44px;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;font-family:inherit;cursor:pointer;transition:border-color var(--dur-fast) ease}.sales-chip:hover{border-color:var(--teal)}.sales-chip .lbl{font-size:9px;letter-spacing:1.5px;color:var(--muted2);text-transform:uppercase;font-weight:700;white-space:nowrap}.sales-chip .val{font-family:Bebas Neue,sans-serif;font-size:19px;color:var(--teal);letter-spacing:.5px;font-variant-numeric:tabular-nums}.logout-btn{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:11.5px;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700;transition:all var(--dur-fast) ease;min-height:44px;display:flex;align-items:center;justify-content:center}.logout-btn:hover{border-color:var(--coral);color:var(--coral)}.logout-btn:active{transform:scale(.96)}.toolbar{display:flex;gap:10px;margin-bottom:16px}.takeaway-btn{flex:1;background:linear-gradient(135deg,#4fd1c52e,#4fd1c50f);border:1px solid rgba(79,209,197,.45);color:var(--teal);border-radius:14px;padding:12px 16px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--dur-fast) ease;min-height:48px}.takeaway-btn:hover,.takeaway-btn:active{background:#4fd1c547;border-color:var(--teal);transform:translateY(-1px)}.section-title{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:18px 2px 10px}.table-controls{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%!important;max-width:100%!important;box-sizing:border-box!important}@media(min-width:480px){.grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:640px){.grid{grid-template-columns:repeat(4,1fr)}}.table-card-ui,.table-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;transition:transform var(--dur-fast) ease,border-color var(--dur-fast) ease,background var(--dur-fast) ease,box-shadow var(--dur-standard) ease;position:relative;overflow:hidden;min-height:108px;display:flex;flex-direction:column;justify-content:space-between}.table-card:active{transform:none}.table-card.occ{border-color:#cdf24a73;background:linear-gradient(165deg,var(--card-hi),var(--card))}.table-card.occ-ready{border-color:var(--lime);box-shadow:0 0 10px #cdf24a2e}.table-card .num{font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1;color:var(--text)}.table-card .status{display:flex;align-items:center;gap:6px;margin-top:4px}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted2)}.table-card.occ .dot{background:var(--amber);box-shadow:0 0 8px #f59e0b99}.table-card.occ-ready .dot{background:var(--lime);box-shadow:0 0 10px #cdf24acc}.status-txt{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.3px}.table-card.occ .status-txt{color:var(--amber)}.table-card.occ-ready .status-txt{color:var(--lime)}.amt{margin-top:6px;font-family:Bebas Neue,sans-serif;font-size:18px;color:var(--muted2);font-variant-numeric:tabular-nums}.table-card.occ .amt{color:var(--teal)}.add-table{width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:transparent;border:1.5px dashed var(--line);border-radius:12px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 12px;cursor:pointer;min-height:108px;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease}.add-table:hover,.add-table:active{border-color:var(--lime);color:var(--lime-dim)}.add-table .plus-ic{font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1}.add-table .lbl-ic{font-size:11px;font-weight:700;letter-spacing:.5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--dur-standard) var(--spring-quiet);overflow:hidden}.overlay.open{transform:translateY(0)}.ov-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);flex-shrink:0;background:var(--bg-soft);min-height:56px}.back-btn{background:var(--card);border:1px solid var(--line);color:var(--text);width:44px;height:44px;border-radius:12px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) ease}.back-btn:active{background:var(--card-hi)}.ov-head .title{font-family:Bebas Neue,sans-serif;font-size:26px;color:var(--lime);text-align:center}.ov-head .title small{display:block;font-family:Inter,sans-serif;font-size:10.5px;color:var(--muted);letter-spacing:1px;font-weight:600}.free-btn{background:transparent;border:1px solid var(--line);color:var(--coral);font-size:11.5px;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.client-input-wrap{padding:12px 16px 0}.client-input-wrap input{width:100%;background:var(--card);border:1px solid var(--line);color:var(--lime);border-radius:12px;padding:12px 14px;font-size:15px;font-weight:600;font-family:Inter,sans-serif;min-height:44px}.client-input-wrap input:focus{outline:none;border-color:var(--lime)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scroll-fade-right{-webkit-mask-image:linear-gradient(to right,#000 88%,transparent 100%);mask-image:linear-gradient(to right,#000 88%,transparent 100%)}.menu-scroll{flex:1;overflow-y:auto;padding:14px 16px 10px}.cat-lbl{font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted2);font-weight:700;margin:16px 2px 8px}.cat-lbl:first-child{margin-top:0}.item-row{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:8px}.item-info .nm{font-size:15px;font-weight:700;color:var(--text)}.item-info .pr{font-size:12.5px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--dur-fast) ease,background var(--dur-fast) ease}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper button.plus{background:var(--lime);color:#122008;border-color:var(--lime)}.stepper button:active:not(:disabled){transform:scale(.92)}.stepper .qty{min-width:22px;text-align:center;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.ov-foot{border-top:1px solid var(--line);padding:14px 16px calc(14px + env(safe-area-inset-bottom));flex-shrink:0;background:var(--bg-soft)}.total-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.total-row .lbl{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:700}.total-row .val{font-family:Bebas Neue,sans-serif;font-size:32px;color:var(--lime);font-variant-numeric:tabular-nums}.charge-btn{width:100%;background:var(--lime);color:#122008;border:none;border-radius:14px;padding:14px;font-weight:800;font-size:15px;letter-spacing:.3px;cursor:pointer;min-height:48px;transition:transform var(--dur-fast) ease}.charge-btn:disabled{background:var(--card);color:var(--muted2);cursor:not-allowed}.charge-btn:active:not(:disabled){transform:scale(.97)}.queue-container{padding:14px 16px;flex:1;overflow-y:auto}.focal-card{background:linear-gradient(145deg,#1c2717,#141c10);border:2px solid var(--lime);border-radius:20px;padding:20px 18px;margin-bottom:20px;box-shadow:0 8px 24px #cdf24a26;animation:slideInUp .3s var(--spring-quiet)}.focal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.focal-tag{background:var(--lime);color:#122008;font-weight:800;font-size:12px;padding:4px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.focal-counter{font-size:11.5px;color:var(--muted);font-weight:700}.focal-title{font-family:Bebas Neue,sans-serif;font-size:34px;color:var(--text);line-height:1}.focal-items{margin:14px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:12px 0}.focal-checklist-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) ease}.focal-checklist-item:hover{background:#ffffff0a}.focal-checklist-item.done{opacity:.45;text-decoration:line-through}.focal-checklist-item .item-txt{font-size:16px;font-weight:700}.focal-actions{display:flex;gap:10px}.btn-ready{flex:1;background:var(--lime);color:#122008;border:none;padding:14px;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;text-align:center;min-height:48px;transition:transform var(--dur-fast) ease}.btn-ready:active{transform:scale(.97)}.queue-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:12px;animation:slideInUp .3s ease}.queue-card-head{display:flex;justify-content:space-between;align-items:center}.queue-badge{font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:8px;text-transform:uppercase}.badge-table{background:#4fd1c526;color:var(--teal);border:1px solid rgba(79,209,197,.3)}.badge-takeaway{background:#f59e0b26;color:var(--amber);border:1px solid rgba(245,158,11,.3)}.badge-ready{background:#cdf24a26;color:var(--lime);border:1px solid rgba(205,242,74,.3)}.queue-items{font-size:13px;color:var(--muted);margin:8px 0;line-height:1.4}.queue-actions{display:flex;gap:8px;margin-top:10px}.btn-sm{padding:8px 14px;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);min-height:44px;display:flex;align-items:center;justify-content:center}.btn-sm.deliver{background:var(--teal);color:#0c2220;border:none}.btn-sm.pay{background:var(--lime);color:#122008;border:none}.admin-container{padding:16px;flex:1;overflow-y:auto}.admin-date-picker{display:flex;align-items:center;gap:10px;margin-bottom:16px}.admin-date-picker label{font-size:12px;font-weight:700;color:var(--muted)}.admin-date-picker input{background:var(--card);border:1px solid var(--line);color:var(--lime);padding:10px 14px;border-radius:10px;font-family:Inter,sans-serif;font-weight:700;min-height:44px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.stat-card .lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted2);font-weight:700}.stat-card .val{font-family:Bebas Neue,sans-serif;font-size:26px;color:var(--text);margin-top:2px;font-variant-numeric:tabular-nums}.stat-card.accent .val{color:var(--lime)}.stat-card.void .val{color:var(--coral)}.admin-table{width:100%;border-collapse:collapse;font-size:12.5px}.admin-table th{text-align:left;color:var(--muted2);font-size:10.5px;text-transform:uppercase;letter-spacing:1px;padding:10px 8px;border-bottom:1px solid var(--line)}.admin-table td{padding:12px 8px;border-bottom:1px solid var(--line)}.badge-deleted{background:#ef6a6a26;color:var(--coral);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800}.badge-paid{background:#4fd1c526;color:var(--teal);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800}.badge-ready{background:#cdf24a26;color:var(--lime);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800}.badge-kitchen{background:#6366f126;color:var(--indigo);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800}.history-row{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px}.history-row.voided{opacity:.6;border-color:var(--coral)}.h-top{display:flex;justify-content:space-between;align-items:center}.h-mesa{font-weight:800;font-size:15.5px}.h-time{font-size:11.5px;color:var(--muted);margin-left:8px}.h-badge{font-size:10px;background:var(--coral);color:#fff;padding:2px 6px;border-radius:6px;margin-left:6px;font-weight:800}.h-total{font-family:Bebas Neue,sans-serif;font-size:22px;color:var(--teal);font-variant-numeric:tabular-nums}.h-items{font-size:13px;color:var(--muted);margin-top:6px}.h-actions{margin-top:10px;text-align:right}.h-del-btn{background:transparent;border:1px solid var(--line);color:var(--coral);font-size:11px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;min-height:38px}.history-empty{text-align:center;color:var(--muted);padding:40px 0;font-size:14.5px}@keyframes pulseGlow{0%{box-shadow:0 0 #cdf24a00}50%{box-shadow:0 0 18px #cdf24a80;border-color:var(--lime)}to{box-shadow:0 0 #cdf24a00}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.toast-container{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:20000;width:calc(100% - 32px);max-width:360px;pointer-events:none}.toast-item{background:var(--card);border:1.5px solid var(--lime);color:var(--text);padding:12px 18px;border-radius:14px;font-size:13.5px;font-weight:700;box-shadow:0 8px 24px #0009;pointer-events:auto;display:flex;align-items:center;gap:10px;animation:toastSlideIn var(--dur-standard) cubic-bezier(.175,.885,.32,1.275);transition:all var(--dur-fast) ease}.toast-item--error{border-color:var(--coral)}.toast-item--info{border-color:var(--teal)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.status-bar{font-size:11.5px;color:var(--muted2);text-align:center;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:6px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block}.status-dot.offline{background:var(--coral)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity var(--dur-standard) ease}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 20px 20px;width:100%;max-width:320px;text-align:center;box-shadow:0 12px 36px #0009;animation:slideInUp .25s var(--spring-quiet)}.modal-card h3{font-family:Bebas Neue,sans-serif;font-size:24px;color:var(--lime);margin:0 0 4px;letter-spacing:.5px}.modal-card p{font-size:12px;color:var(--muted);margin:0 0 16px;line-height:1.3}.pin-display{font-family:Bebas Neue,sans-serif;font-size:32px;letter-spacing:8px;color:var(--lime);background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:14px;min-height:52px;display:flex;align-items:center;justify-content:center}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.pin-key{background:var(--bg-soft);border:1px solid var(--line);color:var(--text);font-family:Bebas Neue,sans-serif;font-size:24px;border-radius:12px;min-height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) ease,transform var(--dur-fast) ease}.pin-key:active{background:var(--card-hi);transform:scale(.95)}.modal-btns{display:flex;gap:8px}.modal-btns button{flex:1;padding:12px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;border:none;min-height:46px}.btn-cancel{background:transparent;border:1px solid var(--line)!important;color:var(--muted)}.btn-confirm{background:var(--coral);color:#fff}.modal-err{color:var(--coral);font-size:12px;font-weight:600;min-height:16px;margin-top:8px}#loginScreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{width:100%;max-width:330px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 24px 24px;text-align:center;box-shadow:0 16px 40px #00000080}.login-card .cup{width:36px;height:40px;margin:0 auto 12px}.login-card h2{font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--lime);margin:0 0 4px;letter-spacing:.5px}.login-card p{font-size:12px;color:var(--muted);margin:0 0 20px}.login-card .form-group{text-align:left;margin-bottom:12px}.login-card label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase}.login-card input{width:100%;background:var(--bg-soft);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;font-size:15px;font-family:Inter,sans-serif;min-height:46px}.login-card input:focus{outline:none;border-color:var(--lime)}.login-card button{width:100%;background:var(--lime);color:#122008;border:none;border-radius:12px;padding:14px;font-weight:800;font-size:15px;cursor:pointer;margin-top:10px;min-height:48px;transition:opacity var(--dur-fast) ease,transform var(--dur-fast) ease}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-card button:active:not(:disabled){transform:scale(.98)}.login-err{color:var(--coral);font-size:12.5px;font-weight:600;min-height:16px;margin-top:10px}.spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(18,32,8,.3);border-radius:50%;border-top-color:#122008;animation:spin .6s linear infinite;vertical-align:middle}