:root{color:#fff8ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#06100d;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 15%,#58c49d29,#0000 25rem),radial-gradient(circle at 82% 12%,#4c73a024,#0000 26rem),linear-gradient(135deg,#06100d 0%,#0d1a16 58%,#07120f 100%);min-width:320px;margin:0}button{font:inherit}.app{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06100ddb;border-bottom:1px solid #a8f2d01f;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,3rem);display:grid;position:sticky;top:0}.brand-lockup{color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:.8rem;display:flex}.brand-mark,.product-art{color:#a8f2d0;background:linear-gradient(145deg,#12241f,#06100d);border:1px solid #a8f2d06b;border-radius:50%;place-items:center;width:3rem;height:3rem;font-weight:800;display:grid;box-shadow:0 0 28px #58c49d2e}.brand-lockup strong{font-size:1.1rem;display:block}.brand-lockup small,.microcopy{color:#abc3b5;font-size:.82rem}.tabs{background:#a8f2d00f;border:1px solid #a8f2d01f;border-radius:999px;gap:.35rem;padding:.3rem;display:flex}.tabs button,.segmented button{color:#abc3b5;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:2.4rem;padding:0 .9rem;display:inline-flex}.tabs button.active,.segmented button.active{color:#06100d;background:#fff8ec}.icon-button{color:#fff8ec;cursor:pointer;background:#a8f2d012;border:1px solid #a8f2d02e;border-radius:50%;place-items:center;width:2.55rem;height:2.55rem;display:inline-grid}.age-shell{place-items:center;min-height:calc(100vh - 5.2rem);padding:2rem;display:grid}.age-panel{text-align:center;background:#0d1a16d1;border:1px solid #a8f2d026;border-radius:8px;width:min(560px,100%);padding:clamp(2rem,5vw,4rem);box-shadow:0 24px 90px #00000073}.age-icon{color:#58c49d;background:#58c49d26;border-radius:50%;place-items:center;width:4rem;height:4rem;display:inline-grid}.age-panel h1,.hero h1,.ops-shell h1{margin:1rem 0;font-size:clamp(2.4rem,7vw,6.3rem);line-height:.95}.age-panel p,.hero-body,.ai-band p,.work-card p,.product-card p{color:#abc3b5;line-height:1.8}.primary-action,.secondary-action{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.85rem;padding:0 1.1rem;display:inline-flex}.primary-action{color:#06100d;background:linear-gradient(135deg,#a8f2d0,#58c49d);border:1px solid #a8f2d0;font-weight:800}.secondary-action{color:#fff8ec;background:#a8f2d014;border:1px solid #a8f2d02e}.danger-action{color:#fff8ec;cursor:pointer;background:#e36a561f;border:1px solid #e36a5673;border-radius:999px;justify-content:center;align-items:center;min-height:2.4rem;padding:0 .9rem;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.52}.full{width:100%}.hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:calc(100vh - 5.2rem);padding:clamp(1rem,3vw,3rem);display:grid}.hero-copy{max-width:650px}.eyebrow,.section-kicker,.microcopy{align-items:center;gap:.45rem;display:inline-flex}.eyebrow,.section-kicker{color:#58c49d;text-transform:uppercase;font-size:.86rem;font-weight:800}.slogan{color:#fff8ec;margin:0;font-size:clamp(1.35rem,3vw,2.4rem);font-weight:800}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.7rem;display:flex}.hero-media{background:#0d1a16;border:1px solid #a8f2d024;border-radius:8px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 30px 110px #00000080}.hero-media img{object-fit:cover;width:100%;height:100%;min-height:560px}.live-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06100dc7;border:1px solid #a8f2d038;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1rem;display:inline-flex;position:absolute;inset-block-end:1rem;inset-inline-start:1rem}.zone-strip,.ai-band,.ops-shell,.content-grid{width:min(1220px,100% - 2rem);margin:0 auto 1.2rem}.zone-strip,.ai-band{border-block:1px solid #a8f2d021;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.zone-strip strong{margin-top:.25rem;font-size:1.5rem;display:block}.segmented{background:#a8f2d014;border-radius:999px;gap:.35rem;padding:.3rem;display:flex}.content-grid,.ops-grid,.driver-grid{grid-template-columns:minmax(0,1fr) 360px;gap:1rem;display:grid}.section-heading h2,.section-heading h1,.ai-band h2,.table-panel h2,.work-card h2{margin:.35rem 0 1rem}.product-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.product-card,.cart-panel,.metric-card,.table-panel,.work-card,.map-panel,.ai-card{background:#0d1a16d1;border:1px solid #a8f2d021;border-radius:8px;box-shadow:0 18px 60px #00000038}.product-card{grid-template-rows:auto 1fr auto;gap:1rem;min-height:260px;padding:1rem;display:grid}.product-art{border-radius:8px;width:4rem;height:4rem}.product-card h3{margin:0;font-size:1.35rem}.product-footer,.cart-row,.cart-total,.order-row,.dispatch-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.add-button{width:2.3rem;height:2.3rem}.cart-panel{align-self:start;padding:1rem;position:sticky;top:6.2rem}.cart-row{color:#abc3b5;border-bottom:1px solid #a8f2d01a;padding:.8rem 0}.cart-total{padding:1rem 0;font-size:1.25rem}.delivery{color:#9fcfbb}.ai-band{margin-block:2rem}.ai-card{min-width:290px;padding:1rem}.ai-card span,.ai-card small,.status,.dispatch-row span,.order-row span{color:#abc3b5}.ai-card strong{color:#fff8ec;margin:.4rem 0;font-size:1.3rem;display:block}.ops-shell{padding-block:2rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.metric-card,.table-panel,.work-card,.map-panel{padding:1rem}.metric-card strong{margin:.35rem 0;font-size:1.7rem;display:block}.metric-card.amber{border-color:#58c49d5c}.metric-card.green{border-color:#63c2925c}.metric-card.red{border-color:#dc52475c}.metric-card.blue{border-color:#70ade25c}.order-row,.dispatch-row{border-top:1px solid #a8f2d01a;min-height:4.8rem}.otp-row{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.order-row>div,.dispatch-row>div{gap:.25rem;display:grid}.status{border:1px solid #a8f2d024;border-radius:999px;width:fit-content;padding:.3rem .6rem;font-size:.8rem;display:inline-flex}.code-pill{color:#06100d;white-space:nowrap;background:#fff8ec;border-radius:999px;align-items:center;min-height:2.4rem;padding:0 .75rem;font-weight:900;display:inline-flex}.mini-actions,.panel-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.panel-title-row{justify-content:space-between;margin-bottom:.4rem}.panel-title-row h2{margin:0}.notification-row{border-top:1px solid #a8f2d01a;gap:.35rem;padding:.9rem 0;display:grid}.notification-row span,.notification-row small{color:#abc3b5}meter{width:120px;height:.6rem}.work-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.driver-grid{grid-template-columns:minmax(0,1fr) 410px}.map-panel{background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/58px 58px,linear-gradient(#ffffff09 1px,#0000 1px) 0 0/58px 58px,radial-gradient(circle at 28% 34%,#58c49d2e,#0000 18rem),#0d1a16;align-content:end;min-height:520px;display:grid}.map-route{min-height:310px;position:relative}.pin{border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-weight:900;display:grid;position:absolute}.provider-pin{top:34%;color:#06100d;background:#fff8ec;inset-inline-start:22%}.customer-pin{top:58%;color:#06100a;background:#58c49d;inset-inline-end:24%}.route-line{top:45%;border-top:4px dashed #58c49d8c;width:47%;position:absolute;inset-inline-start:27%;transform:rotate(12deg)}@media (width<=980px){.topbar{grid-template-columns:1fr auto}.tabs{border-radius:8px;grid-column:1/-1;overflow-x:auto}.hero,.content-grid,.ops-grid,.driver-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-media,.hero-media img{min-height:380px}.cart-panel{position:static}.metric-grid,.product-grid{grid-template-columns:1fr}.zone-strip,.ai-band{flex-direction:column;align-items:stretch}}@media (width<=560px){.topbar{padding:.8rem}.brand-lockup small{display:none}.tabs button{min-width:2.6rem;padding:0 .65rem}.hero{padding:1rem}.age-panel h1,.hero h1,.ops-shell h1{font-size:clamp(2.2rem,18vw,4rem)}}
