:root{--surface:#fbfcfb;--surface-2:#eef3ed;--surface-3:#ffffff;--ink:#1d1f1b;--muted:#64705f;--line:#d9e1d6;--green:#0f8f68;--green-soft:#dff3ea;--coral:#e2552f;--coral-soft:#ffe3dc;--amber:#b9850b;--amber-soft:#fff1c7;--shadow:0 24px 70px rgba(29,31,27,0.1)}*{box-sizing:border-box}html{min-width:320px}body,html{background:var(--surface-2)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{border:0;border-radius:8px;color:var(--surface-3);background:var(--green);cursor:pointer}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr) 340px;min-height:100svh}.inspector,.side-nav{background:var(--surface)}.side-nav{display:flex;flex-direction:column;gap:34px;padding:28px;border-right:1px solid var(--line)}.business-band h3,.section-heading h3,.side-nav h1,.topbar h2{margin:0;letter-spacing:0}.side-nav h1{max-width:10ch;font-size:36px;line-height:.96}.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.business-notification-list,.driver-list,.employee-list,.module-list,.order-list,.product-list,.role-list,.shift-list,.stock-list,.zone-list{display:grid;grid-gap:10px;gap:10px}.role-button{display:grid;grid-gap:4px;gap:4px;width:100%;padding:12px;color:var(--ink);text-align:left;background:transparent;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease}.driver-row strong,.order-row strong,.product-row strong,.role-button span{font-weight:800}.business-band p,.business-picker,.driver-row span,.metric small,.order-row span,.product-row span,.role-button small,.topbar span{color:var(--muted)}.role-button.active{background:var(--green-soft);border-color:#b8decf}.workspace{display:grid;align-content:start;grid-gap:22px;gap:22px;padding:26px}.checkout-strip,.driver-row,.order-row,.section-heading,.stock-row,.topbar,.zone-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h2{font-size:clamp(28px,4rem,58px);line-height:.98}.business-picker{display:grid;grid-gap:8px;gap:8px;min-width:230px;font-size:13px;font-weight:700}.business-picker select{min-height:42px;padding:0 12px;color:var(--ink)}.access-panel,.business-picker select{background:var(--surface-3);border:1px solid var(--line);border-radius:8px}.access-panel{display:grid;grid-gap:16px;gap:16px;padding:18px}.access-tabs{display:flex;flex-wrap:wrap;gap:8px}.access-tab{min-height:38px;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line)}.access-tab.active{color:var(--surface-3);background:var(--green);border-color:var(--green)}.access-grid,.business-type-grid{display:grid;grid-gap:14px;gap:14px}.access-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.access-grid-business{margin-top:14px}.business-type-grid{grid-template-columns:minmax(220px,.35fr) minmax(0,.65fr)}.access-grid label,.business-type-grid label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.access-grid input,.access-grid select,.business-type-grid select{width:100%;min-height:44px;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.access-grid button{min-height:44px;padding:0 16px}.business-type-grid h3{margin:0;font-size:24px;line-height:1.1}.business-type-grid p{margin:0;color:var(--muted)}.module-chips,.module-list,.preset-summary{display:flex;flex-wrap:wrap;gap:8px}.preset-summary{margin-top:12px}.preset-summary span{padding:8px 10px;color:var(--green);background:var(--green-soft);border:1px solid #b8decf;border-radius:8px;font-size:13px;font-weight:800}.preset-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:12px}.preset-detail-grid article{display:grid;grid-gap:6px;gap:6px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.preset-detail-grid small{color:var(--muted);line-height:1.35}.module-chips{margin-top:12px}.module-chips span,.module-list span{padding:8px 10px;color:var(--ink);background:var(--green-soft);border:1px solid #b8decf;border-radius:8px;font-size:13px;font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.permission-grid article{display:grid;grid-gap:6px;gap:6px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.muted-note,.permission-grid small,.permission-grid span{color:var(--muted)}.permission-grid small{overflow-wrap:anywhere;font-size:12px;line-height:1.35}.feedback-banner{margin:0;padding:12px 14px;color:var(--ink);background:var(--green-soft);border:1px solid #b8decf;border-radius:8px;font-size:14px;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.metric{display:grid;grid-gap:7px;gap:7px;padding:14px;background:var(--surface-3);border:1px solid var(--line);border-radius:8px}.metric span{color:var(--muted);font-size:13px;font-weight:700}.metric strong{font-size:28px;line-height:1}.metric-green strong{color:var(--green)}.metric-coral strong{color:var(--coral)}.metric-amber strong{color:var(--amber)}.business-band{display:grid;grid-template-columns:minmax(180px,300px) 1fr;min-height:180px;overflow:hidden;background:var(--ink);border-radius:8px;box-shadow:var(--shadow)}.business-band img{width:100%;height:100%;min-height:180px;object-fit:cover}.business-band div{display:grid;align-content:center;padding:28px}.business-band h3,.business-band p{max-width:620px;color:var(--surface-3)}.business-band h3{font-size:clamp(24px,3rem,44px);line-height:1}.business-band p:last-child{margin:12px 0 0}.work-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-gap:14px;gap:14px}.inspector section,.orders-panel,.pos-panel{padding:18px;background:var(--surface-3);border:1px solid var(--line);border-radius:8px}.section-heading{margin-bottom:16px}.section-heading button{min-height:40px;padding:0 18px}.product-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto auto minmax(160px,220px);align-items:center;grid-gap:12px;gap:12px;padding:10px;background:var(--surface);border-radius:8px}.product-row img{width:70px;height:58px;object-fit:cover;border-radius:8px}.product-row button{min-height:36px;padding:0 12px}.quick-edit{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.quick-edit label{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:12px;font-weight:800}.quick-edit input{width:100%;min-height:34px;padding:0 8px;color:var(--ink);background:var(--surface-3);border:1px solid var(--line);border-radius:8px}.branch-form-grid .wide-field,.product-form-grid .wide-field,.promotion-form-grid .wide-field{grid-column:span 2}.checkout-controls{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-gap:10px;gap:10px;margin-bottom:14px}.checkout-controls label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:800}.checkout-controls input,.checkout-controls select{min-height:42px;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.driver-row div,.order-row div,.product-row div{display:grid;grid-gap:4px;gap:4px;min-width:0}.driver-row span,.driver-row strong,.order-row span,.order-row strong,.product-row span,.product-row strong{overflow-wrap:anywhere}.checkout-strip{margin-top:14px;padding:14px;color:var(--surface-3);background:var(--green);border-radius:8px}.cart-list,.ticket-panel{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.cart-row,.ticket-row,.ticket-total{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-row{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.cart-row div:first-child{display:grid;grid-gap:4px;gap:4px}.cart-row span,.ticket-panel span{color:var(--muted)}.cart-actions{display:grid;grid-template-columns:36px auto 36px;align-items:center;grid-gap:8px;gap:8px}.cart-actions button{width:36px;min-height:36px;padding:0}.ticket-panel{padding:14px;background:var(--surface);border:1px dashed var(--green);border-radius:8px}.ticket-panel h4{margin:0;font-size:22px}.ticket-row{padding-top:8px;border-top:1px solid var(--line)}.ticket-total{padding-top:12px;color:var(--green);border-top:2px solid #b8decf}.driver-row,.employee-row,.order-row,.shift-row,.stock-row,.zone-row{min-height:62px;padding:12px 0;border-bottom:1px solid var(--line)}.order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.order-row button{min-height:36px;padding:0 12px}.done-pill{padding:8px 10px;color:var(--green);background:var(--green-soft);border-radius:8px;font-size:13px;font-weight:800}.driver-row:last-child,.employee-row:last-child,.order-row:last-child,.shift-row:last-child,.stock-row:last-child,.zone-row:last-child{border-bottom:0}.order-row b{color:var(--coral);text-align:right}.sync-pill{padding:8px 10px;color:var(--amber);background:var(--amber-soft);border-radius:8px;font-size:13px;font-weight:800}.inspector{display:grid;align-content:start;grid-gap:14px;gap:14px;padding:26px;border-left:1px solid var(--line)}.zone-row strong{display:grid;place-items:center;width:34px;height:34px;color:var(--surface-3);background:var(--green);border-radius:8px}.stock-row strong{color:var(--coral)}.driver-row b{color:var(--green)}.employee-row,.shift-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-row div,.shift-row div{display:grid;grid-gap:4px;gap:4px;min-width:0}.employee-row span,.employee-row strong,.shift-row small,.shift-row span,.shift-row strong{overflow-wrap:anywhere}.employee-row span,.shift-row small,.shift-row span{color:var(--muted)}.employee-row b,.shift-row b{display:grid;place-items:center;width:34px;height:34px;color:var(--surface-3);background:var(--green);border-radius:8px}.shift-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.shift-summary article{display:grid;grid-gap:4px;gap:4px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.shift-summary span{color:var(--muted);font-size:12px}.shift-summary strong{overflow-wrap:anywhere}.shift-row{flex-wrap:wrap}.shift-row button{min-width:68px;min-height:34px;padding:0 10px}.shift-scheduled b{background:var(--amber)}.shift-closed b{color:var(--muted);background:var(--surface-2)}.empty-state{display:grid;min-height:100svh;place-items:center;color:var(--muted)}.branches-ops,.offline-ops,.print-ops,.promotions-ops,.reports-ops,.restaurant-ops,.supplier-ops,.terminal-ops{display:grid;grid-gap:16px;gap:16px;padding:18px;background:var(--surface-3);border:1px solid var(--line);border-radius:8px}.restaurant-grid,.supplier-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);grid-gap:16px;gap:16px}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.promotion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.offline-grid{display:grid;grid-template-columns:.8fr 1.2fr 1fr;grid-gap:12px;gap:12px}.print-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:12px;gap:12px}.terminal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.report-card{display:grid;align-content:space-between;grid-gap:10px;gap:10px;min-height:126px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.report-card small,.report-card span{color:var(--muted);overflow-wrap:anywhere}.report-card strong{font-size:26px;line-height:1;overflow-wrap:anywhere}.report-primary{color:var(--surface-3);background:var(--green);border-color:var(--green)}.report-primary small,.report-primary span{color:rgba(255,255,255,.82)}.report-alert strong{color:var(--coral)}.report-wide{grid-column:span 2}.promotion-card{display:grid;align-content:space-between;grid-gap:14px;gap:14px;min-height:158px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.promotion-card div,.promotion-meta{display:grid;grid-gap:6px;gap:6px;min-width:0}.promotion-card small,.promotion-card span,.promotion-card strong{overflow-wrap:anywhere}.promotion-card small,.promotion-card span{color:var(--muted)}.promotion-meta b{width:-moz-fit-content;width:fit-content;padding:6px 9px;color:var(--green);background:var(--green-soft);border-radius:8px}.promotion-meta button{min-height:34px;padding:0 12px;justify-self:start}.promotion-scheduled .promotion-meta b{color:var(--amber);background:var(--amber-soft)}.promotion-expired .promotion-meta b,.promotion-paused .promotion-meta b{color:var(--muted);background:var(--surface-2)}.branch-card{display:grid;grid-gap:14px;gap:14px;min-width:0;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.branch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.branch-head div{display:grid;grid-gap:4px;gap:4px;min-width:0}.branch-card small,.branch-head span,.branch-head strong,.branch-metrics span{overflow-wrap:anywhere}.branch-card small,.branch-head span{color:var(--muted)}.branch-head b{width:-moz-fit-content;width:fit-content;padding:6px 9px;color:var(--green);background:var(--green-soft);border-radius:8px;white-space:nowrap}.branch-syncing .branch-head b{color:var(--amber);background:var(--amber-soft)}.branch-offline .branch-head b{color:var(--coral);background:var(--coral-soft)}.branch-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.branch-metrics span{min-height:44px;padding:8px;color:var(--ink);background:var(--surface-3);font-size:12px;font-weight:700}.branch-metrics span,.business-notification{border:1px solid var(--line);border-radius:8px}.business-notification{display:grid;grid-gap:6px;gap:6px;padding:12px;background:var(--surface);border-left:4px solid var(--green)}.business-notification span{color:var(--muted)}.business-notification span,.business-notification strong{overflow-wrap:anywhere}.business-notification.priority-high{border-left-color:var(--coral)}.conflict-item,.offline-item,.offline-summary{display:grid;grid-gap:8px;gap:8px;min-width:0;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.conflict-item small,.conflict-item span,.offline-item span,.offline-summary small,.offline-summary span{color:var(--muted)}.conflict-item small,.conflict-item span,.conflict-item strong,.offline-item span,.offline-item strong,.offline-summary small,.offline-summary span,.offline-summary strong{overflow-wrap:anywhere}.conflict-actions{display:flex;flex-wrap:wrap;gap:8px}.conflict-actions button{min-height:32px;padding:0 10px;font-size:12px}.conflict-list,.offline-list{display:grid;grid-gap:10px;gap:10px}.offline-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.offline-item b{padding:6px 8px;color:var(--green);background:var(--green-soft);border-radius:8px;font-size:12px}.offline-conflict b,.offline-failed b{color:var(--coral);background:var(--coral-soft)}.offline-syncing b{color:var(--amber);background:var(--amber-soft)}.print-job-list,.printer-integration-list,.printer-list{display:grid;grid-gap:10px;gap:10px}.print-job,.printer-card,.printer-integration{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-width:0;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.print-job div,.printer-card div,.printer-integration div{display:grid;grid-gap:4px;gap:4px;min-width:0}.print-job small,.print-job span,.print-job strong,.printer-card span,.printer-card strong,.printer-integration small,.printer-integration span,.printer-integration strong{overflow-wrap:anywhere}.print-job small,.print-job span,.printer-card span,.printer-integration span{color:var(--muted)}.print-job b,.printer-card b{padding:6px 8px;color:var(--green);background:var(--green-soft);border-radius:8px;font-size:12px}.print-failed b,.printer-card.offline b{color:var(--coral);background:var(--coral-soft)}.print-printing b,.print-queued b{color:var(--amber);background:var(--amber-soft)}.printer-integration-list{grid-template-columns:repeat(2,minmax(0,1fr))}.printer-capabilities{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.printer-capabilities small{padding:6px 8px;color:var(--green);background:var(--green-soft);border-radius:8px;font-size:12px}.health-needs_setup .printer-capabilities small:first-child{color:var(--amber);background:var(--amber-soft)}.health-error .printer-capabilities small:first-child{color:var(--coral);background:var(--coral-soft)}.physical-payment-list,.terminal-list{display:grid;grid-gap:10px;gap:10px}.physical-payment,.terminal-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-width:0;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.physical-payment div,.terminal-card div{display:grid;grid-gap:4px;gap:4px;min-width:0}.physical-payment span,.physical-payment strong,.terminal-card small,.terminal-card span,.terminal-card strong{overflow-wrap:anywhere}.physical-payment span,.terminal-card span{color:var(--muted)}.terminal-capabilities{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.physical-payment b,.terminal-capabilities small{padding:6px 8px;color:var(--green);background:var(--green-soft);border-radius:8px;font-size:12px}.payment-pending b,.terminal-pairing .terminal-capabilities small:first-child{color:var(--amber);background:var(--amber-soft)}.payment-declined b,.payment-needs_reconciliation b,.terminal-error .terminal-capabilities small:first-child,.terminal-offline .terminal-capabilities small:first-child{color:var(--coral);background:var(--coral-soft)}.tables-board{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-board,.supplier-board,.tables-board{display:grid;grid-gap:10px;gap:10px}.kitchen-ticket,.purchase-order,.supplier-card,.table-tile{display:grid;grid-gap:10px;gap:10px;min-width:0;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.purchase-head div,.supplier-card div,.table-tile div,.ticket-head div{display:grid;grid-gap:4px;gap:4px;min-width:0}.kitchen-lines span,.purchase-head span,.purchase-head strong,.purchase-lines span,.supplier-card small,.supplier-card span,.supplier-card strong,.table-tile small,.table-tile span,.table-tile strong,.ticket-head span,.ticket-head strong{overflow-wrap:anywhere}.table-tile b{width:-moz-fit-content;width:fit-content;padding:5px 8px;color:var(--green);background:var(--green-soft);border-radius:8px}.table-needs_service b,.table-occupied b{color:var(--coral);background:var(--coral-soft)}.table-reserved b{color:var(--amber);background:var(--amber-soft)}.purchase-head span,.supplier-card small,.supplier-card span,.table-tile small,.table-tile span,.ticket-head span{color:var(--muted)}.kitchen-board{display:grid;grid-gap:10px;gap:10px}.ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ticket-head button{min-height:34px;padding:0 10px;white-space:nowrap}.kitchen-lines{display:flex;flex-wrap:wrap;gap:8px}.kitchen-lines span{padding:7px 9px;color:var(--ink);background:var(--surface-3);border:1px solid var(--line);border-radius:8px}.supplier-card b{width:-moz-fit-content;width:fit-content;padding:5px 8px;color:var(--green);background:var(--green-soft);border-radius:8px}.purchase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.purchase-head b{color:var(--green);white-space:nowrap}.purchase-draft .purchase-head b{color:var(--amber)}.purchase-received .purchase-head b{color:var(--muted)}.purchase-lines{display:flex;flex-wrap:wrap;gap:8px}.purchase-lines span{padding:7px 9px;color:var(--ink);background:var(--surface-3);border:1px solid var(--line);border-radius:8px}@media (max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:0}.product-row{grid-template-columns:70px minmax(0,1fr) auto}.product-row button,.quick-edit{grid-column:2/-1}}@media (max-width:860px){.app-shell,.business-band,.business-type-grid,.inspector,.offline-grid,.permission-grid,.preset-detail-grid,.print-grid,.restaurant-grid,.supplier-grid,.terminal-grid,.work-grid{grid-template-columns:1fr}.side-nav{border-right:0;border-bottom:1px solid var(--line)}.role-list{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:stretch;flex-direction:column}.business-picker{min-width:0}.metrics-grid,.promotion-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-grid{grid-template-columns:1fr}.branch-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.printer-integration-list{grid-template-columns:1fr}}@media (max-width:560px){.inspector,.side-nav,.workspace{padding:18px}.access-grid,.metrics-grid,.role-list{grid-template-columns:1fr}.side-nav h1{max-width:none;font-size:32px}.product-row{grid-template-columns:58px minmax(0,1fr)}.product-row b,.product-row button,.quick-edit{grid-column:2}.branch-form-grid .wide-field,.product-form-grid .wide-field,.promotion-form-grid .wide-field{grid-column:1}.branch-metrics,.checkout-controls,.promotion-grid,.report-grid,.report-wide{grid-template-columns:1fr}.branch-head{align-items:stretch;flex-direction:column}.report-wide{grid-column:auto}.cart-actions,.cart-row{align-items:stretch}.cart-row{flex-direction:column}.order-row{align-items:stretch}.order-row,.tables-board{grid-template-columns:1fr}.purchase-head,.ticket-head{align-items:stretch;flex-direction:column}}