@media screen{
:root{font-size:14px;background:#080f19;--line:#243347;--panel:#101b2a;--muted:#8fa1b8}body{background:radial-gradient(ellipse at 10% 0%,#11253655,transparent 55%),#080f19;min-height:100vh}header{padding:6px max(24px,calc((100vw - 1280px)/2));gap:18px;min-height:68px;background:#0d1723}.brand img{width:148px}header span{font-size:12px;color:var(--muted)}header button{font-size:12px;padding:8px 13px;margin-top:0;margin-bottom:0}main{max-width:1328px;padding:24px;margin:auto}footer{max-width:1328px;padding:16px 24px;border-top:1px solid #1b2838;font-size:11px}
h1,#greeting{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:4px 0 0}h2{font-size:18px;letter-spacing:-.3px;margin:0 0 14px}h3{font-size:14px;margin:18px 0 12px}p{line-height:1.5;margin:10px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;margin:0 0 8px}.muted{color:var(--muted)}article,form{border-radius:12px;padding:20px;margin:0 0 16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 28px #00000012}article form{padding:0;margin:16px 0 0;background:transparent;border:0;box-shadow:none}label{font-size:12px;margin:0 0 14px;color:#a9bad0}input,select{font-size:13px;border-radius:7px;padding:10px 12px;min-height:40px;margin-top:6px;background:#0a1421;border-color:#304159}input:focus,select:focus{outline:2px solid #63e7bf60;outline-offset:1px}button{font-size:13px;padding:10px 15px;min-height:38px;border-radius:7px;margin:0 6px 0 0;background:#172639;border-color:#304159;transition:background .15s,border-color .15s}button:disabled{cursor:default;opacity:.45}button:hover:not(:disabled){background:#22374c}.primary:hover:not(:disabled){background:#82efd0}.heading{margin-bottom:18px;gap:16px}.heading h2{margin:0}.badge{font-size:10px;font-weight:650;letter-spacing:.5px;padding:7px 10px;background:#14392f;color:#7ce8c7;border:1px solid #255446}
#dashboard>.heading{margin-bottom:22px;align-items:center}.tabs{border:1px solid var(--line);border-radius:10px;background:#0e1927;padding:5px;margin:0 0 18px;gap:4px}.tabs button{border:0;background:transparent;color:#94a8c1;padding:10px 20px;margin:0;font-size:13px}.tabs button[aria-selected=true]{background:#1b3a36;color:#7decc9;box-shadow:inset 0 0 0 1px #31594d}.tabs button:hover:not(:disabled){background:#172a3b;color:#e5edf7}.vehicle-picker{max-width:340px;margin-bottom:18px}.vehicle-picker select{margin-top:5px}.metrics{gap:12px;margin-bottom:16px}.metrics article{padding:14px 18px;border-radius:10px;box-shadow:none}.metrics article>span{font-size:11px;text-transform:uppercase;letter-spacing:.8px}.metrics strong{font-size:21px;margin-top:6px;font-weight:650}.metrics #updated{font-size:16px;line-height:1.6}
#livePanel>.heading{display:none}.location{padding:18px;background:var(--panel);position:relative}.location>.eyebrow{margin-bottom:4px}.location #coordinates{font-size:15px;letter-spacing:0;color:#bfcee0;margin:0}.location>.map-option{position:absolute;top:18px;right:20px;font-size:11px;margin:0}.tracking-map,#liveMap{height:clamp(320px,48vh,560px);border-radius:9px;margin:16px 0 12px}.location>a{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #304159;border-radius:7px;text-decoration:none;font-size:12px;margin-right:7px}.location>a:hover{background:#192d3c}.location #source{font-size:11px;margin:12px 0 0;color:var(--muted)}
#historyform{margin:18px 0 12px;padding:16px;background:#0b1522;border:1px solid var(--line);border-radius:9px}.fields{gap:12px;align-items:end}.fields label{min-width:145px;margin-bottom:0}.fields #journeyDay{min-width:0}.fields .map-option{flex:0 0 auto;min-width:0;white-space:nowrap;padding:10px 0;margin:0}.fields button{margin:0;min-height:40px}#historyform .fields{display:grid;grid-template-columns:1.2fr 1.1fr 1.1fr .9fr auto auto}#journeysPanel>article>.muted{font-size:12px;margin:0;color:var(--muted)}#routeSummary{font-size:12px}details{border-top:1px solid var(--line);margin-top:14px}details summary{font-size:12px;color:#a7bad1;padding:14px 0}th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#91a8c1}td,th{padding:10px 12px;border-color:#25354a}table{font-size:12px}
#vehicles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:16px 0}#vehicles button{margin:0;padding:16px;border-radius:10px;font-size:13px;min-height:74px;background:var(--panel)}#add{background:var(--panel)}#qrPanel{border:1px solid var(--line);padding:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}#qrPanel h3{width:100%;margin:0}#qrCode{width:112px;height:112px;border-radius:8px}#settingsPanel{display:grid;grid-template-columns:1fr 1fr;gap:16px}#settingsPanel article{margin:0}#settingsPanel label{max-width:440px}#settingsPanel p{font-size:12px;color:var(--muted)}#alertOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.alert-option{margin:0;border:1px solid #25364a;padding:12px;font-size:12px;background:#111f2f}#alertsPanel>article>p{font-size:12px;color:var(--muted)}#safetyPanel article{margin-top:16px}#safetyPanel p{font-size:12px;color:var(--muted)}#safetyform,#confirmform{max-width:460px}#message{max-width:720px;margin:16px auto 0;border:1px solid #31515b;background:#17323d;box-shadow:0 8px 24px #0005;padding:12px 16px;font-size:13px}
#auth{display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:start;max-width:1040px;margin:64px auto}.auth-intro{padding-top:36px}.auth-intro h1{font-size:clamp(36px,4vw,50px);line-height:1.13;letter-spacing:-1.8px;margin:16px 0 22px}.auth-intro>.muted{font-size:17px;max-width:380px;line-height:1.65}.auth-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 16px 50px #0003}#authform{max-width:none;padding:0;border:0;background:none;box-shadow:none;margin:0}#authform h2{font-size:22px;margin:0 0 22px}#authform button{margin-top:5px}#forgotPassword{display:block;background:none;border:0;color:#94b0c7;font-size:12px;padding:0;min-height:0;margin-top:18px;text-decoration:underline;text-underline-offset:3px}#passwordRule{font-size:11px;color:var(--muted)}#passwordRecovery{margin:22px 0 0;padding:18px 0 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}#passwordRecovery p{font-size:11px;color:var(--muted)}#verification{max-width:560px;margin:30px auto}#verification h1{margin-bottom:16px}#verification article{margin-top:24px}
@media(max-width:1100px){#historyform .fields{grid-template-columns:repeat(2,minmax(0,1fr))}#historyform .fields .map-option{padding:8px 0}#historyform .fields button{justify-self:end;min-width:100px}#auth{gap:35px;grid-template-columns:1fr 400px;margin:40px auto}}
@media(max-width:700px){header{padding:6px 16px;min-height:62px}.brand img{width:132px}header span{display:none}main{padding:18px 14px}footer{padding:14px}#greeting{font-size:23px}#dashboard>.heading{margin-bottom:16px}.badge{font-size:9px;padding:6px 8px}.tabs{gap:0;margin-bottom:16px}.tabs button{padding:10px 13px;font-size:12px}.vehicle-picker{max-width:none;margin-bottom:14px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metrics article{display:block;padding:12px 10px}.metrics article>span{font-size:9px;letter-spacing:.3px}.metrics strong{font-size:17px;margin-top:5px;overflow-wrap:anywhere}.metrics #updated{font-size:11px;line-height:1.5}.location{padding:14px}.location>.map-option{position:static;margin-top:10px;font-size:11px}#liveMap{height:380px;max-height:55vh}.tracking-map{height:300px}article,form{padding:16px;border-radius:10px}.heading{gap:10px;flex-wrap:nowrap}.heading h2{font-size:17px}.heading button{font-size:11px;padding:9px 10px;margin:0}#historyform{padding:12px}#historyform .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label{min-width:0}.fields button{width:auto}.fields{display:flex}.fields .map-option{white-space:normal;font-size:11px}input,select{font-size:16px;padding:9px;min-width:0}#historyform input,#historyform select{font-size:12px}#settingsPanel,#alertOptions{grid-template-columns:1fr}#settingsPanel{gap:14px}#vehicles{grid-template-columns:1fr}#auth{display:block;margin:14px auto;max-width:440px}.auth-intro{padding-top:0}.auth-intro h1{font-size:32px;margin:12px 0}.auth-intro>.muted{font-size:14px;margin-bottom:24px}.auth-intro .eyebrow{font-size:9px}.auth-panel{padding:20px}.auth-panel button{font-size:12px}#message{font-size:12px}.location>a{font-size:11px;margin-bottom:4px}#qrPanel{gap:12px}}
}
@media screen{#dashboard>.heading .vehicle-picker{margin:0;width:300px;max-width:300px;flex-shrink:0}#dashboard>.heading .badge{margin-left:auto}.location #liveMap{height:clamp(320px,46vh,520px)}@media(max-width:700px){#dashboard>.heading{flex-wrap:wrap}#dashboard>.heading>div{flex:1}#dashboard>.heading .vehicle-picker{width:100%;max-width:none;flex-basis:100%;margin-top:3px}.location #liveMap{height:340px;max-height:50vh}}}
@media screen and (max-width:700px){.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:10px 8px;font-size:11px;flex:1 0 auto}.tabs button[aria-selected=true]:hover{background:#1b3a36;color:#7decc9}}
@media screen{.vehicle-card{margin:0;padding:18px}.vehicle-card h3{margin:0 0 8px;font-size:16px}.vehicle-card p{font-size:12px;margin:5px 0;color:#91a8c1}.vehicle-card>div{display:flex;gap:8px;margin-top:14px}.vehicle-card button{min-width:0!important;min-height:36px!important;padding:8px 10px!important;font-size:12px!important;text-align:center!important}.daily-table{overflow-x:auto}#dailySummary{margin:18px 0}#dailySummary>p,#editVehicle>p{font-size:11px;color:#8fa1b8}#profileEmail{color:#8fa1b8}#editVehicle .fields{display:grid;grid-template-columns:repeat(4,1fr) auto}#settingsPanel #profileForm{max-width:440px}@media(max-width:700px){#editVehicle .fields{grid-template-columns:1fr 1fr}#editVehicle .fields label{min-width:0}#editVehicle .fields button{grid-column:1/-1}.vehicle-card>div{flex-wrap:wrap}}}
.report-brand{background:#0d1723;color:#fff;padding:16px 22px;margin-bottom:16px}.report-brand h1{color:#63e7bf;margin:0}.report-brand p{margin:6px 0 0;color:#c0cbd8}.report-totals{border:1px solid #b8d5ce;background:#f0faf6;padding:8px 12px;margin:14px 0;font-weight:bold}@media print{.report-brand,.report-totals{print-color-adjust:exact}.report-brand h1{font-size:20pt!important}.print-day h2{padding-bottom:8px;border-bottom:2px solid #305d50}.print-day th{background:#edf3f4;color:#172536}.print-day table{margin:12px 0}}
.print-map{max-width:100%}

.vehicle-map-symbol{display:flex;align-items:center;justify-content:center;font-size:24px;width:38px;height:38px;background:#fff;border:3px solid #15b892;border-radius:50%;box-shadow:0 3px 10px #0005}.vehicle-map-icon{background:transparent;border:0}#orderForm .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#orderList article{margin-top:20px}#ordersPanel ol{line-height:1.9}@media(max-width:600px){#orderForm .fields{grid-template-columns:1fr}}