:root{color:#1d2520;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f6f1;min-width:320px;min-height:100vh;margin:0}button,a,input,select{font:inherit}button{color:#1d2520;cursor:pointer;background:#fff;border:1px solid #ccd5ca;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}input,select{color:#1d2520;background:#fff;border:1px solid #ccd5ca;border-radius:8px;width:100%;min-height:42px;padding:0 12px}label{color:#5d675f;gap:7px;font-size:.88rem;font-weight:650;display:grid}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.auth-chip{color:#4f574e;white-space:nowrap;background:#fff;border:1px solid #ccd5ca;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 8px 0 11px;font-size:.82rem;font-weight:800;display:inline-flex}.auth-chip>span{text-overflow:ellipsis;max-width:230px;overflow:hidden}.auth-chip button{width:30px;min-height:30px;padding:0}.role-switch{color:#fff;white-space:nowrap;background:#24745f;border:1px solid #24745f;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.role-switch:hover,.role-switch:focus-visible{background:#17634d;outline:none}.section-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefbf0;border:1px solid #d6d8c7;border-radius:8px;gap:8px;margin-bottom:14px;padding:8px;display:flex;position:sticky;top:0;overflow-x:auto}.section-nav a,.section-nav button{color:#4f574e;white-space:nowrap;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex}.section-nav a:hover,.section-nav a:focus-visible,.section-nav button:hover,.section-nav button:focus-visible,.section-nav button.active{color:#17634d;background:#f3f8f1;border-color:#ccd5ca;outline:none}.eyebrow{color:#24745f;text-transform:uppercase;margin:0 0 3px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:800}h2{font-size:1rem;font-weight:800}h3{font-size:.92rem;font-weight:800}.status-strip{color:#4f574e;background:#fffdf7;border:1px solid #d6d8c7;border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:0 12px;font-size:.9rem;display:inline-flex}.status-dot{background:#24916f;border-radius:999px;width:9px;height:9px}.alert{color:#84322b;background:#fff0ee;border:1px solid #e1aaa4;border-radius:8px;margin-bottom:14px;padding:12px 14px}.admin-toast{z-index:30;color:#17634d;text-align:left;background:#f0fbf6;border:1px solid #8fcdb7;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;width:min(330px,100vw - 32px);min-height:62px;padding:10px 12px;display:flex;position:fixed;top:86px;right:18px;box-shadow:0 12px 32px #1d252024}.admin-toast svg{flex:none}.admin-toast span{gap:3px;min-width:0;display:grid}.admin-toast strong,.admin-toast small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-toast strong{font-size:.9rem;font-weight:850}.admin-toast small{color:#4f665c;font-size:.8rem;font-weight:700}.module-alert{color:#795417;background:#fff8e7;border:1px solid #dfc784;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.module-alert span{color:#8a6b2d;font-size:.86rem;font-weight:700}.view-section{display:none}.view-section.active{display:grid}.customer-grid{grid-template-columns:1.05fr 1fr;align-items:start;gap:14px;display:grid}.admin-grid{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.view-section:not(.active){display:none}.panel{background:#fffefb;border:1px solid #d6d8c7;border-radius:8px;gap:16px;padding:16px;display:grid}.auth-panel{max-width:430px}.panel-heading,.panel-heading>div{align-items:center;gap:9px;display:flex}.panel-heading svg{color:#24745f}.panel-heading.split{justify-content:space-between}.icon-action{width:38px;min-height:38px;padding:0}.product-list,.order-list,.board-list,.feed{gap:8px;display:grid}.product-row,.order-list-item,.slot-row,.feed-row,.board-item,.summary-line,.receipt,.stock-total{background:#fff;border:1px solid #e3e4d9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.pickup-card,.token-card{background:#f7fbf5;border:1px solid #e3e4d9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.pickup-card>div,.token-card>div{gap:5px;display:grid}.pickup-card span,.token-card span{color:#667067;font-size:.82rem;font-weight:800}.pickup-card strong{font-size:2rem;line-height:1}.token-card{background:#fff8e9}.token-card strong{color:#7b4c17;letter-spacing:.08em;font-size:1.55rem}.pickup-code{background:#fffdf7;border:1px solid #d9c394;border-radius:4px;grid-template-rows:repeat(7,9px);grid-template-columns:repeat(7,9px);gap:2px;padding:7px;display:grid}.pickup-code span{background:#f2e7cc;border-radius:1px}.pickup-code span.filled{background:#5d3f19}.product-row>div{gap:3px;display:grid}.product-row span,.order-list-item span,.board-item p,.feed-row span{color:#667067;font-size:.86rem}.subsection-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.subsection-heading span{color:#667067;font-size:.78rem;font-weight:800}.order-list-item{text-align:left;width:100%}.order-list-item>div{gap:4px;min-width:0;display:grid}.order-list-item strong{overflow-wrap:anywhere}.order-list-item.selected{background:#f3f8f1;border-color:#24745f}.order-group{border-top:1px solid #edf0e8;gap:6px;padding-top:10px;display:grid}.order-group:first-of-type{border-top:0;padding-top:0}.order-group-heading{color:#4f574e;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:.76rem;font-weight:850;display:flex}.order-group-heading small{color:#4a554d;background:#e8ede4;border-radius:999px;justify-content:center;align-items:center;min-width:24px;min-height:22px;font-size:.74rem;display:inline-flex}.order-master-detail{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:start;gap:14px;display:grid}.scroll-list{max-height:520px;padding-right:4px;overflow:auto}.order-detail-surface{background:#fbfdf8;border:1px solid #e3e4d9;border-radius:8px;gap:14px;min-width:0;padding:12px;display:grid}.product-row input{text-align:center;width:74px}.summary-line{background:#f3f8f1}.stock-total{background:#eef6f2}.helper-text{color:#667067;font-size:.82rem;font-weight:650}.primary-action{color:#fff;background:#24745f;border-color:#24745f;width:100%;font-weight:800}.primary-action.confirm{background:#9a6027;border-color:#9a6027}.ghost-action{border-color:#d9dccf;min-height:34px;padding:0 10px}.board-item{text-align:left;align-items:flex-start;width:100%}.board-item.selected{background:#f3f8f1;border-color:#24745f}.board-main{gap:4px;display:grid}.board-main strong{font-size:1.55rem}.staff-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.staff-action-panel{border-top:1px solid #e6e8dd;gap:10px;padding-top:12px;display:grid}.readonly-token{background:#fff;border:1px solid #e3e4d9;border-radius:8px;gap:6px;padding:12px;display:grid}.readonly-token span{color:#667067;font-size:.8rem;font-weight:800}.readonly-token strong{overflow-wrap:anywhere;font-size:1.1rem}.empty-state.compact{padding:10px 12px}.selected-order-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.status-badge{color:#4a554d;background:#e8ede4;border-radius:999px;align-items:center;width:max-content;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge.ready,.status-badge.readyforpickup,.status-badge.completed{color:#17634d;background:#dff3ea}.status-badge.preparing,.status-badge.placedinslot{color:#86520f;background:#fff1d9}.status-badge.available{color:#56615a;background:#eef1ec}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.capacity-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.slot-dashboard-panel{grid-column:1/-1}.window-capacity{border-top:1px solid #e6e8dd;gap:10px;padding-top:14px;display:grid}.window-capacity:first-of-type{border-top:0;padding-top:0}.window-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.window-title span{color:#667067;font-size:.82rem;font-weight:800}.capacity-editor{grid-template-columns:minmax(120px,140px) auto;align-items:end;gap:10px;width:max-content;max-width:100%;display:inline-grid}.capacity-editor input{max-width:140px}.metric{background:#fff;border:1px solid #e3e4d9;border-radius:8px;gap:7px;padding:12px;display:grid}.metric span{color:#667067;font-size:.8rem;font-weight:700}.metric strong{font-size:1.55rem}.feed-row{justify-content:flex-start}.feed-row svg{color:#9a6027;flex:none}.warning-row{background:#fff7e9}.empty-state{color:#667067;border:1px dashed #cfd4c8;border-radius:8px;padding:14px}.compact-select{width:150px;min-height:38px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.detail,.compact-row,.reservation-row,.event-row{background:#fff;border:1px solid #e3e4d9;border-radius:8px;gap:4px;padding:10px;display:grid}.detail span,.compact-row span,.reservation-row span,.event-row span,.event-row small,.slot-tile span,.slot-tile small{color:#667067;font-size:.78rem;font-weight:650}.detail strong,.compact-row strong,.reservation-row strong,.event-row strong{overflow-wrap:anywhere;min-width:0;font-size:.92rem}.timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.timeline-step{color:#8a928b;gap:7px;min-width:0;font-size:.74rem;font-weight:800;display:grid}.timeline-step span{background:#e1e5dc;border-radius:999px;height:6px}.timeline-step.active{color:#17634d}.timeline-step.active span{background:#24916f}.timeline-step p{overflow-wrap:anywhere}.item-stack,.table-list,.event-list{gap:8px;display:grid}.compact-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.slot-tile{background:#fff;border:1px solid #dbe1d6;border-radius:8px;align-content:start;gap:5px;min-height:76px;padding:10px;display:grid}.slot-tile strong{font-size:1rem}.slot-tile.reserved{background:#fff8e9;border-color:#cdb277}.slot-tile.preparing,.slot-tile.placedinslot{background:#fff1d9;border-color:#e0b35f}.slot-tile.ready,.slot-tile.readyforpickup{background:#e8f8f0;border-color:#88c8ad}.slot-tile.available{background:#fafbf8;border-color:#d4d9d2}.reservation-row{grid-template-columns:minmax(0,.8fr) auto minmax(0,1fr) auto;align-items:center}.event-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.rich-event-row{grid-template-columns:minmax(0,1fr) auto auto auto}.rich-event-row>div{gap:4px;min-width:0;display:grid}@media (width<=980px){.customer-grid,.admin-grid,.order-master-detail{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}}@media (width<=560px){.app-shell{width:min(100% - 20px,1180px);padding:14px 0}.product-row,.order-list-item,.board-item,.receipt,.reservation-row,.event-row,.rich-event-row{flex-direction:column;align-items:stretch;display:flex}.product-row input{width:100%}.detail-grid,.selected-order-card,.capacity-strip,.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{grid-template-columns:1fr}.compact-select{width:100%}.topbar-actions{flex-direction:column;align-items:stretch}}