:root{color-scheme:dark;--bg:#0a100d;--surface:#111a15;--surface2:#17221b;--line:#29382d;--ink:#f1f5ec;--muted:#9aa99e;--green:#7be36c;--green2:#173323;--mint:#6fe1aa;--amber:#e9c85f;--red:#ee7180;--shadow:0 16px 50px #0005;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 73% -10%,#1c3825 0,transparent 40%),var(--bg);color:var(--ink);font-size:14px;line-height:1.48}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.appHeader{height:70px;border-bottom:1px solid var(--line);background:#0d1511ef;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1180px)/2),24px);position:sticky;top:0;z-index:4;backdrop-filter:blur(14px)}.brand{display:flex;gap:11px;align-items:center}.brandMark{width:36px;height:36px;border-radius:11px;background:var(--green);color:#102014;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 0 18px #7be36c33}.brand b{display:block;font-size:15px;letter-spacing:-.3px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.adminLink{font-size:11px;color:#b5c6b9}.adminLink:hover{color:var(--green)}.driverShell{max-width:900px;margin:0 auto;padding:38px 22px 56px}.driverIntro{padding:10px 6px 27px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:850;color:var(--green)}.driverIntro h1{font-size:38px;line-height:1.04;letter-spacing:-1.3px;margin:9px 0 10px}.driverIntro h1 em{font-style:normal;color:var(--green)}.driverIntro p{color:var(--muted);margin:0;font-size:13px}.truckSpec{margin-top:19px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:#111a15;border-radius:12px;padding:10px 13px;width:max-content;max-width:100%}.truckSpec>span{font-size:22px}.truckSpec label{font-size:9px;color:var(--muted)}.truckSpec select{display:block;background:none;border:0;color:var(--ink);font-weight:700;padding:2px 0 0;outline:none}.truckSpec a{font-size:10px;color:var(--green);margin-left:7px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#131d17,#101712);border-radius:16px;padding:21px;margin:12px 0;box-shadow:0 8px 30px #0002}.cardTitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.card h2{font-size:17px;margin:3px 0 0;letter-spacing:-.3px}.muted{color:var(--muted);font-size:11px;margin:8px 0 14px}.liveDot{width:9px;height:9px;background:#637269;border-radius:50%;box-shadow:0 0 0 4px #253329}.liveDot.on{background:var(--green);box-shadow:0 0 0 4px #23452a,0 0 12px #7be36c}.gpsPanel{min-height:64px;background:#0c130f;border:1px solid #243228;border-radius:11px;display:flex;align-items:center;padding:10px 12px;gap:11px}.gpsIcon{width:37px;height:37px;background:#1d3524;border-radius:10px;display:grid;place-items:center;color:var(--green);font-size:24px}.gpsPanel b{display:block;font-size:11px}.gpsPanel small{color:var(--muted);font-size:10px}.gpsPanel #accuracy{margin-left:auto;color:#a5c5aa;font-size:9px}.checkLine{display:flex;gap:10px;margin:14px 0;align-items:flex-start;cursor:pointer}.checkLine input{accent-color:var(--green);width:16px;height:16px;margin:2px 0}.checkLine b{display:block;font-size:11px}.checkLine small{display:block;color:var(--muted);font-size:10px;margin-top:3px;max-width:670px}.actions{display:flex;gap:8px}.btn{border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:11px;font-weight:800;transition:.15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.primary{background:var(--green);color:#102014;border-color:var(--green);box-shadow:0 0 18px #7be36c24}.secondary{background:#17221b;color:#d9e3d9}.finePrint{color:#7e8d81;font-size:9px;line-height:1.5;margin:12px 0 0}.reportIcon{width:29px;height:29px;border-radius:9px;background:#1b3624;color:var(--green);display:grid;place-items:center;font-size:19px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.reportCard form>label,.formGrid label{display:block;font-size:10px;font-weight:750;color:#c7d4ca;margin:10px 0}.formGrid input,.formGrid select,.reportCard textarea{display:block;width:100%;margin-top:5px;background:#0c130f;color:var(--ink);border:1px solid #2b3b30;border-radius:8px;padding:10px;outline-color:var(--green);font-size:11px}.reportCard textarea{min-height:73px;resize:vertical}.reportCard input::placeholder,.reportCard textarea::placeholder{color:#718076}.uploadBox{display:flex!important;gap:10px;align-items:center;border:1px dashed #3c5141;border-radius:10px;background:#101a14;padding:12px;cursor:pointer}.uploadGlyph{height:32px;width:32px;border-radius:9px;display:grid;place-items:center;background:#203729;color:var(--green);font-size:19px}.uploadBox b{display:block;color:#e1ebe1;font-size:10px}.uploadBox small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.uploadBox input{margin-left:auto;width:100px;font-size:9px;color:#adbbb0}.photoPreview{margin:9px 0;height:130px;background:#0b120e;border-radius:9px;overflow:hidden}.photoPreview img{width:100%;height:100%;object-fit:contain}.locationLine{display:flex;align-items:center;gap:7px;font-size:9px;color:#adbbb0;padding:9px 1px}.locationLine>span:first-child{color:var(--green);font-size:15px}.locationLine button{margin-left:auto;background:none;border:0;color:var(--green);font-size:9px;font-weight:750}.full{width:100%;margin-top:5px}.formMessage{min-height:17px;font-size:10px;color:var(--mint);margin-top:7px}.formMessage.error{color:var(--red)}.iconBtn{height:31px;width:31px;border:1px solid var(--line);border-radius:8px;background:#18231c;color:var(--green);font-size:19px}.reportList{display:grid;gap:8px}.reportItem{padding:11px;border-radius:10px;border:1px solid #26362b;background:#0e1611;display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:9px}.typeIcon{height:30px;width:30px;display:grid;place-items:center;border-radius:8px;background:#1c3321;color:var(--green);font-weight:900}.reportItem b{font-size:10px;display:block}.reportItem small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.verified{font-size:8px;color:#9deba2;background:#183421;border-radius:12px;padding:4px 7px;font-weight:800}.empty{font-size:10px;color:var(--muted);padding:15px;background:#0e1611;border-radius:9px}.foot{display:flex;justify-content:space-between;color:#718077;font-size:9px;padding:12px 4px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,14px);opacity:0;transition:.22s;background:#b1f189;color:#112015;font-size:11px;font-weight:800;padding:10px 14px;border-radius:9px;z-index:9;pointer-events:none;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Admin */
.adminPage{min-height:100vh}.adminLayout{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 70px)}.adminSide{background:#0c1410;border-right:1px solid var(--line);padding:18px 13px;display:flex;flex-direction:column}.sideLabel{font-size:8px;letter-spacing:1.4px;color:#718075;font-weight:850;margin:18px 9px 8px}.sideLink{font-size:11px;color:#a5b1a7;padding:10px;border-radius:8px;display:flex;gap:9px;align-items:center}.sideLink.active{background:#1b3020;color:var(--green);font-weight:800}.sideBadge{margin-left:auto;background:#263620;color:#b4ea76;padding:2px 6px;border-radius:8px;font-size:9px}.adminBody{max-width:1300px;padding:26px 28px;margin:0 auto;width:100%}.adminWelcome{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:19px}.adminWelcome h1{margin:2px 0;font-size:22px;letter-spacing:-.6px}.adminWelcome p{margin:5px 0;color:var(--muted);font-size:10px}.adminTopActions{display:flex;gap:7px}.adminTopActions button{background:#18231c;color:#d7e4d8;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}.adminTopActions .greenBtn{background:var(--green);border-color:var(--green);color:#102014}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.statCard{background:linear-gradient(145deg,#152019,#101712);border:1px solid var(--line);border-radius:12px;padding:13px}.statCard small{font-size:9px;color:var(--muted)}.statCard strong{display:block;font-size:23px;margin:2px 0}.statCard em{font-style:normal;font-size:8px;color:#92d99c}.adminPanel{margin-top:14px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#111a15}.panelTop{padding:13px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panelTop b{font-size:12px}.panelTop small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.pendingCount{background:#29391f;color:#bdec79;padding:4px 8px;border-radius:12px;font-size:9px;font-weight:800}.adminReports{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px}.adminReport{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:11px;border:1px solid #2a382f;background:#0d1510;border-radius:10px;cursor:pointer}.adminReport.selected{border-color:#78cb69;box-shadow:0 0 0 1px #78cb6930}.adminReport .typeIcon{width:32px;height:32px}.adminReport b{display:block;font-size:10px}.adminReport small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.adminReport .pendingTag{display:inline-block;color:#e7cc77;font-size:8px;background:#302a19;border-radius:10px;padding:3px 6px;margin-top:6px}.reviewArea{border-top:1px solid var(--line);padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.reviewCard{border:1px solid #2a382f;border-radius:10px;background:#0d1510;padding:12px}.reviewCard h3{font-size:10px;margin:0 0 9px}.reviewPhoto{min-height:145px;display:grid;place-items:center;background:#111c15;border-radius:7px;color:#768477;font-size:10px;overflow:hidden}.reviewPhoto img{max-width:100%;max-height:260px;object-fit:contain}.detailList{font-size:9px;line-height:2;color:#b7c3b8}.detailList b{color:#eff5e9}.reviewButtons{display:flex;gap:7px;margin-top:11px}.reviewButtons button{flex:1;border-radius:8px;padding:9px;font-size:9px;font-weight:850}.approveBtn{background:var(--green);border:1px solid var(--green);color:#112015}.rejectBtn{background:#22171a;border:1px solid #513139;color:#f19299}.loginWrap{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:20px}.loginCard{width:min(370px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.loginCard h1{font-size:19px;margin:4px 0}.loginCard p{font-size:10px;color:var(--muted)}.loginCard label{font-size:10px;display:block;margin:12px 0}.loginCard input{display:block;width:100%;margin-top:6px;padding:11px;background:#0b130e;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.loginError{color:var(--red);font-size:10px;min-height:16px}
@media(max-width:760px){.appHeader{height:62px;padding:0 15px}.driverShell{padding:24px 13px 35px}.driverIntro{padding:7px 3px 17px}.driverIntro h1{font-size:31px}.card{padding:16px;border-radius:13px}.formGrid{grid-template-columns:1fr;gap:0}.foot{gap:12px}.adminLayout{grid-template-columns:1fr}.adminSide{display:none}.adminBody{padding:19px 12px}.adminWelcome h1{font-size:19px}.adminTopActions button:first-child{display:none}.statGrid{grid-template-columns:1fr 1fr;gap:7px}.statCard{padding:10px}.statCard strong{font-size:20px}.adminReports{grid-template-columns:1fr}.reviewArea{grid-template-columns:1fr}.reportItem{grid-template-columns:31px 1fr}.verified{grid-column:2;justify-self:start}.truckSpec{width:100%}.truckSpec select{max-width:200px}.uploadBox input{width:90px}}