:root{--ref-neutral-0:#fff;--ref-neutral-25:#fbfbf8;--ref-neutral-50:#f6f6f1;--ref-neutral-100:#eeefe8;--ref-neutral-200:#dfe2da;--ref-neutral-300:#c9cec5;--ref-neutral-500:#7c877f;--ref-neutral-600:#56635b;--ref-neutral-800:#2c3a33;--ref-neutral-900:#1b2a23;--ref-green-50:#e6f0ea;--ref-green-100:#cfe3d6;--ref-green-600:#2b7556;--ref-green-700:#1f6248;--ref-green-800:#174d3c;--ref-green-900:#0f3529;--ref-amber-50:#fcf0d9;--ref-amber-800:#7a4708;--ref-red-50:#fbebe8;--ref-red-700:#a3302a;--ref-blue-50:#e6eef7;--ref-blue-600:#0b5fcc;--ref-blue-700:#2b5f8f;--ref-success-700:#226345;--ref-success-50:#e3f1e8;--ref-demo-ink:#503b14;--ref-demo-bg:#fff6df;--ref-demo-border:#c59b4a;--ref-font-sans:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic UI", "Meiryo", sans-serif;--ref-font-sans-zh:system-ui, -apple-system, "PingFang TC", "Noto Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", sans-serif;--ref-space-1:4px;--ref-space-2:8px;--ref-space-3:12px;--ref-space-4:16px;--ref-space-5:20px;--ref-space-6:24px;--ref-space-8:32px;--ref-space-10:40px;--ref-radius-sm:6px;--ref-radius-md:10px;--ref-radius-lg:16px;--ref-radius-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:var(--ref-font-sans);--color-bg:var(--ref-neutral-50);--color-surface:var(--ref-neutral-0);--color-surface-sunken:var(--ref-neutral-100);--color-text:var(--ref-neutral-900);--color-text-muted:var(--ref-neutral-600);--color-border:var(--ref-neutral-200);--color-border-control:var(--ref-neutral-500);--color-action:var(--ref-green-800);--color-action-hover:var(--ref-green-700);--color-on-action:var(--ref-neutral-0);--color-action-soft:var(--ref-green-50);--color-action-soft-ink:var(--ref-green-800);--color-focus:var(--ref-blue-600);--color-price:var(--ref-neutral-900);--color-success-ink:var(--ref-success-700);--color-success-bg:var(--ref-success-50);--color-warning-ink:var(--ref-amber-800);--color-warning-bg:var(--ref-amber-50);--color-danger-ink:var(--ref-red-700);--color-danger-bg:var(--ref-red-50);--color-info-ink:var(--ref-blue-700);--color-info-bg:var(--ref-blue-50);--color-demo-ink:var(--ref-demo-ink);--color-demo-bg:var(--ref-demo-bg);--color-demo-border:var(--ref-demo-border);--text-meta:12px;--text-label:13px;--text-body:16px;--text-title:18px;--text-heading:22px;--text-display:28px;--leading-tight:1.3;--leading-body:1.6;--size-target:48px;--size-target-min:44px;--size-row:56px;--radius-control:var(--ref-radius-md);--radius-card:var(--ref-radius-lg);--space-gutter:var(--ref-space-4);--shadow-sheet:0 -8px 32px #0f151329;--motion-fast:.12s;--motion-sheet:.22s;--brand-primary:var(--ref-green-800);--brand-on-primary:var(--ref-neutral-0);--brand-ink:var(--ref-green-800);--brand-focus:var(--ref-neutral-0)}[data-surface=guest]{--text-body:16px;--size-target:48px;--size-target-min:44px;--size-row:56px;--size-media:72px;--size-catnav:48px;--size-cartbar:64px}:lang(zh-Hant){--font-sans:var(--ref-font-sans-zh)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-sheet:0s}}:root{color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--ink:var(--color-text);--muted:var(--color-text-muted);--green:var(--color-action);--green-2:var(--color-action-hover);--mint:var(--color-action-soft);--line:var(--color-border);--cream:var(--ref-neutral-25);--orange:var(--color-warning-ink);--red:var(--color-danger-ink);--shadow:0 12px 40px #1b362a12;font-family:DM Sans,Noto Sans JP,Noto Sans TC,sans-serif;font-size:15px;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}input,select,textarea{border-color:var(--color-border-control)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}::selection{color:var(--ink);background:#c6dfcf}small{font-size:var(--text-meta)}.confirm-dialog :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline-offset:-3px}.confirm-dialog .button.primary:focus-visible,.confirm-dialog input:checked:focus-visible{outline-color:var(--color-on-action)}.app-shell{max-width:1440px;margin:0 auto;padding:0 40px}.topbar{border-bottom:1px solid #dfe4db;justify-content:space-between;align-items:center;height:82px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font-size:21px;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.06em;font-size:16px}.brand small{color:var(--muted);letter-spacing:.17em;margin-top:2px;font-size:12px}.locale-switch,.icon-button{border:1px solid var(--color-border-control);background:var(--cream);color:var(--ink);border-radius:9px;padding:9px 13px;font-size:12px}.locale-switch span{color:var(--muted);padding-left:6px}.workspace{grid-template-columns:minmax(0,1fr) 365px;align-items:start;column-gap:34px;padding:34px 0 48px;display:grid}.welcome{grid-column:1/-1;justify-content:space-between;align-items:center;padding:7px 0 26px;display:flex}.welcome h1{letter-spacing:-.035em;margin:6px 0;font-size:27px}.welcome p{color:var(--muted);margin:0;font-size:12px}.eyebrow{letter-spacing:.2em;color:var(--color-text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.tabs{border-bottom:1px solid var(--line);grid-column:1;gap:22px;margin:0 0 25px;display:flex}.tab{color:var(--color-text-muted);background:0 0;border:0;padding:0 0 13px;font-size:13px;font-weight:600;position:relative}.tab span{background:#e9ede7;border-radius:20px;margin-left:8px;padding:2px 7px;font-size:12px}.tab.active{color:var(--green)}.tab.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab.active span{color:var(--green);background:#e0ebe3}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:5px 0 0;font-size:22px}.button{border:0;border-radius:8px;font-weight:600;transition:transform .15s,background .15s}.button:not(:disabled):active{transform:translateY(1px)}.button.primary{color:#fff;background:var(--green)}.button.primary:not(:disabled):hover{background:var(--green-2)}.button.small{padding:8px 12px;font-size:12px}.button.wide{width:100%;padding:13px 16px;font-size:12px}.button.quiet{color:#617269;background:0 0;margin-top:8px}.button.retry{color:#7a4e2d;background:#f6eadc;margin-top:8px}.text-button{color:var(--color-text-muted);background:0 0;border:0;padding:5px;font-size:12px}.text-button.danger{color:var(--color-danger-ink)}.icon-button{padding:4px 9px;font-size:18px;line-height:1.3}.empty-state{min-height:164px;color:var(--color-text-muted);border:1px dashed #dfe5de;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin:17px 0;display:flex}.empty-state p{margin:9px 0 3px;font-size:12px}.empty-state span{font-size:12px}.empty-icon{width:35px;height:35px;color:var(--green);background:#edf2ec;border-radius:50%;place-items:center;font-size:20px;display:grid}.notice{background:var(--color-success-bg);color:var(--color-success-ink);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.6}.error{background:var(--color-danger-bg);color:var(--color-danger-ink);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.6}.muted{color:var(--muted);font-size:12px;line-height:1.6}.tax-row{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.order-card{background:var(--cream);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:17px}.order-card-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;margin-bottom:10px;padding-bottom:12px;display:flex}.order-card-title h3{overflow-wrap:anywhere;margin:4px 0 0;font-size:14px}.order-kicker{color:var(--muted);font-size:12px}.order-method{color:var(--green);background:var(--mint);border-radius:15px;padding:6px 9px;font-size:12px}.order-line,.order-total{color:#59685f;justify-content:space-between;gap:10px;padding:7px 0;font-size:12px;display:flex}.order-line strong,.order-total strong{white-space:nowrap}.order-total{border-top:1px solid var(--line);color:var(--ink);margin-top:8px;padding-top:12px;font-weight:600}.order-card>small{color:var(--color-text-muted);margin-top:8px;font-size:12px;display:block}.workspace-footer{color:var(--color-text-muted);border-top:1px solid #dfe4db;grid-column:1/-1;margin-top:40px;padding-top:18px;font-size:12px}.workspace-footer span{color:var(--color-text-muted);margin:0 8px}.entry-card{background:var(--cream);border:1px solid var(--line);max-width:420px;box-shadow:var(--shadow);border-radius:16px;margin:76px auto;padding:32px}.entry-card h1{margin:7px 0;font-size:25px}.entry-card>p{color:var(--muted);font-size:12px;line-height:1.7}.table-chip{color:var(--muted);background:#f0f4ef;border-radius:9px;justify-content:space-between;margin:20px 0;padding:12px 14px;font-size:12px;display:flex}.table-chip strong{color:var(--ink);overflow-wrap:anywhere}.field{color:#53665b;gap:8px;margin:18px 0;font-size:12px;display:grid}.field input{border:1px solid var(--color-border-control);background:#fff;border-radius:8px;padding:12px}.entry-card .button{margin-top:7px}.loading-card{text-align:center;color:var(--muted);margin:80px auto;padding:24px}@media (width<=1050px){.app-shell{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:25px}}@media (width<=760px){.app-shell{padding:0 17px}.topbar{height:68px}.workspace{flex-direction:column;gap:0;padding-top:24px;display:flex}.welcome{width:100%;padding-bottom:20px}.welcome h1{font-size:22px}.tabs{gap:20px;width:100%;margin-bottom:20px}.workspace-footer{width:100%;margin-top:18px}.entry-card{margin:42px auto;padding:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.order-option{color:var(--muted);margin-top:3px;font-size:12px;display:block}@media (width<=760px){.empty-state{min-height:88px;margin:10px 0}}.staff-workspace{grid-template-columns:minmax(0,1fr)}.staff-tabs{grid-column:1/-1;align-items:center}.staff-tabs .icon-button{margin-left:auto}.staff-table-view,.staff-detail,.kds-view{grid-column:1/-1;min-width:0}.staff-table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.staff-table-card,.cash-settings-card,.staff-order-card,.confirm-dialog{background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:16px}.staff-table-card-head,.staff-table-actions,.staff-section-title,.staff-order-head,.staff-order-payment{justify-content:space-between;align-items:center;gap:12px;display:flex}.staff-table-card h3{margin:0 0 8px;font-size:16px}.table-mode,.staff-detail-meta,.staff-order-head small{color:var(--muted);font-size:12px}.status-chip{color:#53665b;background:#edf1ec;border-radius:20px;padding:4px 8px;font-size:12px;display:inline-flex}.status-open,.status-ready{background:var(--color-success-bg);color:var(--color-success-ink)}.status-closed,.status-cancelled,.status-served{background:var(--color-surface-sunken);color:var(--color-text-muted)}.status-preparing{background:var(--color-warning-bg);color:var(--color-warning-ink)}.status-accepted{background:var(--color-info-bg);color:var(--color-info-ink)}.staff-table-metrics{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.staff-table-metrics span{gap:5px;display:grid}.staff-table-metrics strong{color:var(--ink);font-size:13px}.staff-table-actions{justify-content:flex-end;margin-top:12px}.cash-settings-card{max-width:560px;margin-top:24px}.settings-check{align-items:center;gap:8px;font-size:12px;display:flex}.settings-check input{accent-color:var(--green)}.cash-settings-card .field select{border:1px solid var(--color-border-control);background:#fff;border-radius:8px;padding:10px}.staff-detail-meta{flex-wrap:wrap;gap:14px;margin:-3px 0 18px;display:flex}.staff-section-title{margin:20px 0 10px}.staff-section-title h3{margin:0;font-size:15px}.staff-order-card{margin:10px 0;padding:14px}.staff-order-head{align-items:flex-start}.staff-order-head strong,.staff-order-head small{display:block}.staff-order-head strong{font-size:12px}.staff-order-head small{overflow-wrap:anywhere;margin-top:5px}.staff-order-lines{margin:12px 0;padding:0;list-style:none}.staff-order-lines li{border-bottom:1px solid #edf0eb;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;display:flex}.staff-order-lines li span{gap:4px;display:grid}.staff-order-lines li small{color:var(--muted);font-size:12px}.staff-order-lines li strong{white-space:nowrap;font-size:12px}.staff-order-payment{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-start;padding-top:10px;font-size:12px}.staff-order-payment strong{color:var(--ink);margin-left:auto}.staff-order-actions{justify-content:flex-end;gap:8px;display:flex}.staff-order-card .notice{margin:10px 0}.kds-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.kds-column{background:#eef1eb;border-radius:12px;min-width:0;padding:12px}.kds-column>h3{justify-content:space-between;align-items:center;margin:2px 2px 10px;font-size:12px;display:flex}.kds-column>h3 span{color:var(--muted);background:#fff;border-radius:20px;padding:3px 7px;font-size:12px}.staff-order-card.compact{padding:12px}.staff-order-card.compact .staff-order-lines{margin:8px 0}.staff-order-card.compact .staff-order-lines li{border:0;padding:4px 0}.staff-order-card.compact .staff-order-head{display:block}.staff-order-card.compact .staff-order-head .status-chip{margin-top:8px}.staff-order-card.compact .staff-order-actions{margin-top:10px}.dialog-backdrop{z-index:20;background:#19272073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-dialog{width:min(500px,100%);max-height:min(90vh,780px);overflow:auto}.confirm-dialog h2{margin:7px 0 16px;font-size:20px}.confirm-dialog .field{margin:12px 0}.confirm-dialog .field input{width:100%}.cash-order-list,.blocker-list{color:#56675d;padding-left:21px;font-size:12px;line-height:1.8}.receipt-card{background:#f2f5f0;border-radius:9px;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;padding:13px;display:grid}.receipt-card>div{gap:4px;display:grid}.receipt-card span,.receipt-card small{color:var(--muted);font-size:12px}.receipt-card strong{overflow-wrap:anywhere;font-size:12px}.receipt-card>small{grid-column:1/-1}.close-table{margin-top:20px}.staff-entry{margin:42px auto}.staff-entry input{width:100%}.staff-retry{grid-column:1/-1;justify-self:end;max-width:360px}@media (width<=900px){.staff-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kds-columns{grid-template-columns:1fr}.kds-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kds-column>h3{grid-column:1/-1}.kds-column .staff-order-card{margin:0}}@media (width<=760px){.staff-workspace{flex-direction:column;gap:0;display:flex}.staff-tabs,.staff-table-view,.staff-detail,.kds-view{width:100%}.staff-table-grid,.kds-column{grid-template-columns:1fr}.staff-table-card{padding:14px}.staff-retry{width:100%;max-width:none}.confirm-dialog{padding:16px}.staff-detail-meta{gap:8px}}dialog.confirm-dialog{color:inherit;margin:auto}dialog.confirm-dialog::backdrop{background:#19272073}.button.small,.text-button,.icon-button,.locale-switch,.staff-tabs .tab{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.staff-workspace .button,.staff-entry .button,.confirm-dialog .button{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding-inline:14px;display:inline-flex}.text-button{min-width:44px;padding-inline:8px}@media (width<=760px){.workspace-footer{order:3}}.staff-workspace .field input,.staff-workspace .field select,.staff-entry .field input,.confirm-dialog .field input{min-height:44px}.confirm-dialog .field textarea{border:1px solid var(--color-border-control);width:100%;min-height:88px;font:inherit;border-radius:8px;padding:12px}.settings-check{min-height:44px}.settings-check input{width:20px;height:20px}.adjustment-lines{margin:12px 0;padding:0;list-style:none}.adjustment-lines li{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(110px,150px);align-items:center;gap:12px;padding:9px 0;font-size:12px;display:grid}.adjustment-lines .field{margin:0}.adjustment-lines input{min-height:44px}.adjustment-preview,.refund-list{background:#f2f5f0;border-radius:9px;margin:12px 0;padding:12px}.adjustment-preview p{justify-content:space-between;margin:6px 0;font-size:12px;display:flex}.refund-list>strong{margin-bottom:8px;display:block}.refund-list>div{justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:12px;display:flex}.cash-handback{align-items:center;gap:9px;min-height:44px;margin:12px 0;font-size:12px;display:flex}.cash-handback input{width:20px;height:20px}.confirm-dialog .adjustment-lines .field input{width:100%}