:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17212b;background:#eef2f5}
*{box-sizing:border-box}body{margin:0}header{background:#102a43;color:white;padding:18px 4%;display:flex;justify-content:space-between;align-items:center}
header h1{margin:0;font-size:1.45rem}header a{color:white}.user{font-size:.9rem}main{max-width:1500px;margin:auto;padding:22px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpis div{background:white;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0001}.kpis b{display:block;font-size:1.8rem;color:#0b6e4f}.kpis span{color:#5b6770}
.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:white;padding:12px;border-radius:10px}.toolbar form{display:flex;gap:8px}.exports{margin-left:auto;display:flex;gap:8px}.exports a,button{background:#1363df;color:white;border:0;border-radius:7px;padding:9px 14px;text-decoration:none;cursor:pointer}
h2{margin-top:26px}.drive-list{display:grid;gap:12px}.drive{background:white;border-left:6px solid #9aa5b1;border-radius:10px;padding:14px;box-shadow:0 2px 8px #0001}.drive.business{border-color:#0b6e4f}.drive.private{border-color:#d97706}.drive.commute{border-color:#7c3aed}.drive-head{display:flex;justify-content:space-between;align-items:center}.distance{font-size:1.3rem;font-weight:700}.lock{background:#eef2f5;padding:4px 8px;border-radius:12px}.route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;margin:12px 0;padding:10px;background:#f7f9fb;border-radius:8px}.drive-form{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;align-items:end}.drive-form label,.rule-form{font-size:.8rem;color:#52606d}.drive-form input,.drive-form select,.rule-form input,.rule-form select,input,select{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px;background:white}.wide{grid-column:span 2}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px}.two-col>div{background:white;padding:16px;border-radius:10px}.rule-form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rules{padding-left:20px}.danger{background:#b42318}.alert{padding:10px;border-radius:8px;margin-bottom:12px}.success{background:#d1fae5}.error{background:#fee2e2}.login-card{max-width:420px;background:white;margin:8vh auto;padding:28px;border-radius:12px}.login-card label{display:block;margin:12px 0}.login-card input{margin-top:5px}
@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.drive-form{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.rule-form{grid-template-columns:1fr}.route{grid-template-columns:1fr}.route b{display:none}.wide{grid-column:auto}}