:root{--bg:#101820;--card:#1b2732;--line:#30414f;--text:#f4f7f8;--muted:#a4b0b9;--accent:#f2a93b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui}main{max-width:1050px;margin:auto;padding:28px}.hidden{display:none!important}.card,.panel{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:15px}.card{max-width:480px;margin:8vh auto}.grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.grid .card{margin:0}.grid section{min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:5px 0 15px}h2{margin-top:0}p,small{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);margin:13px 0}input,select{padding:12px;border:1px solid var(--line);border-radius:9px;background:#111a22;color:white;font:inherit}button{width:100%;padding:12px;margin-top:8px;border:0;border-radius:9px;background:var(--accent);font-weight:800;cursor:pointer}.secondary{background:#2a3a47;color:white}header button{width:auto;padding:10px 20px}.vehicle{padding:18px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:13px}.vehicle h3{margin:0 0 7px}.vehicle span{color:var(--muted)}#toast{position:fixed;right:22px;bottom:22px;padding:12px 17px;border-radius:9px;background:#42b883;color:#08150f;opacity:0;transition:.2s}#toast.show{opacity:1}.error{color:#ff9289}.header-actions{display:flex;align-items:center;gap:10px}.header-actions select{min-width:220px}.app-nav{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--line)}.app-nav button{width:auto;margin:0;padding:12px 18px;background:transparent;color:var(--muted);border-radius:0}.app-nav button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats article{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:14px}.stats strong{display:block;margin-top:10px;font-size:22px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cost-row,.activity{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.empty{color:var(--muted);padding:15px 0}.vehicle.selected{border-color:var(--accent)}@media(max-width:760px){main{padding:18px}.grid,.dashboard-grid{grid-template-columns:1fr}.card{margin:3vh auto}.stats{grid-template-columns:1fr 1fr}.header-actions{flex-direction:column}.header-actions select{min-width:150px}}@media(max-width:430px){.stats{grid-template-columns:1fr}}