@import "tailwindcss";

:root { --ink:#17201d; --cream:#f3f0e8; --lime:#d8ff4f; --green:#1d5c48; --muted:#66706c; --line:#d9ddd5; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; background:#f8f7f2; color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
button, input, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
.topbar { height:82px; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(23,32,29,.12); position:relative; z-index:5; background:#f8f7f2; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:800; font-size:22px; letter-spacing:-.7px; }
.brandMark { width:31px; height:31px; background:var(--ink); color:var(--lime); border-radius:50% 50% 50% 14%; display:grid; place-items:center; font-size:17px; transform:rotate(-4deg); }
.desktopNav { display:flex; gap:34px; }
.desktopNav a { color:#3e4945; text-decoration:none; font-size:14px; font-weight:600; }
.headerActions { display:flex; align-items:center; gap:12px; }
.textButton { border:0; background:transparent; font-weight:700; padding:12px 15px; }
.darkButton { border:0; border-radius:8px; background:var(--ink); color:white; padding:13px 20px; font-weight:750; }
.hero { min-height:660px; display:grid; grid-template-columns:1.02fr .98fr; overflow:hidden; }
.heroCopy { padding:95px 5vw 70px; display:flex; flex-direction:column; justify-content:center; }
.eyebrow,.kicker { color:var(--green); font-size:12px; letter-spacing:1.6px; font-weight:800; }
.eyebrow { display:flex; align-items:center; gap:9px; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:#75bb50; box-shadow:0 0 0 4px rgba(117,187,80,.15); }
h1 { font-size:clamp(54px,6vw,87px); line-height:.94; margin:24px 0 27px; letter-spacing:-5px; max-width:760px; }
.intro { max-width:600px; color:#53605c; font-size:19px; line-height:1.6; margin:0 0 34px; }
.heroActions { display:flex; gap:12px; margin-bottom:35px; }
.primaryButton,.secondaryButton { border-radius:9px; padding:17px 22px; font-weight:800; border:1px solid var(--ink); }
.primaryButton { background:var(--lime); color:var(--ink); min-width:215px; display:flex; justify-content:space-between; }
.secondaryButton { background:transparent; }
.trustRow { display:flex; flex-wrap:wrap; gap:25px; color:#63706b; font-size:13px; }
.trustRow b { color:var(--green); margin-right:5px; }
.heroVisual { position:relative; min-height:660px; background:linear-gradient(145deg,#d9e1d3,#becdbd); overflow:hidden; }
.heroVisual:after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px); background-size:48px 48px; }
.sun { position:absolute; width:340px; height:340px; border-radius:50%; background:rgba(216,255,79,.4); top:-95px; right:-70px; filter:blur(2px); }
.mapLine { position:absolute; height:20px; background:rgba(247,247,239,.6); border-radius:20px; transform:rotate(-24deg); z-index:1; }
.lineOne { width:800px; left:-120px; top:210px; }.lineTwo { width:700px; right:-190px; top:455px; transform:rotate(32deg); }.lineThree { width:450px; right:-20px; top:120px; transform:rotate(75deg); }
.road { position:absolute; width:900px; height:175px; background:#4b5651; left:-120px; bottom:60px; transform:rotate(-15deg); border-top:14px solid #adb8aa; border-bottom:14px solid #adb8aa; z-index:2; box-shadow:0 20px 40px rgba(25,40,33,.2); }
.roadDash { position:absolute; width:100px; height:5px; top:71px; background:#e5e4c3; }.d1{left:120px}.d2{left:340px}.d3{left:560px}
.car { position:absolute; width:132px; height:43px; border-radius:25px 35px 10px 10px; background:#e9eee7; bottom:179px; left:16%; z-index:4; transform:rotate(-15deg); box-shadow:0 10px 18px rgba(0,0,0,.2); }
.carTop { position:absolute; width:75px; height:32px; background:#344840; left:27px; top:-20px; border-radius:35px 38px 3px 3px; }
.wheel { position:absolute; width:25px; height:25px; border-radius:50%; background:#1d2522; bottom:-14px; border:5px solid #849188; }.w1{left:16px}.w2{right:15px}
.towTruck { position:absolute; width:158px; height:62px; bottom:105px; right:12%; z-index:4; transform:rotate(-15deg); }
.towTruck .cab { position:absolute; width:60px; height:53px; right:0; bottom:0; background:var(--lime); border-radius:9px 15px 4px 4px; }
.towTruck .bed { position:absolute; width:112px; height:15px; left:0; bottom:8px; background:var(--green); transform:rotate(-7deg); border-radius:4px; }
.tw1{left:20px;bottom:-8px}.tw2{right:13px;bottom:-8px}
.locationCard,.arrivalCard { position:absolute; background:white; border-radius:13px; box-shadow:0 18px 45px rgba(28,48,39,.18); z-index:5; display:flex; align-items:center; }
.locationCard { left:8%; top:98px; padding:14px 19px; gap:13px; }
.locationPulse { width:34px; height:34px; border-radius:50%; background:#ecf3d4; display:grid; place-items:center; }.locationPulse i{width:12px;height:12px;border-radius:50%;background:#67a646;border:3px solid white;box-shadow:0 0 0 1px #67a646}
.locationCard div,.arrivalCard div { display:flex; flex-direction:column; gap:3px; }.locationCard small,.arrivalCard small{font-size:9px;letter-spacing:1px;color:#83908a;font-weight:800}.locationCard strong,.arrivalCard strong{font-size:13px}
.arrivalCard { right:7%; bottom:50px; padding:14px; gap:12px; min-width:270px; }.truckIcon{width:42px;height:42px;border-radius:8px;background:var(--ink);color:var(--lime);display:grid;place-items:center}.arrivalCard div span{font-size:11px;color:#7a8580}.arrivalCard>b{margin-left:auto;background:#edf2e3;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--green)}
.serviceSection { padding:90px 5vw 105px; background:#fff; }
.sectionHeading { display:flex; justify-content:space-between; align-items:end; margin-bottom:39px; gap:25px; }
h2 { font-size:clamp(36px,4vw,56px); letter-spacing:-2.5px; line-height:1.03; margin:12px 0 0; }
.modeSwitch { background:#eff1ec; padding:4px; border-radius:10px; display:flex; }.modeSwitch button{border:0;background:transparent;padding:11px 17px;border-radius:7px;font-weight:750;color:#68726e}.modeSwitch button.active{background:white;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.serviceGrid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.serviceCard { background:white; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); min-height:145px; padding:26px; text-align:left; display:flex; align-items:center; gap:18px; transition:.2s; }
.serviceCard:hover { background:#f3f7e7; transform:translateY(-2px); }.serviceCard>b{margin-left:auto;font-size:20px}.serviceCard>span:nth-child(2){display:flex;flex-direction:column;gap:8px}.serviceCard strong{font-size:18px}.serviceCard small{color:#7a8580;font-size:13px}.serviceIcon{width:48px;height:48px;border:1px solid #ccd3ca;background:#f7f8f4;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:700;color:var(--green)}
.providerPanel{background:var(--cream);border-radius:16px;padding:28px;display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;position:relative}.providerIntro{padding:15px}.providerIntro h3{font-size:32px;margin:24px 0 8px}.providerIntro p{color:var(--muted);line-height:1.6}.liveBadge{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--green)}.liveBadge i{display:inline-block;width:8px;height:8px;background:#4dac6e;border-radius:50%;margin-right:7px}.jobList{display:grid;grid-template-columns:1fr 1fr;gap:14px}.jobCard{background:white;border:1px solid var(--line);border-radius:12px;padding:21px}.jobTop{display:flex;justify-content:space-between;color:var(--green);font-size:12px;font-weight:800}.jobTop strong{font-size:20px;color:var(--ink)}.jobCard h4{font-size:18px;margin:15px 0 5px}.jobCard p{color:var(--muted);font-size:13px}.jobCard button{width:100%;border:0;background:var(--ink);color:white;border-radius:7px;padding:11px;font-weight:750;margin-top:9px}.toast{position:absolute;bottom:-52px;right:0;background:var(--green);color:white;padding:13px 18px;border-radius:8px;font-size:13px;box-shadow:0 9px 25px rgba(0,0,0,.15)}
.steps { padding:100px 5vw; background:var(--cream); }.stepGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.stepGrid article{border-top:1px solid #bdc4b9;padding-top:22px}.stepGrid article>span{color:var(--green);font-weight:800;font-size:12px}.stepGrid h3{font-size:21px;margin:35px 0 10px}.stepGrid p{color:var(--muted);line-height:1.6;max-width:310px}
.safety{padding:100px 8vw;background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px}.safety .kicker{color:var(--lime)}.safetyPoints p{display:grid;grid-template-columns:45px 1fr;gap:14px;border-top:1px solid rgba(255,255,255,.25);padding:25px 0;margin:0}.safetyPoints p>b{color:var(--lime);font-size:12px}.safetyPoints span{display:flex;flex-direction:column;gap:7px;color:#c7d6d0;line-height:1.5}.safetyPoints strong{color:white;font-size:18px}
footer{padding:42px 5vw;display:flex;align-items:center;gap:35px;background:#111916;color:white;flex-wrap:wrap}
footer .brand{color:white}
footer .brandMark{background:var(--lime);color:var(--ink)}
footer p{color:#9ea9a4;margin:0}
footer small{margin-left:auto;color:#7f8a85}
.legalLinks{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.legalLinks a{color:#d9e1db;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:750;transition:.2s}
.legalLinks a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.modalBackdrop{position:fixed;inset:0;background:rgba(13,22,18,.66);backdrop-filter:blur(7px);z-index:20;display:grid;place-items:center;padding:20px}.requestModal{width:min(520px,100%);background:#fbfaf6;border-radius:18px;padding:35px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.3)}.closeButton{position:absolute;right:22px;top:18px;border:0;background:transparent;font-size:28px;color:#64706a}.progress{display:flex;gap:5px;margin-bottom:28px}.progress span{height:4px;background:#dfe3dc;flex:1;border-radius:4px}.progress span.on{background:var(--green)}.requestModal h2{font-size:39px;margin:11px 0 12px}.requestModal>p,.successState>p{color:var(--muted);line-height:1.5;margin:0 0 25px}.locationButton{width:100%;text-align:left;border:1px solid var(--green);background:#f1f6e4;border-radius:10px;padding:17px;display:grid;grid-template-columns:38px 1fr;gap:2px 8px;margin:25px 0}.locationButton>span{grid-row:1/3;width:34px;height:34px;background:var(--lime);display:grid;place-items:center;border-radius:50%;font-size:20px}.locationButton small{color:var(--muted)}.fieldLabel{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;margin:17px 0}.fieldLabel input,.fieldLabel textarea{border:1px solid #ccd2cb;background:white;border-radius:8px;padding:14px;outline:none;font-weight:500}.fieldLabel textarea{min-height:90px;resize:vertical}.fieldLabel input:focus,.fieldLabel textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,92,72,.1)}.modalPrimary{width:100%;border:0;background:var(--ink);color:white;border-radius:9px;padding:16px;font-weight:800;margin-top:8px}.successState{text-align:center}.successIcon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:24px;font-weight:900;margin:5px auto 20px}.quote{display:flex;align-items:center;justify-content:space-between;text-align:left;background:var(--cream);border-radius:10px;padding:17px;margin:24px 0}.quote span{display:flex;flex-direction:column;gap:5px}.quote small{color:var(--muted)}.quote>strong{font-size:23px}
.providerJoin{border:1px solid var(--ink);background:transparent;border-radius:8px;padding:11px 15px;font-weight:750;margin-top:10px}.fieldLabel select{border:1px solid #ccd2cb;background:white;border-radius:8px;padding:14px;outline:none;font-weight:500}.fieldLabel select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,92,72,.1)}.quoteOption{border:2px solid transparent;width:100%;margin:11px 0}.quoteOption.chosen{border-color:var(--green);background:#f0f5e5}.commissionBox{display:flex;flex-direction:column;gap:5px;background:#eef4df;border-left:4px solid var(--lime);padding:13px 15px;margin:18px 0}.commissionBox span{font-size:12px;color:var(--muted);line-height:1.4}
.authModal{text-align:left}.authBrand{margin-bottom:18px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;color:var(--muted)}.roleChoice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 24px}.roleChoice button{border:1px solid var(--line);background:white;border-radius:10px;padding:12px;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:2px 9px;color:var(--ink)}.roleChoice button>span{grid-row:1/3;width:32px;height:32px;border-radius:8px;background:#edf2e3;color:var(--green);display:grid;place-items:center;font-weight:900}.roleChoice button b{font-size:14px}.roleChoice button small{color:var(--muted);font-size:10px}.roleChoice button.active{border-color:var(--green);box-shadow:0 0 0 2px rgba(29,92,72,.1);background:#f2f6e8}.roleChoice button.active>span{background:var(--lime);color:var(--ink)}.operatorAuth{border-top:6px solid var(--green)}.operatorAuth .roleChoice #operatorRole.active{background:var(--ink);color:white;border-color:var(--ink)}.operatorAuth .roleChoice #operatorRole.active small{color:#bac5c0}.operatorAuth .roleChoice #operatorRole.active>span{background:var(--lime);color:var(--ink)}.authTabs{display:grid;grid-template-columns:1fr 1fr;background:#e9ece6;padding:4px;border-radius:9px;margin:22px 0}.authTabs button{border:0;background:transparent;padding:11px;border-radius:7px;font-weight:750;color:var(--muted)}.authTabs button.active{background:white;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}.demoButton{width:100%;border:1px solid var(--ink);background:transparent;border-radius:9px;padding:14px;font-weight:750;margin-top:10px}.authNote{display:block;text-align:center;color:var(--muted);margin-top:14px}.profileModal{width:min(620px,100%);max-height:90vh;overflow:auto}.profileHead{display:flex;gap:18px;align-items:center}.profileHead h2{font-size:34px;margin:5px 0}.profileHead p{margin:0;color:var(--muted)}.avatar{width:70px;height:70px;border-radius:50%;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:22px;font-weight:850}.profileStats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--cream);border-radius:10px;margin:24px 0}.profileStats span{padding:16px;text-align:center;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line)}.profileStats span:last-child{border:0}.profileStats b{font-size:21px}.profileStats small{color:var(--muted)}.profileSection{margin:24px 0}.profileSectionTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.profileSectionTitle h3{margin:0;font-size:17px}.profileSectionTitle button{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:800}.vehicleCard,.savedVehicle,.historyRow{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:white;padding:14px;border-radius:9px;margin-top:8px}.vehicleCard>div,.savedVehicle>div,.historyRow>div{display:flex;flex-direction:column;gap:4px}.vehicleCard small,.savedVehicle small,.historyRow small{color:var(--muted);font-size:12px}.vehicleIcon,.historyIcon{width:36px;height:36px;border-radius:8px;background:#edf2e3;color:var(--green);display:grid;place-items:center}.defaultTag{margin-left:auto;font-size:9px;font-weight:850;letter-spacing:1px;color:var(--green)}.mutedVehicle{opacity:.7}.historyRow>strong{margin-left:auto}.profileModal>.modalPrimary{margin-top:5px}
.regInput{display:grid;grid-template-columns:1fr auto;gap:8px}.regInput input{text-transform:uppercase;font-size:19px;font-weight:850;letter-spacing:2px}.regInput button{border:0;background:var(--lime);color:var(--ink);border-radius:8px;padding:0 17px;font-weight:800}.vehicleFound{display:flex;align-items:center;gap:12px;background:#eef4df;border:1px solid #cbd9b0;border-radius:9px;padding:14px;margin-top:17px}.vehicleFound>div{display:flex;flex-direction:column;gap:4px}.vehicleFound small{color:var(--muted)}.vehicleFound>span:last-child{margin-left:auto;color:var(--green);font-size:10px;font-weight:900;letter-spacing:1px}.modalServices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.modalService{border:1px solid var(--line);background:white;border-radius:9px;padding:14px;text-align:left;display:grid;grid-template-columns:35px 1fr;gap:2px 9px}.modalService:hover{border-color:var(--green);background:#f2f6e8}.modalService>span{grid-row:1/3;width:32px;height:32px;background:#eef3e5;border-radius:7px;display:grid;place-items:center;color:var(--green);font-weight:800}.modalService small{color:var(--muted)}.searchPulse{width:72px;height:72px;border-radius:50%;background:var(--lime);display:grid;place-items:center;margin:10px auto 25px;box-shadow:0 0 0 12px rgba(216,255,79,.2),0 0 0 24px rgba(216,255,79,.08)}.searchPulse i{width:16px;height:16px;background:var(--green);border-radius:50%}.searchBars{display:flex;gap:7px;justify-content:center;margin-top:30px}.searchBars span{width:38px;height:5px;background:#dce1d8;border-radius:5px;animation:searching 1.1s infinite}.searchBars span:nth-child(2){animation-delay:.18s}.searchBars span:nth-child(3){animation-delay:.36s}@keyframes searching{50%{background:var(--green);transform:scaleX(1.25)}}
.providerApplication{width:min(560px,100%)}.documentList{display:flex;flex-direction:column;gap:9px;margin:22px 0}.documentItem{width:100%;border:1px solid var(--line);background:white;border-radius:9px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left}.documentItem>span{width:32px;height:32px;border-radius:50%;background:#edf3e4;color:var(--green);display:grid;place-items:center;font-weight:900}.documentItem>div{display:flex;flex-direction:column;gap:4px}.documentItem small{color:var(--muted)}.documentItem>strong{margin-left:auto;color:var(--green);font-size:11px}.documentItem .addDoc{color:var(--ink);background:var(--lime);padding:7px 10px;border-radius:6px}.checkLabel{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin:18px 0}.checkLabel input{accent-color:var(--green)}.applicationSummary{display:grid;grid-template-columns:repeat(3,1fr);background:var(--cream);border-radius:9px;margin:24px 0;text-align:left}.applicationSummary>span{display:flex;flex-direction:column;gap:5px;padding:14px;border-right:1px solid var(--line)}.applicationSummary>span:last-child{border:0}.applicationSummary small{font-size:9px;color:var(--muted);letter-spacing:1px;font-weight:800}.applicationSummary b{font-size:12px}
.serviceApproval{display:inline-block;background:var(--lime);color:var(--ink);border-radius:20px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:1px;margin:7px 0 12px}.noJobs{grid-column:1/-1;background:white;border:1px dashed var(--line);border-radius:10px;padding:35px;text-align:center;display:flex;flex-direction:column;gap:8px}.noJobs span{color:var(--muted);font-size:13px}
.dashboardShell{display:block;padding:28px;background:#f2f1eb}.dashboardHeader{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.dashboardHeader h3{font-size:28px;margin:10px 0 5px}.dashboardHeader p{color:var(--muted);margin:0}.dashboardActions{display:flex;align-items:center;gap:10px}.dashboardActions .serviceApproval{margin:0}.dashboardActions .providerJoin{margin:0}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metricGrid article{background:white;border:1px solid var(--line);border-radius:11px;padding:19px;display:flex;flex-direction:column;gap:8px}.metricGrid small{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:850}.metricGrid strong{font-size:27px;letter-spacing:-1px}.metricGrid strong i{font-size:16px;color:#e3b528;font-style:normal}.metricGrid span{font-size:11px;color:var(--muted)}.metricGrid .positive{color:var(--green);font-weight:750}.dashboardColumns{display:grid;grid-template-columns:1.45fr .75fr;gap:14px;margin-bottom:14px}.dashCard{background:white;border:1px solid var(--line);border-radius:11px;padding:20px}.dashCardHead{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.dashCardHead h3{font-size:18px;margin:0 0 5px}.dashCardHead p{font-size:12px;color:var(--muted);margin:0}.dashCardHead>button{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:800}.dashboardShell .jobList{grid-template-columns:repeat(2,1fr)}.dashboardShell .jobCard{padding:16px}.dashboardShell .jobCard:nth-of-type(3){grid-column:1/-1}.earningsChart{height:150px;border-bottom:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:7px;padding:15px 4px 0}.earningsChart>div{flex:1;background:#cbd8ce;border-radius:5px 5px 0 0;position:relative;min-height:18px}.earningsChart .todayBar{background:var(--green)}.earningsChart span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}.earningsTotal{display:flex;justify-content:space-between;align-items:end;margin-top:35px}.earningsTotal span{color:var(--muted);font-size:12px}.earningsTotal strong{font-size:23px}.jobsTable{display:flex;flex-direction:column}.tableRow{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .7fr;align-items:center;gap:10px;border-top:1px solid #e7e9e4;padding:13px 5px;font-size:12px}.tableRow>span:first-child{display:flex;flex-direction:column;gap:4px}.tableRow small{color:var(--muted)}.tableRow>strong{text-align:right}.tableHeader{border:0;padding-top:0;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.7px}.tableHeader span{display:block!important}.completeDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4baa6d;margin-right:5px}
.authModal{width:min(470px,100%);padding:30px 34px}.authModal .authBrand{margin-bottom:24px;color:var(--ink);font-size:16px}.authModal .authBrand .brandMark{width:28px;height:28px;font-size:15px}.authModal>h2{font-size:36px;margin:8px 0}.authModal>p{margin-bottom:16px}.authModal .roleChoice{margin:12px 0 20px;padding:4px;background:#e9ece6;border-radius:10px;gap:4px}.authModal .roleChoice button{border:0;background:transparent;border-radius:7px;padding:10px}.authModal .roleChoice button.active{background:white;box-shadow:0 2px 8px rgba(0,0,0,.08)}.authModal .roleChoice button>span{background:transparent;width:28px;height:28px}.authModal .roleChoice button.active>span{background:var(--lime)}.authModal .authTabs{margin:0 0 14px;background:transparent;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:20px}.authModal .authTabs button{border-radius:0;padding:10px 2px;border-bottom:2px solid transparent}.authModal .authTabs button.active{box-shadow:none;background:transparent;border-bottom-color:var(--green)}.operatorAuth{border-top:0}.operatorAuth .roleChoice #operatorRole.active{background:var(--ink)}
.accountMenu{position:relative}.loginDropdown{position:absolute;right:0;top:47px;width:260px;background:white;border:1px solid var(--line);border-radius:11px;padding:7px;box-shadow:0 18px 45px rgba(17,30,24,.18);z-index:30}.loginDropdown>button{width:100%;border:0;background:transparent;border-radius:8px;padding:12px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--ink)}.loginDropdown>button:hover{background:#f1f4e8}.loginDropdown>button>span{width:34px;height:34px;border-radius:8px;background:#edf2e3;color:var(--green);display:grid;place-items:center;font-weight:900}.loginDropdown>button:last-child>span{background:var(--ink);color:var(--lime)}.loginDropdown>button>div{display:flex;flex-direction:column;gap:3px}.loginDropdown small{color:var(--muted);font-size:10px}.accountBadge{display:inline-block;color:var(--green);font-size:10px;letter-spacing:1.4px;font-weight:900;background:#eef3e4;border-radius:16px;padding:6px 9px}.operatorAuth .accountBadge{background:var(--ink);color:var(--lime)}
.dashboardShell{max-width:1180px;margin:0 auto;background:#f6f6f2;border:1px solid #e2e4dd;border-radius:18px;padding:32px}.dashboardHeader{align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.dashboardHeader h3{font-size:25px;letter-spacing:-.7px}.dashboardHeader .liveBadge{font-size:9px}.dashboardActions .providerJoin{background:white;border-color:var(--line);font-size:11px}.metricGrid{grid-template-columns:repeat(3,1fr);gap:14px}.metricGrid article{border:0;padding:20px 22px}.metricGrid article:nth-child(3){display:none}.metricGrid article:first-child{background:var(--ink);color:white}.metricGrid article:first-child small,.metricGrid article:first-child span{color:#b8c4bf}.metricGrid article:first-child .positive{color:var(--lime)}.metricGrid strong{font-size:25px}.dashboardColumns{grid-template-columns:1fr 1fr;gap:14px}.dashCard{border:0;padding:22px}.dashCardHead{padding-bottom:14px;border-bottom:1px solid #eaebe7}.dashboardShell .jobList{grid-template-columns:1fr;gap:8px}.dashboardShell .jobCard,.dashboardShell .jobCard:nth-of-type(3){grid-column:auto;padding:14px 15px;background:#fafaf7}.dashboardShell .jobCard h4{margin:10px 0 4px}.dashboardShell .jobCard button{margin-top:5px;padding:9px}.earningsChart{height:175px}.completedJobs{padding-bottom:12px}.completedJobs .dashCardHead{margin-bottom:4px}.tableRow{padding:15px 8px}.tableRow:not(.tableHeader):hover{background:#fafaf7}.serviceApproval{margin:0}
.operatorApp{min-height:100vh;background:#f4f4f1;color:#131a17;display:grid;grid-template-columns:230px 1fr}.operatorNav{background:#111815;color:white;padding:27px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.operatorBrand{color:white;padding:0 8px 30px}.operatorBrand .brandMark{background:var(--lime);color:var(--ink)}.operatorNav nav{display:flex;flex-direction:column;gap:5px}.operatorNav nav button{border:0;background:transparent;color:#9eaaa5;border-radius:8px;padding:12px;display:flex;align-items:center;gap:13px;text-align:left;font-weight:700}.operatorNav nav button span{width:22px;text-align:center}.operatorNav nav button.active{background:#27312d;color:white}.operatorIdentity{display:flex;align-items:center;gap:10px;margin-top:auto;padding:16px 8px;border-top:1px solid #2b3531}.operatorIdentity>span{width:35px;height:35px;border-radius:50%;background:#314039;color:var(--lime);display:grid;place-items:center;font-size:11px;font-weight:900}.operatorIdentity div{display:flex;flex-direction:column;gap:3px}.operatorIdentity b{font-size:12px}.operatorIdentity small{font-size:9px;color:#87938e}.operatorExit{border:0;background:transparent;color:#7e8b85;text-align:left;padding:10px 8px;font-size:11px}.operatorWorkspace{min-width:0}.operatorTopbar{height:105px;background:white;border-bottom:1px solid #e1e3dd;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.operatorTopbar small{font-size:9px;letter-spacing:1.2px;color:#76817c;font-weight:800}.operatorTopbar h1{font-size:30px;letter-spacing:-1.3px;margin:5px 0 0}.onlineToggle{border:0;background:#eaf6ed;color:#19723e;border-radius:24px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-weight:800}.onlineToggle i{width:9px;height:9px;border-radius:50%;background:#27a75b}.onlineToggle.offline{background:#eee;color:#777}.onlineToggle.offline i{background:#999}.operatorContent{max-width:1060px;margin:0 auto;padding:32px 4vw 55px}.driverSummary{display:grid;grid-template-columns:.9fr 1.4fr;gap:14px}.balancePanel,.weekPanel{border-radius:12px;padding:25px}.balancePanel{background:#17201d;color:white;position:relative}.balancePanel>span,.weekPanel span{font-size:9px;letter-spacing:1.1px;font-weight:850;color:#9eaaa5}.balancePanel>strong{display:block;font-size:37px;letter-spacing:-1.5px;margin:14px 0 4px}.balancePanel p{font-size:11px;color:#98a59f;margin:0}.balancePanel button{position:absolute;right:22px;bottom:22px;border:0;background:var(--lime);border-radius:7px;padding:10px 14px;font-weight:850}.weekPanel{background:white;display:flex;justify-content:space-between;gap:25px}.weekPanel>div:first-child{display:flex;flex-direction:column}.weekPanel strong{font-size:31px;margin:13px 0 5px}.weekPanel small{font-size:11px;color:#76817c}.miniChart{height:100px;width:48%;display:flex;align-items:end;gap:7px;border-bottom:1px solid #e4e6e1}.miniChart i{flex:1;background:#cad3ce;border-radius:4px 4px 0 0}.miniChart i.current{background:#17201d}.driverStats{background:white;border-radius:10px;margin:14px 0 26px;display:grid;grid-template-columns:repeat(4,1fr)}.driverStats span{padding:15px 20px;border-right:1px solid #eaebe7;display:flex;flex-direction:column;gap:4px}.driverStats span:last-child{border:0}.driverStats b{font-size:15px}.driverStats small{font-size:9px;color:#7b8681}.driverSection{background:white;border-radius:12px;padding:23px;margin-bottom:14px}.driverSectionHead{display:flex;align-items:start;justify-content:space-between;margin-bottom:17px}.driverSectionHead h2{font-size:19px;letter-spacing:-.5px;margin:0 0 5px}.driverSectionHead p{font-size:11px;color:#7b8681;margin:0}.driverSectionHead button{border:0;background:#f1f2ee;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:800}.driverJobList{display:flex;flex-direction:column}.driverJob{display:grid;grid-template-columns:42px 1fr auto 80px;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #eceeea}.driverJobIcon{width:40px;height:40px;border-radius:9px;background:#edf1e7;color:#205d49;display:grid;place-items:center;font-weight:900}.driverJob small{font-size:8px;color:#76817c;letter-spacing:.8px;font-weight:800}.driverJob h3{font-size:15px;margin:5px 0 3px}.driverJob p{font-size:11px;color:#7b8681;margin:0}.driverJobPay{text-align:right;display:flex;flex-direction:column;gap:4px}.driverJobPay strong{font-size:18px}.driverAccept{border:0;background:#17201d;color:white;border-radius:7px;padding:10px;font-weight:800}.driverAccept.accepted{background:#dff2e4;color:#16713b}.driverEmpty{text-align:center;padding:35px;display:flex;flex-direction:column;gap:7px}.driverEmpty span{color:#7b8681;font-size:11px}.activitySection{margin-bottom:0}.activityList article{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #eceeea}.activityCheck{width:32px;height:32px;border-radius:50%;background:#e5f4e9;color:#1b7a42;display:grid;place-items:center;font-weight:900}.activityList article>div{display:flex;flex-direction:column;gap:4px}.activityList b{font-size:13px}.activityList small{font-size:10px;color:#7b8681}.activityList article>strong{margin-left:auto;font-size:14px}
@media(max-width:850px){.desktopNav{display:none}.hero{grid-template-columns:1fr}.heroCopy{padding:65px 6vw}.heroVisual{min-height:480px}.serviceGrid{grid-template-columns:1fr 1fr}.providerPanel{grid-template-columns:1fr}.steps,.serviceSection{padding:70px 6vw}.safety{grid-template-columns:1fr;gap:40px}.stepGrid{gap:20px}.arrivalCard{right:4%}.metricGrid{grid-template-columns:1fr 1fr}.dashboardColumns{grid-template-columns:1fr}.dashboardHeader{align-items:start;flex-direction:column;gap:16px}.jobsTable{overflow-x:auto}.tableRow{min-width:650px}}
@media(max-width:560px){.topbar{height:70px;padding:0 18px}.headerActions .textButton{display:none}.darkButton{padding:11px 15px}.hero{min-height:auto}.heroCopy{padding:54px 20px 46px}.heroCopy h1{font-size:49px;letter-spacing:-3px}.intro{font-size:17px}.heroActions{flex-direction:column}.primaryButton,.secondaryButton{width:100%}.trustRow{gap:12px 17px}.heroVisual{min-height:380px}.locationCard{top:35px;left:5%}.arrivalCard{bottom:22px;min-width:250px}.road{bottom:52px}.car{bottom:160px}.towTruck{bottom:88px}.sectionHeading{align-items:start;flex-direction:column}.serviceGrid{grid-template-columns:1fr}.serviceCard{min-height:108px;padding:20px}.jobList{grid-template-columns:1fr}.providerPanel{padding:18px}.stepGrid{grid-template-columns:1fr;gap:27px;margin-top:42px}.stepGrid h3{margin:18px 0 8px}.safety{padding:70px 20px}footer{align-items:flex-start;flex-direction:column;gap:12px}footer small{margin-left:0}.requestModal{padding:30px 22px}.requestModal h2{font-size:34px}}
@media(max-width:800px){.operatorApp{grid-template-columns:1fr}.operatorNav{position:fixed;left:0;right:0;bottom:0;top:auto;height:72px;min-height:0;z-index:40;padding:7px 12px}.operatorNav>.operatorBrand,.operatorIdentity,.operatorExit{display:none}.operatorNav nav{flex-direction:row;justify-content:space-around;height:100%}.operatorNav nav button{font-size:9px;flex:1;flex-direction:column;justify-content:center;gap:3px;padding:5px 12px}.operatorNav nav button span{font-size:16px}.operatorTopbar{height:90px;padding:0 20px}.operatorContent{padding:22px 15px 96px}.driverSummary{grid-template-columns:1fr}.driverStats{grid-template-columns:1fr 1fr}.driverStats span:nth-child(2){border-right:0}.driverStats span:nth-child(-n+2){border-bottom:1px solid #eaebe7}.driverJob{grid-template-columns:42px 1fr auto}.driverJobPay{grid-column:2;text-align:left}.driverAccept{grid-column:3;grid-row:1/3}.weekPanel{min-height:150px}.profileInfoGrid,.supportActions{grid-template-columns:1fr}.operatorProfileHero{align-items:flex-start;flex-wrap:wrap;padding:21px}.operatorProfileHero>button{margin-left:90px}.supportHero{padding:28px 20px}.urgentSupport{align-items:flex-start;gap:15px;flex-direction:column}}
@media(max-width:520px){.operatorTopbar h1{font-size:25px}.balancePanel>strong{font-size:32px}.weekPanel{flex-direction:column}.miniChart{width:100%;height:75px}.driverJob{grid-template-columns:36px 1fr}.driverJobIcon{width:34px;height:34px}.driverAccept{grid-column:1/-1;grid-row:auto}.driverJobPay{grid-column:2}.driverSection{padding:18px}.driverStats span{padding:13px}.onlineToggle{padding:9px 11px}.onlineToggle span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.serviceCard{transition:none}}
.headerActions .accountMenu .textButton{display:block}
.simplePage{max-width:900px;margin:0 auto}.operatorProfileHero{background:white;border-radius:14px;padding:28px;display:flex;align-items:center;gap:18px;margin-bottom:14px}.largeOperatorAvatar{width:72px;height:72px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:20px;font-weight:900;flex:none}.operatorProfileHero>div{flex:1}.operatorProfileHero h2{font-size:25px;margin:5px 0}.operatorProfileHero p{margin:0;color:#7b8681}.verifiedLine{font-size:9px;color:var(--green);font-weight:900;letter-spacing:1px}.operatorProfileHero>button{border:0;background:#f1f2ee;border-radius:8px;padding:10px 14px;font-weight:800}.profileInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profileInfoGrid article{background:white;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:7px}.profileInfoGrid small{font-size:9px;color:#7b8681;font-weight:900;letter-spacing:1px}.profileInfoGrid span{font-size:11px;color:#7b8681}.profileSettings{background:white;border-radius:12px;padding:20px;margin-top:14px}.profileSettings h3{margin:0 0 10px;font-size:17px}.profileSettings button{width:100%;border:0;border-top:1px solid #eceeea;background:transparent;padding:15px 3px;display:flex;justify-content:space-between;text-align:left}.supportHero{background:var(--ink);color:white;border-radius:14px;padding:34px;text-align:center}.supportHero>span{width:48px;height:48px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;margin:0 auto 15px;font-weight:900}.supportHero h2{font-size:27px;margin:0 0 8px}.supportHero p{color:#aeb9b4}.supportHero button{border:0;background:var(--lime);border-radius:8px;padding:11px 16px;font-weight:850}.supportActions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.supportActions>button{border:0;background:white;border-radius:12px;padding:18px;display:flex;align-items:center;gap:12px;text-align:left}.supportActions>button>span{width:34px;height:34px;border-radius:8px;background:#edf1e7;display:grid;place-items:center;font-weight:900}.supportActions>button>div{display:flex;flex-direction:column;gap:5px;flex:1}.supportActions small{color:#7b8681}.urgentSupport{background:#fff3e6;border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.urgentSupport>div{display:flex;flex-direction:column;gap:4px}.urgentSupport span{font-size:11px;color:#7b8681}.urgentSupport button{border:0;background:#c54b33;color:white;border-radius:8px;padding:10px 14px;font-weight:800}
@media(max-width:800px){.profileInfoGrid,.supportActions{grid-template-columns:1fr}.operatorProfileHero{align-items:flex-start;flex-wrap:wrap;padding:21px}.operatorProfileHero>button{margin-left:90px}.supportHero{padding:28px 20px}.urgentSupport{align-items:flex-start;gap:15px;flex-direction:column}}
.liveJobsFeed{max-width:760px;margin:0 auto}.liveJobsHeading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.liveJobsHeading small{font-size:9px;letter-spacing:1.2px;color:#16713b;font-weight:900}.liveJobsHeading h2{font-size:26px;margin:7px 0 0}.livePulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#28a75b;margin-right:7px;box-shadow:0 0 0 5px #def2e5}.liveJobList{display:flex;flex-direction:column;gap:11px}.liveJob{background:white;border-radius:14px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px rgba(17,24,21,.04)}.liveJob small{font-size:9px;letter-spacing:1px;color:#7b8681;font-weight:850}.liveJob h3{font-size:19px;margin:7px 0 0}.liveJob>strong{font-size:27px;letter-spacing:-1px;color:#17201d}.liveJob[hidden]{display:none}
@media(max-width:520px){.liveJob{padding:20px}.liveJob h3{font-size:17px}.liveJob>strong{font-size:24px}}
.providerSettingsModal{max-height:88vh;overflow-y:auto}.providerSettingsModal>div>p{color:var(--muted);line-height:1.5;margin:0 0 20px}.providerSettingsModal .fieldLabel select{border:1px solid #ccd2cb;background:white;border-radius:8px;padding:14px}.settingSummary{background:var(--ink);color:white;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:7px;margin:18px 0}.settingSummary small{font-size:9px;letter-spacing:1px;color:#aeb9b4}.settingSummary strong{font-size:30px}.settingSummary span{font-size:11px;color:#aeb9b4}.settingRows{background:white;border:1px solid #e1e4de;border-radius:11px;margin:18px 0}.settingRows article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border-top:1px solid #e8eae5}.settingRows article:first-child{border-top:0}.settingRows article>div{display:flex;flex-direction:column;gap:5px}.settingRows article small{color:#7b8681}.settingRows article>button{border:0;background:#eef1eb;border-radius:7px;padding:8px 11px;font-weight:800}.settingGood{color:#19723e;background:#e5f4e9;border-radius:16px;padding:6px 9px;font-size:9px;font-weight:900}.switch input{display:none}.switch i{display:block;width:42px;height:24px;border-radius:14px;background:#ccd1cd;position:relative}.switch i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s}.switch input:checked+i{background:#278955}.switch input:checked+i:after{left:21px}.savedSetting{background:#19723e}.providerSettingsModal .closeButton{cursor:pointer}#providerSettingsModal{z-index:60}
.liveJob{border:0;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .15s,box-shadow .15s}.liveJob:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(17,24,21,.09)}.liveJob>div>span{display:block;color:#59645f;font-size:12px;margin-top:6px}.jobDetailModal{max-height:90vh;overflow-y:auto}.jobDetailHead{display:flex;align-items:flex-start;justify-content:space-between}.jobDetailHead h2{font-size:40px;margin:8px 0 20px}.liveRequestBadge{background:#e4f4e8;color:#19723e;border-radius:18px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:1px}.jobRoute{background:#17201d;color:white;border-radius:12px;padding:20px;margin-bottom:14px}.jobRoute article{display:flex;flex-direction:column;gap:6px}.jobRoute small,.jobFacts small{font-size:8px;letter-spacing:1px;color:#8f9c96;font-weight:900}.jobRoute i{display:block;width:1px;height:22px;background:#64716b;margin:7px 0 7px 5px}.jobFacts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jobFacts article{background:white;border:1px solid #e2e5df;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:6px}.jobFacts article span{font-size:10px;color:#7b8681}.jobFacts article:nth-child(n+3){grid-column:1/-1}.jobFacts article b{font-size:13px;line-height:1.4}#jobDetailModal{z-index:60}
@media(max-width:520px){.jobFacts{grid-template-columns:1fr}.jobFacts article{grid-column:1!important}}
.navigationChoice{text-align:center;padding-top:6px}.navigationChoice h3{font-size:25px;margin:0 0 7px}.navigationChoice>p{color:#7b8681;margin:0 0 20px}.mapAppList{display:flex;flex-direction:column;gap:9px;text-align:left}.mapAppList a{display:flex;align-items:center;gap:13px;background:white;color:var(--ink);border:1px solid #e1e4de;border-radius:11px;padding:14px;text-decoration:none}.mapAppList a:hover{border-color:#91a59b;background:#f8faf5}.mapAppList a>span{width:38px;height:38px;border-radius:10px;background:#edf2e8;display:grid;place-items:center;font-weight:900;font-size:17px}.mapAppList a:first-child>span{background:#dff3ff;color:#1683b2}.mapAppList a:nth-child(2)>span{background:#ececef;color:#333}.mapAppList a:nth-child(3)>span{background:#e7f0ff;color:#2d65ba}.mapAppList a>div{display:flex;flex:1;flex-direction:column;gap:4px}.mapAppList a small{color:#7b8681}.mapAppList a>strong{font-size:20px}
.profileSettings .profileSignOut{color:#b33d31;font-weight:850}.customerSignOut{width:100%;border:0;background:transparent;color:#b33d31;padding:15px 10px 3px;font-weight:850}.profileSignOut:hover,.customerSignOut:hover{color:#8d291f}
.savedVehicleList{display:flex;flex-direction:column;gap:9px;margin:20px 0 12px}.savedVehicle{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left}.savedVehicle:hover{border-color:var(--green);background:#f7f9f1}.savedVehicle>div{display:flex;flex:1;flex-direction:column;gap:4px}.savedVehicle small{color:var(--muted)}.savedVehicle>strong{font-size:20px}.newVehicleButton{width:100%;border:1px dashed #aeb8b0;background:transparent;border-radius:9px;padding:13px;color:var(--green);font-weight:850}.registrationHint{display:block;color:var(--muted);margin-top:-8px}.vehicleFound{width:100%;text-align:left;cursor:pointer}.vehicleFound[hidden]{display:none!important}#newRegistrationPanel .regInput{grid-template-columns:1fr}.modeSwitch:has(#providerMode[hidden]){display:none}
.savedVehicle,.newVehicleButton,.vehicleFound{-webkit-appearance:none;appearance:none;font:inherit;-webkit-tap-highlight-color:transparent}.savedVehicle{color:var(--ink);box-shadow:0 2px 8px rgba(23,32,29,.04)}.savedVehicle .vehicleIcon{background:var(--ink);color:var(--lime)}.savedVehicle:active{background:#f1f5e8;transform:scale(.99)}.newVehicleButton{background:#f3f6e9;color:var(--green);border:1px solid #cbd5c4}.newVehicleButton:active{background:#e8efd9}.vehicleFound{color:var(--ink);font:inherit}.vehicleFound .vehicleIcon{background:var(--lime);color:var(--ink)}
.customerProfileStats{grid-template-columns:1fr}.profileHistoryButton{width:100%;border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:15px;display:flex;justify-content:space-between;font:inherit;font-weight:850}.profileHistoryButton span{font-size:19px}.customerHistory{background:#f7f7f3;border-radius:10px;padding:15px;margin:10px 0 20px}.customerHistory[hidden]{display:none!important}
.bookingModal{max-height:92vh;overflow-y:auto}.bookingModal>div>p,.bookingTracking>p{color:var(--muted);line-height:1.5}.detectLocation{width:100%;border:1px solid #c9d5c2;background:#f1f6e7;border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--ink)}.detectLocation>span{width:36px;height:36px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:20px}.detectLocation>div{display:flex;flex-direction:column;gap:4px}.detectLocation small{color:var(--muted)}.bookingPair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bookingModal select{border:1px solid #ccd2cb;background:white;border-radius:8px;padding:14px}.bookingSummary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.bookingSummary span{background:white;border:1px solid var(--line);border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:5px}.bookingSummary small{font-size:8px;letter-spacing:1px;color:var(--muted)}.bookingSummary b{font-size:12px}.paymentMethod{display:flex;align-items:center;gap:12px;background:#f0f3ed;border-radius:10px;padding:14px}.paymentMethod>span{font-size:24px}.paymentMethod>div{display:flex;flex:1;flex-direction:column;gap:4px}.paymentMethod small{color:var(--muted)}.paymentMethod button{border:0;background:transparent;color:var(--green);font-weight:800}.securePaymentNote{display:block;text-align:center;color:var(--muted);margin-top:10px}.bookingTracking{text-align:center}.trackingMap{height:170px;border-radius:12px;background:#e7ecdf;position:relative;overflow:hidden;margin:20px 0}.trackingRoad{position:absolute;width:125%;height:45px;background:#c2c9c1;transform:rotate(-18deg);left:-12%;top:65px;border-top:3px solid white;border-bottom:3px solid white}.trackingProvider,.trackingCustomer{position:absolute;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900;box-shadow:0 3px 8px rgba(0,0,0,.2)}.trackingProvider{background:var(--ink);color:var(--lime);left:28%;top:72px}.trackingCustomer{background:var(--lime);color:var(--ink);right:20%;top:50px}.arrivalDetails{display:flex;align-items:center;gap:12px;text-align:left;background:white;border:1px solid var(--line);border-radius:10px;padding:14px}.arrivalDetails .avatar{width:42px;height:42px;font-size:12px}.arrivalDetails>div{display:flex;flex:1;flex-direction:column;gap:4px}.arrivalDetails small{color:var(--muted)}.arrivalDetails>strong{font-size:18px}.trackingStatus{display:grid;grid-template-columns:26px 1fr;gap:11px 9px;text-align:left;margin:20px 4px}.trackingStatus span{width:24px;height:24px;border-radius:50%;background:#e0e4df;display:grid;place-items:center;font-size:10px;font-weight:900}.trackingStatus .done{background:#dff1e3;color:#19723e}.trackingStatus .active{background:var(--lime);color:var(--ink)}.trackingStatus b{font-size:12px;align-self:center}.trackingActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.trackingActions button{border:1px solid var(--ink);background:white;border-radius:9px;padding:12px;font-weight:800}
@media(max-width:520px){.bookingPair,.bookingSummary{grid-template-columns:1fr}.bookingModal{padding:29px 21px}.trackingMap{height:145px}}
.jobProgress{margin-top:15px;background:#17201d;color:white;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;text-align:left}.jobProgress small{color:#9daa9f;font-size:8px;letter-spacing:1px}.jobProgress button{border:0;background:var(--lime);border-radius:8px;padding:12px;font-weight:850;margin-top:4px}.jobProgress button:disabled{background:#dfe3dd;color:#66706c}.adminEntry{border:0;background:transparent;color:#738078;font-size:10px;font-weight:800}.adminApp{min-height:100vh;background:#f2f3ef;display:grid;grid-template-columns:220px 1fr;color:#17201d}.adminSide{background:#17201d;color:white;min-height:100vh;padding:26px 18px;display:flex;flex-direction:column;gap:22px}.adminSide .brand{color:white}.adminSide>span{font-size:8px;letter-spacing:1.4px;color:#7f8e87}.adminSide nav{display:flex;flex-direction:column;gap:5px}.adminSide nav button,.adminSide>button{border:0;background:transparent;color:#aab5b0;text-align:left;border-radius:7px;padding:11px;font-weight:750}.adminSide nav button.active{background:#2b3732;color:white}.adminSide>button{margin-top:auto}.adminMain header{height:100px;background:white;border-bottom:1px solid #e0e3dc;padding:0 4vw;display:flex;align-items:center;justify-content:space-between}.adminMain header small{font-size:8px;letter-spacing:1px;color:#738078}.adminMain header h1{margin:5px 0 0;font-size:28px}.adminLive{font-size:9px;color:#19723e;background:#e6f3e8;border-radius:16px;padding:8px 10px;font-weight:900}.adminContent{padding:28px 4vw;max-width:1200px;margin:0 auto}.adminMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.adminMetrics article,.adminCard{background:white;border-radius:11px;padding:20px}.adminMetrics article{display:flex;flex-direction:column;gap:8px}.adminMetrics small{font-size:8px;letter-spacing:1px;color:#7b8681;font-weight:900}.adminMetrics strong{font-size:25px}.adminMetrics span{font-size:10px;color:#7b8681}.adminColumns{display:grid;grid-template-columns:1.3fr .8fr;gap:12px;margin:12px 0}.adminCardHead{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.adminCardHead h2{font-size:17px;margin:0 0 5px}.adminCardHead p{font-size:10px;color:#7b8681;margin:0}.adminCardHead button{border:0;background:#edf0ea;border-radius:7px;padding:8px 10px}.adminTable article,.paymentRows article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;border-top:1px solid #e8ebe5;padding:14px 0}.adminTable article>span{display:flex;flex-direction:column;gap:4px}.adminTable small{color:#7b8681}.adminTable em{font-size:9px;color:#19723e;background:#e4f3e8;border-radius:15px;padding:6px 8px;font-style:normal}.adminTable em.waiting{color:#9a6416;background:#fff0d7}.approvalList article{display:flex;align-items:center;gap:10px;border-top:1px solid #e8ebe5;padding:14px 0}.approvalList article>span{width:34px;height:34px;border-radius:8px;background:#17201d;color:var(--lime);display:grid;place-items:center;font-size:10px;font-weight:900}.approvalList article>div{display:flex;flex:1;flex-direction:column;gap:4px}.approvalList small{color:#7b8681}.approvalList button{border:0;background:var(--lime);border-radius:7px;padding:8px;font-weight:800}.approvalList article.approved{opacity:.65}.paymentRows article{grid-template-columns:1.2fr 1fr 1fr 1fr;font-size:11px}.paymentRows strong{color:#19723e;text-align:right}
@media(max-width:800px){.adminApp{grid-template-columns:1fr}.adminSide{min-height:0;padding:15px;flex-direction:row;align-items:center}.adminSide>span,.adminSide nav{display:none}.adminSide>button{margin:0 0 0 auto}.adminMain header{height:85px}.adminMetrics{grid-template-columns:1fr 1fr}.adminColumns{grid-template-columns:1fr}.adminContent{padding:18px 14px 70px}.paymentRows{overflow-x:auto}.paymentRows article{min-width:620px}}
.tyreDetails{background:#f2f6e9;border:1px solid #ced9c4;border-radius:11px;padding:16px;margin:16px 0}.tyreDetails[hidden]{display:none!important}.tyreDetails>div:first-child{display:flex;align-items:center;gap:11px}.tyreDetails>div:first-child>span{width:35px;height:35px;border-radius:8px;background:var(--ink);color:var(--lime);display:grid;place-items:center}.tyreDetails>div:first-child>div{display:flex;flex-direction:column;gap:4px}.tyreDetails small{color:var(--muted)}.tyrePhotoButton{border:1px dashed #9eaa9d;background:white;border-radius:9px;padding:13px;display:flex;align-items:center;gap:11px;cursor:pointer}.tyrePhotoButton>span{width:34px;height:34px;border-radius:8px;background:var(--lime);display:grid;place-items:center;font-size:20px}.tyrePhotoButton>div{display:flex;flex-direction:column;gap:4px}.tyrePhotoPreview{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:9px;margin-top:10px}.tyrePhotoPreview[hidden]{display:none!important}
.stripeCardMount{background:#fff;border:1px solid #ccd2cb;border-radius:10px;padding:12px;margin-top:10px;min-height:74px}.stripeCardMount .StripeElement{min-height:42px}.bookingPair:has(#passengerField[hidden]){grid-template-columns:1fr}.offlineDim{opacity:.45;filter:grayscale(1);pointer-events:none}
@media(max-width:560px){footer{align-items:flex-start;gap:12px}footer small{margin-left:0}.legalLinks{width:100%;margin:12px 0}.legalLinks a{padding:6px 11px}}
.dangerAction{margin-top:10px;border:1px solid #e1b9b4;border-radius:9px;padding:13px;background:#fff7f6;color:#a43127}.dangerAction:hover{background:#fdecea}.authNote.statusGood{color:#176a3a}.authNote.statusError{color:#a43127}.integrationNotice{background:#fff6dc;border:1px solid #ead49b;border-radius:9px;padding:12px;color:#6e5313;font-size:12px;line-height:1.45;margin:12px 0}.documentUploadInput{width:100%;margin:10px 0}.locationAccuracy{font-variant-numeric:tabular-nums}