:root{
    --green:#00b66d;--green-dark:#04965c;--navy:#073b4c;--navy-2:#0b4b60;--orange:#f59e0b;--red:#dc2626;--blue:#2563eb;
    --bg:#f5f7fa;--card:#ffffff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#eef6f3;
    --shadow:0 18px 50px rgba(15,23,42,.08);--radius:22px;--radius-sm:14px;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),#052b37);color:#fff;padding:22px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:10px 8px}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--green),#72f2b8);display:grid;place-items:center;color:#05313e;font-weight:900}.brand strong{display:block;font-size:1.08rem}.brand span{display:block;color:#b9d5dc;font-size:.82rem;margin-top:2px}.nav-section{display:grid;gap:5px}.nav-title{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#82a8b3;margin:10px 10px 4px}.nav-section a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#d7e8ec;padding:11px 12px;border-radius:14px;font-weight:750}.nav-section a i{width:22px;text-align:center;font-style:normal}.nav-section a b{margin-left:auto;background:rgba(255,255,255,.16);border-radius:999px;padding:2px 8px;font-size:.72rem}.nav-section a:hover,.nav-section a.active{background:rgba(255,255,255,.12);color:#fff}.nav-section a.active{box-shadow:inset 3px 0 0 var(--green)}.api-card{margin-top:auto;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:16px}.api-card div{display:flex;align-items:center;gap:8px}.api-dot{width:10px;height:10px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 5px rgba(245,158,11,.15)}.api-card p{margin:7px 0 12px;color:#c8dde2;font-size:.88rem}.api-card a{color:#fff;text-decoration:none;background:rgba(255,255,255,.14);padding:8px 10px;border-radius:999px;display:inline-block;font-size:.82rem}.main{min-width:0;padding:26px 30px 44px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e8fff4;color:var(--green-dark);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.title-block h1{font-size:2rem;margin:9px 0 4px;color:var(--navy)}.title-block p{margin:0;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{width:min(360px,28vw);height:42px;background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 14px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.global-search input{border:0;outline:0;width:100%;font:inherit;color:var(--text)}.round-btn{width:42px;height:42px;border-radius:999px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;text-decoration:none;box-shadow:0 8px 25px rgba(15,23,42,.04)}.profile-chip{height:42px;background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:9px;padding:0 13px}.profile-chip span{width:28px;height:28px;border-radius:999px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.logout{height:42px;display:inline-flex;align-items:center;text-decoration:none;color:var(--muted);font-weight:800}.ds-grid{display:grid;gap:18px}.ds-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-two{grid-template-columns:1.2fr .8fr}.ds-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.ds-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.ds-card-head h2,.ds-card-head h3{margin:0;color:var(--navy)}.ds-card-head p{margin:5px 0 0;color:var(--muted);font-size:.92rem}.ds-kpi{display:flex;align-items:center;gap:14px;min-height:112px}.ds-kpi-icon{width:48px;height:48px;border-radius:17px;background:#ecfdf5;display:grid;place-items:center;font-size:1.35rem}.ds-kpi-body span{display:block;color:var(--muted);font-size:.84rem;font-weight:800}.ds-kpi-body strong{display:block;color:var(--navy);font-size:1.8rem;line-height:1;margin-top:6px}.ds-kpi-body small{display:block;color:var(--muted);margin-top:6px}.ds-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;white-space:nowrap}.ds-badge.good{background:#e8fff4;color:#047857}.ds-badge.ok{background:#eff6ff;color:#1d4ed8}.ds-badge.warn{background:#fff7ed;color:#c2410c}.ds-badge.bad{background:#fef2f2;color:#b91c1c}.score-hero{display:flex;align-items:center;gap:24px}.score-orb{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--score)*1%), #e5e7eb 0);display:grid;place-items:center;position:relative}.score-orb:after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#fff}.score-orb strong{position:relative;z-index:1;font-size:2.5rem;color:var(--navy)}.score-orb small{position:relative;z-index:1;display:block;color:var(--muted)}.ds-score-line,.ds-progress{height:10px;background:#e8eef4;border-radius:999px;overflow:hidden}.ds-score-line span,.ds-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#6ee7b7);border-radius:999px}.ds-score-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--muted);font-weight:800}.ds-progress-wrap{display:grid;grid-template-columns:120px 1fr 45px;align-items:center;gap:12px;margin:11px 0;color:var(--muted);font-size:.9rem}.ds-alert{display:flex;gap:12px;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid var(--line);margin-bottom:10px}.ds-alert>span{width:10px;height:10px;border-radius:999px;margin-top:5px;background:var(--blue)}.ds-alert.warn>span{background:var(--orange)}.ds-alert.bad>span{background:var(--red)}.ds-alert.good>span{background:var(--green)}.ds-alert strong{display:block;color:var(--navy)}.ds-alert p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.ds-vehicle-list{display:grid;gap:10px}.ds-vehicle-row{display:grid;grid-template-columns:46px minmax(170px,1.2fr) minmax(120px,.7fr) 90px minmax(130px,.8fr) auto;align-items:center;gap:14px;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;transition:.16s ease}.ds-vehicle-row:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(15,23,42,.08)}.vehicle-avatar{width:42px;height:42px;border-radius:15px;background:#eefdf5;display:grid;place-items:center}.vehicle-main strong,.vehicle-cell strong{display:block;color:var(--navy)}.vehicle-main span,.vehicle-cell span,.vehicle-cell small{display:block;color:var(--muted);font-size:.82rem;margin-top:2px}.vehicle-util{display:flex;align-items:center;gap:10px}.vehicle-util .ds-progress{flex:1}.mini-chart{display:flex;align-items:end;gap:9px;height:150px;padding-top:20px}.mini-chart span{flex:1;background:linear-gradient(180deg,var(--green),#a7f3d0);border-radius:10px 10px 3px 3px;min-height:12px}.map-placeholder{min-height:310px;border-radius:20px;background:radial-gradient(circle at 35% 30%,rgba(0,182,109,.28),transparent 26%),radial-gradient(circle at 70% 60%,rgba(37,99,235,.18),transparent 25%),linear-gradient(135deg,#edfdf5,#f8fafc);border:1px solid var(--line);position:relative;overflow:hidden}.map-dot{position:absolute;width:14px;height:14px;border-radius:999px;background:var(--green);box-shadow:0 0 0 8px rgba(0,182,109,.14)}.map-dot:nth-child(1){left:42%;top:34%}.map-dot:nth-child(2){left:62%;top:52%}.map-dot:nth-child(3){left:55%;top:24%}.map-dot:nth-child(4){left:30%;top:63%}.page-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.page-tools input,.page-tools select{height:44px;border:1px solid var(--line);border-radius:14px;padding:0 13px;background:#fff;font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;border:0;border-radius:14px;padding:0 16px;background:var(--green);color:#fff;text-decoration:none;font-weight:900}.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.vehicle-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.vehicle-title{display:flex;gap:16px;align-items:center}.vehicle-photo{width:74px;height:74px;border-radius:24px;background:linear-gradient(135deg,#e8fff4,#e0f2fe);display:grid;place-items:center;font-size:2rem}.vehicle-title h2{margin:0;font-size:1.8rem;color:var(--navy)}.tabs{display:flex;gap:8px;margin:18px 0}.tabs a{padding:10px 12px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:900;background:#fff;border:1px solid var(--line)}.tabs a.active{background:var(--navy);color:#fff}.empty{border:1px dashed #cbd5e1;background:#fff;border-radius:20px;padding:38px;text-align:center;color:var(--muted)}
@media(max-width:1200px){.ds-kpi-grid{grid-template-columns:repeat(3,1fr)}.ds-two,.ds-three{grid-template-columns:1fr}.global-search{display:none}.ds-vehicle-row{grid-template-columns:46px 1fr auto}.vehicle-cell,.vehicle-util{display:none}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:18px}.topbar{display:block}.topbar-actions{margin-top:14px;flex-wrap:wrap}.ds-kpi-grid{grid-template-columns:1fr}.vehicle-hero{grid-template-columns:1fr}.ds-progress-wrap{grid-template-columns:1fr}}