@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;600;700;800&display=swap";:root,[data-theme=customer]{--mustard:#ffd23f;--chilli:#d7263d;--ink:#111;--paper:#fffaf0;--leaf:#2bb673;--ground:var(--mustard);--on-ground:var(--ink);--on-ground-muted:#4a4235;--rule-on-ground:var(--ink);--surface:var(--paper);--on-surface:var(--ink);--on-surface-muted:#5a5246;--border:var(--ink);--action:var(--chilli);--on-action:var(--paper);--highlight:var(--mustard);--on-highlight:var(--ink);--status-new:var(--leaf);--status-warn:var(--mustard);--status-late:var(--chilli);--on-status-new:var(--ink);--on-status-warn:var(--ink);--on-status-late:var(--paper);--focus-ring:var(--ink);--toast-bg:var(--ink);--toast-fg:var(--paper);--veg-mark:#1a8a3a;--nonveg-mark:#963b00;--shadow-block:4px 4px 0 #111;--shadow-block-sm:2px 2px 0 #111}[data-theme=kitchen]{--ground:var(--ink);--on-ground:var(--paper);--on-ground-muted:#e9e2d0;--rule-on-ground:#6b6b6b;--focus-ring:var(--mustard);--toast-bg:var(--paper);--toast-fg:var(--ink)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-none:0px;--radius-dot:50%;--stroke-default:2px;--stroke-status:8px;--tap-min:44px;--tap-kds:56px;--thumb:64px;--font-display:"Archivo Black", Impact, "Arial Black", sans-serif;--font-body:Archivo, system-ui, -apple-system, "Segoe UI", sans-serif}.display-xl{font-family:var(--font-display);text-transform:uppercase;font-size:40px;font-weight:400;line-height:40px}.display-lg{font-family:var(--font-display);text-transform:uppercase;font-size:28px;font-weight:400;line-height:30px}.display-md{font-family:var(--font-display);text-transform:uppercase;font-size:22px;font-weight:400;line-height:24px}.display-sm{font-family:var(--font-display);text-transform:uppercase;font-size:16px;font-weight:400;line-height:20px}.body-lg{font-family:var(--font-body);font-size:16px;font-weight:600;line-height:22px}.body{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:22px}.body-sm{font-family:var(--font-body);font-size:13px;font-weight:400;line-height:18px}.label{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800;line-height:16px}.price{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;line-height:20px}.sg-root{background:var(--ground);color:var(--on-ground);font-family:var(--font-body)}.sg-btn{font:800 13px/16px var(--font-body);letter-spacing:.04em;text-transform:uppercase;min-height:var(--tap-min);border:var(--stroke-default) solid var(--border);border-radius:var(--radius-none);box-shadow:var(--shadow-block);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.sg-btn--primary{background:var(--action);color:var(--on-action)}.sg-btn--secondary{background:var(--highlight);color:var(--on-highlight)}.sg-btn--ghost{background:var(--surface);color:var(--on-surface)}.sg-btn:active{box-shadow:var(--shadow-block-sm);transform:translate(2px,2px)}.sg-btn:disabled{background:var(--surface);color:var(--on-surface-muted);box-shadow:none;cursor:not-allowed;border-style:dashed;transform:none}.sg-btn--kds{min-height:var(--tap-kds)}:where(.sg-btn,.sg-chip,.sg-qty button,.sg-tab,.sg-toast button,.sg-ticket):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sg-field{gap:var(--space-1);flex-direction:column;display:flex}.sg-field label{font:800 13px/16px var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--on-ground)}.sg-field input{font:400 16px/22px var(--font-body);min-height:var(--tap-min);background:var(--surface);color:var(--on-surface);border:var(--stroke-default) solid var(--border);border-radius:var(--radius-none);box-shadow:none;box-sizing:border-box;width:100%;padding:10px 12px}.sg-field input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sg-field input:disabled{color:var(--on-surface-muted);border-style:dashed}.sg-chip{font:600 13px/16px var(--font-body);background:var(--surface);min-height:36px;color:var(--on-surface);border:var(--stroke-default) solid var(--border);border-radius:var(--radius-none);cursor:pointer;padding:8px 12px}.sg-chip.is-on{background:var(--ink);color:var(--mustard)}.sg-qty{background:var(--action);color:var(--on-action);border:var(--stroke-default) solid var(--border);align-items:center;display:inline-flex}.sg-qty button{font:800 18px var(--font-body);color:inherit;cursor:pointer;background:0 0;border:0;width:36px;height:40px}.sg-qty button:disabled{opacity:.45;cursor:not-allowed}.sg-qty output{text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-weight:800}.sg-rail{align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.sg-rail li{min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--space-2);box-sizing:border-box;font:400 16px/20px var(--font-display);font-variant-numeric:tabular-nums;background:var(--surface);color:var(--on-surface);border:var(--stroke-default) solid var(--border);place-items:center;display:grid}.sg-rail li.is-issued{color:var(--on-surface-muted);border-style:dashed}.sg-rail li.is-next{background:var(--ink);min-width:64px;min-height:56px;color:var(--mustard);box-shadow:var(--shadow-block);font-size:28px;line-height:32px}.sg-veg,.sg-nonveg{background:#fff;border:2px solid;flex:none;place-items:center;width:14px;height:14px;display:inline-grid}.sg-veg{border-color:var(--veg-mark)}.sg-veg:after{content:"";border-radius:var(--radius-dot);background:var(--veg-mark);width:6px;height:6px}.sg-nonveg{border-color:var(--nonveg-mark)}.sg-nonveg:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:7px solid var(--nonveg-mark);width:0;height:0}.sg-item{grid-template-columns:var(--thumb) minmax(0, 1fr) auto;gap:var(--space-3);background:var(--surface);color:var(--on-surface);border:var(--stroke-default) solid var(--border);box-shadow:var(--shadow-block);padding:var(--space-3);align-items:center;display:grid}.sg-item__thumb{width:var(--thumb);height:var(--thumb);border:var(--stroke-default) solid var(--border);object-fit:cover;background:var(--paper)}.sg-item__name{font:600 16px/22px var(--font-body);align-items:center;gap:var(--space-1);display:flex}.sg-item__desc{font:400 13px/18px var(--font-body);color:var(--on-surface-muted)}.sg-item__price{font:700 15px/20px var(--font-body);font-variant-numeric:tabular-nums;margin-top:var(--space-1)}.sg-item.is-soldout{opacity:.55}.sg-cartbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--action);color:var(--on-action);border:var(--stroke-default) solid var(--border);box-shadow:var(--shadow-block);display:flex}.sg-cartbar__total{font:800 17px/20px var(--font-body);font-variant-numeric:tabular-nums}.sg-cartbar__meta{font:400 12px/16px var(--font-body)}.sg-cartbar .sg-btn{background:var(--paper);color:var(--chilli);box-shadow:none}.sg-tab{font:800 13px/16px var(--font-body);letter-spacing:.04em;text-transform:uppercase;min-height:40px;color:var(--on-ground);border:var(--stroke-default) solid var(--on-ground);cursor:pointer;background:0 0;padding:8px 12px}.sg-tab.is-on{background:var(--highlight);color:var(--on-highlight);border-color:var(--highlight)}[data-theme=customer] .sg-tab.is-on{background:var(--ink);color:var(--mustard);border-color:var(--ink)}.sg-ticket{--state:var(--status-new);--on-state:var(--on-status-new);background:var(--surface);color:var(--on-surface);border:var(--stroke-default) solid var(--border);border-top:var(--stroke-status) solid var(--state);box-shadow:4px 4px 0 var(--state);touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.sg-ticket[data-age=warn]{--state:var(--status-warn);--on-state:var(--on-status-warn)}.sg-ticket[data-age=late]{--state:var(--status-late);--on-state:var(--on-status-late)}.sg-ticket__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:10px var(--space-3) var(--space-1);display:flex}.sg-ticket__no{font:400 22px/24px var(--font-display)}.sg-ticket__time{font:700 15px/20px var(--font-body);font-variant-numeric:tabular-nums;background:var(--state);color:var(--on-state);padding:2px 6px}.sg-ticket__src{font:400 13px/18px var(--font-body);color:var(--on-surface-muted);padding:0 var(--space-3) var(--space-2)}.sg-ticket__items{padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px dashed var(--border);flex-direction:column;gap:6px;margin:0;list-style:none;display:flex}.sg-ticket__items li{font:600 16px/20px var(--font-body);gap:10px;display:flex}.sg-ticket__items b{font:400 16px/20px var(--font-display);min-width:28px}.sg-ticket__note{font:400 13px/18px var(--font-body);color:var(--on-surface-muted);display:block}.sg-ticket__swipe{font:800 12px/16px var(--font-body);letter-spacing:.04em;text-transform:uppercase;padding:10px var(--space-3);border-top:var(--stroke-default) solid var(--border);justify-content:space-between;display:flex}.sg-ticket--solo .sg-ticket__no{font-size:64px;line-height:64px}.sg-ticket--solo .sg-ticket__time{padding:4px 10px;font-size:22px;line-height:28px}.sg-ticket--solo .sg-ticket__src{font-size:16px;line-height:22px}.sg-ticket--solo .sg-ticket__items{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 24px;display:grid}.sg-ticket--solo .sg-ticket__items li,.sg-ticket--solo .sg-ticket__items b{font-size:28px;line-height:34px}.sg-ticket--solo .sg-ticket__swipe{padding-block:16px;font-size:15px}.sg-waiting{font:800 13px/16px var(--font-body);background:var(--highlight);color:var(--on-highlight);font-variant-numeric:tabular-nums;padding:6px 10px}.sg-toast{align-items:center;gap:var(--space-4);background:var(--toast-bg);color:var(--toast-fg);border:var(--stroke-default) solid var(--border);font:600 14px/18px var(--font-body);padding:10px 14px;display:inline-flex}.sg-toast button{font:800 13px var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:inherit;cursor:pointer;background:0 0;border:0;min-height:32px;text-decoration:underline}.sg-live{font:700 13px var(--font-body);color:var(--leaf);align-items:center;gap:6px;display:inline-flex}.sg-live:before{content:"";border-radius:var(--radius-dot);background:currentColor;width:8px;height:8px;animation:1.6s infinite sg-pulse}@keyframes sg-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.sg-live:before{animation:none}.sg-btn{transition:none}}