:root{--paper: #fbfaf8;--surface: #ffffff;--ink: #16202b;--muted: #5c6b79;--border: #e2e6ea;--border-strong: #cbd2d9;--enamel: #0c3b35;--enamel-light: #14564d;--enamel-pale: #e8f0ee;--red: #b42318;--red-pale: #fee4e2;--green: #0f7b4f;--green-pale: #dcfae6;--danger: var(--red);--amber: #b54708;--amber-pale: #fef0c7;--radius: 10px;--radius-lg: 14px;--touch: 44px;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--numeric: ui-monospace, "SF Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;font-family:var(--sans);color-scheme:light;--on-accent: #ffffff;--chrome: #0c3b35;--on-chrome: #ffffff}:root[data-theme=dark]{--paper: #0f1319;--surface: #171c25;--ink: #eef2f6;--muted: #96a3b3;--danger: var(--red);--border: #232a35;--border-strong: #323b49;--enamel: #b6e94c;--enamel-light: #c8f560;--enamel-pale: #1f2a17;--on-accent: #10160a;--chrome: #10151d;--on-chrome: #eef2f6;--red: #ff7a6e;--red-pale: #2a1614;--green: #5fd39a;--green-pale: #10251c;--amber: #f0b34a;--amber-pale: #2a2013;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0f1319;--surface: #171c25;--ink: #eef2f6;--muted: #96a3b3;--danger: var(--red);--border: #232a35;--border-strong: #323b49;--enamel: #b6e94c;--enamel-light: #c8f560;--enamel-pale: #1f2a17;--on-accent: #10160a;--chrome: #10151d;--on-chrome: #eef2f6;--red: #ff7a6e;--red-pale: #2a1614;--green: #5fd39a;--green-pale: #10251c;--amber: #f0b34a;--amber-pale: #2a2013;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}h1,h2,h3{letter-spacing:-.015em;margin:0}h1{font-size:20px;font-weight:700}h2{font-size:16px;font-weight:650}.numeric,.line-total,.total,.remaining,.table-code,.health-value,.summary dd,.guest-call-wait,.guest-call-table strong{font-family:var(--numeric);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:3px solid var(--enamel);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}button{font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);min-height:var(--touch);padding:0 14px;transition:opacity 90ms linear}button:active{opacity:.72}button:disabled{opacity:.5;cursor:not-allowed}.action-primary{min-height:56px;width:100%;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--on-accent);background:var(--enamel);border-color:var(--enamel)}.action-primary:disabled{background:var(--muted);border-color:var(--muted);color:var(--on-accent)}.action-secondary{background:var(--enamel-pale);border-color:transparent;color:var(--enamel);font-weight:600}input,select{font:inherit;color:inherit;min-height:var(--touch);padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}select{line-height:calc(var(--touch) - 2px);appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}select:disabled{color:var(--muted);background-color:var(--surface-sunken, transparent)}input{font-size:16px}input[type=number],input[inputmode=numeric]{font-family:var(--numeric);font-variant-numeric:tabular-nums}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}p.empty{color:var(--muted);margin:0}.error{margin:0;color:var(--red);font-size:13px;font-weight:600;font-family:var(--numeric);overflow-wrap:anywhere}.info{color:var(--muted);font-size:13px;margin:0}.dialog-note{margin:0;padding:10px 12px;border-left:6px solid var(--amber);background:var(--amber-pale);border-radius:0 var(--radius) var(--radius) 0;font-size:14px;color:#7a3c05}.done{margin:10px 0 0;padding:10px 12px;border-left:6px solid var(--green);background:var(--green-pale);border-radius:0 var(--radius) var(--radius) 0;color:var(--green);font-weight:700}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--chrome);color:var(--on-chrome)}.topbar button{background:#7f7f7f38;border-color:#7f7f7f57;color:var(--on-chrome);font-weight:600;min-height:40px}.topbar :focus-visible{outline-color:var(--on-chrome)}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.cashier{flex:1;min-height:0;max-height:100dvh;overflow:hidden;display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr}.cashier-top{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.cashier-top h1{font-size:18px}.cashier-menu{padding:14px;overflow:auto;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:12px}.cashier-menu>.cari,.cashier-menu>.empty{flex:0 0 100%}.cashier-menu>.tables-pane,.cashier-menu>.back-big{flex:0 0 100%}.back-big{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;background:var(--enamel-pale);border-color:var(--enamel);color:var(--enamel);font-size:16px;font-weight:700}.back-big-table{margin-left:auto;font-family:var(--numeric);font-size:14px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--enamel);color:var(--on-accent)}.tables-pane{min-width:0}.dept-rail{flex:none;display:flex;flex-direction:column;gap:6px;width:76px;position:sticky;top:0;align-self:flex-start}.dept-rail button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;min-height:62px;background:none;border:1px solid transparent;border-radius:var(--radius);font-size:11px;line-height:1.15;color:var(--muted);text-align:center}.dept-rail button.on{background:var(--enamel-pale);border-color:var(--enamel);color:var(--enamel);font-weight:600}.dept-badge{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:hsl(var(--dept-hue, 160) 45% 92%);color:hsl(var(--dept-hue, 160) 45% 28%);font-weight:700;font-size:12px}:root[data-theme=dark] .dept-badge{background:hsl(var(--dept-hue, 160) 35% 18%);color:hsl(var(--dept-hue, 160) 60% 72%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .dept-badge{background:hsl(var(--dept-hue, 160) 35% 18%);color:hsl(var(--dept-hue, 160) 60% 72%)}}.dept-rail button.on .dept-badge{background:var(--enamel);color:var(--on-accent)}.menu-main{flex:1 1 0;min-width:0}.cari{width:100%;min-height:48px;margin-bottom:0}.menu-section+.menu-section{margin-top:14px}.menu-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted)}.menu-section-count{font-family:var(--numeric);font-size:12px;font-weight:400}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.menu-card{min-height:88px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px;text-align:left;border-color:var(--border)}.menu-card:active{background:var(--enamel-pale)}.menu-name{font-weight:650;font-size:14px;line-height:1.25}.menu-price{font-family:var(--numeric);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.cashier-bill{background:var(--paper);border-left:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:0}.cashier-bill>*{flex:none}.receipt{flex:1 1 0;min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:12px 12px 4px;box-shadow:0 1px 3px #0000000f}.receipt-edge{height:10px;background:var(--surface);-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 12px 100%}.line{list-style:none;margin:0;padding:0;flex:1 1 0;min-height:48px;overflow:auto}.line li{border-bottom:1px solid var(--border)}.line-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;width:100%;padding:9px 6px;background:none;border:0;border-radius:var(--radius);text-align:left;min-height:var(--touch)}.line-row.selected{background:var(--enamel-pale);box-shadow:inset 3px 0 0 var(--enamel)}.line-qty{font-family:var(--numeric);font-variant-numeric:tabular-nums;font-weight:700;color:var(--enamel)}.line-name{font-size:14px;line-height:1.25}.line-sent{display:block;margin-top:2px;font-size:11px;color:var(--green);font-family:var(--numeric)}.action-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-pair>button{width:100%}.line-total{text-align:right;font-size:14px}.line li button{min-height:36px;padding:0;font-size:18px;line-height:1;color:var(--muted)}.summary{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0;padding-top:12px;border-top:1px solid var(--border)}.summary dt{margin:0;font-size:14px;color:var(--muted)}.summary dd{margin:0;text-align:right;font-size:14px}.summary dt.total{color:var(--ink);font-size:16px;font-weight:700;align-self:center}.summary dd.total{font-size:26px;font-weight:700;letter-spacing:-.02em}.line-mods{grid-column:2 / -1;display:flex;flex-direction:column;gap:1px;margin-top:2px}.line-mods em{font-style:normal;font-size:11px;color:var(--muted)}.dialog.modifier{max-width:520px}.modifier-group{margin-bottom:12px}.modifier-group h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;color:var(--muted)}.modifier-wajib{font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:999px;background:var(--amber-pale);color:var(--amber);font-weight:700}.modifier-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.modifier-option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--touch);padding:0 10px;font-size:13px;text-align:left}.modifier-option.on{background:var(--enamel-pale);border-color:var(--enamel);color:var(--enamel);font-weight:600}.modifier-option b{font-family:var(--numeric);font-size:12px}.modifier-teks{width:100%;margin-top:6px}.line-context{display:flex;align-items:center;flex-wrap:wrap;row-gap:6px;gap:8px;padding:6px 10px 8px 6px;background:var(--enamel-pale);border-radius:0 0 var(--radius) var(--radius)}.line-context-unit{flex:0 0 100%;white-space:nowrap;font-size:12px;color:var(--muted);font-family:var(--numeric)}.line-context-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.line-context-actions button{min-width:var(--touch);min-height:var(--touch);font-size:20px;line-height:1}.line-context-qty{min-width:34px;font-family:var(--numeric);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;text-align:center}.line-context-remove{font-size:14px!important;color:var(--danger)}.method-amount{font-family:var(--numeric);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.line-context-locked{margin:0;font-size:12px;color:var(--muted)}.staff-chip{margin-left:auto;min-height:38px;padding:0 12px;background:var(--enamel-pale);border-color:transparent;color:var(--enamel);font-weight:600;font-size:13px}.admin{position:relative}.admin-toggle{min-width:var(--touch);min-height:var(--touch);font-size:20px;line-height:1}.admin-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:min(320px,92vw);padding:12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0000002e}.admin-panel h2{margin:0 0 10px;font-size:15px}.admin-panel h3{margin:0 0 8px;font-size:13px;color:var(--muted)}.admin-item{margin-bottom:8px}.admin-item button{width:100%}.admin-group{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.admin-group .lang{display:flex;justify-content:space-between;width:100%}.admin-group .lang select{min-width:120px}.admin-info{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--border);font-size:12px}.admin-info dt{margin:0;color:var(--muted)}.admin-info dd{margin:0;font-family:var(--numeric);text-align:right}.tender{display:flex;flex-direction:column;gap:12px}.remaining{margin:0;padding:10px 12px;border-radius:var(--radius);font-size:20px;font-weight:700;color:var(--red);background:var(--red-pale)}.remaining.settled{color:var(--green);background:var(--green-pale)}.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;max-height:160px;overflow:auto}.method{min-height:58px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 10px;text-align:left;border-color:var(--border)}.method.on{border-color:var(--enamel);box-shadow:inset 0 0 0 1px var(--enamel);background:var(--enamel-pale)}.method-name{font-size:13px;font-weight:650;line-height:1.2}.method-kind{font-size:11px;color:var(--muted)}.tender-input{display:flex;gap:8px}.tender-input input{flex:1}.tender-reference{display:flex;flex-direction:column;gap:6px;font-size:13px}.tender-reference input{width:100%}.table{padding:16px;display:flex;flex-direction:column;gap:18px}.table-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-area{display:flex;flex-direction:column;gap:8px}.table-area-name{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.table-tile{position:relative;min-height:116px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 12px 12px 18px;text-align:left;border-color:var(--border);overflow:hidden}.table-tile:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--border)}.table-tile.occupied:before{background:var(--enamel)}.table-tile.occupied{background:var(--enamel-pale);border-color:#cddedb}.table-tile.merged:before{background:var(--amber)}.table-tile.merged{background:var(--amber-pale);border-color:#f3ddaa}.table-code{font-size:30px;font-weight:700;line-height:1.05;letter-spacing:-.02em}.table-seats{font-size:12px;color:var(--muted)}.table-status{margin-top:auto;font-size:12px;font-weight:600;color:var(--muted)}.table-tile.occupied .table-status{color:var(--enamel)}.table-tile.merged .table-status{color:#7a3c05}.table-tile.parent{border-color:var(--amber);border-style:dashed}.table-children{font-size:11px;color:#7a3c05;font-weight:700}.table-tile.merged{cursor:not-allowed}.dialog{position:fixed;inset:auto 0 0;z-index:10;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface);border-top:3px solid var(--chrome);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -8px 32px #16202b24,0 0 0 100vmax #16202b52}.dialog h2{font-family:var(--numeric);font-size:26px;font-weight:700}.dialog label input{max-width:200px}.dialog-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;align-items:stretch}.dialog-actions .action-primary{min-height:52px}.session{width:100%;max-width:420px;margin:0 auto;padding:28px 20px 24px;display:flex;flex-direction:column;gap:14px}.session h1{font-size:22px}.pin-login{flex:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px}.pin-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.pin-brand-logo{height:72px;max-width:260px;object-fit:contain;display:block}.pin-brand-name{height:72px;display:flex;align-items:center;font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--enamel);text-align:center}.pin-outlet{margin:0;font-size:13px;font-weight:600;color:var(--muted)}.pin-body{display:grid;grid-template-columns:240px 232px;gap:28px;align-items:start}.pin-fields{display:flex;flex-direction:column;gap:16px}.pin-fields input{text-transform:uppercase}.pin-dots-wrap{display:flex;flex-direction:column;gap:6px}.pin-label{font-size:13px;font-weight:600;color:var(--muted)}.pin-dots{display:flex;gap:12px;align-items:center;min-height:var(--touch);padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}.pin-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--border-strong);transition:background 90ms linear}.pin-dot.on{background:var(--enamel);border-color:var(--enamel)}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pin-keypad button{min-height:62px;font-size:24px;font-weight:650;font-family:var(--numeric);font-variant-numeric:tabular-nums}.pin-key-sub{background:var(--paper);color:var(--muted)}.pin-key-ok{background:var(--enamel);border-color:var(--enamel);color:var(--on-accent)}.pin-key-ok:disabled{background:var(--muted);border-color:var(--muted);color:var(--on-accent)}.pin-foot{margin-top:6px}.pin-osbpos{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}@media(max-width:620px){.pin-body{grid-template-columns:minmax(0,260px);justify-content:center;gap:18px}}.session{margin-top:24px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--chrome);border-radius:var(--radius-lg)}.session dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0;padding:14px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius)}.session dt{font-size:14px;color:var(--muted)}.session dd{margin:0;text-align:right;font-family:var(--numeric);font-variant-numeric:tabular-nums;font-weight:650}.session ul{margin:0;padding-left:20px;font-size:13px;color:var(--muted)}.session select{width:100%}.session [data-testid=sesi-alasan-blok]{display:flex;flex-direction:column;gap:10px}.settlement{margin-top:10px;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--border);border-left:6px solid var(--red);border-radius:0 var(--radius) var(--radius) 0}.settlement button{border-color:var(--red);color:var(--red);font-weight:650}.health{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap;font-size:12px}.health-item{display:inline-flex;align-items:center;gap:6px}.health-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.health-label{color:var(--muted)}.health-value{font-weight:700;font-size:12px}.health-message{color:var(--amber);font-size:12px;font-weight:600}.lang{display:inline-flex;align-items:center;gap:6px;font-size:12px}.lang-teks{color:var(--muted)}.lang select{min-height:36px;padding:0 8px;font-size:13px}.guest-call{padding:12px 16px 0}.guest-call-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.guest-call-head h2{font-size:16px}.sound{border-radius:999px;padding:0 14px;min-height:36px;font-size:13px;font-weight:600}.sound.off{background:var(--amber-pale);border-color:#f5a524;color:#7a3c05}.sound.on{background:var(--green-pale);border-color:#12b76a;color:var(--green)}.guest-call-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.guest-call-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-left:6px solid var(--amber);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--amber-pale)}.guest-call-item.bill{border-left-color:var(--green);background:var(--green-pale)}.guest-call-table{display:flex;flex-direction:column;min-width:76px}.guest-call-table strong{font-size:24px;font-weight:700;line-height:1.05}.guest-call-area{font-size:12px;color:var(--muted)}.guest-call-body{display:flex;flex-direction:column;flex:1;gap:2px}.guest-call-kind{font-weight:650;font-size:14px}.guest-call-note{font-size:14px;color:#344054}.guest-call-wait{font-size:12px;font-weight:650;color:#7a3c05}.guest-call-actions{display:grid;gap:4px}.guest-call-item button{min-height:var(--touch);padding:0 16px;font-weight:650}.guest-call-item button.not-guest{min-height:32px;font-size:12px;font-weight:500;background:transparent;color:var(--muted);border-color:var(--border-strong)}.guest-call-suspended{font-size:13px;color:var(--amber);font-weight:600;margin:8px 0 0}.guest-call .warn{font-size:13px;color:var(--amber);margin:8px 0 0}.guest-call p.empty{font-size:14px;margin:8px 0 0}@media(max-width:900px){.cashier{grid-template-columns:1fr;grid-template-rows:auto auto auto}.cashier-menu,.cashier-bill,.line,.method-grid{overflow:visible;max-height:none}.cashier-bill{border-left:0;border-top:1px solid var(--border)}.menu-section+.menu-section{margin-top:14px}.menu-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted)}.menu-section-count{font-family:var(--numeric);font-size:12px;font-weight:400}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.table-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.table-code{font-size:26px}}@media(max-width:560px){.guest-call-item{display:grid;grid-template-columns:62px 1fr;gap:10px 12px}.guest-call-actions{grid-column:1 / -1;grid-auto-flow:column;gap:8px}.guest-call-head{flex-wrap:wrap}.cashier-top{flex-wrap:wrap;gap:10px}.health{order:3;flex-basis:100%}}.level{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-bottom:10px}.level::-webkit-scrollbar{height:0}.level-tab{flex:0 0 auto;min-height:42px;padding:0 16px;border-radius:var(--radius) var(--radius) 0 0;border-bottom:3px solid transparent;background:transparent;font-weight:650;color:var(--muted)}.level-tab.on{color:var(--enamel);border-bottom-color:var(--enamel);background:var(--enamel-pale)}.level-chip{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:999px;font-size:14px;color:var(--muted)}.level-chip.on{background:var(--enamel);border-color:var(--enamel);color:var(--on-accent)}.level-department{border-bottom:1px solid var(--border);margin-bottom:8px}.business-date{font-size:12px;color:var(--muted);white-space:nowrap}.business-date b{font-family:var(--numeric);font-variant-numeric:tabular-nums;color:var(--ink)}.tender-kinds{display:flex;gap:6px;overflow-x:auto}.tender-kinds::-webkit-scrollbar{height:0}.tender-discount{margin:0;padding:8px 12px;border-left:6px solid var(--amber);background:var(--amber-pale);border-radius:0 var(--radius) var(--radius) 0;font-size:13px;font-weight:650;color:#7a3c05}.park-bar{display:flex;gap:8px;margin-bottom:8px}.park-bar button{flex:1;padding:10px;border-radius:10px;font-weight:600;border:1px solid var(--garis);background:#fff}.park-bar button:disabled{opacity:.45}.park-ask .park-hint{color:var(--redup);margin:0 0 10px}.park-kinds{display:flex;gap:8px;margin-bottom:10px}.park-kind{flex:1;padding:10px;border-radius:10px;border:1px solid var(--garis)}.park-kind.on{background:var(--enamel);color:#fff;border-color:var(--enamel)}.park-kind:disabled{opacity:.4}.park-input{width:100%;padding:12px;font-size:16px;border-radius:10px;border:1px solid var(--garis)}.parked{padding:12px}.parked-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.parked-head h2{margin:0;font-size:18px}.parked-head button{margin-left:auto;padding:8px 14px;border-radius:10px;border:1px solid var(--garis);background:#fff}.parked-empty{color:var(--redup)}.parked-table{width:100%;border-collapse:collapse}.parked-table th,.parked-table td{padding:10px;text-align:left;border-bottom:1px solid var(--garis)}.parked-table th{font-size:12px;color:var(--redup);text-transform:uppercase}.parked-kind{color:var(--redup);font-size:12px}.parked-row.locked{background:#0000000a}.parked-locked{color:var(--redup);font-size:13px}.kds{display:flex;flex-direction:column;gap:12px;padding:12px;min-height:100vh}.kds-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kds-count{font-weight:700;font-size:15px}.kds-bar .warn{color:var(--amber);font-size:13px}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.kds-ticket{display:flex;flex-direction:column;gap:8px;padding:12px 12px 12px 18px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);border-left:6px solid var(--border-strong)}.kds-ticket.fresh{border-left-color:var(--enamel, #2f6f4f)}.kds-ticket.warn{border-left-color:var(--amber)}.kds-ticket.late{border-left-color:var(--danger, #b3261e);background:var(--danger-pale, #fdf0ef)}.kds-ticket>header{display:flex;align-items:baseline;gap:8px}.kds-ticket>header strong{font-size:20px;font-family:var(--numeric)}.kds-round{font-size:12px;font-weight:700;color:var(--amber);text-transform:uppercase}.kds-age{margin-left:auto;font-family:var(--numeric);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.kds-ticket ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kds-ticket li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.kds-qty{font-family:var(--numeric);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;min-width:2.2em}.kds-name{font-size:17px;font-weight:600}.kds-detail{flex-basis:100%;padding-left:2.9em;font-size:14px;color:var(--amber)}.kds-ticket>footer{display:flex;gap:8px;margin-top:auto}.kds-ticket>footer button{flex:1;min-height:var(--touch);font-size:15px}.kds-doing{flex:1;align-self:center;font-size:14px;color:var(--muted)}.queue{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;min-height:100vh;align-content:start}.queue .error,.queue .warn{grid-column:1 / -1;margin:0;text-align:center}.queue .warn{color:var(--amber)}.queue .empty{grid-column:1 / -1;align-self:center;text-align:center;font-size:24px}.queue-col{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-lg)}.queue-col h2{margin:0;text-align:center;font-size:clamp(18px,3vw,30px);text-transform:uppercase;letter-spacing:.04em}.queue-col.preparing{background:var(--surface);border:1px solid var(--border-strong)}.queue-col.ready{background:var(--enamel-pale, #eaf5ee);border:2px solid var(--enamel, #2f6f4f)}.queue-numbers{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-content:start}.queue-no{font-family:var(--numeric);font-variant-numeric:tabular-nums;font-size:clamp(32px,7vw,96px);font-weight:800;line-height:1;padding:8px 16px;border-radius:var(--radius);background:var(--surface)}.queue-col.ready .queue-no{background:var(--enamel, #2f6f4f);color:#fff}@media(max-width:700px){.queue{grid-template-columns:1fr}}.waiter{display:flex;flex-direction:column;gap:10px;padding:10px}.waiter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.waiter-bar strong{font-size:16px}.waiter-date{font-family:var(--numeric);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.waiter-bar .warn{color:var(--amber);font-size:12px}.waiter-order-bar{display:flex;align-items:center;gap:10px}.waiter-order-bar span{font-size:20px;font-weight:700;font-family:var(--numeric)}.waiter-lines{list-style:none;margin:0;padding:0;display:grid;gap:4px}.waiter-lines li{display:flex;gap:8px;font-size:15px}.waiter-search{width:100%}.waiter [data-testid=waiter-send]{width:100%;min-height:calc(var(--touch) + 6px);font-size:16px}