:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f4;--surface:#fff;--surface-soft:#eef4e9;--ink:#17211b;--muted:#697267;--line:#dfe5da;--green:#1f7a4d;--green-dark:#145b39;--tomato:#c84832;--yellow:#f1bc45;--shadow:0 20px 60px #17211b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--ink);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#142018;flex-direction:column;gap:28px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand strong,.brand span{display:block}.brand span{color:#b8c7bc;margin-top:2px;font-size:13px}.brand-mark{background:var(--yellow);color:#142018;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}nav{gap:8px;display:grid}.nav-item,.secondary-action,.danger-action,.icon-action,.order-actions button,.driver-actions button,.detail-actions button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.nav-item{color:#d7e2d9;background:0 0;justify-content:flex-start;width:100%;padding:13px 14px}.nav-item.active,.nav-item:hover{color:#fff;background:#213328}.sidebar-note{color:#cbd9cf;border:1px solid #ffffff1f;border-radius:8px;gap:10px;margin-top:auto;padding:16px;display:grid}.sidebar-note p{margin:0;font-size:13px;line-height:1.5}.main-area{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f4e6;justify-content:space-between;align-items:center;gap:20px;padding:22px 32px;display:flex}.topbar p,.section-title p{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:13px;font-weight:800}.topbar h1,.section-title h2,.delivery-formula h2{margin:0;font-size:clamp(22px,3vw,34px);line-height:1.05}.topbar-actions,.location-picker,.pending-pill,.mode-pill,.status-pill{align-items:center;gap:10px;display:flex}.customer-topbar .topbar-actions{flex-wrap:wrap;justify-content:flex-end}.location-picker,.pending-pill,.mode-pill,.status-pill{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:44px;padding:0 13px;font-size:14px;font-weight:800}.mode-pill{color:#755301;background:#fff5d6}.mode-pill.error,.mode-pill-error{color:#8f2d2d;background:#fde2e2}.status-pill.open{color:var(--green-dark);background:#e6f2ea}.status-pill.closed{color:var(--tomato);background:#fbe8e3}.topbar-signout{min-height:44px;padding:0 13px}.location-picker select{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-weight:800}.workspace{padding:28px 32px 40px}.auth-workspace{place-items:start center;min-height:calc(100vh - 90px);display:grid}.auth-panel{border:1px solid var(--line);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);border-radius:8px;margin-top:32px;padding:22px}.auth-panel .primary-action{margin-top:8px}.shutdown-workspace{place-items:center;min-height:calc(100vh - 90px);display:grid}.shutdown-panel{border:1px solid var(--line);background:var(--surface);text-align:center;width:min(540px,100%);box-shadow:var(--shadow);border-radius:8px;padding:32px}.shutdown-mark{margin:0 auto 16px}.shutdown-panel p{color:var(--muted);text-transform:uppercase;margin:0;font-weight:900}.shutdown-panel h2{margin:8px 0 12px;font-size:clamp(30px,5vw,48px)}.shutdown-panel span{color:var(--muted);font-weight:800;line-height:1.5}.super-admin-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:22px;display:grid}.super-panel{align-self:start}.super-warning{color:#74501c;background:#fff5e8;border:1px solid #f0d2b6;border-radius:8px;margin-bottom:16px;padding:14px;font-size:13px;font-weight:800;line-height:1.45}.control-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.control-actions .primary-action,.control-actions .secondary-action,.control-actions .danger-action{flex:1;min-width:150px}.auth-status{border:1px solid var(--line);background:#fbfcf8;border-radius:8px;gap:6px;margin-bottom:16px;padding:14px;display:grid}.auth-status span{color:var(--green-dark);text-transform:uppercase;font-size:13px;font-weight:900}.auth-error{color:#8f2d2d;background:#fde2e2;border-radius:8px;margin:6px 0 12px;padding:11px 12px;font-size:13px;font-weight:800}.customer-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-title span{color:var(--green-dark);font-weight:800}.section-title.compact h2{font-size:25px}.menu-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.menu-card,.checkout-panel,.admin-panel,.order-dashboard,.route-panel,.delivery-formula,.driver-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.menu-card{overflow:hidden}.food-image{background-color:#d9c99b;background-image:linear-gradient(#121b1505,#121b1557),url(https://images.unsplash.com/photo-1604908176997-125f25cc6f3d?auto=format&fit=crop&w=900&q=78);background-position:50%;background-size:cover;width:100%;height:170px;display:block;position:relative;overflow:hidden}.food-image:before,.food-image:after{content:"";border-radius:999px;display:none;position:absolute}.food-image:before{background:radial-gradient(circle at 34% 42%,#f5f0d6 0 13%,#0000 14%),radial-gradient(circle at 58%,#a73e25 0 14%,#0000 15%),radial-gradient(circle at 50% 62%,#276f43 0 8%,#0000 9%),#dba44a;border:16px solid #ffffff8c;inset:28px 54px 20px;box-shadow:0 18px 36px #17211b2e}.food-image:after{opacity:.9;background:radial-gradient(circle at 35% 35%,#fff8dc 0 14%,#0000 15%),radial-gradient(circle at 62% 60%,#1f7a4d 0 11%,#0000 12%),#c84832;width:52px;height:52px;bottom:22px;right:26px}.food-image span{z-index:1;color:#fff;background:#142018b8;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:900;position:absolute;bottom:12px;left:12px}.food-image.curry{background-image:linear-gradient(#121b1505,#121b1557),url(https://images.unsplash.com/photo-1585937421612-70a008356fbe?auto=format&fit=crop&w=900&q=78)}.food-image.salmon{background-image:linear-gradient(#121b1505,#121b1557),url(https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=900&q=78);background-position:50% 52%}.food-image.sorrel{background-image:linear-gradient(#121b1505,#121b1557),url(https://images.unsplash.com/photo-1544145945-f90425340c7e?auto=format&fit=crop&w=900&q=78);background-position:50% 45%}.food-image.sorrel:before,.food-image.pineapple:before{background:linear-gradient(#ffffffa6,#770f26e6);border:10px solid #ffffff9e;border-top-width:4px;border-radius:16px 16px 26px 26px;inset:34px 88px 22px}.food-image.sorrel:after,.food-image.pineapple:after{background:#fffc;border-radius:4px;width:46px;height:6px;bottom:74px;right:52px}.food-image.pineapple{background-image:linear-gradient(#121b1505,#121b1557),url(https://images.unsplash.com/photo-1622597467836-f3285f2131b8?auto=format&fit=crop&w=900&q=78);background-position:50% 48%}.food-image.juice{background-image:linear-gradient(#121b1505,#121b1557),url(https://images.unsplash.com/photo-1613478223719-2ab802602423?auto=format&fit=crop&w=900&q=78);background-position:50% 48%}.food-image.pineapple:before{background:linear-gradient(#ffffffa6,#f1bc45f2)}.menu-card-body{padding:16px}.menu-heading{justify-content:space-between;gap:10px;min-width:0;display:flex}.menu-heading>div{min-width:0}.menu-heading strong{flex:none}.menu-heading span{color:var(--tomato);text-transform:uppercase;font-size:12px;font-weight:900}.menu-heading h3{margin:4px 0 0;font-size:18px;line-height:1.15}.menu-card-body p,.order-main p,.driver-card p,.driver-intro,.checkout-note{color:var(--muted);line-height:1.45}.menu-card-footer,.quantity-row,.cart-line,.price-row,.grand-total{justify-content:space-between;align-items:center;gap:14px;display:flex}.stock{color:var(--green);font-size:13px;font-weight:900}.stock.out{color:var(--tomato)}.stepper{border:1px solid var(--line);border-radius:8px;grid-template-columns:34px 34px 34px;align-items:center;display:inline-grid;overflow:hidden}.stepper button{background:var(--surface-soft);width:34px;height:34px;color:var(--ink);border:0;place-items:center;display:grid}.stepper button:disabled{cursor:not-allowed;opacity:.45}.stepper span{text-align:center;font-size:14px;font-weight:900}.checkout-panel{padding:20px;position:sticky;top:18px}.field{color:var(--muted);gap:8px;margin-bottom:14px;font-size:13px;font-weight:900;display:grid}.required-marker{color:var(--tomato)}.customer-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field input,.field select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);border-radius:8px;padding:0 12px}.field textarea,.field input[type=range]{width:100%}.field textarea{resize:vertical;border:1px solid var(--line);min-height:86px;color:var(--ink);border-radius:8px;padding:12px}.field input::placeholder,.field textarea::placeholder{color:#8a9388}.route-result-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:5px;margin-bottom:14px;padding:14px;display:grid}.route-result-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.route-result-card strong{color:var(--ink);font-size:24px}.route-result-card p{color:var(--muted);margin:0;font-size:13px;font-weight:800;line-height:1.35}.checkout-warning{color:var(--tomato);margin:-2px 0 12px;font-size:13px;font-weight:900}.route-calc-action{justify-content:center;width:100%;margin:-4px 0 12px}.route-status,.checkout-status{color:var(--muted);margin:-4px 0 12px;font-size:13px;font-weight:900}.checkout-status{margin:12px 0 0}.checkout-needed,.checkout-ready{border-radius:8px;margin:14px 0 -4px;padding:11px 12px;font-size:13px;font-weight:900;line-height:1.35}.checkout-needed{color:#74501c;background:#fff5e8}.checkout-ready{color:var(--green-dark);background:#e6f2ea}.cart-lines,.totals{gap:10px;margin-top:18px;display:grid}.empty{color:var(--muted);margin:0}.price-row{color:var(--muted);font-size:14px}.price-row.muted strong{color:var(--green-dark)}.grand-total{border-top:1px solid var(--line);margin-top:8px;padding-top:15px;font-size:20px;font-weight:900}.primary-action,.secondary-action,.danger-action{min-height:44px;padding:0 15px}.primary-action{background:var(--green);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;font-weight:900;display:inline-flex}.primary-action:disabled{cursor:not-allowed;background:#9db4a7}.status-confirmation{color:var(--green-dark);background:#e6f2ea;border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.status-confirmation strong,.status-confirmation span{display:block}.status-confirmation span{margin-top:2px;font-size:13px;font-weight:800}.customer-status-list{border:1px solid var(--line);background:#fbfcf8;border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.customer-status-list>strong{text-transform:uppercase;font-size:13px}.customer-status-row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.customer-status-row span,.customer-status-row em{font-style:normal;font-weight:900}.customer-status-row em{color:var(--green-dark);text-transform:capitalize}.secondary-action,.order-actions button,.driver-actions button,.detail-actions button{background:var(--surface-soft);color:var(--green-dark)}.danger-action{color:var(--tomato);background:#fbe8e3;border:0;font-weight:900}.checkout-note{margin-bottom:0;font-size:13px}.admin-grid{grid-template-columns:minmax(360px,.4fr) minmax(0,1fr);gap:16px;display:grid}.admin-summary{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.delivery-settings-panel,.operations-panel{grid-column:1}.order-dashboard,.order-detail-panel{grid-column:2}.order-dashboard{grid-row:3/span 2}.order-detail-panel{grid-row:2}.metric{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;min-height:88px;padding:14px 16px;display:grid}.metric svg{grid-row:span 2}.metric span{color:var(--muted);font-size:13px;font-weight:900}.metric strong{font-size:24px;line-height:1}.admin-panel,.order-dashboard,.order-detail-panel,.route-panel,.delivery-formula{padding:18px}.admin-grid .section-title{align-items:flex-start;margin-bottom:14px}.admin-grid .section-title h2{font-size:clamp(22px,2vw,30px);line-height:1.1}.admin-grid .section-title p{margin-bottom:4px;font-size:12px}.quantity-list,.orders-table{gap:10px;display:grid}.menu-form,.location-form{border:1px solid var(--line);background:#fbfcf8;border-radius:8px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.menu-form label,.location-form label{color:var(--muted);gap:6px;font-size:13px;font-weight:900;display:grid}.menu-form input,.menu-form select,.location-form input,.settings-grid input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--ink);border-radius:8px;padding:0 11px}.menu-form .primary-action,.location-form .primary-action{margin-top:0}.toggle-row{align-items:center;gap:9px!important;display:flex!important}.toggle-row input{width:18px;min-height:18px}.location-list{gap:10px;display:grid}.location-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.location-row.active{border-color:var(--green);background:#fbfdf8}.location-row strong,.location-row span,.location-row small{display:block}.location-row span,.location-row em,.location-row small{color:var(--muted);font-size:13px;font-style:normal;font-weight:800}.location-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.location-actions .secondary-action{min-height:34px;padding:0 10px}.form-row{grid-template-columns:1.2fr .8fr .7fr;gap:10px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-grid label{color:var(--muted);gap:6px;font-size:13px;font-weight:900;display:grid}.settings-preview{background:var(--surface-soft);border-radius:8px;gap:4px;margin-top:14px;padding:14px;display:grid}.settings-preview span,.settings-preview em{color:var(--muted);font-style:normal;font-weight:800}.settings-preview strong{color:var(--green-dark);font-size:20px}.operations-status{background:var(--surface-soft);border-radius:8px;gap:5px;padding:14px;display:grid}.operations-status span,.operations-status em{color:var(--muted);font-style:normal;font-weight:800}.operations-status strong{color:var(--green-dark);font-size:18px}.cutoff-field{margin:14px 0 0}.timezone-note{color:var(--green-dark);font-size:12px;font-weight:900}.operations-actions{gap:10px;margin-top:14px;display:grid}.date-switcher{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customer-date-switcher{gap:8px;margin:-4px 0 18px;display:flex}.customer-date-switcher button{min-width:132px}.secondary-action.active{border-color:var(--green);color:var(--green-dark);background:#dcecdf}.reset-confirmation{background:#fff8f6;border:1px solid #f2c4ba;border-radius:8px;gap:8px;padding:12px;display:grid}.reset-confirmation span{color:var(--tomato);font-weight:900}.closeout-confirmation{background:#fff5e8;border:1px solid #f0d2b6;border-radius:8px;gap:8px;padding:12px;display:grid}.closeout-confirmation span{color:#74501c;font-weight:900}.closeout-confirmation p,.closeout-status{color:var(--muted);margin:0;font-size:13px;font-weight:800;line-height:1.45}.closeout-status{color:var(--green-dark);background:#e6f2ea;border-radius:8px;padding:11px 12px}.closeout-status.warning{color:#74501c;background:#fff5e8}.closeout-status.success{color:var(--green-dark);background:#e6f2ea}.empty-menu-state,.empty-admin-state{border:1px dashed var(--line);color:var(--muted);background:#fbfcf8;border-radius:8px;gap:6px;padding:18px;display:grid}.empty-menu-state{grid-column:1/-1;align-content:center;min-height:180px}.empty-menu-state strong,.empty-admin-state{color:var(--ink);font-weight:900}.quantity-row{border:1px solid var(--line);border-radius:8px;padding:11px}.quantity-item-main{align-items:center;gap:10px;min-width:0;display:flex}.admin-menu-thumb{border:1px solid var(--line);background:#e7eddf 50%/cover no-repeat;border-radius:6px;flex:0 0 54px;width:54px;height:44px}.quantity-row.unavailable{background:#f6f3ed}.quantity-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.compact-action{min-height:34px;padding:0 10px;font-size:13px}.upload-action{cursor:pointer}.upload-action input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.field-help,.form-error{margin-top:6px;font-size:12px;display:block}.field-help{color:var(--muted)}.form-error{color:#bd3b2f;font-weight:700}.quantity-row span,.order-row p,.order-row span{color:var(--muted);font-size:13px}.quantity-row strong,.quantity-row span{display:block}.order-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(220px,1fr) 128px 120px minmax(190px,auto);align-items:center;gap:12px;padding:12px;display:grid}.order-row.selected{border-color:var(--green);background:#fbfdf8}.order-row p{margin:4px 0 0}.order-main strong,.order-main span{display:block}.order-main span{margin-top:3px}.status{color:var(--ink);text-transform:capitalize;background:#edf0eb;border-radius:999px;padding:6px 9px;font-weight:900;display:inline-flex}.status.pending{color:#815d02;background:#fff5d6}.status.preparing,.status.out_for_delivery{color:var(--green-dark);background:#e6f2ea}.status.declined{color:var(--tomato);background:#fbe8e3}.status.delivered{color:#264b8d;background:#e8eefb}.order-actions,.driver-actions,.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.order-actions button,.driver-actions button,.detail-actions button{border:0;min-height:34px;padding:0 10px}.order-actions .danger,.detail-actions .danger{color:var(--tomato);background:#fbe8e3}.order-detail-panel{align-self:start}.order-detail-panel .section-title{align-items:center}.order-detail-panel .section-title h2{font-size:clamp(24px,2.3vw,32px)}.empty-detail{color:var(--muted)}.icon-action{border-color:var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);padding:0}.detail-status-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.detail-status-row strong{font-size:24px;line-height:1}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.detail-item,.detail-block,.detail-money,.driver-pay-card{border:1px solid var(--line);background:#fbfcf8;border-radius:8px}.detail-item{gap:4px;padding:10px 12px;display:grid}.detail-block{gap:5px;margin-top:8px;padding:11px 12px;display:grid}.detail-item span,.detail-block span,.driver-pay-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.detail-item strong,.detail-block strong{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.detail-money{gap:8px;margin-top:8px;padding:11px 12px;display:grid}.driver-pay-card{color:var(--green-dark);gap:12px;margin-top:8px;padding:11px 12px;display:flex}.driver-pay-card strong{margin-top:3px;font-size:22px;display:block}.driver-pay-card p{color:var(--muted);margin:2px 0 0;font-size:13px;font-weight:800}.detail-actions{margin-top:14px}.driver-grid{grid-template-columns:minmax(0,1fr) 340px;gap:22px;display:grid}.driver-card{box-shadow:none;justify-content:space-between;gap:18px;padding:16px;display:flex}.driver-card+.driver-card{margin-top:12px}.driver-card span{color:var(--green-dark);font-weight:900}.delivery-formula dl{gap:14px;margin:20px 0 0;display:grid}.delivery-formula div{background:var(--surface-soft);border-radius:8px;padding:14px}.delivery-formula dt{margin-bottom:4px;font-weight:900}.delivery-formula dd{color:var(--muted);margin:0}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar,nav{grid-auto-flow:column}.sidebar{grid-template-columns:1fr auto;display:grid}.sidebar-note{display:none}nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.nav-item{width:auto}.customer-grid,.admin-grid,.super-admin-grid,.driver-grid{grid-template-columns:1fr}.delivery-settings-panel,.operations-panel,.order-dashboard,.order-detail-panel{grid-area:auto}.checkout-panel{position:static}}@media (width<=760px){.topbar,.workspace,.sidebar{padding:18px}.topbar,.topbar-actions,.section-title,.driver-card{flex-direction:column;align-items:stretch}.customer-topbar .topbar-actions{grid-template-columns:1fr;display:grid}.location-picker,.pending-pill,.mode-pill,.status-pill{justify-content:center;width:100%}.location-picker select{flex:1}.sidebar{grid-template-columns:1fr}nav{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));display:grid}.nav-item{justify-content:center;padding-inline:8px}.brand{justify-content:center}.menu-list,.admin-summary{grid-template-columns:1fr}.menu-card{width:100%;min-width:0}.food-image{height:190px}.menu-heading{gap:8px;display:grid}.menu-heading strong{justify-self:start}.menu-card-footer{flex-direction:column;align-items:flex-start}.customer-fields{grid-template-columns:1fr;gap:0}.checkout-panel{padding:16px}.route-result-card strong{font-size:22px}.cart-line{flex-direction:column;align-items:flex-start;gap:6px}.customer-date-switcher{grid-template-columns:1fr 1fr;display:grid}.customer-date-switcher button{min-width:0}.order-row,.detail-grid,.form-row,.settings-grid{grid-template-columns:1fr}.order-actions button,.driver-actions button{flex:1}}