*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090a0c;color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(255,122,0,.16),transparent 34%),#090a0c}.top{padding:calc(24px + env(safe-area-inset-top)) 22px 18px;display:flex;align-items:center;gap:14px;position:sticky;top:0;background:linear-gradient(#090a0cf2,#090a0ccc,transparent);z-index:4}.ft{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#ff8b22,#f06b00);display:grid;place-items:center;color:#111;font-weight:950;font-size:25px;box-shadow:0 12px 36px rgba(255,122,0,.25)}.brand-name{font-size:19px;font-weight:900;letter-spacing:.18em}.brand-sub{font-size:11px;color:#9b9da1;letter-spacing:.20em;margin-top:5px}.wrap{max-width:820px;margin:34px auto 0;padding:0 20px calc(64px + env(safe-area-inset-bottom))}.card{background:#111316;border:1px solid #2a2d31;border-radius:24px;padding:24px;box-shadow:0 18px 55px rgba(0,0,0,.28);margin-bottom:16px}.login-card{max-width:620px;margin:70px auto}.ey{color:#ff7a00;font-size:11px;font-weight:900;letter-spacing:.18em}.lock{font-size:40px;color:#ff7a00;margin:4px 0 14px}.card h1,.dash-head h1{font-size:40px;line-height:1.05;margin:8px 0 12px}.card h2,.job h2,.section-head h2{margin:6px 0;font-size:24px}.muted{color:#9b9da1;line-height:1.5}.input{width:100%;margin-top:12px;background:#0b0c0e;border:1px solid #30343a;color:#fff;border-radius:14px;padding:15px 16px;font-size:17px;outline:none}.area{min-height:88px;resize:vertical}.pin{letter-spacing:.32em;font-size:21px}.input:focus{border-color:#ff7a00;box-shadow:0 0 0 3px rgba(255,122,0,.11)}.cta{width:100%;margin-top:14px;padding:15px 17px;border:0;border-radius:14px;background:linear-gradient(145deg,#ff8b22,#f06b00);font-weight:900;font-size:17px;color:#111;cursor:pointer}.cta:disabled{opacity:.55}.cta.secondary{background:#1b1e22;color:#fff;border:1px solid #34383e}.cta.compact{width:auto;margin:0;min-width:150px}.error{color:#ff7d72;min-height:22px;margin-top:8px}.small{font-size:12px;color:#70747a;margin-top:14px}.dash-head,.section-head,.job-top,.vehicle-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dash-head{margin-bottom:18px}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#17191d;border:1px solid #2b2f34;font-size:12px;font-weight:800;letter-spacing:.05em}.pill.online{border-color:#205d3c;color:#61e49b}.pill.offline{color:#9da1a6}.actions,.quick-actions,.primary-actions,.modal-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid #34383e;background:#17191d;color:#fff;border-radius:11px;padding:10px 12px;cursor:pointer;text-decoration:none}.linkbtn{display:inline-flex;align-items:center}.navbtn{background:#221507;border-color:#6f3a0b;color:#ff983d;font-weight:850}.vehicle-row{align-items:center}.section-label,.job-panel span,.job-grid span{display:block;color:#777c83;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.metric{min-width:75px;text-align:center;background:#0c0e10;border:1px solid #25292e;border-radius:15px;padding:12px}.metric strong{display:block;font-size:20px}.metric span{font-size:10px;color:#858a90}.gps-line{margin-top:12px;color:#6f747a;font-size:11px}.section-head{align-items:center;margin:26px 2px 12px}.job{margin-top:14px;padding:21px;border-radius:20px;background:#0d0f11;border:1px solid #292d32;box-shadow:0 10px 30px rgba(0,0,0,.18)}.job.incoming{border-color:#7d430f;box-shadow:0 0 0 1px rgba(255,122,0,.10),0 18px 45px rgba(255,122,0,.08)}.status-badge{font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;border:1px solid #343940;border-radius:999px;padding:8px 10px;color:#b8bcc2}.status-badge.en_route,.status-badge.arrived,.status-badge.in_service{color:#ff9a42;border-color:#69401b}.job-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.job-grid>div{background:#111418;border:1px solid #252a30;padding:11px;border-radius:12px}.job-grid b{font-size:14px}.job-panel{padding:12px 0;border-top:1px solid #25282d;color:#e7e7e8;line-height:1.45}.job-panel small{display:block;color:#9b9da1;margin-top:6px}.quick-actions{margin-top:10px}.primary-actions{margin-top:12px}.primary-actions .cta{flex:1;margin:0}.danger-btn{border:1px solid #65302c;background:#2a1312;color:#ff8a80;border-radius:14px;padding:14px 16px;cursor:pointer}.progress{display:flex;margin:14px 0 17px}.step{position:relative;flex:1;color:#61666c}.step:not(:last-child):after{content:"";position:absolute;left:16px;right:-3px;top:6px;height:2px;background:#292d32}.step.on:not(:last-child):after{background:#e87511}.step span{position:relative;z-index:1;display:block;width:13px;height:13px;border-radius:50%;background:#30343a;border:2px solid #0d0f11}.step.on span{background:#ff7a00}.step small{display:block;font-size:8px;margin-top:5px;white-space:nowrap}.empty{text-align:center;padding:26px 10px;color:#878b91}.empty h3{color:#fff;margin-bottom:6px}.radar{font-size:48px;color:#ff7a00}.safety p{margin-bottom:0;color:#969ba1}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center;padding:18px}.modal-backdrop.hidden{display:none}.modal-card{width:min(600px,100%);max-height:92vh;overflow:auto;background:#111316;border:1px solid #35393e;border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.modal-card h2{font-size:28px;margin:7px 0}.modal-card label:not(.check){display:block;color:#a5a9ae;font-size:12px;margin-top:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;gap:9px;align-items:center;margin:17px 0;color:#d4d6d8}.modal-actions{justify-content:flex-end;margin-top:15px}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:#171a1e;border:1px solid #34383e;border-radius:12px;padding:12px 16px;opacity:0;pointer-events:none;transition:.22s;z-index:30;box-shadow:0 15px 45px rgba(0,0,0,.4);max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#713a34;color:#ff8b80}@media(max-width:680px){.wrap{margin-top:12px}.card{padding:19px;border-radius:20px}.card h1,.dash-head h1{font-size:31px}.top{padding-left:17px}.ft{width:52px;height:52px}.brand-name{font-size:16px}.dash-head{display:block}.dash-head .actions{margin-top:14px}.vehicle-row{display:grid;grid-template-columns:1fr auto auto}.vehicle-row>div:first-child{grid-column:1/-1}.job-grid{grid-template-columns:1fr 1fr}.step small{font-size:7px}.two{grid-template-columns:1fr}.quick-actions .btn{flex:1;text-align:center}.primary-actions{display:grid}.primary-actions .cta,.danger-btn{width:100%}}.accepted-note{margin:8px 0 12px;color:#60e39a;font-size:11px;font-weight:900;letter-spacing:.08em}