:root{--bg:#f4f6f8;--card:#fff;--text:#18212b;--muted:#66717f;--line:#dfe5eb;--primary:#1463ff;--danger:#c73535;--shadow:0 8px 30px rgba(20,35,55,.07)}*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}.top{height:64px;background:#111827;color:#fff;display:flex;align-items:center;padding:0 3vw;gap:24px}.brand{font-weight:800;color:#fff;font-size:18px}.vehicle-switch{flex:1}.vehicle-switch select{max-width:390px}.user a{color:#bcd2ff}.nav{display:flex;gap:8px;padding:10px 3vw;background:#fff;border-bottom:1px solid var(--line);overflow:auto}.nav a{padding:8px 11px;color:#354052;white-space:nowrap}.container{max-width:1450px;margin:auto;padding:24px 3vw 50px}.page-head{display:flex;justify-content:space-between;align-items:center}.page-head h1{font-size:26px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:minmax(300px,430px) 1fr}.card{background:var(--card);padding:20px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:auto}.card h2{margin-top:0;font-size:18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.kpi span{display:block;color:var(--muted);font-size:13px}.kpi strong{font-size:25px}label{display:block;font-weight:650;margin:0 0 13px}input,select,textarea{display:block;width:100%;margin-top:5px;border:1px solid #cfd7df;border-radius:8px;padding:10px;background:#fff;font:inherit}textarea{min-height:90px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.btn{display:inline-block;border:1px solid #cbd5df;background:#fff;border-radius:8px;padding:9px 13px;cursor:pointer;font:inherit;color:#263445}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.btn.small{padding:5px 8px;font-size:12px}.inline{display:inline}.actions{white-space:nowrap}.alert{padding:12px 15px;border-radius:9px;margin-bottom:16px}.alert.success{background:#e8f8ee;color:#166534}.alert.error{background:#fdecec;color:#991b1b}.auth-card{max-width:430px;margin:7vh auto;background:#fff;padding:28px;border-radius:15px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.badge{background:#eef3f8;border-radius:99px;padding:3px 8px;font-size:12px}.vehicle-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.vehicle-cards a{border:1px solid var(--line);border-radius:10px;padding:15px;color:var(--text)}.vehicle-cards span,.vehicle-cards small{display:block;color:var(--muted)}.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 100px;gap:10px;align-items:center}.bar-row>div{height:12px;background:#edf1f5;border-radius:9px;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--primary);border-radius:9px}.bar-row b{text-align:right;font-size:12px}@media(max-width:900px){.grid.two{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.top{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px}.user{display:none}}@media(max-width:560px){.kpis{grid-template-columns:1fr}.container{padding:16px}.bar-row{grid-template-columns:80px 1fr}.bar-row b{grid-column:2}.card{padding:14px}}