@font-face{font-family:Inter;font-style:normal;font-weight:400 600;src:url(/fonts/inter.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/inter-bold.ttf)format("truetype")}:root{--blue:#0088d7;--navy:#0f1b33;--muted:#64748b;--border:#e3e9f1;--page:#f5f8fc;--green:#10b981;--orange:#ff6b1a;--red:#d92d20;--white:#fff;--sidebar:246px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--navy);background:var(--page);font-family:Inter,system-ui,sans-serif;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.sidebar{color:#acb9cc;width:var(--sidebar);z-index:5;background:#0d1930;flex-direction:column;padding:27px 16px 20px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;height:42px;margin:0 10px 40px;display:flex}.brand img{object-fit:contain;max-width:156px;height:auto}nav{gap:6px;display:grid}.nav-item{color:inherit;border-radius:9px;align-items:center;gap:13px;padding:11px 13px;text-decoration:none;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#49b7f5;background:#0088d726;font-weight:600}.sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:12px}.admin-card{align-items:center;gap:11px;margin-top:14px;padding:8px 9px;display:flex}.avatar,.mini-avatar{color:#0078bc;background:#dff3ff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar{width:38px;height:38px}.admin-card>span:last-child{flex-direction:column;gap:3px;display:flex}.admin-card b{color:#fff;font-size:13px}.admin-card small{color:#7f8da4;font-size:11px}.workspace{margin-left:var(--sidebar);min-width:0}.topbar{border-bottom:1px solid var(--border);z-index:4;background:#fffffff5;justify-content:space-between;align-items:center;height:92px;padding:0 34px;display:flex;position:sticky;top:0}.eyebrow{color:var(--blue);letter-spacing:1.7px;margin:0 0 5px;font-size:9px;font-weight:700}h1{margin:0;font-size:22px}.connection-status{color:var(--muted);align-items:center;gap:5px;margin-top:5px;font-size:9px;display:flex}.connection-status i{background:var(--red);border-radius:50%;width:6px;height:6px}.connection-status.connected i{background:var(--green)}.topbar-actions{align-items:center;gap:12px;display:flex}.search{border:1px solid var(--border);color:#93a0b2;background:#f7f9fc;border-radius:10px;align-items:center;gap:9px;width:280px;height:40px;padding:0 12px;display:flex}.search input{color:var(--navy);background:0 0;border:0;outline:0;width:100%;min-width:0}.search input::placeholder{color:#94a0b1;font-size:12px}.icon-button,.mobile-menu{border:1px solid var(--border);color:#56657b;background:#fff;border-radius:10px;width:40px;height:40px;position:relative}.icon-button i{background:var(--orange);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.primary-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;height:40px;padding:0 18px;font-size:12px;font-weight:600}.primary-button:hover{background:#007ac2}.mobile-menu{display:none}.content{max-width:1600px;margin:auto;padding:27px 34px 44px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:48px 1fr;padding:19px;display:grid}.metric-icon{border-radius:11px;grid-row:1/4;justify-content:center;align-items:center;width:43px;height:43px;margin:2px 14px 0 0;display:flex}.metric-icon.blue,.timeline-icon.blue,.alert-icon.blue{color:var(--blue);background:#e4f4fd}.metric-icon.green,.timeline-icon.green{color:var(--green);background:#e7f8f2}.metric-icon.orange,.timeline-icon.orange,.alert-icon.orange{color:var(--orange);background:#fff0e6}.metric-icon.red,.alert-icon.red{color:var(--red);background:#fff0ef}.metric-card>span{color:var(--muted);font-size:11px;font-weight:500}.metric-card strong{font-size:25px;line-height:1.4}.metric-card small{color:#8995a7;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:18px;margin-top:18px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:14px;min-width:0;padding:20px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-title h2{margin:0 0 5px;font-size:14px}.panel-title p{color:#8a96a8;margin:0;font-size:10px}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.alert-count{color:var(--red);background:#fff0ef;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{border-bottom:1px solid var(--border);color:#8995a7;letter-spacing:.5px;text-align:left;text-transform:uppercase;padding:0 10px 11px;font-size:9px;font-weight:600}td{color:#5d6b7e;border-bottom:1px solid #edf1f5;padding:13px 10px;font-size:10px}tbody tr:last-child td{border-bottom:0}td b{color:var(--navy);margin-bottom:4px;font-size:10px;display:block}td small{color:#8995a7;font-size:9px;display:block}.driver-cell{align-items:center;gap:9px;display:flex}.mini-avatar{width:28px;height:28px;font-size:8px}.status{white-space:nowrap;border-radius:12px;padding:5px 9px;font-size:9px;font-style:normal;font-weight:600;display:inline-flex}.status.blue{color:#007fc9;background:#e8f5ff}.status.orange{color:#dc5a10;background:#fff1e8}.alert-list{display:grid}.alert-row{color:#9aa5b5;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1f5;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.alert-row:last-child{border:0}.alert-row>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.alert-row b{color:var(--navy);font-size:10px}.alert-row small{color:#8b97a8;font-size:9px}.alert-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.fleet-content{justify-content:center;align-items:center;gap:42px;padding:8px 20px 18px;display:flex}.donut{background:conic-gradient(var(--green) 0 65%, var(--blue) 65% 82%, var(--orange) 82% 94%, #d9e1ec 94%);border-radius:50%;justify-content:center;align-items:center;width:145px;height:145px;display:flex}.donut:before{content:"";background:#fff;border-radius:50%;width:98px;height:98px;position:absolute}.donut div{flex-direction:column;align-items:center;display:flex;position:relative}.donut strong{font-size:24px}.donut span{color:#8b97a8;margin-top:3px;font-size:9px}.legend{width:100%;max-width:290px}.legend>div{border-bottom:1px solid #edf1f5;grid-template-columns:8px 1fr 24px 32px;align-items:center;gap:9px;padding:9px 0;font-size:10px;display:grid}.legend>div:last-child{border:0}.legend i{border-radius:50%;width:7px;height:7px}.legend b{color:var(--navy)}.legend small{color:#8b97a8;text-align:right}.timeline{display:grid}.timeline>div{border-bottom:1px solid #edf1f5;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.timeline>div:last-child{border:0}.timeline-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.timeline p{flex-direction:column;gap:4px;margin:0;display:flex}.timeline b{font-size:10px}.timeline small,.timeline time{color:#8b97a8;font-size:9px}.timeline time{align-self:start;padding-top:2px}@media (max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.attention-panel{grid-row:2}.search{width:220px}}@media (max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.topbar{height:74px;padding:0 18px}.mobile-menu{justify-content:center;align-items:center;display:flex}.greeting .eyebrow{display:none}.greeting h1{font-size:16px}.search{display:none}.primary-button{padding:0 12px}.content{padding:18px}.metrics{grid-template-columns:1fr}.fleet-content{flex-direction:column;gap:22px}.panel{padding:16px}}