:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f4f5;color:#18181b;--primary: #ea580c;--primary-dark: #c2410c;--ink: #18181b;--muted: #71717a;--card: #ffffff;--line: #e4e4e7;--green: #10b981;--amber: #f97316;--blue: #3b82f6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh}.top-nav{align-items:center;background:#111;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fffaf2;display:flex;justify-content:space-between;padding:.5rem 1.25rem;position:sticky;top:0;margin:0;z-index:200;border-radius:0;box-shadow:0 4px 12px #00000026;border-bottom:1px solid rgba(255,255,255,.08);height:50px}.brand{font-size:1.1rem;font-weight:900;letter-spacing:.04em;color:#fffaf2;white-space:nowrap}.hamburger-wrapper{position:relative}.hamburger-btn{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:6px 8px;border-radius:.5rem;transition:background .2s ease}.hamburger-btn:hover,.hamburger-btn.open{background:#ffffff1a}.hamburger-line{display:block;width:24px;height:3px;background:#fffaf2;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.hamburger-btn.open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 50px #00000059;overflow:hidden;z-index:300;padding:.5rem;animation:dropdownFadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-dropdown-item{display:flex;align-items:center;gap:.75rem;color:#a1a1aa;font-size:.95rem;font-weight:600;padding:.9rem 1.2rem;text-decoration:none;transition:all .2s ease;border-radius:10px;margin-bottom:.2rem}.nav-dropdown-item:last-child{margin-bottom:0}.nav-dropdown-item:hover{background:#ffffff0f;color:#fff}.nav-dropdown-item.active{background:var(--primary);color:#fff;font-weight:700}.nav-dropdown-divider{height:1px;background:#ffffff14;margin:.5rem .75rem}.nav-dropdown-item.danger{color:#ef4444!important;font-weight:700}.nav-dropdown-item.danger:hover{background:#ef44441a!important;color:#f87171!important}.page{padding:clamp(1rem,4vw,2rem)}.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.universal-page-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2rem;width:100%;gap:1rem}.universal-page-title{font-size:36px!important;font-weight:800!important;margin:0!important;color:var(--ink)!important;line-height:1.1!important;letter-spacing:-.02em!important}@media(max-width:768px){.universal-page-title{font-size:32px!important}}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:.1rem}h2{font-size:1.25rem}.eyebrow{color:var(--primary-dark);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem}.panel,.order-card,.stat-card{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;box-shadow:0 12px 30px #462d1414}.panel{padding:1rem}.connection-badge{border-radius:999px;display:inline-flex;font-size:.88rem;font-weight:800;padding:.45rem .75rem;white-space:nowrap;border:1px solid transparent}.connection-badge.connected{background:#e7f7ed;color:var(--green);border-color:#c8e6d1}.connection-badge.disconnected{background:#fff0d8;color:var(--amber);border-color:#ffeeba}.stats-grid{display:grid;gap:.8rem;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:1rem}.stat-card{padding:1rem}.stat-card span{color:var(--muted);display:block;font-weight:800}.stat-card strong{display:block;font-size:clamp(1.5rem,5vw,2.4rem);margin-top:.25rem}.cashier-layout{display:grid;gap:1rem;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.4fr) minmax(260px,1fr);align-items:start}.segmented-control{background:#e4e4e7;border-radius:1rem;display:grid;grid-template-columns:1fr 1fr;padding:.25rem}.segmented-control button{border:0;background:transparent;border-radius:.8rem;font-weight:900;padding:.8rem}.segmented-control button.active{background:var(--primary);color:#fff}.field-label{color:var(--muted);display:grid;font-weight:800;gap:.35rem;margin-top:1rem}input{border:1px solid var(--line);border-radius:.8rem;padding:.8rem;width:100%}.menu-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.menu-grid button{background:#fff;border:1px solid var(--line);border-radius:.95rem;color:var(--ink);font-weight:800;min-height:4rem;padding:.8rem}.menu-grid button:hover{border-color:var(--primary);color:var(--primary-dark)}.cart-list,.item-list,.aggregation-list{list-style:none;margin:0;padding:0}.cart-list li,.item-list li,.aggregation-list li{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0}.cart-list li:last-child,.item-list li:last-child,.aggregation-list li:last-child{border-bottom:0}.qty-controls{align-items:center;display:flex;gap:.6rem}.qty-controls button{background:var(--ink);border:0;border-radius:50%;color:#fff;font-size:1.1rem;height:2rem;width:2rem}.primary-action{background:var(--primary);border:0;border-radius:1rem;color:#fff;font-weight:900;margin-top:1rem;padding:1rem;width:100%}.error-message{background:#fde8e5;border:1px solid #f2b8ae;border-radius:.8rem;color:#8f261c;font-weight:800;margin:1rem 0;padding:.8rem}.empty-state{color:var(--muted);margin-bottom:0}.token-card{border-color:#f2b8ae;margin-top:1rem;max-width:480px}.token-card h2{color:var(--primary);font-size:2.4rem;margin-bottom:.25rem}.ready-alert{background:#e7f7ed;border-color:#b7e2c8;margin-bottom:1rem}.ready-token-row{display:flex;flex-wrap:wrap;gap:.6rem}.ready-token-row span{background:#fff;border-radius:999px;color:var(--green);font-weight:900;padding:.55rem .8rem}.kitchen-layout{display:grid;gap:1rem;grid-template-columns:minmax(260px,.8fr) minmax(0,2fr);align-items:start}.section-title-row{align-items:start;display:flex;gap:1rem;justify-content:space-between}.section-title-row p{color:var(--muted);margin-bottom:0;max-width:28rem}.aggregation-list strong{background:var(--primary);border-radius:999px;color:#fff;min-width:2.2rem;padding:.35rem .65rem;text-align:center}.orders-grid{display:grid;gap:1rem}@media(min-width:1024px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}}@media(min-width:640px)and (max-width:1023px){.orders-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.orders-grid{grid-template-columns:1fr}}.order-card{padding:1rem}.order-card-header{align-items:start;display:flex;justify-content:space-between}.order-card h2{font-size:2.2rem;margin-bottom:0}.status-pill{border-radius:999px;font-size:.78rem;font-weight:900;padding:.45rem .65rem}.status-pending .status-pill{background:#fff0d8;color:var(--amber)}.status-cooking .status-pill{background:#e5f1fc;color:var(--blue)}.status-ready .status-pill{background:#e7f7ed;color:var(--green)}.status-delivered .status-pill{background:#eee;color:var(--muted)}.order-meta{color:var(--muted);display:flex;font-weight:800;justify-content:space-between;margin:.8rem 0}.status-actions{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.status-actions button{background:#fff;border:1px solid var(--line);border-radius:.75rem;font-weight:900;padding:.65rem}.status-actions button.selected{background:var(--ink);color:#fff}.display-page{background:#160f0d;color:#fffaf2;height:100vh;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;font-family:Outfit,Inter,sans-serif;overflow:hidden;box-sizing:border-box}.display-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed #352723;padding-bottom:1rem;height:60px;box-sizing:border-box}.sizzle-brand{display:flex;align-items:center;gap:.85rem}.sizzle-logo-box{background:#e67e22;border-radius:.85rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;box-shadow:0 4px 15px #e67e2266}.sizzle-brand-text{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:900;color:#fff;letter-spacing:.02em}.header-right-controls{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.audio-toggle-btn{background:#352723;border:1px solid #e67e22;color:#e67e22;border-radius:999px;padding:.4rem 1.1rem;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.audio-toggle-btn.enabled{background:#e67e22;color:#fff;box-shadow:0 4px 12px #e67e2259}.audio-toggle-btn:hover{transform:translateY(-1px)}.header-clock-container{display:flex;align-items:center;gap:.5rem;color:#2ecc71;font-size:1.25rem;font-weight:900;background:#251c19;padding:.35rem 1rem;border-radius:.75rem;border:1px solid rgba(46,204,113,.2)}.header-clock-icon{font-size:1.15rem;opacity:.9}.display-board-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr auto;gap:1.25rem;flex:1;min-height:0;overflow:hidden}.now-ready-section{display:flex;flex-direction:column;gap:1rem;height:100%;min-height:0;overflow:hidden}.now-ready-header-title{font-size:1.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#2ecc71;margin:0;display:flex;align-items:center;gap:.5rem;height:35px;box-sizing:border-box}.now-ready-container-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:1fr;flex:1;min-height:0;overflow:hidden;align-content:stretch}.now-ready-card{background:#271d1a;border:2px solid #2ecc71;border-radius:1.5rem;box-shadow:0 8px 30px #2ecc711f;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem;text-align:center;position:relative;overflow:hidden;height:100%;min-height:0;transition:all .3s ease;box-sizing:border-box}.now-ready-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2ecc7133}.now-ready-pulse-ring{position:absolute;width:100px;height:100px;border:3px solid rgba(46,204,113,.2);border-radius:50%;animation:pulseRing 2s infinite ease-out;pointer-events:none}.sizzle-token-label{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#2ecc71;text-transform:uppercase;margin-bottom:.25rem}.sizzle-token-number{font-size:clamp(3rem,7vh,5.5rem);font-weight:900;color:#2ecc71;line-height:1;text-shadow:0 0 20px rgba(46,204,113,.25);margin:.5rem 0;animation:tokenFloat 4s ease-in-out infinite}.sizzle-collect-pill{border:1px solid #2ecc71;color:#2ecc71;border-radius:999px;padding:.3rem 1.2rem;font-size:.75rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}.now-ready-badge-row{font-size:1rem;color:#ffd166;font-weight:800}.now-ready-card-empty{background:#271d1a;border:2px dashed #352723;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;flex:1;padding:2rem;text-align:center;height:100%}.now-ready-placeholder{color:#7f685d;font-size:1.5rem;font-weight:700}.in-progress-section{display:flex;flex-direction:column;gap:1rem;height:100%;min-height:0;overflow:hidden}.in-progress-header-title{font-size:1.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#e67e22;margin:0;display:flex;align-items:center;gap:.5rem;height:35px;box-sizing:border-box}.in-progress-container{background:#251c19;border:1px solid #352723;border-radius:1.5rem;padding:1.25rem;display:flex;flex-direction:column;justify-content:start;flex:1;min-height:0;overflow:hidden}.in-progress-list{display:flex;flex-direction:column;gap:.65rem;flex:1;overflow-y:auto;padding-right:.25rem;min-height:0}.in-progress-list::-webkit-scrollbar{width:6px}.in-progress-list::-webkit-scrollbar-track{background:transparent}.in-progress-list::-webkit-scrollbar-thumb{background:#352723;border-radius:999px}.in-progress-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#2d211d;border:1px solid #352723;border-radius:1rem;padding:.75rem 1.25rem;transition:all .2s ease}.in-progress-row:hover{border-color:#e67e22;transform:translate(3px)}.in-progress-token-info{display:flex;flex-direction:column;justify-content:center}.sizzle-progress-token-label{font-size:.65rem;font-weight:800;color:#7f685d}.sizzle-progress-token-number{font-size:1.3rem;font-weight:900;color:#fff}.in-progress-type-table{font-size:1rem;font-weight:800;color:#ffd166}.sizzle-progress-status-badge{font-size:.9rem;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:.35rem;justify-self:end}.sizzle-progress-status-badge.status-preparing{color:#e67e22}.sizzle-progress-status-badge.status-queued{color:#b28f70}.sizzle-progress-status-badge.status-ready-badge{color:#2ecc71}.in-progress-empty{color:#7f685d;font-size:1.1rem;font-weight:700;text-align:center;padding:3rem 0;flex:1}.in-progress-footer-note{color:#7f685d;font-size:.8rem;font-style:italic;text-align:center;margin-top:.75rem;height:20px;box-sizing:border-box}.recently-ready-section{display:flex;flex-direction:column;gap:.75rem;grid-column:span 2;border-top:2px dashed #352723;padding-top:1rem;margin-top:.25rem;min-height:0;overflow:hidden}.recently-ready-header-title{font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#ffd166;margin:0;height:25px;box-sizing:border-box}.recently-ready-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;min-height:0}.recently-ready-card{background:linear-gradient(135deg,#138a45,#0d5f30);border-radius:1.25rem;padding:1rem .85rem;text-align:center;box-shadow:0 4px 15px #138a4526;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid #1a9e52;position:relative;overflow:hidden;min-height:0;box-sizing:border-box}.recently-ready-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px #138a4559}.recently-ready-card.delivered{background:#251c19;border:1px solid #352723;box-shadow:none;opacity:.65}.recently-ready-card.delivered:after{content:"✓ DELIVERED";position:absolute;bottom:.5rem;left:0;right:0;font-size:.7rem;font-weight:800;text-transform:uppercase;color:#138a45;letter-spacing:.05em}.recently-ready-token{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;color:#fff;margin-bottom:.35rem}.recently-ready-badge{font-size:.85rem;background:#00000040;border-radius:999px;padding:.3rem .8rem;font-weight:800;display:inline-flex;align-items:center;gap:.35rem;color:#ffd166}.recently-ready-empty{color:#7f685d;font-size:1.2rem;font-weight:700;text-align:center;padding:2.5rem 0;grid-column:span 5;background:#251c19;border:1px dashed #352723;border-radius:1.5rem}@keyframes pulseRing{0%{transform:scale(.6);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes tokenFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGrad{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}@media(max-width:980px){.display-board-grid{grid-template-columns:1fr}.recently-ready-section{grid-column:span 1}.recently-ready-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.recently-ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-layout,.kitchen-layout{grid-template-columns:1fr}}@media(max-width:640px){.page-header,.section-title-row{align-items:stretch;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.display-page{min-height:calc(100vh - 60px)}}.portion-tag{background:var(--line);color:var(--ink);font-size:.72rem;font-weight:900;padding:.15rem .45rem;border-radius:999px;text-transform:uppercase;margin-left:.4rem;display:inline-block}.portion-tag.tag-half{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.portion-tag.tag-full{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.menu-item-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:5.5rem!important;padding:.6rem!important;position:relative;transition:all .2s ease-in-out}.menu-item-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #0000000d}.menu-item-card.item-unavailable{background:#fdfaf6;opacity:.55;border-color:#eadfce}.item-title{font-size:1rem;font-weight:800}.item-prices-badges{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.price-badge{font-size:.72rem;background:#e4e4e7;padding:.1rem .35rem;border-radius:4px;color:var(--muted);font-weight:700}.unavailable-badge{background:#f8d7da;color:#721c24;font-size:.68rem;font-weight:800;padding:.1rem .4rem;border-radius:999px}.cart-item-row{display:flex;flex-direction:column;align-items:stretch!important;gap:.35rem!important}.cart-item-meta{display:flex;align-items:center;justify-content:space-between;width:100%}.cart-item-name{font-weight:800}.cart-item-portion{font-size:.78rem;background:var(--line);padding:.1rem .4rem;border-radius:999px;font-weight:700}.cart-item-unit{font-size:.78rem;color:var(--muted)}.cart-item-controls{display:flex;align-items:center;justify-content:space-between;width:100%}.cart-item-subtotal{font-weight:900;font-size:1.05rem}.cart-summary-total{display:flex;justify-content:space-between;border-top:2px dashed var(--line);margin-top:1rem;padding-top:1rem;font-size:1rem;font-weight:800}.cart-summary-total strong{font-size:1.25rem;color:var(--primary-dark)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#211a1499;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--card);border:2px solid #000000;border-radius:1.5rem;width:98%;margin:0 auto;max-width:500px;padding:1.5rem;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;gap:1.2rem;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:.75rem}.modal-header h2{margin:0;font-size:1.2rem;color:var(--muted)}.btn-close-modal{background:transparent;border:0;font-size:1.8rem;line-height:1;color:var(--muted)}.modal-item-title{font-size:1.8rem;font-weight:900;color:var(--ink);margin:0 0 1rem}.portion-selector-row,.quantity-selector-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.selector-label{font-weight:800;color:var(--muted)}.portion-options{display:flex;gap:.5rem}.portion-btn{background:#fff;border:1px solid var(--line);border-radius:.75rem;padding:.6rem 1rem;font-weight:800;transition:all .15s ease}.portion-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-qty-controls{background:var(--line);padding:.2rem;border-radius:999px}.modal-qty-controls button{height:2.2rem;width:2.2rem}.modal-total-bar{display:flex;justify-content:space-between;background:#fff7ed;border:1px solid #ffedd5;padding:1rem;border-radius:1rem;font-weight:800;font-size:1.1rem}.modal-total-bar strong{font-size:1.4rem;color:var(--primary-dark)}.modal-footer{display:flex;gap:.75rem;border-top:1px solid var(--line);padding-top:1rem}.btn-cancel{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem;width:35%;font-weight:800}.btn-confirm-add{margin-top:0!important;width:65%}.menu-manager-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}.menu-table-container{overflow-x:auto;border:1px solid var(--line);border-radius:1rem;background:#fff;margin-bottom:1.5rem}.menu-table{width:100%;border-collapse:collapse;text-align:left}.menu-table th,.menu-table td{padding:.85rem 1rem;border-bottom:1px solid var(--line)}.menu-table th{background:#fdfaf6;font-weight:800;color:var(--muted);font-size:.9rem}.menu-table tr:last-child td{border-bottom:0}.row-unavailable{background:#fafaf9}.cell-name input{font-weight:800;border-color:transparent;background:transparent;padding:.4rem;width:100%}.cell-name input:focus{border-color:var(--line);background:#fff;outline:none}.price-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:.5rem;padding:0 .5rem;max-width:100px}.price-input-wrapper span{color:var(--muted);font-weight:700}.price-input-wrapper input{border:0;padding:.4rem;width:100%}.price-input-wrapper input:focus{outline:none}.btn-toggle{border:0;border-radius:999px;font-size:.78rem;font-weight:800;padding:.4rem .8rem;cursor:pointer}.btn-toggle.active{background:#d4edda;color:#155724}.btn-toggle.inactive{background:#f8d7da;color:#721c24}.action-row{display:flex;gap:.35rem}.btn-save-inline,.btn-delete{border:0;padding:.4rem .65rem;font-size:.78rem;font-weight:800;border-radius:.5rem;cursor:pointer}.btn-save-inline{background:var(--ink);color:#fff}.btn-delete{background:#f8d7da;color:#721c24}.btn-save-all{margin-top:0!important}.success-badge{background:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:1rem;border-radius:1rem;font-weight:800;margin-bottom:1.2rem;animation:fadeIn .2s ease-in}.add-dish-form{display:flex;flex-direction:column;gap:1rem}.form-row-pricing{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-weight:800}.checkbox-wrapper input{width:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.menu-manager-layout{grid-template-columns:1fr}}.add-item-action-btn{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:.75rem;padding:.65rem;font-weight:900;width:100%;margin-top:1rem;transition:all .2s ease}.add-item-action-btn:hover{background:var(--primary);border-color:var(--primary)}.selected-item{box-shadow:0 0 0 2px var(--primary);transform:translateY(-2px)}.kitchen-notifications-container{position:fixed;top:5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.kitchen-notification-card{pointer-events:auto;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--primary);box-shadow:0 10px 30px #00000026;border-radius:.75rem;padding:1rem;width:320px;position:relative;animation:slideInRight .35s cubic-bezier(.16,1,.3,1)}.notification-header{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.8rem;font-weight:900;text-transform:uppercase;margin-bottom:.35rem}.notification-table{font-size:1.3rem;font-weight:900;margin:0 0 .25rem;color:var(--ink)}.notification-message{margin:0;color:var(--muted);font-weight:700;font-size:.9rem}.notification-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:0;font-size:1.25rem;color:var(--muted);cursor:pointer;line-height:1}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.cashier-toast{position:fixed;top:1.25rem;right:1.5rem;z-index:9999;background:#487ec4;background:linear-gradient(135deg,#1e3a5f,#162d4a);color:#fff;border-radius:.75rem;padding:.6rem 1rem .6rem .85rem;box-shadow:0 8px 24px #162d4a73,0 2px 6px #00000026;display:flex;align-items:center;gap:.65rem;font-weight:700;min-width:220px;max-width:320px;border-left:3px solid rgba(255,255,255,.35);animation:posToastIn .3s cubic-bezier(.22,1,.36,1) both}.toast-icon{font-size:1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;background:#ffffff2e;border-radius:50%;line-height:1}.cashier-toast strong{display:block;font-size:.82rem;font-weight:800;letter-spacing:.01em;line-height:1.2}.cashier-toast .toast-meta{display:block;font-size:.74rem;opacity:.88;font-weight:600;margin-top:.1rem;letter-spacing:.01em}@keyframes posToastIn{0%{transform:translateY(-16px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:768px){.cashier-toast{right:50%;transform:translate(50%);top:1rem;min-width:200px;max-width:88vw}}.cashier-tab-nav{margin-bottom:0;background:#e4e4e766!important;border:1px solid rgba(0,0,0,.05);padding:.15rem!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cashier-tab-nav .kitchen-tab-btn{padding:.45rem .5rem!important;font-size:.82rem!important;border-radius:.85rem!important}.cashier-tab-nav .ktab-active{background:#fffc!important;border:1px solid rgba(255,255,255,.6)!important;color:var(--ink)!important;box-shadow:0 4px 12px #0000000a,inset 0 1px 1px #fffc!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cashier-tab-content-wrap{overflow:visible}.cashier-tab-nav-sticky-wrapper{position:sticky;top:50px;z-index:100;background:#f4f4f5bf!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;padding-top:.25rem!important;padding-bottom:.25rem!important;margin-top:-.25rem!important;margin-bottom:.75rem!important;border-bottom:1px solid rgba(0,0,0,.05);margin-left:calc(-1*clamp(1rem,4vw,2rem));margin-right:calc(-1*clamp(1rem,4vw,2rem));padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.active-orders-list{max-height:calc(100vh - 225px);overflow-y:auto!important;padding-bottom:5rem!important}.active-orders-list>div{flex-shrink:0!important}@media(min-width:768px){.active-orders-list{max-height:calc(100vh - 265px)}}.admin-pos-dashboard{display:flex;flex-direction:column;gap:1.5rem;padding:clamp(.75rem,3vw,2rem);max-width:1400px;margin:0 auto;box-sizing:border-box;width:100%;overflow-x:hidden}.admin-pos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.admin-pos-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pos-kpi-card{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem;box-shadow:0 8px 24px #462d140a;transition:transform .2s ease,box-shadow .2s ease}.pos-kpi-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #462d1414}.kpi-label{display:block;font-size:.85rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.kpi-value{display:block;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:900;line-height:1.1;margin-bottom:.25rem}.kpi-subtext{font-size:.78rem;color:var(--muted);font-weight:700}.text-green{color:var(--green)!important}.text-blue{color:var(--blue)!important}.text-yellow{color:var(--amber)!important}.text-red{color:var(--primary)!important}.panel-header-with-tabs{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.75rem}.panel-header-with-tabs h2{margin:0}.pos-segmented-tabs{background:#e4e4e7;border-radius:.75rem;display:flex;flex-wrap:wrap;padding:.2rem;gap:.15rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pos-segmented-tabs::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:0;border-radius:.6rem;font-weight:800;font-size:.78rem;padding:.4rem .75rem;cursor:pointer;transition:all .15s ease;color:var(--muted);white-space:nowrap;flex-shrink:0}.tab-btn.active{background:var(--ink);color:#fff}.pos-two-column-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;align-items:stretch;width:100%;box-sizing:border-box}.svg-chart-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.quick-action-btn{transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);cursor:pointer}.quick-action-btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0006!important}.quick-action-btn:active{transform:translateY(1px);box-shadow:0 4px 8px #0000004d!important}.row-expanded-highlight{background:#fffcf8!important;border-left:4px solid var(--primary)!important}.date-filter-panel>div:first-child{flex-wrap:wrap}@media(max-width:1024px){.pos-two-column-layout{grid-template-columns:1fr}.pos-three-column-layout{grid-template-columns:1fr 1fr!important}}@media(max-width:640px){.admin-pos-dashboard{padding:.75rem;gap:.85rem}.pos-two-column-layout{grid-template-columns:1fr;gap:.85rem}.admin-pos-kpi-grid{grid-template-columns:1fr 1fr;gap:.75rem}.pos-kpi-card{padding:1rem}.kpi-value{font-size:1.6rem}.pos-three-column-layout{grid-template-columns:1fr!important}.panel-header-with-tabs{flex-direction:column;align-items:stretch}.pos-segmented-tabs{flex-wrap:nowrap;overflow-x:auto}.panel{padding:.85rem}.admin-pos-header{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-pos-header h1{font-size:1.8rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.admin-orders-table,.admin-orders-table thead,.admin-orders-table tbody,.admin-orders-table th,.admin-orders-table td,.admin-orders-table tr{display:block}.admin-orders-table thead tr{position:absolute;top:-9999px;left:-9999px}.admin-orders-table tr{border:1px solid var(--line);border-radius:1rem;margin-bottom:1rem;padding:1rem;background:#fff;box-shadow:0 4px 12px #00000005}.admin-orders-table td{border:none;border-bottom:1px solid #f9f9f9;position:relative;padding-left:50%!important;text-align:right!important;padding-top:.75rem!important;padding-bottom:.75rem!important}.admin-orders-table td:last-child{border-bottom:0}.admin-orders-table td:before{position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:800;color:var(--muted);content:attr(data-label)}}@media print{body,.app-shell,.admin-pos-dashboard{background:#fff!important;color:#000!important;padding:0!important;margin:0!important}.top-nav,.quick-actions-card,.cashier-toast,.modal-overlay,.btn-toggle,.ConnectionBadge,header.admin-pos-header div:last-child{display:none!important}.admin-pos-dashboard{max-width:100%!important;gap:1.5rem!important}.panel,.pos-kpi-card{background:#fff!important;border:1px solid #dddddd!important;box-shadow:none!important;page-break-inside:avoid}.admin-pos-kpi-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:.5rem!important}.pos-two-column-layout,.pos-three-column-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.5rem!important}.admin-table-container{max-height:none!important;overflow:visible!important}}@media(max-width:480px){.hide-on-mobile-xs{display:none!important}}.order-items-scroll{scrollbar-width:none;-ms-overflow-style:none}.order-items-scroll::-webkit-scrollbar{display:none}.menu-mobile-view{display:none}.menu-desktop-view{display:block}@media(max-width:767px){.menu-mobile-view{display:block}.menu-desktop-view{display:none}}.menu-toggle-switch{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:999px;padding:.35rem .85rem .35rem .45rem;font-size:.78rem;font-weight:800;cursor:pointer;transition:background .25s ease,transform .15s ease;position:relative;white-space:nowrap}.menu-toggle-switch:active{transform:scale(.96)}.toggle-knob{width:1.1rem;height:1.1rem;border-radius:50%;flex-shrink:0;transition:background .25s ease}.toggle-on{background:#e7f7ed;color:#138a45;border:1px solid #b7e2c8}.toggle-on .toggle-knob{background:#138a45}.toggle-off{background:#fde8e5;color:#8f261c;border:1px solid #f2b8ae}.toggle-off .toggle-knob{background:#c0392b}.menu-search-bar-wrap{position:relative;display:flex;align-items:center;margin-bottom:.75rem}.menu-search-icon{position:absolute;left:.9rem;font-size:1rem;pointer-events:none}.menu-search-input{width:100%;padding:.8rem 2.8rem .8rem 2.6rem;border:1.5px solid var(--line);border-radius:1rem;font-size:.95rem;font-weight:700;background:var(--card);color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none}.menu-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c0392b1a}.menu-search-clear{position:absolute;right:.9rem;background:transparent;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:.25rem;line-height:1}.menu-filter-chips{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.85rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.menu-filter-chips::-webkit-scrollbar{display:none}.menu-filter-chip{flex-shrink:0;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:.78rem;font-weight:800;padding:.4rem .9rem;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.menu-filter-chip:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.menu-filter-chip.chip-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #c0392b4d;transform:translateY(-1px) scale(1.03)}.menu-cards-list{display:flex;flex-direction:column;gap:.75rem;padding-bottom:6rem}.menu-item-mobile-card{background:var(--card);border:1.5px solid var(--line);border-radius:1.25rem;padding:1rem;box-shadow:0 4px 16px #462d140f;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;animation:cardSlideIn .3s cubic-bezier(.16,1,.3,1) both}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.menu-item-mobile-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #462d141f;border-color:var(--primary)}.menu-item-mobile-card.card-unavailable{opacity:.65;background:#fdfaf6}.card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.card-name-wrap{display:flex;align-items:center;gap:.65rem;min-width:0;flex:1}.card-category-emoji{font-size:1.6rem;flex-shrink:0;line-height:1}.card-dish-name{font-size:1rem;font-weight:900;color:var(--ink);margin:0 0 .2rem;line-height:1.2;word-break:break-word}.card-category-chip{display:inline-block;background:#e4e4e7;color:var(--muted);font-size:.7rem;font-weight:800;border-radius:999px;padding:.15rem .55rem;text-transform:uppercase;letter-spacing:.04em}.card-action-btns{display:flex;gap:.4rem;flex-shrink:0}.card-edit-btn,.card-delete-btn{width:2.2rem;height:2.2rem;border-radius:.65rem;border:1.5px solid var(--line);background:#fff;font-size:.95rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;padding:0}.card-edit-btn:hover{background:#e5f1fc;border-color:var(--blue);transform:scale(1.1)}.card-delete-btn:hover{background:#fde8e5;border-color:var(--primary);transform:scale(1.1)}.card-price-row{display:flex;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px dashed var(--line)}.card-price-box{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:3rem}.card-price-label{font-size:.68rem;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.card-price-value{font-size:1rem;font-weight:900;color:var(--ink)}.card-price-divider{width:1px;height:2rem;background:var(--line)}.card-toggle-wrap{margin-left:auto}.menu-empty-state{text-align:center;padding:3rem 1.5rem;color:var(--muted)}.menu-empty-icon{font-size:3rem;display:block;margin-bottom:.75rem}.menu-empty-state p{font-weight:700;font-size:.95rem}.menu-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--primary);color:#fff;border:none;box-shadow:0 8px 24px #c0392b73;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;animation:fabPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fabPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.menu-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 12px 32px #c0392b8c}.menu-fab:active{transform:scale(.95)}.menu-fab-icon{font-size:2rem;font-weight:300;line-height:1;margin-top:-2px}.menu-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#211a148c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:600;display:flex;align-items:flex-end;justify-content:center;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:768px){.menu-modal-overlay{align-items:center}.menu-modal-sheet{border-radius:1.5rem!important;max-width:480px!important;padding-bottom:1.5rem!important}.menu-modal-handle{display:none!important}}.menu-modal-sheet{background:var(--card);border-radius:1.75rem 1.75rem 0 0;width:100%;max-width:100%;padding:0 1.25rem 2rem;box-shadow:0 -8px 40px #211a1433;animation:sheetSlideUp .35s cubic-bezier(.16,1,.3,1);max-height:92vh;overflow-y:auto}@keyframes sheetSlideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.menu-modal-handle{width:2.5rem;height:4px;background:var(--line);border-radius:999px;margin:.75rem auto 0}.menu-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0 .75rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.menu-modal-header h2{margin:0;font-size:1.15rem;font-weight:900;color:var(--ink)}.menu-modal-close{background:#e4e4e7;border:none;border-radius:50%;width:2rem;height:2rem;font-size:.9rem;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.menu-modal-close:hover{background:#fde8e5;color:var(--primary)}.menu-inline-error{background:#fde8e5;border:1px solid #f2b8ae;border-radius:.75rem;color:#8f261c;font-size:.85rem;font-weight:800;padding:.6rem .85rem;margin-bottom:.75rem}.menu-modal-form{display:flex;flex-direction:column;gap:.9rem}.menu-modal-label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.menu-modal-input{padding:.75rem 1rem;border:1.5px solid var(--line);border-radius:.85rem;font-size:.95rem;font-weight:700;color:var(--ink);background:#fff;width:100%;transition:border-color .2s ease,box-shadow .2s ease}.menu-modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c0392b1a}.menu-modal-input:disabled{background:#fdfaf6;color:var(--muted);cursor:not-allowed}.menu-modal-select{padding:.75rem 1rem;border:1.5px solid var(--line);border-radius:.85rem;font-size:.95rem;font-weight:800;color:var(--ink);background:#fff;width:100%;outline:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2375685d' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer;transition:border-color .2s ease}.menu-modal-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #c0392b1a}.menu-modal-price-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.menu-price-input-wrap{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:.85rem;background:#fff;padding:0 .75rem;transition:border-color .2s ease,box-shadow .2s ease}.menu-price-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #c0392b1a}.menu-price-input-wrap span{color:var(--muted);font-weight:700;font-size:.95rem;flex-shrink:0}.menu-price-input-wrap .menu-modal-input{border:none;padding:.75rem 0 .75rem .35rem;box-shadow:none}.menu-price-input-wrap .menu-modal-input:focus{border:none;box-shadow:none}.menu-modal-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.menu-modal-footer{display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--line)}.menu-modal-cancel-btn{flex:0 0 35%;padding:.9rem;border:1.5px solid var(--line);border-radius:1rem;background:#fff;font-weight:800;color:var(--muted);cursor:pointer;transition:all .15s ease}.menu-modal-cancel-btn:hover{background:#e4e4e7;border-color:var(--line)}.menu-modal-save-btn{flex:1;padding:.9rem;border:none;border-radius:1rem;background:var(--primary);color:#fff;font-weight:900;font-size:1rem;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 14px #c0392b4d}.menu-modal-save-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #c0392b66}.menu-modal-save-btn:active{transform:translateY(1px);box-shadow:none}.menu-modal-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cat-picker-wrap{position:relative;width:100%}.cat-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border:1.5px solid var(--line);border-radius:.85rem;background:#fff;cursor:pointer;font-size:.95rem;font-weight:700;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease;text-align:left}.cat-picker-trigger:focus,.cat-picker-trigger.cat-picker-open{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c0392b1a}.cat-picker-value{display:flex;align-items:center;gap:.5rem;font-weight:800}.cat-picker-chevron{font-size:1rem;color:var(--muted);transition:transform .2s ease;flex-shrink:0}.cat-picker-chevron.chevron-up{transform:rotate(180deg)}.cat-picker-panel{width:100%;margin-top:.4rem;background:#fff;border:1.5px solid var(--line);border-radius:1rem;box-shadow:0 8px 24px #211a141a;overflow:hidden;animation:catPanelIn .18s cubic-bezier(.16,1,.3,1)}@keyframes catPanelIn{0%{opacity:0;transform:scaleY(.92);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}.cat-picker-list{max-height:200px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:.35rem;display:flex;flex-direction:column;gap:.15rem}.cat-picker-list::-webkit-scrollbar{width:4px}.cat-picker-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.cat-picker-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;border:none;border-radius:.65rem;background:transparent;font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer;text-align:left;transition:background .15s ease}.cat-picker-option:hover{background:#f5ede2}.cat-option-selected{background:#fde8e5!important;color:var(--primary-dark);font-weight:900}.cat-option-emoji{font-size:1.15rem;flex-shrink:0}.cat-option-name{flex:1;letter-spacing:.02em}.cat-option-check{color:var(--primary);font-weight:900;font-size:.9rem;flex-shrink:0}.cat-picker-divider{height:1px;background:var(--line);margin:0 .5rem}.cat-create-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;border:none;background:transparent;font-size:.88rem;font-weight:800;color:var(--primary);cursor:pointer;text-align:left;transition:background .15s ease}.cat-create-btn:hover{background:#fde8e5}.cat-create-btn span{font-size:1.1rem;font-weight:400}.cat-create-form{padding:.5rem .65rem .65rem;display:flex;flex-direction:column;gap:.5rem}.cat-create-row{display:flex;gap:.4rem;align-items:center}.cat-create-emoji-input{width:3rem!important;min-width:3rem;padding:.6rem .4rem!important;border:1.5px solid var(--line);border-radius:.65rem;font-size:1.1rem;text-align:center;background:#fff}.cat-create-emoji-input:focus{outline:none;border-color:var(--primary)}.cat-create-name-input{flex:1;padding:.6rem .75rem!important;border:1.5px solid var(--line);border-radius:.65rem;font-size:.88rem;font-weight:700;background:#fff}.cat-create-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c0392b1a}.cat-create-actions{display:flex;gap:.4rem}.cat-create-cancel{flex:0 0 40%;padding:.55rem;border:1.5px solid var(--line);border-radius:.65rem;background:#fff;font-size:.82rem;font-weight:800;color:var(--muted);cursor:pointer;transition:background .15s ease}.cat-create-cancel:hover{background:#f5ede2}.cat-create-save{flex:1;padding:.55rem;border:none;border-radius:.65rem;background:var(--primary);color:#fff;font-size:.82rem;font-weight:900;cursor:pointer;transition:background .15s ease;box-shadow:0 3px 10px #c0392b40}.cat-create-save:hover{background:var(--primary-dark)}.kitchen-desktop-view{display:block}.kitchen-mobile-view{display:none}@media(max-width:767px){.kitchen-desktop-view{display:none}.kitchen-mobile-view{display:flex;flex-direction:column;gap:0}}.kitchen-summary-strip{display:flex;align-items:center;justify-content:space-around;background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:.7rem .5rem;margin-bottom:.85rem;box-shadow:0 4px 14px #462d140d}.kss-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;flex:1}.kss-label{font-size:.65rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kss-value{font-size:1.4rem;font-weight:900;color:var(--ink);line-height:1}.kss-active{color:var(--primary)}.kss-cooking{color:var(--blue)}.kss-ready{color:var(--green)}.kss-divider{width:1px;height:2rem;background:var(--line);flex-shrink:0}.kitchen-tab-nav{display:flex;gap:.35rem;background:#e4e4e7;border-radius:1rem;padding:.25rem;margin-bottom:.85rem}.kitchen-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem .5rem;border:none;border-radius:.75rem;background:transparent;font-size:.88rem;font-weight:800;color:var(--muted);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;white-space:nowrap}.kitchen-tab-btn:active{transform:scale(.97)}.ktab-active{background:var(--card);color:var(--ink);box-shadow:0 2px 10px #211a141a}.ktab-icon{font-size:1rem;line-height:1}.ktab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;border-radius:999px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:900;line-height:1}.ktab-badge-amber{background:var(--amber)}.kitchen-tab-content-wrap{position:relative;overflow:hidden}.kitchen-tab-panel{width:100%}.ktab-panel-visible{display:block;animation:ktabSlideIn .28s cubic-bezier(.16,1,.3,1) both}.ktab-panel-exit-left,.ktab-panel-exit-right,.ktab-panel-hidden-right,.ktab-panel-hidden-left{display:none}@keyframes ktabSlideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes ktabSlideInFromLeft{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.kitchen-mobile-orders-grid{grid-template-columns:1fr!important}.kitchen-tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:1.25rem}.kitchen-tab-empty-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.kitchen-tab-empty p{font-weight:700;font-size:.95rem;margin:0}.mobile-pending-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.mobile-pending-row{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1.5px solid var(--line);border-radius:1rem;padding:.9rem 1rem;box-shadow:0 3px 12px #462d140d;animation:mprSlideIn .3s cubic-bezier(.16,1,.3,1) both;transition:transform .18s ease,box-shadow .18s ease}@keyframes mprSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.mobile-pending-row:hover{transform:translateY(-2px);box-shadow:0 8px 20px #462d141a;border-color:var(--primary)}.mpr-left{display:flex;align-items:center;gap:.75rem;min-width:0}.mpr-rank{font-size:.72rem;font-weight:900;color:var(--muted);background:#e4e4e7;border-radius:.5rem;padding:.25rem .45rem;flex-shrink:0}.mpr-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.mpr-name{font-size:1rem;font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpr-qty-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-left:1rem}.mpr-qty{font-size:2.2rem;font-weight:900;color:var(--primary-dark);line-height:1}.mpr-qty-label{font-size:.62rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.oc-kitchen-card{transition:box-shadow .2s ease,transform .2s ease}.oc-kitchen-card:hover{box-shadow:0 10px 28px #00000017!important}.oc-header-strip{position:sticky;top:0;z-index:10;flex-shrink:0}.oc-token-block{display:flex;flex-direction:column;gap:.05rem}.oc-token-eyebrow{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);line-height:1}.oc-token-number{font-size:2.1rem;font-weight:900;line-height:1}.oc-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem}.oc-table-tag{font-size:2.1rem;font-weight:900;line-height:1;text-transform:uppercase}.oc-time-tag{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);line-height:1}.oc-progress-wrap{display:flex;flex-direction:column;gap:.3rem}.oc-progress-label{font-size:.8rem;font-weight:700;color:var(--muted)}.oc-progress-label strong{color:var(--ink);font-weight:900}.oc-progress-track{width:100%;height:8px;background:#e8e0d4;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.oc-progress-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s ease}.oc-mark-delivered-btn{width:100%;padding:.85rem;background:var(--green);color:#fff;border:none;border-radius:.75rem;font-weight:900;font-size:1.05rem;cursor:pointer;box-shadow:0 4px 14px #138a4547;transition:all .18s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.oc-mark-delivered-btn:hover:not(:disabled){background:#0e6b35;box-shadow:0 6px 20px #138a4566;transform:translateY(-1px)}.oc-mark-delivered-btn:active{transform:translateY(1px);box-shadow:none}.oc-item-card:hover{filter:brightness(.97)}.oc-item-card:active{filter:brightness(.94)}.welcome-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 10% 20%,#f0f0f0,#dcd7cd 90.1%);padding:1.5rem;font-family:Outfit,Inter,sans-serif;color:var(--ink)}.welcome-card-wrapper{width:100%;max-width:440px;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:2rem;box-shadow:0 20px 50px #462d1426;padding:2.5rem 2.25rem;display:flex;flex-direction:column;gap:2rem;animation:welcomeSlideIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes welcomeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-card-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.welcome-logo{font-size:3rem;background:var(--primary);color:#fff;width:4.5rem;height:4.5rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #c0392b4d;margin-bottom:.5rem;animation:logoPulse 2s infinite ease-in-out}@keyframes logoPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.welcome-title{font-size:2.2rem;font-weight:900;letter-spacing:-.03em;margin:0;color:var(--primary-dark)}.welcome-subtitle{font-size:.9rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.welcome-form{display:flex;flex-direction:column;gap:1.25rem}.welcome-form-group{display:flex;flex-direction:column;gap:.5rem}.welcome-form-group label{font-size:.8rem;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.welcome-form-group input{padding:.9rem 1.1rem;border:1.5px solid var(--line);border-radius:1rem;font-size:1rem;font-weight:700;color:var(--ink);background:#fff;transition:all .2s ease}.welcome-form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #c0392b1a;transform:translateY(-1px)}.select-wrapper{position:relative;width:100%}.select-wrapper select{width:100%;padding:.9rem 1.1rem;border:1.5px solid var(--line);border-radius:1rem;font-size:1rem;font-weight:800;color:var(--ink);background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.select-wrapper select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #c0392b1a}.select-arrow{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--muted);pointer-events:none}.welcome-login-btn{padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:1.1rem;font-size:1.1rem;font-weight:900;cursor:pointer;box-shadow:0 8px 25px #c0392b59;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:.5rem}.welcome-login-btn:hover{background:var(--primary-dark);box-shadow:0 12px 30px #c0392b73;transform:translateY(-2px)}.welcome-login-btn:active{transform:translateY(1px);box-shadow:0 4px 15px #c0392b40}.welcome-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-spinner{width:1.5rem;height:1.5rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.welcome-error-banner{display:flex;align-items:center;gap:.75rem;background:#fff0f0;border:1px solid #ffcccc;padding:.85rem 1rem;border-radius:1rem;color:var(--primary-dark)}.welcome-error-banner p{margin:0;font-size:.85rem;font-weight:800;line-height:1.3}.welcome-footer{text-align:center;border-top:1px solid var(--line);padding-top:1.25rem}.welcome-footer p{font-size:.75rem;font-weight:800;color:var(--muted);margin:0}.user-role-badge{background:var(--primary);color:#fff;font-size:.7rem;font-weight:900;padding:.25rem .65rem;border-radius:999px;letter-spacing:.05em;margin-left:auto;margin-right:1rem;box-shadow:0 2px 8px #c0392b33}.access-denied-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 10% 20%,#1e1e1e,#111 90.1%);padding:1.5rem;font-family:Outfit,Inter,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999}.access-denied-card{width:100%;max-width:420px;background:#1e1e1ecc;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.05);border-radius:2rem;box-shadow:0 30px 60px #00000080;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;animation:welcomeSlideIn .4s cubic-bezier(.16,1,.3,1) both}.access-denied-icon{font-size:3.5rem;margin-bottom:.5rem;animation:shake .5s ease-in-out infinite alternate}@keyframes shake{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.access-denied-card h1{font-size:2rem;font-weight:900;color:#ff5252;margin:0}.access-denied-card p{font-size:.95rem;font-weight:700;color:#b0b0b0;margin:0}.access-denied-loader{width:100%;height:6px;background:#ffffff0d;border-radius:999px;overflow:hidden;margin-top:.5rem}.loader-progress{height:100%;width:0%;background:#ff5252;border-radius:999px;animation:progressTimer 2s linear forwards}@keyframes progressTimer{to{width:100%}}.access-denied-redirect-msg{font-size:.8rem;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:.05em}.user-management-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.user-management-error-banner{color:var(--primary);background:#fee2e2;border:1px solid #fca5a5;padding:1rem;border-radius:.75rem;font-size:.9rem;font-weight:700}.role-config-card{background:#fdfaf6;border:1.5px solid var(--line);border-radius:1.25rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 4px 12px #462d140a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.role-config-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 20px #c0392b0f}.role-card-title{font-size:1.15rem;font-weight:900;color:var(--ink);margin:0 0 .25rem;text-align:left}.role-card-field{display:flex;flex-direction:column;gap:.45rem;width:100%}.role-card-field label{font-size:.8rem;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:left}.role-card-field input{width:100%;padding:.85rem 1.1rem;border-radius:.85rem;border:1.5px solid var(--line);font-weight:700;font-size:.95rem;color:var(--ink);background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.role-card-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #c0392b1a;transform:translateY(-1px)}.role-card-field input:disabled{background:#fcf9f5;color:var(--muted);cursor:not-allowed}.user-management-footer{width:100%;display:flex;margin-top:1.25rem}.user-management-save-btn{width:100%;height:52px;border-radius:1rem;border:none;background:var(--primary);color:#fff;font-size:1.05rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #c0392b59;transition:all .25s cubic-bezier(.34,1.56,.64,1);text-align:center}.user-management-save-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 12px 30px #c0392b73;transform:translateY(-2px)}.user-management-save-btn:active{transform:translateY(1px);box-shadow:0 4px 15px #c0392b40}.user-management-save-btn:disabled{opacity:.65;cursor:not-allowed}@media(max-width:767px){.user-management-footer{position:sticky;bottom:0;background:#fff;padding:.75rem 0;border-top:1.5px solid var(--line);z-index:100;margin-top:2rem;box-shadow:0 -8px 20px #0000000a}}.password-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-input-wrapper input{padding-right:3.25rem!important}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color .2s ease,transform .2s ease;line-height:1}.password-toggle-btn:hover{color:var(--primary);transform:translateY(-50%) scale(1.1)}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.compact-online-indicator{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;color:#a1a1aa}.indicator-dot{color:#10b981;animation:blink 2s infinite ease-in-out}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.kitchen-notifications-container{position:fixed;top:60px;right:20px;display:flex;flex-direction:column;gap:.75rem;z-index:1000;width:320px;max-width:95vw;pointer-events:none}.kitchen-notification-card{pointer-events:auto;position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:1rem 2.25rem 1rem 1rem;overflow:hidden;border:1px solid #e4e4e7;display:flex;flex-direction:column;gap:.35rem;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.kitchen-notification-card.green{border-left:6px solid var(--green)}.kitchen-notification-card.green .notification-header strong{color:var(--green)}.kitchen-notification-card.red{border-left:6px solid #ef4444}.kitchen-notification-card.red .notification-header strong{color:#ef4444}.kitchen-notification-card.blue{border-left:6px solid var(--blue)}.kitchen-notification-card.blue .notification-header strong{color:var(--blue)}.kitchen-notification-card.amber{border-left:6px solid var(--amber)}.kitchen-notification-card.amber .notification-header strong{color:var(--amber)}.notification-header{display:flex;align-items:center;gap:.5rem}.notification-header strong{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.notification-badge-icon{font-size:1rem}.notification-body{display:flex;flex-direction:column;gap:.15rem}.notification-table{margin:0;font-size:1rem;font-weight:800;color:var(--ink)}.notification-message{margin:0;font-size:.88rem;color:#4b5563;font-weight:650;white-space:pre-line}.notification-token-num{color:var(--ink);font-weight:900}.notification-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.25rem;color:var(--muted);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s ease}.notification-close-btn:hover{background:#f4f4f5;color:var(--ink)}.notification-progress-bar-wrap{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#f4f4f5}.notification-progress-bar{height:100%;width:100%;transform-origin:left center;animation:shrinkWidth 5s linear forwards}.kitchen-notification-card.green .notification-progress-bar{background:var(--green)}.kitchen-notification-card.red .notification-progress-bar{background:#ef4444}.kitchen-notification-card.blue .notification-progress-bar{background:var(--blue)}.kitchen-notification-card.amber .notification-progress-bar{background:var(--amber)}.oc-card-highlighted{border-color:var(--amber)!important;animation:pulseHighlight 1.5s infinite alternate ease-in-out}@keyframes pulseHighlight{0%{box-shadow:0 0 8px #f9731640,0 6px 24px #00000012}to{box-shadow:0 0 20px #f97316a6,0 6px 24px #00000012}}@keyframes shrinkWidth{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.cashier-page .panel{box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a!important}
