:root{--bg: #100e0b;--surface: #181512;--surface-2: #201c18;--surface-3: #2a2520;--line: #2d2823;--text: #f5f1ea;--muted: #9a908a;--accent: #e8a33d;--accent-soft: rgba(232, 163, 61, .14);--accent-ink: #201302;--good: #4cc38a;--warn: #d9903f;--danger: #e5484d;--info: #6e9bf5;--radius: 14px;--radius-s: 10px;--shadow: 0 12px 32px rgba(0, 0, 0, .5);--tap: 44px;color-scheme:dark}:root[data-theme=day]{--bg: #f4f2ee;--surface: #ffffff;--surface-2: #f7f5f1;--surface-3: #edeae4;--line: #e3dfd8;--text: #1c1915;--muted: #6f675c;--accent: #b8860b;--accent-soft: rgba(184, 134, 11, .12);--accent-ink: #fffdf5;--warn: #b06f1f;--shadow: 0 10px 28px rgba(28, 25, 21, .12);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Text,PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}.shell{height:100dvh;display:flex;flex-direction:column}.body{flex:1;min-height:0;display:grid;grid-template-columns:92px minmax(0,1fr) 372px;gap:14px;padding:0 14px 14px}.body.map-mode{grid-template-columns:minmax(0,1fr) 372px}.center{min-width:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-top:2px}.topbar{display:flex;align-items:center;gap:18px;padding:12px 18px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,var(--accent),#d4881c);color:var(--accent-ink);font-weight:800;font-size:20px;box-shadow:0 4px 14px #f0b42959}.brand-glyph{width:1em;height:1em;display:block}.brand-name{font-weight:800;letter-spacing:.22em;font-size:17px;display:flex;flex-direction:column;line-height:1.1}.brand-name em{font-style:normal;font-weight:500;font-size:9px;letter-spacing:.34em;color:var(--muted)}.mode-switch{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}.mode-switch button{min-height:var(--tap);padding:0 20px;border-radius:999px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:7px;transition:all .18s ease;white-space:nowrap}.mode-switch button.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 12px #f0b42959}.mode-emoji{font-size:15px}.top-search{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 18px;min-height:var(--tap);color:var(--muted)}.top-search input{flex:1;background:none;border:0;outline:0;color:var(--text);font:inherit;min-width:0}.top-search:focus-within{border-color:var(--accent)}.top-right{margin-left:auto;display:flex;align-items:center;gap:14px}.guest-link{color:var(--muted);font-size:12.5px;font-weight:600;text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.guest-link:hover{color:var(--accent);border-color:var(--accent)}.theme-btn{width:var(--tap);height:var(--tap);border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:18px}.svc-bell-wrap{position:relative}.svc-bell{width:var(--tap);height:var(--tap);border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:17px;position:relative}.svc-bell.ring{border-color:var(--warn);animation:svcRing 1.4s ease-in-out infinite}@keyframes svcRing{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}.svc-bell-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.svc-bell-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,84vw);max-height:60vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);box-shadow:var(--shadow);padding:10px;z-index:40}.svc-bell-empty{color:var(--muted);font-size:13px;text-align:center;padding:12px 4px}.svc-bell-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 6px;border-bottom:1px solid var(--line)}.svc-bell-item:last-child{border-bottom:none}.svc-bell-item.overdue{background:color-mix(in srgb,var(--warn) 8%,transparent);border-radius:var(--radius-s)}.svc-bell-item b{font-size:13.5px;display:block}.svc-bell-item small{color:var(--muted);font-size:11.5px}.clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:16px}.staff{display:flex;align-items:center;gap:10px}.staff-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--line);font-weight:700}.staff-meta{display:flex;flex-direction:column;line-height:1.2}.staff-meta small{color:var(--muted);font-size:11px}.top-kpi{display:flex;gap:14px;color:var(--muted);font-size:12px;white-space:nowrap}.top-kpi b{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.tabs-strip{display:flex;gap:8px;padding:0 18px 12px;overflow-x:auto;scrollbar-width:none;align-items:stretch}.tab-new{flex:0 0 auto;min-height:52px;padding:0 16px;border-radius:var(--radius-s);border:1px dashed var(--line);color:var(--muted);font-weight:700;white-space:nowrap}.tab-new:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tab-chip{flex:0 0 auto;position:relative;min-height:52px;padding:6px 14px;border-radius:var(--radius-s);background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;gap:8px;white-space:nowrap;transition:border-color .12s ease}.tab-chip .tab-kind{font-size:13px;opacity:.7}.tab-chip .tab-name{font-weight:700;font-size:14px}.tab-chip .tab-meta{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.tab-chip.on{border-color:var(--accent);background:var(--accent-soft)}.tab-fresh{background:var(--danger);color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;font-weight:700}.tab-x{position:relative;color:var(--muted);padding:4px;font-size:11px}.tab-x:before{content:"";position:absolute;top:50%;left:50%;width:var(--tap);height:var(--tap);transform:translate(-50%,-50%)}.tab-x:hover{color:var(--danger)}.cat-rail{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:none;padding-bottom:8px}.cat{min-height:76px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:all .15s ease}.cat-emoji{font-size:22px}.cat-name{font-size:12px;font-weight:600;color:var(--muted)}.cat.on{border-color:var(--cat, var(--accent));background:color-mix(in srgb,var(--cat, var(--accent)) 14%,var(--surface))}.cat.on .cat-name{color:var(--text)}.quick-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;align-items:center;flex:0 0 auto;padding-bottom:2px}.quick-label{color:var(--muted);font-size:12px;font-weight:700;flex:0 0 auto}.quick-chip{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:600;white-space:nowrap}.quick-chip b{color:var(--text);font-variant-numeric:tabular-nums}.quick-chip:hover{border-color:var(--accent)}.quick-chip:active{transform:scale(.96)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px;align-content:start}.menu-card{position:relative;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:9px 12px;min-height:78px;display:flex;flex-direction:column;gap:1px;transition:transform .12s ease,border-color .12s ease,background .12s ease;border-top:3px solid color-mix(in srgb,var(--cat, var(--line)) 55%,var(--surface))}.menu-card:not(:disabled):hover{transform:translateY(-2px);border-color:var(--cat, var(--accent));background:var(--surface-2)}.menu-card:not(:disabled):active{transform:scale(.97)}.card-badge{position:absolute;top:7px;right:8px}.card-name{font-weight:700;font-size:13.5px;line-height:1.3;padding-right:34px}.card-en{color:var(--muted);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-foot{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between}.card-price{font-size:15px;font-variant-numeric:tabular-nums;color:var(--text)}.card-opt{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.badge-hot,.badge-86,.badge-low{font-size:10px;font-weight:700;border-radius:999px;padding:2px 7px}.badge-hot{background:var(--accent-soft);color:var(--accent)}.badge-86{background:#e5484d29;color:var(--danger)}.badge-low{background:#f0b42929;color:var(--warn)}.menu-card.soldout{filter:grayscale(.7)}.menu-empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:60px 0}.order-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden}.order-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.order-head b{font-size:17px}.order-head small{display:block;color:var(--muted);margin-top:2px}.order-lines{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.order-empty{margin:auto;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:10px;font-size:13px}.order-empty span{font-size:34px;opacity:.6}.line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-s);background:var(--surface-2)}.line.open{outline:1px solid var(--line)}.line-main{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;padding:2px 0}.line-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%}.line-dot.new{background:var(--accent);box-shadow:0 0 6px var(--accent)}.line-dot.sent{background:var(--good)}.line-text{min-width:0}.line-text b{font-size:13.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-text small{color:var(--muted);font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line.comp .line-text b{color:var(--good)}.line-amt.struck{text-decoration:line-through;color:var(--muted)}.line-tools{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px;padding:8px 2px 4px;border-top:1px dashed var(--line)}.note-chips{display:flex;flex-wrap:wrap;gap:6px}.note-chips button{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.note-chips button.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.note-input{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:36px;padding:0 12px;color:var(--text);font:inherit;font-size:12.5px;outline:none}.note-input:focus{border-color:var(--accent)}.line-tool-btns{display:flex;gap:8px}.line-qty{display:flex;align-items:center;gap:2px}.line-qty button{position:relative;width:36px;height:36px;border-radius:9px;background:var(--surface-3);font-size:16px;font-weight:700;display:grid;place-items:center}.line-qty button:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.line-qty button:hover{background:var(--accent-soft);color:var(--accent)}.line-qty span{min-width:26px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.line-amt{font-variant-numeric:tabular-nums;font-size:13.5px;min-width:54px;text-align:right}.order-foot{border-top:1px solid var(--line);padding:12px 18px 16px;display:flex;flex-direction:column;gap:6px}.tot-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;width:100%}.tot-row b{color:var(--text);font-variant-numeric:tabular-nums}.tot-row.toggle{padding:6px 8px;margin:0 -8px;border-radius:8px}.tot-row.toggle:hover{background:var(--surface-2)}.pill{font-style:normal;font-size:10px;border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-left:4px}.tot-row.toggle.on .pill{border-color:var(--good);color:var(--good)}.tot-row.grand{padding-top:8px;margin-top:4px;border-top:1px dashed var(--line);font-size:15px;color:var(--text);font-weight:700}.tot-row.grand b{font-size:22px;color:var(--accent)}.order-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:10px}.btn-send{min-height:var(--tap);padding:0 16px;border-radius:var(--radius-s);border:1px solid var(--line);font-weight:700;color:var(--muted);white-space:nowrap}.btn-send.has-new{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);animation:pulse 1.6s ease infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #f0b4291f}}.order-head-actions{display:flex;align-items:center;gap:8px}.move-row{display:flex;gap:8px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}.customer-picker{border-bottom:1px solid var(--line);background:var(--surface-2)}.customer-search-input{display:block;width:100%;box-sizing:border-box;margin:10px 18px 0;padding:0 12px;min-height:38px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);color:var(--text);font:inherit;outline:none}.customer-search-input:focus{border-color:var(--accent)}.storage-list{border-bottom:1px solid var(--line);background:var(--surface-2)}.storage-empty{padding:16px 18px;font-size:12.5px}.storage-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid var(--line)}.storage-row:first-child{border-top:none}.storage-info{display:flex;flex-direction:column;gap:2px;min-width:0}.storage-info b{font-size:14px}.storage-info small{font-size:12.5px;color:var(--muted)}.storage-row.expired .storage-info small{color:var(--danger)}.storage-actions{display:flex;gap:8px;flex:none}.chip.sm{min-height:34px;padding:0 13px;font-size:12.5px}.chip.danger{color:var(--danger);border-color:#e5484d66}.risk-flag{margin-left:6px;font-size:11px;font-weight:700;color:var(--warn)}.tot-row.disc b{color:var(--good)}.btn-ghost{min-height:var(--tap);padding:0 16px;border-radius:var(--radius-s);border:1px solid var(--line);font-weight:600;color:var(--muted)}.btn-ghost:not(:disabled):hover{color:var(--text);border-color:var(--muted)}.btn-primary{min-height:var(--tap);padding:0 18px;border-radius:var(--radius-s);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:15px;box-shadow:0 6px 18px #f0b4294d;transition:transform .12s ease}.btn-primary:not(:disabled):active{transform:scale(.97)}.tables-toolbar{display:flex;gap:8px}.chip{min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;color:var(--muted)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.map-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 0 8px}.map-legend-actions{margin-left:auto;display:flex;align-items:center}.table-jump{margin:0}.note-input.err{border-color:var(--danger)}.legend{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:4px}.legend:before{content:"";width:9px;height:9px;border-radius:50%}.legend-free:before{background:var(--good)}.legend-occupied:before{background:var(--warn)}.legend-bill:before{background:var(--danger)}.legend-reserved:before{background:var(--info)}.legend-dirty:before{background:var(--warn)}.zone{margin-bottom:16px}.zone h3{font-size:12.5px;color:var(--muted);font-weight:600;letter-spacing:.12em;margin-bottom:8px}.zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.table{min-height:112px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:12px;text-align:left;transition:transform .12s ease,border-color .12s ease;border-left:4px solid var(--line)}.table:hover{transform:translateY(-2px)}.table-head{display:flex;align-items:center;gap:8px}.table-head b{font-size:17px}.table-state{color:var(--muted);font-size:11px}.table-fresh{margin-left:auto;background:#e5484d29;color:var(--danger);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.table-fresh.alert{background:#d9903f2e;color:var(--warn)}.table.overtime{border-color:var(--warn)}.overtime-text{color:var(--warn);font-weight:700}.table-who{font-size:12.5px;color:var(--text)}.table-who.dim,.dim{color:var(--muted)}.warn{color:var(--warn)}.good{color:var(--good)}.table-meta{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px;font-variant-numeric:tabular-nums}.table-meta b{font-size:14px;color:var(--accent)}.table-free{border-left-color:var(--good)}.table-occupied{border-left-color:var(--warn)}.table-bill{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.table-reserved{border-left-color:var(--info);opacity:.75}.table-dirty{border-left-color:var(--warn);opacity:.75}.table.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.table-cell{position:relative;display:flex;flex-direction:column;gap:8px}.table-svc-badge{position:absolute;top:-8px;right:-6px;z-index:3;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;color:#fff;background:var(--accent);box-shadow:0 2px 8px #00000059;animation:svcBadgePulse 1.5s ease-in-out infinite}.table-svc-badge.bill{background:var(--danger)}@keyframes svcBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.table.has-svc{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),0 6px 18px #00000047}@media (prefers-reduced-motion: reduce){.table-svc-badge{animation:none}}.table-minspend{align-self:flex-start;margin-top:2px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.6}.table-minspend.idle{color:var(--muted);background:var(--surface-2)}.table-minspend.under{color:var(--accent-ink);background:var(--warn)}.table-minspend.met{color:var(--good);background:#4cc38a24}.table-prepaid{align-self:flex-start;margin-top:2px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.6;color:var(--good);background:#4cc38a24}.fp-canvas-wrap{margin-bottom:16px;overflow-x:auto}.fp-canvas{position:relative;width:100%;min-width:480px;background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius)}.fp-table-pos{position:absolute;min-width:130px;min-height:96px}.fp-table-pos .table-cell{height:100%}.fp-table-pos .table{height:100%;min-height:0}.fp-table-pos.fp-round .table{border-radius:999px;align-items:center;text-align:center}.tot-row.minspend.under b{color:var(--warn)}.tot-row.minspend.met{color:var(--muted)}.gift-prompt-chip{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;margin:2px 0;border:1px dashed var(--good);border-radius:8px;background:#4cc38a1f;color:var(--good);font-size:12px;text-align:left;cursor:pointer}.gift-prompt-chip:hover{background:#4cc38a38}.gift-prompt-chip b{white-space:nowrap;font-size:12px}.chip.info{color:var(--info);border-color:#6e9bf566}.modal-veil,.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070b9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:60;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.modal{width:min(440px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);animation:pop .18s ease}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.97)}}.modal-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.modal-head b{display:block;font-size:17px}.modal-head small{color:var(--muted)}.modal-x{margin-left:auto;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--surface-2);display:grid;place-items:center}.mod-group{margin-bottom:14px}.mod-group>small{color:var(--muted);font-size:12px;display:block;margin-bottom:8px}.mod-group i{color:var(--accent);font-style:normal}.mod-options{display:flex;flex-wrap:wrap;gap:8px}.mod-options button{min-height:var(--tap);padding:0 16px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface-2);font-weight:600;display:flex;align-items:center;gap:8px}.mod-options button em{font-style:normal;font-size:11px;color:var(--muted)}.mod-options button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.mod-options button.on em{color:var(--accent)}.modal-add{width:100%;margin-top:6px}.pay-modal{width:min(480px,calc(100vw - 32px));max-height:90dvh;overflow-y:auto}.pay-summary{background:var(--surface-2);border-radius:var(--radius-s);padding:12px 14px;display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.split-row{display:flex;align-items:center;gap:14px}.split-per{color:var(--muted);font-size:13px}.split-per b{color:var(--accent);font-size:16px;font-variant-numeric:tabular-nums}.split-items{display:flex;flex-direction:column;gap:10px}.split-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.split-item-name{font-size:14px;flex:1;min-width:0}.split-item-hint{color:var(--muted);font-size:13px;margin:4px 0}.split-wizard{background:var(--surface-2);border-radius:var(--radius-s);padding:12px 14px}.split-collected-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.split-collected-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text)}.split-current-payer{display:flex;flex-direction:column;gap:12px}.cash-row{display:flex;flex-direction:column;gap:8px}.cash-row input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);min-height:var(--tap);padding:0 14px;color:var(--text);font:inherit;font-size:17px;font-variant-numeric:tabular-nums;outline:none;width:100%}.cash-row input:focus{border-color:var(--accent)}.change-row{margin-top:8px;padding:10px 14px;border-radius:var(--radius-s);background:#4cc38a1f;color:var(--good);font-size:14px;display:flex;justify-content:space-between;align-items:center}.change-row b{font-size:20px;font-variant-numeric:tabular-nums}.tender-header-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.tender-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:1px dashed var(--line)}.tender-row:last-of-type{border-bottom:none}.tender-amount-input{width:100px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);min-height:var(--tap);padding:0 10px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;outline:none}.tender-amount-input:focus{border-color:var(--accent)}.tender-ref-input{width:140px}.pay-error,.stuck-billing{margin:0 0 14px;padding:10px 14px;border-radius:var(--radius-s);background:#e5484d1f;color:var(--danger);font-size:13px}.stuck-billing p{margin:0 0 8px}.stuck-billing-cash-warn{font-weight:600;padding-top:8px;border-top:1px dashed rgba(229,72,77,.35)}.print-receipt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius-s);padding:18px 16px;font-size:13px;line-height:1.7;margin-bottom:14px}.print-receipt h4{text-align:center;font-size:15px;margin:0 0 2px}.print-receipt .receipt-sub{text-align:center;color:var(--muted);font-size:11.5px;margin:0 0 4px}.print-receipt hr{border:none;border-top:1px dashed var(--line);margin:10px 0}.print-receipt .receipt-section-title{color:var(--muted);font-size:11px;margin:0 0 6px}.print-receipt .receipt-row{display:flex;justify-content:space-between;gap:12px}.print-receipt .receipt-row+.receipt-row{margin-top:4px}.print-receipt .receipt-row.total{font-weight:700;font-size:14px;margin-top:8px}.print-receipt .receipt-row.warn{color:var(--warn)}.print-receipt .receipt-row.danger{color:var(--danger)}.print-receipt.receipt-80mm{max-width:302px;margin-left:auto;margin-right:auto}@media print{body *{visibility:hidden}.print-receipt,.print-receipt *{visibility:visible}.print-receipt{position:absolute;top:0;left:0;width:100%;border:none}.print-receipt.receipt-80mm{width:72mm}}.shift-gate{padding:12px 14px;border-radius:var(--radius-s);background:#d9903f1a;border:1px solid rgba(217,144,63,.3)}.shift-gate>small{color:var(--warn);font-weight:600}.shift-gate .cash-row{flex-direction:row;margin-top:8px}.shift-gate .cash-row input{flex:1}.shift-gate .cash-row button{min-height:var(--tap);padding:0 18px;white-space:nowrap}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:min(360px,calc(100vw - 32px));text-align:center}.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px}.login-title{font-size:14.5px;color:var(--muted);margin-bottom:22px}.login-dots{display:flex;justify-content:center;gap:16px;margin-bottom:10px}.login-dots span{width:15px;height:15px;border-radius:50%;border:2px solid var(--surface-3);transition:all .15s ease}.login-dots span.filled{background:var(--accent);border-color:var(--accent)}.login-dots.err span{border-color:var(--danger);animation:shake .35s ease}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-status{font-size:12.5px;color:var(--muted);min-height:1.4em;margin-bottom:20px}.login-dots.err+.login-status{color:var(--danger)}.login-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-key{height:58px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:22px;font-weight:600}.login-key:active{background:var(--surface-3)}.login-key.aux{font-size:14px;color:var(--muted)}.login-role-hint{margin-top:26px;color:var(--muted);font-size:11px}.login-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}.login-roster-chip{padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;color:var(--muted)}.login-switch-mode{display:block;width:100%;margin-top:22px;background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.login-signup-hint{margin-top:18px;font-size:12px;line-height:1.6;color:var(--muted, #9aa3b8);text-align:center}.login-form{display:flex;flex-direction:column;gap:16px;text-align:left}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600}.login-form input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);min-height:44px;padding:0 14px;color:var(--text);font:inherit;outline:none}.login-form input:focus{border-color:var(--accent)}.login-form-error{color:var(--danger);font-size:12.5px;margin:-4px 0 0}.login-submit{min-height:48px;border-radius:var(--radius-s);background:var(--accent);color:var(--accent-contrast, #fff);font-weight:700;font-size:15px;border:none;margin-top:4px}.login-submit:disabled{opacity:.6}.elevate{grid-column:1 / -1;background:var(--surface-2);border:1px solid var(--danger);border-radius:var(--radius-s);padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.elevate-reason{font-size:12.5px;color:var(--text);font-weight:600;text-align:center}.elevate-dots{display:flex;gap:10px}.elevate-dots span{width:10px;height:10px;border-radius:50%;border:2px solid var(--surface-3)}.elevate-dots span.filled{background:var(--accent);border-color:var(--accent)}.elevate-dots.err span{border-color:var(--danger);animation:shake .35s ease}.elevate-error{font-size:11.5px;color:var(--danger);text-align:center;margin:-4px 0 0}.elevate-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:220px}.elevate-pad button{height:40px;border-radius:9px;background:var(--surface-3);font-weight:600}.elevate-pad button:hover{background:var(--accent-soft);color:var(--accent)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:14px;background:var(--surface-3);border:1px solid var(--line);color:var(--text);padding:10px 14px 10px 22px;border-radius:999px;font-weight:600;font-size:13.5px;box-shadow:var(--shadow);animation:drop .24s ease}.toast.with-undo{padding-right:8px}.toast-undo{min-height:34px;padding:0 16px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:13px;white-space:nowrap}.toast-undo:active{transform:scale(.95)}@keyframes drop{0%{transform:translate(-50%,-16px);opacity:0}}.line.flash{animation:lineFlash .24s ease-out}@keyframes lineFlash{0%{background:color-mix(in srgb,var(--accent) 30%,var(--surface-2))}}.void-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.void-q{font-size:12px;color:var(--danger);font-weight:700}.detail-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-label{font-size:12px;color:var(--muted);font-weight:700}.cart-fresh{font-style:normal;font-weight:600;opacity:.75;font-size:13px}.cart-bar{display:none}.sheet-veil{place-items:end center}.sheet-veil .order-panel.as-sheet{width:min(560px,100vw);max-height:82dvh;height:82dvh;border-radius:22px 22px 0 0;animation:rise .22s ease}@keyframes rise{0%{transform:translateY(40%);opacity:.4}}@media (max-width: 1199px){.body{grid-template-columns:76px minmax(0,1fr) 328px;gap:10px;padding:0 10px 10px}.body.map-mode{grid-template-columns:minmax(0,1fr) 328px}.top-kpi,.brand-name{display:none}}@media (max-width: 899px){.body{grid-template-columns:68px minmax(0,1fr)}.body.map-mode{grid-template-columns:minmax(0,1fr)}.body>.order-panel{display:none}.cart-bar{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 20px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:16px;box-shadow:0 10px 30px #f0b42966}.cart-bar b{margin-left:auto;font-variant-numeric:tabular-nums;font-size:17px}.cart-count{background:var(--accent-ink);color:var(--accent);border-radius:999px;min-width:26px;height:26px;display:grid;place-items:center;font-size:13px}.cart-bar.empty{opacity:0;pointer-events:none;transform:translateY(20px)}.cart-bar{transition:opacity .2s ease,transform .2s ease}.center{padding-bottom:90px}.top-search{max-width:none}.staff-meta{display:none}}@media (max-width: 679px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 12px}.mode-switch{order:3;width:100%;justify-content:stretch}.mode-switch button{flex:1;justify-content:center;padding:0 8px}.top-search{order:4;width:100%}.clock,.staff-avatar{display:none}.tabs-strip{padding:0 12px 10px}.tab-chip .tab-meta{display:none}.body{display:flex;flex-direction:column;padding:0 12px 12px}.cat-rail{flex:0 0 auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding:2px 0 6px}.cat{min-height:var(--tap);min-width:76px;flex:0 0 auto;flex-direction:row;padding:0 14px;gap:7px;border-radius:999px}.cat-emoji{font-size:16px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.menu-card{min-height:120px;padding:12px}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.store-override-banner{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;background:var(--warn);color:#1c1408;font-size:13px;font-weight:600}.store-override-banner button{background:#00000026;border:1px solid rgba(0,0,0,.25);border-radius:6px;padding:3px 10px;color:inherit;font-weight:600;cursor:pointer}.demo-mode-banner{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:600}.demo-mode-banner button{background:#00000026;border:1px solid rgba(0,0,0,.25);border-radius:6px;padding:3px 10px;color:inherit;font-weight:600;cursor:pointer}.store-switcher{position:relative}.store-switcher-trigger{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-s, 8px);background:var(--surface);color:var(--text);font-size:13px;cursor:pointer}.store-switcher-caret{color:var(--muted);font-size:11px}.store-switcher-grow-hint{color:var(--muted);text-decoration:none}.store-switcher-grow-hint:hover{color:var(--accent);border-color:var(--accent)}.store-switcher-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59}.store-switcher-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:200px;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius, 10px);box-shadow:0 8px 24px #00000040;padding:6px;display:flex;flex-direction:column;gap:2px}.store-switcher-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-s, 8px);text-align:left;font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap}.store-switcher-menu button:hover{background:var(--accent-soft)}.store-switcher-menu button.on{color:var(--accent);font-weight:600}.store-switcher-menu button small{color:var(--muted);font-weight:400;font-size:11px}.connectivity-bar{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:6px 16px;font-size:13px;font-weight:600;text-align:center}.connectivity-bar.offline{background:var(--danger);color:#fff}.connectivity-bar.restored{background:var(--good);color:#fff}.bottom-notices{position:fixed;bottom:0;left:0;right:0;z-index:150;display:flex;flex-direction:column;pointer-events:none}.bottom-notices>*{pointer-events:auto}.build-update-banner,.multi-tab-warning{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;font-size:13px;font-weight:600;text-align:center}.build-update-banner{background:var(--accent);color:#1a1a1a}.build-update-refresh,.build-update-dismiss{border:none;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600;cursor:pointer}.build-update-refresh{background:#1a1a1a;color:var(--accent)}.build-update-dismiss{background:transparent;color:#1a1a1a;text-decoration:underline}.multi-tab-warning{background:var(--surface);color:var(--text);border-top:2px solid var(--accent)}