:root{color-scheme:light;--ink:#1e302b;--muted:#526660;--pine:#173c35;--accent:#205c4c;--line:#dbe4df;--paper:#fff;--wash:#eef4f0;font:16px/1.48 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f5f7f5}
*{box-sizing:border-box}body{margin:0}a{color:inherit}.shell{width:min(1120px,calc(100% - 36px));margin-inline:auto}
.top{background:var(--pine);color:white}.top-inner{display:flex;align-items:center;justify-content:space-between;min-height:69px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.23rem;font-weight:750;letter-spacing:-.03em}.top .quiet{color:white}
.intro{padding:32px 0 26px}.eyebrow{font-size:.74rem;letter-spacing:.16em;color:#2e6355;font-weight:800;margin:0 0 6px}
h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.05em;line-height:1.12;margin-bottom:8px}h2{font-size:1.29rem;letter-spacing:-.035em;margin-bottom:12px}p{margin-bottom:12px;color:var(--muted)}.intro p:last-child{margin:0}
.layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:18px;align-items:start}.records{display:grid;gap:18px;min-width:0}.panel{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:18px;min-width:0;box-shadow:0 4px 16px #173c3507}
.login{max-width:460px;margin:50px auto}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section-head h2{margin-bottom:8px}.pair,.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filters{grid-template-columns:minmax(65px,.6fr) minmax(115px,1fr) minmax(105px,1.15fr)}
form{display:grid;gap:11px}label{display:block;font-size:.87rem;font-weight:700;min-width:0}input,textarea,select,button{font:inherit}input,select,textarea{display:block;width:100%;min-width:0;margin-top:4px;padding:9px 10px;min-height:44px;border-radius:9px;border:1px solid #bfcfc7;color:var(--ink);background:#fff;font-size:1rem}input[type=date]{appearance:none;text-align:left}textarea{resize:vertical}
:focus-visible{outline:3px solid #4a8978;outline-offset:2px}button{border:1px solid transparent;border-radius:9px;background:var(--accent);color:white;min-height:42px;padding:7px 13px;font-weight:720;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:var(--wash);color:var(--pine);border-color:var(--line)}.quiet{background:transparent;color:#245647;padding-inline:6px}.danger{color:#9c3437}.full{width:100%}
.place{position:relative}.suggestions{position:absolute;z-index:3;top:100%;inset-inline:0;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 14px #173c3526;overflow:hidden}.suggestions button{display:block;width:100%;background:white;color:var(--ink);text-align:left;font-size:.88rem;border-radius:0}.suggestions button:hover,.suggestions button:focus-visible{background:var(--wash)}.maps-credit{padding:4px 12px;text-align:right;color:var(--muted);font-size:.73rem}
.optional{font-size:.79rem;color:var(--muted);font-weight:450}.recent button{margin:3px 5px 0 0;font-size:.78rem;min-height:34px;text-align:left;overflow-wrap:anywhere}.mileage{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.mileage>label:first-child{flex:1;min-width:76px}.check{display:flex;align-items:center;gap:5px;min-height:44px}.check input{width:17px;min-height:auto;accent-color:var(--accent);margin:0}
.status{font-size:.87rem;margin:2px 0;color:var(--muted)}.status:empty{display:none}.status.bad{color:#9c3437}.status.good{color:#216449}
.totals{display:flex;gap:18px;flex-wrap:wrap;background:var(--wash);padding:12px 13px;margin:14px 0 10px;border-radius:11px}.totals strong{font-size:1.16rem}.totals span{color:var(--muted);font-size:.82rem}.exports{display:flex;gap:8px;flex-wrap:wrap}.export-note{margin:7px 0 0}
.trips{list-style:none;padding:0;margin:10px 0 0}.trips:empty{margin:0}.trips li{border-top:1px solid var(--line);padding:11px 0 4px;overflow-wrap:anywhere}.trip-head{display:flex;justify-content:space-between;gap:8px}.trip-head strong:last-child{white-space:nowrap}.trip-meta{font-size:.8rem;color:var(--muted)}.trip-note{white-space:pre-wrap;font-size:.9rem;margin:4px 0 0}.trip-actions{display:flex;gap:12px}.trip-actions button{font-size:.82rem}
footer{padding:25px 0;color:var(--muted);font-size:.82rem}footer span{margin-inline:4px}[hidden]{display:none!important}
@media(max-width:820px){.layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:450px){.shell{width:calc(100% - 24px)}.intro{padding:23px 0 17px}.panel{padding:15px;border-radius:13px}.filters{grid-template-columns:minmax(75px,.65fr) minmax(130px,1fr)}.filters label:last-child{grid-column:1/-1}.mileage button{font-size:.85rem}}
.maps-credit{color:#5e5e5e;font-weight:400;white-space:nowrap;padding:10px 10px 5px;font-size:.875rem}
.settings-divider{border:0;border-top:1px solid var(--line);margin:18px 0}#odometer-vehicle{margin-bottom:11px}