:root { --ink:#13231f; --muted:#6f7d78; --line:#dce7e1; --paper:#fff; --wash:#f4f8f5; --green:#087f69; --yellow:#ffd24a; --danger:#c74f4f; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; overflow-x:hidden; background:var(--wash); color:var(--ink); font-family:"DM Sans",sans-serif; }
button { font:inherit; cursor:pointer; }
.shell { width:min(1280px,calc(100% - 32px)); margin:0 auto; padding:28px 0 48px; }
.topbar { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:12px; margin-bottom:28px; }.topbar>.brand{grid-column:1}.topbar>div{grid-column:2}.topbar>.refresh{grid-column:3}.topbar>.admin-nav{grid-column:4}
.brand { color:var(--green); text-decoration:none; font:800 27px/1 Outfit,sans-serif; letter-spacing:-1px; }.brand span{ color:var(--yellow); }
h1,h2,p { margin:0; } h1,h2 { font-family:Outfit,sans-serif; letter-spacing:-.5px; }.topbar h1 { font-size:28px; }.eyebrow { color:var(--green); font-size:11px; font-weight:800; letter-spacing:1.4px; }
.refresh { border:0; border-radius:9px; padding:11px 16px; background:#e6f2ed; color:var(--green); font-weight:800; }.refresh:hover { background:#d8ebe3; }
.access-card,.panel,.metrics article { background:var(--paper); border:1px solid var(--line); border-radius:14px; box-shadow:0 8px 24px rgba(20,51,40,.05); }
.access-card { max-width:620px; margin:72px auto; padding:34px; }.access-card h2{margin:9px 0 8px}.access-card p:not(.eyebrow){color:var(--muted);line-height:1.55}.access-card a{display:inline-block;margin-top:20px;color:var(--green);font-weight:800}
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }.metrics article{padding:18px}.metrics span{display:block;color:var(--muted);font-size:13px}.metrics strong{display:block;margin-top:8px;font:800 30px Outfit,sans-serif;color:var(--green)}
.workspace { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr); gap:18px; }.workspace > .panel{min-width:0}.panel{padding:20px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-heading h2{font-size:21px;margin-top:4px}.panel-heading small{color:var(--muted);font-size:12px}
.filter-row{display:flex;gap:7px;overflow:auto;margin:-3px 0 16px}.filter-row button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:#fff;color:var(--muted);font-size:12px;font-weight:700}.filter-row button.active{background:var(--green);border-color:var(--green);color:#fff}
.orders,.riders{display:grid;gap:10px}.order-card{border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:12px}.order-card.waiting{border-left-color:#e5a900}.order-card.cancelled{border-left-color:var(--danger);opacity:.72}.order-card.delivered{border-left-color:#4e9d6b}.order-meta{display:flex;flex-wrap:wrap;gap:7px 13px;color:var(--muted);font-size:13px;margin-top:5px}.order-card h3{font:800 16px Outfit,sans-serif;margin:0}.order-address{color:#45554f;font-size:13px;line-height:1.4;margin-top:8px}.order-actions{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap;justify-content:flex-end}.status{border-radius:999px;padding:6px 9px;background:#e8f2ee;color:#28745e;font-size:11px;font-weight:800;text-transform:capitalize}.status.pending_payment,.status.payment_failed{background:#fff0ed;color:#b25042}.status.ready_for_pickup{background:#fff6d7;color:#8b6700}.status.picked_up{background:#e3efff;color:#2a5d9d}.action{border:0;border-radius:7px;padding:7px 10px;background:var(--green);color:#fff;font-size:12px;font-weight:800}.action.cancel{background:#fff1ef;color:#b1493f}.assign{width:100%;border:1px solid var(--line);border-radius:7px;padding:7px;color:var(--ink);background:#fff;font-size:12px}.empty{color:var(--muted);padding:24px 0;text-align:center}.rider{border-bottom:1px solid var(--line);padding:0 0 13px}.rider:last-child{border:0}.rider strong{display:block;font-size:14px}.rider small{color:var(--muted);display:block;margin-top:4px}.rider-note{border-radius:9px;background:#f6f9f7;color:var(--muted);font-size:12px;line-height:1.45;padding:12px;margin-top:18px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:11px 15px;border-radius:9px;background:#17362c;color:#fff;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:850px){.workspace{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.topbar{grid-template-columns:auto 1fr}.refresh{grid-column:1/-1}.order-card{grid-template-columns:1fr}.order-actions{justify-content:flex-start}}
@media (max-width:470px){.shell{width:min(100% - 20px,1280px);padding-top:19px}.metrics{gap:9px}.metrics article{padding:13px}.metrics strong{font-size:24px}.panel{padding:14px}.topbar h1{font-size:23px}}

/* Navigation keeps the operations dashboard connected to the rest of ASAP. */
.admin-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.admin-identity{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.admin-link,.sign-out{border:0;border-radius:9px;padding:11px 16px;font:800 12px inherit;text-decoration:none;white-space:nowrap}.admin-link{background:#e6f2ed;color:var(--green)}.admin-link:hover{background:#d8ebe3}.sign-out{background:#17362c;color:#fff}.sign-out:hover{background:#0d2a21}.sign-out:disabled{opacity:.6;cursor:wait}@media(max-width:850px){.topbar{grid-template-columns:auto 1fr}.topbar>.admin-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.topbar>.refresh{grid-column:2;grid-row:1}.topbar>div{grid-column:2;grid-row:1}.admin-identity{width:100%}}@media(max-width:470px){.admin-nav{gap:7px}.admin-identity{margin-bottom:2px}.admin-link,.sign-out{flex:1;text-align:center;padding:10px 9px}}