:root{font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:#1d2828;background:#f8f5ef;font-size:16px;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f8f5ef}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh}.topbar{min-height:76px;background:#152a2a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,5vw,72px);gap:20px}.brand-mark{font-weight:800;font-size:1.3rem;letter-spacing:.08em}.topbar-subtitle{font-size:.8rem;color:#d0d9d5}.top-links{display:flex;gap:10px;flex-wrap:wrap}.top-links a{color:#f0e8d9;text-decoration:none;padding:9px 12px;border-radius:10px}.top-links a:hover{background:#2a4744}.offline-banner{background:#9e351e;color:#fff;padding:12px 20px;text-align:center;font-weight:700}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 80px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.page-heading h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.04em}.page-heading p{margin:10px 0 0}.muted{color:#66706d}.eyebrow{display:block;color:#b24a2e;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mode-pill,.tag,.status,.code-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:800}.mode-pill{background:#e8e0d2;color:#2b4440}.hero-card,.owner-hero{background:#e5d4b7;border-radius:24px;padding:clamp(24px,5vw,52px);display:flex;justify-content:space-between;gap:32px;align-items:end}.hero-card h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;max-width:650px;margin:8px 0 14px;letter-spacing:-.05em}.hero-card p{font-size:1.12rem;max-width:620px}.hero-note{display:grid;gap:8px;min-width:240px;background:#fff9;padding:18px;border-radius:18px}.hero-note strong{font-size:1.25rem;color:#9e351e}.primary-button,.secondary-button,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;padding:11px 17px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s}.primary-button{background:#c55232;color:#fff}.primary-button:hover{background:#a93e23;transform:translateY(-1px)}.secondary-button{background:#e8e0d2;color:#223d39}.secondary-button:hover{background:#d8cdbb}.back-button{background:transparent;color:#5c6966;padding:0}.notice-strip{margin:18px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f1e6d1;border-left:5px solid #c55232;padding:15px 18px;border-radius:12px}.notice-strip a{color:#a53e25;font-weight:800}.two-column,.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card,.wizard-card,.tracking-card,.board-card{background:#fffdf9;border:1px solid #e7dfd2;border-radius:18px;padding:24px;box-shadow:0 10px 30px #2d37340d}.card h2,.wizard-card h2,.tracking-card h2,.board-card h2{margin:3px 0 15px}.card h3,.wizard-card h3{margin-top:25px}.steps{display:grid;gap:13px}.steps span{padding:14px 16px;background:#f4f0e8;border-radius:12px;font-weight:700}.announcement{display:grid;gap:5px;border-top:1px solid #ece5d9;padding:14px 0}.announcement:first-of-type{border-top:0}.announcement strong{font-size:1.1rem}.announcement p{margin:0;color:#66706d}.wizard-header{display:flex;gap:18px;align-items:flex-start;margin-bottom:24px}.wizard-header h2{margin-top:3px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-grid label{display:grid;gap:7px;font-weight:800}.field-grid input,.field-grid select{width:100%;min-height:48px;border:1px solid #cfd4cf;border-radius:10px;background:#fff;padding:9px 12px;color:#1d2828}.field-grid small{font-size:.78rem;color:#66706d;font-weight:500}.slot-grid,.dish-grid,.choice-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}.dish-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.choice-button{background:#f2eee6;border:2px solid transparent;border-radius:13px;min-height:68px;padding:12px;text-align:left;display:grid;gap:2px;color:#213432}.choice-button strong{font-size:1rem}.choice-button span,.choice-button small{color:#66706d}.choice-button.selected{border-color:#c55232;background:#fff1e7}.choice-button:disabled{filter:grayscale(1)}.location-preview,.order-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:20px 0;padding:16px;background:#f4f0e8;border-radius:14px}.location-preview div,.order-summary div{display:grid;gap:3px}.location-preview a{font-weight:800;color:#a53e25}.blocked-callout,.error-box{margin:16px 0;padding:15px 17px;border-radius:12px;display:grid;gap:4px}.blocked-callout{background:#fff0da;border-left:4px solid #d3842e}.error-box{background:#ffe9e3;border-left:4px solid #b63a20;color:#922f1b;font-weight:800}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.check-row{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-weight:700}.check-row input{width:20px;height:20px}.tracking-card{max-width:760px;margin:20px auto;text-align:center;padding:42px 28px}.success-icon{width:56px;height:56px;border-radius:50%;background:#2f7061;color:#fff;font-size:2rem;display:grid;place-items:center;margin:0 auto 16px}.tracking-code{background:#f4f0e8;padding:15px;border-radius:12px;display:grid;gap:2px;margin:24px auto;max-width:300px}.tracking-code span{color:#66706d;font-size:.8rem}.tracking-code strong{font-size:1.1rem;letter-spacing:.08em}.timeline{display:flex;justify-content:space-between;gap:8px;text-align:left;margin:30px 0;position:relative}.timeline:before{content:"";height:2px;background:#d9d1c4;position:absolute;left:8%;right:8%;top:12px;z-index:0}.timeline span{position:relative;z-index:1;background:#fffdf9;padding-top:24px;flex:1;font-size:.83rem;color:#9b9f9b}.timeline span:before{content:"";position:absolute;top:4px;left:0;width:18px;height:18px;background:#d9d1c4;border-radius:50%;border:4px solid #fffdf9}.timeline span.done{color:#2e6659;font-weight:800}.timeline span.done:before{background:#2e6659}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:left}.detail-grid div{display:grid;gap:3px;background:#f4f0e8;padding:12px;border-radius:10px}.detail-grid span{font-size:.78rem;color:#66706d}.detail-grid strong{font-size:.95rem}.owner-tabs,.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.owner-tabs button,.filter-row button{background:transparent;color:#66706d;padding:10px 13px;border-radius:10px;font-weight:800}.owner-tabs button.active,.filter-row button.active{background:#152a2a;color:#fff}.owner-hero{background:#152a2a;color:#fff;align-items:center}.owner-hero strong{font-size:clamp(2rem,5vw,3.4rem);display:block;line-height:1}.owner-hero span{display:block;color:#d6e1dc;margin-top:10px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.hero-actions .secondary-button{background:#2a4744;color:#fff}.count-badge{background:#f0bb5e;color:#43301b;border-radius:999px;padding:2px 8px}.metric-grid,.delivery-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metric-card{background:#f2eee6;border-radius:13px;padding:16px;display:grid;gap:5px}.metric-card.warning{background:#fff0da}.metric-card span{color:#66706d;font-size:.8rem}.metric-card strong{font-size:1.55rem}.action-list{margin-top:18px}.section-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.order-list{display:grid;gap:12px}.order-card{border:1px solid #e2ded5;border-radius:14px;padding:16px;background:#fff}.order-card.order-modified{border-color:#dc8d3e;box-shadow:0 0 0 3px #fff0da}.order-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.code-badge{font-size:1rem;background:#152a2a;color:#fff}.status{background:#e6ece8;color:#2c6657}.status-pending{background:#fff0da;color:#8c551a}.status-preparing{background:#dcecf2;color:#20576a}.status-ready{background:#dff0df;color:#286040}.status-out_for_delivery{background:#efe0f4;color:#713c79}.status-completed{background:#e6ece8;color:#2c6657}.status-rejected,.status-cancelled{background:#f1dddd;color:#8f3333}.tag{background:#ece8df;color:#59615d}.receipt-tag{background:#fff0da;color:#8c551a}.warning-tag,.warning-text{background:#ffe5bf;color:#8c551a}.order-card-main{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin:12px 0}.order-card-main h3{margin:0}.order-card-main p{margin:4px 0}.card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.empty-state{background:#f4f0e8;color:#66706d;border-radius:12px;padding:28px;text-align:center}.board-card{padding:22px}.board-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.prep-summary{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;background:#e9f0ea;padding:14px;border-radius:12px;margin:15px 0}.prep-summary span{color:#315e53}.whiteboard-list{display:grid;gap:8px}.whiteboard-row{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;border:1px solid #dedbd1;border-radius:12px;padding:14px;background:#fff}.whiteboard-row.row-warning{border:3px solid #d18437;background:#fff8e7}.row-code{font-weight:900;font-size:1.15rem;color:#1a4540}.row-content{display:grid;gap:2px}.row-content span{color:#59615d}.row-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.done-label{color:#2d725b;font-weight:900;padding:11px}.print-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.tv-board{background:#111f20;color:#fff;min-height:calc(100vh - 160px)}.tv-board .whiteboard-row{background:#1c3030;color:#fff;border-color:#39504c;grid-template-columns:150px 1fr auto;font-size:1.2rem}.tv-board .row-content span{color:#d7e4df}.tv-board .prep-summary{background:#29433f}.tv-board .prep-summary span{color:#e2f0e8}.tv-board .status{background:#315b53;color:#fff}.stop-list{display:grid;gap:12px}.stop-card{background:#f4f0e8;padding:17px;border-radius:14px}.stop-number{color:#a53e25;font-weight:900}.stop-card h3{margin:2px 0}.stop-card p{margin:4px 0 12px}.pay-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.preflight{margin-top:20px;border:2px solid #c55232;border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.preflight span{color:#66706d}.preflight .primary-button{margin-left:auto}.mobile-delivery{max-width:600px;margin:0 auto;display:grid;gap:14px}.mobile-stop{background:#152a2a;color:#fff;border-radius:20px;padding:24px}.mobile-stop h2{font-size:2.2rem;margin:5px 0}.mobile-stop p{color:#d6e1dc}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.mobile-actions .primary-button,.mobile-actions .secondary-button{background:#fff;color:#152a2a;min-height:58px}.mobile-actions .primary-button{background:#e5d4b7}.menu-list{display:grid;gap:8px}.menu-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px;background:#f4f0e8;border-radius:12px}.menu-row div{display:grid;gap:3px}.available-text{color:#2b725c}.soldout-text{color:#a53e25;font-weight:800}.full-button{width:100%;margin-top:10px}.summary-lines{display:grid;gap:11px;margin:17px 0}.summary-lines span{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ece5d9;padding-bottom:8px}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-grid .wide{grid-column:1/-1}.check-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ece5d9}.gate-pass{color:#2b725c}.gate-blocked,.gate-not_run{color:#a35a20}.mode-system .page{max-width:1000px}@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column}.page{width:min(100% - 24px,680px);padding-top:24px}.page-heading{display:block}.mode-pill{margin-top:15px}.hero-card,.owner-hero{display:block;padding:25px}.hero-note{margin-top:25px}.two-column,.system-grid,.field-grid{grid-template-columns:1fr}.detail-grid,.metric-grid,.delivery-summary{grid-template-columns:repeat(2,1fr)}.section-header{display:block}.hero-actions{justify-content:flex-start;margin-top:20px}.whiteboard-row,.tv-board .whiteboard-row{grid-template-columns:1fr;gap:8px}.row-actions{justify-content:flex-start}.preflight .primary-button{margin-left:0}.timeline{gap:2px}.timeline span{font-size:.7rem}.notice-strip{display:block}.notice-strip a{display:block;margin-top:8px}.mobile-actions{grid-template-columns:1fr 1fr}}@media print{.topbar,.page-heading,.owner-tabs,.print-row,.offline-banner{display:none}.page{width:100%;padding:0}.card,.board-card{box-shadow:none;border:0}.whiteboard-row{break-inside:avoid}}.shell-owner .page{padding-bottom:132px}.shell-owner .owner-tabs{position:fixed;z-index:20;left:50%;bottom:14px;transform:translate(-50%);width:min(760px,calc(100% - 24px));margin:0;padding:8px;background:#152a2a;border-radius:16px;box-shadow:0 12px 35px #0a1c1b40;justify-content:space-around}.shell-owner .owner-tabs button{color:#d6e1dc;flex:1}.shell-owner .owner-tabs button.active{background:#f8f5ef;color:#152a2a}.emergency-page{max-width:960px;margin:0 auto}.emergency-list{display:grid;gap:8px}.emergency-list .whiteboard-row{grid-template-columns:130px 1fr auto}@media(max-width:800px){.shell-owner .owner-tabs{bottom:8px}.shell-owner .owner-tabs button{padding:10px 4px;font-size:.82rem}.emergency-list .whiteboard-row{grid-template-columns:1fr}}