:root{--accent: #8fb0cb;--accent-soft: #7fa3c2;--on-accent: #22364a;--nav-bg: #ffffff;--nav-text: #a29b93;--app-bg: #fdfbf7;--surface: #ffffff;--surface-soft: #f7f3ec;--hairline: #ece2d6;--text: #332f2b;--text-muted: #6b6560;--text-faint: #a29b93;--chip-bg: #f3ede5;--state-achieved: #a3c197;--state-achieved-bg: #f2f7ef;--state-achieved-ink: #5f8153;--on-achieved: #2a3f22;--state-behind: #f5dd93;--state-behind-bg: #fdf9e8;--state-behind-ink: #8a7327;--state-overtime: #cf7f87;--on-overtime: #5e272d;--state-empty-border: #ddd2c6;--state-empty-bg: #fdfbf7;--state-empty-ink: #a29b93;--state-takeout: #8fb0cb;--state-takeout-bg: #f0f5fa;--state-takeout-ink: #4d6a82;--warn-bg: #f5dd93;--warn-ink: #8a7327;--danger-ink: #a55b62;--danger: #cf7f87;--danger-bg: #fbf0f1;--danger-border: #eccdd0;--font: "GenJyuuGothicX", "Noto Sans TC", sans-serif;--mono: "GenJyuuGothicX", "Noto Sans TC", sans-serif;--shadow-card: 0 1px 2px rgba(74, 69, 64, .04), 0 6px 18px rgba(74, 69, 64, .045);--shadow-btn: 0 6px 16px rgba(92, 120, 145, .2)}*{font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#efece7;font-family:var(--font);color:var(--text);height:100%;overflow:hidden}.app-shell{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:64px;flex:none;background:var(--nav-bg);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:4px}.sidebar-logo{width:34px;height:34px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:18px}.nav-item{width:48px;padding:8px 0;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--nav-text);font:600 10px var(--font);cursor:pointer;margin-bottom:2px}.nav-item .icon{font-size:16px}.nav-item.active{background:var(--accent-soft);color:var(--on-accent)}.nav-spacer{flex:1}.nav-avatar{width:34px;height:34px;border-radius:"50%";border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--on-accent);cursor:pointer}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--app-bg)}.top-bar{background:var(--nav-bg);color:var(--text);padding:8px 20px;display:flex;justify-content:space-between;align-items:center;font:600 11px var(--font)}.top-bar-right{display:flex;gap:14px;align-items:center;font-family:var(--mono)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.content{flex:1;min-height:0;padding:16px 20px 24px;overflow:auto;display:flex;flex-direction:column}.floor-page{display:flex;flex-direction:column;min-height:0;flex:1}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.floor-tab{font:700 12px var(--font);padding:7px 14px;border-radius:8px;background:var(--chip-bg);color:var(--text-muted);cursor:pointer}.floor-tab.active{background:var(--accent);color:var(--on-accent)}.quick-open-btn{width:46px;height:46px;border-radius:12px;background:var(--accent);color:var(--on-accent);font:800 18px var(--font);display:flex;align-items:center;justify-content:center;cursor:pointer}.quick-open-btn.wide{width:auto;padding:0 16px;white-space:nowrap}.legend{display:flex;gap:14px;align-items:center;font:600 10px var(--font);color:var(--text-muted);margin-bottom:10px}.floor-canvas{position:relative;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-card);flex:1;min-height:420px;overflow:hidden;touch-action:none}.table-card{position:absolute;width:78px;height:78px;background:var(--surface);border:1.5px solid var(--hairline);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;box-shadow:var(--shadow-card);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none}.table-card.shape-circle{border-radius:50%}.table-card.shape-square{border-radius:14px}.table-card.shape-rect{border-radius:14px;width:104px}.table-card.state-empty{border-style:dashed;border-color:var(--state-empty-border);background:var(--state-empty-bg);color:var(--state-empty-ink)}.table-card.state-achieved{border-color:var(--state-achieved)}.table-card.state-behind{border-color:var(--state-behind)}.table-card.state-overtime{border-color:var(--state-overtime);border-width:2px}.table-name{font:800 14px var(--font);color:var(--text)}.table-sub{font:600 10px var(--mono);color:var(--text-muted)}.state-badge{font:700 9px var(--font);padding:1px 7px;border-radius:8px;margin-top:2px}.state-badge.achieved{background:var(--state-achieved-bg);color:var(--state-achieved-ink)}.state-badge.behind{background:var(--state-behind-bg);color:var(--state-behind-ink)}.state-badge.overtime{background:var(--state-overtime);color:var(--on-overtime)}.drag-ghost{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:100;background:var(--accent);color:var(--on-accent);font:800 12px var(--font);padding:8px 16px;border-radius:14px;box-shadow:0 6px 18px #00000040;opacity:.92;-webkit-user-select:none;user-select:none}.pending-cash-badge{position:absolute;top:-8px;right:-8px;font:700 9px var(--font);color:#fff;background:var(--danger-ink);padding:2px 6px;border-radius:10px;white-space:nowrap;box-shadow:var(--shadow-card)}.takeout-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.takeout-card{background:var(--state-takeout-bg);color:var(--state-takeout-ink);border-radius:12px;padding:10px 14px;font:700 12px var(--font);min-width:140px;cursor:pointer}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;box-shadow:var(--shadow-card);padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.card-body{flex:1;min-width:0}.card-title{font:700 15px var(--font);color:var(--text)}.card-sub{font:500 12px var(--font);color:var(--text-muted);margin-top:3px}.card-tax-id{font:700 13px var(--font);color:var(--state-behind-ink);background:var(--state-behind-bg);padding:4px 8px;border-radius:6px;display:inline-block;margin-top:6px}.btn{font:700 13px var(--font);padding:10px 18px;border-radius:10px;background:var(--accent);color:var(--on-accent);cursor:pointer;white-space:nowrap;border:none;box-shadow:var(--shadow-btn)}.btn.outline{background:#fff;border:1.5px solid var(--accent);color:var(--accent);box-shadow:none}.btn.chip{background:var(--chip-bg);color:var(--text-muted);box-shadow:none}.btn.chip.active{background:var(--accent);color:var(--on-accent)}.btn:disabled{opacity:.5;cursor:default}.empty{text-align:center;padding:40px 20px;color:var(--text-faint);font:500 13px var(--font)}.login-box{max-width:360px;margin:80px auto;background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow-card);text-align:center}.login-box input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--hairline);font:600 13px var(--font);margin-bottom:10px}.err{background:#fbf0f1;color:var(--danger-ink);border-radius:8px;padding:8px 10px;font:600 12px var(--font);margin-bottom:10px}.back-link{font:700 13px var(--font);color:var(--accent);cursor:pointer;margin-bottom:10px;display:inline-block}.order-header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.order-header .table-label{font:800 18px var(--font)}.order-header .party-label{font:600 12px var(--font);color:var(--text-muted)}.order-layout{display:flex;gap:16px;align-items:flex-start}.order-main{flex:1;min-width:0}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.item-tile{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;box-shadow:var(--shadow-card);padding:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.item-tile .emoji{font-size:22px}.item-tile .name{font:700 13px var(--font);margin-top:4px}.item-tile .price{font:700 12px var(--mono);color:var(--accent);margin-top:2px}.serve-later-badge{position:absolute;top:6px;right:6px;font:700 10px var(--font);color:var(--state-behind-ink);background:var(--state-behind-bg);border:1px solid var(--state-behind);padding:3px 7px;border-radius:8px;cursor:pointer}.order-ticket-panel{width:300px;flex:none;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-card);padding:14px;display:flex;flex-direction:column}.ticket-title{font:800 14px var(--font);margin-bottom:8px}.ticket-list{margin-bottom:10px}.ticket-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--hairline)}.ticket-row .name{flex:1;font:600 12px var(--font);min-width:0}.ticket-row .note{font:500 10px var(--font);color:var(--text-muted)}.ticket-row .amount{font:700 12px var(--mono);color:var(--text-muted);width:46px;text-align:right}.qty-stepper{display:flex;align-items:center;gap:6px}.qty-stepper button{width:22px;height:22px;border-radius:6px;border:1px solid var(--hairline);background:var(--surface-soft);font:700 12px var(--font);cursor:pointer;color:var(--text)}.qty-stepper .qty{font:700 12px var(--mono);min-width:16px;text-align:center}.qty-stepper.large{gap:14px}.qty-stepper.large button{width:44px;height:44px;border-radius:10px;font-size:20px}.qty-stepper.large .qty{font-size:30px;min-width:40px}.ticket-subtotal{display:flex;justify-content:space-between;font:800 15px var(--font);padding-top:8px;border-top:1.5px solid var(--hairline);margin-bottom:10px}.invoice-row{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.pay-row{display:flex;gap:8px}.order-header-actions{flex:1;display:flex;justify-content:flex-end}.ticket-status{margin-bottom:10px;padding:10px;background:var(--surface-soft);border-radius:10px;display:flex;flex-direction:column;gap:5px}.ticket-status-row{display:flex;justify-content:space-between;font:600 12px var(--font);color:var(--text-muted)}.ticket-status-row-stacked{flex-direction:column;gap:2px}.ticket-status-row .value{font:700 12px var(--mono);color:var(--text)}.tx-list{margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.tx-card{display:flex;flex-direction:column;background:var(--surface-soft);border-radius:10px;padding:8px 10px;border-left:3px solid var(--hairline)}.tx-card.paid{border-left-color:var(--state-achieved-ink)}.tx-card.pending{border-left-color:var(--state-behind-ink)}.tx-card.refunded{border-left-color:var(--hairline);opacity:.7}.tx-card-head{display:flex;justify-content:space-between;font:700 12px var(--font);color:var(--text)}.tx-card-items{font:600 11px var(--font);color:var(--text-muted);margin-top:4px;display:flex;flex-direction:column;gap:3px}.tx-card-item-row{display:flex;justify-content:space-between;gap:8px}.tx-card-item-note{color:var(--text-faint, var(--text-muted))}.pay-row .btn{flex:1;text-align:center}.waitlist-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:12px;padding:10px 14px;margin-bottom:8px;border-left:4px solid var(--state-empty-border);box-shadow:var(--shadow-card)}.waitlist-row.notified{border-left-color:var(--state-achieved);background:var(--state-achieved-bg)}.waitlist-avatar{width:34px;height:34px;border-radius:50%;background:var(--state-empty-border);color:#6b6560;display:flex;align-items:center;justify-content:center;font:700 13px var(--font);flex:none}.waitlist-row.notified .waitlist-avatar{background:var(--state-achieved)}.waitlist-name{font:800 14px var(--font);color:var(--text)}.waitlist-sub{font:600 11px var(--font);color:var(--text-muted);margin-top:2px}.waitlist-status-chip{font:700 10px var(--font);padding:2px 9px;border-radius:8px;background:var(--chip-bg);color:var(--text-muted);margin-left:8px}.waitlist-row.notified .waitlist-status-chip{background:var(--state-achieved);color:var(--on-achieved)}.waitlist-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.waitlist-timer{font:700 12px var(--mono);color:var(--state-achieved-ink)}.add-waitlist-form{display:flex;flex-direction:column;gap:10px}.add-waitlist-form input{padding:9px 11px;border-radius:10px;border:1px solid var(--hairline);font:600 13px var(--font)}.close-layout{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.close-panel{flex:1;min-width:320px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-card);padding:16px}.close-stats-row{display:flex;gap:24px;margin-bottom:16px}.close-stat-label{font:600 11px var(--font);color:var(--text-muted)}.close-stat-value{font:800 22px var(--mono);color:var(--text);margin-top:2px}.cash-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--hairline);font:600 13px var(--font)}.cash-row .value{font:700 13px var(--mono)}.cash-row.total{font-weight:800;border-bottom:none;padding-top:10px}.cash-row input{width:110px;padding:6px 9px;border-radius:8px;border:1px solid var(--hairline);font:700 13px var(--mono);text-align:right}.short-over-banner{margin-top:10px;padding:10px 14px;border-radius:10px;font:700 13px var(--font);display:flex;justify-content:space-between}.short-over-banner.short{background:#fbf0f1;color:var(--danger-ink)}.short-over-banner.over{background:var(--state-achieved-bg);color:var(--state-achieved-ink)}.short-over-banner.even{background:var(--chip-bg);color:var(--text-muted)}.short-over-banner.total{font-size:15px;border:1.5px solid currentColor}.close-actions{display:flex;gap:10px;margin-top:14px}.ledger-mini-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0 4px 14px;font:600 12px var(--font);color:var(--text-muted)}.ledger-mini-row .value{font:700 12px var(--mono)}.ledger-panel{width:340px;flex:none;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-card);padding:16px}.ledger-entry{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--hairline);font:600 12px var(--font)}.ledger-entry .amount.income{color:var(--state-achieved-ink)}.ledger-entry .amount.expense{color:var(--danger-ink)}.ledger-entry .void-btn{font:700 10px var(--font);color:var(--text-faint);cursor:pointer;margin-left:8px}.track-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;margin-bottom:8px}.track-card-code{font:800 13px var(--font);color:var(--text)}.track-card-range{font:600 11px var(--mono);color:var(--text-muted);margin-top:2px}.track-status-chip{font:700 10px var(--font);padding:3px 10px;border-radius:8px;background:var(--chip-bg);color:var(--text-muted)}.track-status-chip.active{background:var(--state-achieved);color:var(--on-achieved)}.track-progress-row{display:flex;justify-content:space-between;align-items:center;font:700 12px var(--font);color:var(--text-muted);margin:12px 0 6px}.track-progress-bar{height:8px;border-radius:6px;background:var(--chip-bg);overflow:hidden}.track-progress-fill{height:100%;background:var(--accent);border-radius:6px}.track-warn-banner{margin-top:10px;padding:9px 12px;border-radius:10px;font:700 12px var(--font);background:var(--state-behind-bg);color:var(--state-behind-ink)}.track-shell-note{margin-top:12px;padding:9px 12px;border-radius:10px;font:600 11px var(--font);background:var(--chip-bg);color:var(--text-muted)}.closed-banner{background:var(--state-achieved-bg);color:var(--state-achieved-ink);border-radius:10px;padding:10px 14px;font:700 13px var(--font);margin-bottom:14px}.badge{position:absolute;top:-6px;right:-6px;background:var(--state-overtime);color:var(--on-overtime);font:700 10px var(--font);border-radius:8px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.dc-layout{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.dc-main{flex:1.9;min-width:420px;display:flex;flex-direction:column;gap:13px}.dc-sidebar{flex:1;min-width:280px;max-width:330px;display:flex;flex-direction:column;gap:13px}.dc-side-card{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;padding:16px;box-shadow:var(--shadow-card)}.dc-gate{flex:1.9;min-width:420px;background:var(--surface);border:1px solid var(--hairline);border-radius:14px;box-shadow:var(--shadow-card);padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.dc-gate-icon{width:64px;height:64px;border-radius:50%;background:var(--surface-soft);display:flex;align-items:center;justify-content:center;font-size:30px}.dc-gate-title{font:800 20px var(--font);color:var(--text)}.dc-gate-desc{font:500 12px var(--font);color:var(--text-muted);max-width:420px}.dc-gate-stats{display:flex;gap:22px;margin-top:4px}.dc-gate-stat-label{font:600 10px var(--font);color:var(--text-muted)}.dc-gate-stat-value{font:800 20px var(--mono);color:var(--text);margin-top:2px}.dc-gate-btn{font:800 15px var(--font);color:var(--on-accent);background:var(--accent);padding:14px 46px;border-radius:12px;margin-top:6px;cursor:pointer;box-shadow:var(--shadow-btn)}.dc-gate-btn:active{opacity:.85}.dc-titlebar{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.dc-title{font:800 19px var(--font);color:var(--text)}.dc-back-btn{font:700 12px var(--font);color:var(--text-muted);background:var(--surface);border:1.5px solid #ece2d6;padding:5px 14px;border-radius:10px;cursor:pointer}.dc-badge{font:800 12px var(--font);padding:5px 12px;border-radius:10px;white-space:nowrap}.dc-badge.pending{color:var(--state-behind-ink);background:var(--state-behind-bg)}.dc-badge.good{color:var(--on-accent);background:var(--accent)}.dc-badge.bad{color:var(--on-overtime);background:var(--danger)}.dc-kpi-row{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:28px;box-shadow:var(--shadow-card)}.dc-kpi-label{font:600 10px var(--font);color:var(--text-muted)}.dc-kpi-value{font:800 24px var(--mono);color:var(--text);margin-top:2px}.dc-recon-card{background:var(--surface);border:1px solid var(--hairline);border-left:4px solid var(--accent);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow-card)}.dc-recon-card.bad{border-left-color:var(--danger)}.dc-recon-head{display:flex;align-items:center;gap:8px;margin-bottom:11px}.dc-recon-icon{font-size:16px}.dc-recon-name{font:800 15px var(--font);color:var(--text)}.dc-recon-cols{display:flex;gap:12px}.dc-recon-col{flex:1;background:var(--surface-soft);border-radius:10px;padding:9px 12px}.dc-recon-col.input{background:var(--surface);border:1.5px solid var(--hairline)}.dc-recon-col.input.bad{border-color:var(--danger)}.dc-recon-col.input.good{border-color:var(--accent)}.dc-recon-col.diff{background:var(--surface-soft);border:1px solid var(--hairline)}.dc-recon-col.diff.good{background:var(--state-achieved-bg);border-color:#dce9f3}.dc-recon-col.diff.bad{background:var(--danger-bg);border-color:var(--danger-border)}.dc-recon-col-label{font:600 9px var(--font);color:var(--text-muted)}.dc-recon-col.diff.good .dc-recon-col-label{color:var(--state-achieved-ink)}.dc-recon-col.diff.bad .dc-recon-col-label{color:var(--danger-ink)}.dc-recon-col-value{font:800 16px var(--mono);color:var(--text);margin-top:1px}.dc-recon-col.diff.good .dc-recon-col-value{color:var(--state-achieved-ink)}.dc-recon-col.diff.bad .dc-recon-col-value{color:var(--danger)}.dc-recon-col input{width:100%;border:none;background:transparent;padding:0;font:800 16px var(--mono);color:var(--text);outline:none}.dc-formula{font:500 9px var(--font);color:var(--text-faint);margin-top:8px}.dc-tip{font:600 10px var(--font);color:var(--state-behind-ink);margin-top:8px}.dc-summary-grid{display:flex;gap:8px;margin-bottom:9px}.dc-summary-cell{flex:1;display:flex;flex-direction:column;gap:2px;background:var(--surface-soft);border-radius:8px;padding:8px 10px}.dc-summary-cell.short{background:var(--danger-bg)}.dc-summary-cell.over{background:var(--state-achieved-bg)}.dc-summary-cell-label{font:600 10px var(--font);color:var(--text-muted)}.dc-summary-cell-value{font:800 13px var(--mono);color:var(--text)}.dc-summary-cell.short .dc-summary-cell-value{color:var(--danger)}.dc-summary-cell.over .dc-summary-cell-value{color:var(--state-achieved-ink)}.dc-summary-total{display:flex;justify-content:space-between;align-items:center;background:var(--state-achieved-bg);border:1px solid #dce9f3;border-radius:9px;padding:11px 14px}.dc-summary-total.short{background:var(--danger-bg);border-color:var(--danger-border)}.dc-summary-total-label{font:800 13px var(--font);color:var(--state-achieved-ink)}.dc-summary-total.short .dc-summary-total-label{color:var(--danger-ink)}.dc-summary-total-value{font:800 18px var(--mono);color:var(--accent)}.dc-summary-total.short .dc-summary-total-value{color:var(--danger)}.dc-side-title{font:700 12px var(--font);color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:8px}.dc-side-title .count{margin-left:auto;font:800 12px var(--font);color:var(--text)}.dc-invoice-item{display:flex;align-items:center;gap:8px;padding:5px 0}.dc-invoice-no{font:700 9px var(--mono);color:var(--text-muted);white-space:nowrap}.dc-invoice-desc{flex:1;font:600 11px var(--font);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-invoice-amount{font:700 11px var(--mono);color:var(--text)}.dc-side-footnote{font:600 9px var(--font);color:var(--text-faint);margin-top:9px}.dc-bottom-actions{width:100%;background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:14px 18px;margin-top:14px;box-shadow:var(--shadow-card);display:flex;gap:10px}.dc-bottom-btn{flex:1;text-align:center;font:700 13px var(--font);color:var(--text-muted);background:var(--surface);border:1.5px solid #ece2d6;padding:13px 0;border-radius:11px;cursor:pointer}.dc-bottom-btn.primary{flex:2;font:800 14px var(--font);color:var(--on-accent);background:var(--accent);border:none;box-shadow:var(--shadow-btn)}.dc-bottom-btn.primary.disabled{opacity:.5;cursor:default}