:root{--bg:#070a0d;--panel:#0c1116;--line:#1b252d;--muted:#72808d;--text:#eaf0f4;--orange:#ff6b18;--green:#35d492;--amber:#ffb347;--red:#ff4f5e;--blue:#4ebaff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 45% 0,#111922 0,#070a0d 36%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;display:flex;min-height:100vh}.rail{position:fixed;inset:0 auto 0 0;width:244px;background:#080c10;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brandmark{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(145deg,#ff8b36,#e64800);border-radius:10px;font-size:24px;font-weight:900;box-shadow:0 0 28px #ff6b1840}.brand b{display:block;font-size:19px;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.8px;margin-top:3px}.rail nav{display:grid;gap:5px}.rail nav button{border:0;background:transparent;color:#8d9aa5;text-align:left;padding:12px 14px;border-radius:8px;font-weight:600;letter-spacing:.2px;cursor:default}.rail nav button i{display:inline-block;width:25px;font-style:normal}.rail nav button.active{background:linear-gradient(90deg,#ff6b1826,transparent);color:#fff;border-left:2px solid var(--orange)}.railfoot{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 0;display:flex;gap:10px;align-items:center}.railfoot b,.railfoot small{display:block}.railfoot b{font-size:12px}.railfoot small{font-size:10px;color:var(--muted);margin-top:4px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #35d49218,0 0 14px var(--green)}main{margin-left:244px;padding:28px 34px 45px;width:calc(100% - 244px);max-width:1900px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header small,.panel-title small{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:800}h1{font-size:25px;margin:6px 0 0}h2{font-size:16px;margin:5px 0 0}.header-actions{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:12px}.live{padding:7px 10px;background:#35d49210;border:1px solid #35d49230;border-radius:20px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:1px}.live span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.avatar{width:36px;height:36px;border:1px solid #34414b;background:#121920;color:#fff;border-radius:50%;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:12px}.metrics article,.panel{background:linear-gradient(145deg,#0e141a,#0a0e12);border:1px solid var(--line);border-radius:12px}.metrics article{padding:17px 18px;min-height:112px}.metrics label{display:block;color:var(--muted);font-size:9px;letter-spacing:1.4px;font-weight:800}.metrics strong{display:block;font-size:29px;margin:9px 0 8px}.metrics small{color:var(--muted);font-size:10px}.metrics em{font-style:normal}.green{color:var(--green)!important}.amber{color:var(--amber)!important}.red{color:var(--red)!important}.workspace{display:grid;grid-template-columns:minmax(580px,1.65fr) minmax(320px,.75fr);gap:12px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-title button,.search button{background:#151d24;color:#c7d0d6;border:1px solid #26333d;border-radius:7px;padding:8px 11px;font-size:11px}.legend{display:flex;gap:13px;color:var(--muted);font-size:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.map{height:363px;position:relative;overflow:hidden;background:linear-gradient(25deg,#0a1117,#0e1920)}.grid{position:absolute;inset:-60px;background-image:linear-gradient(#30414d18 1px,transparent 1px),linear-gradient(90deg,#30414d18 1px,transparent 1px);background-size:34px 34px;transform:rotate(-9deg) scale(1.2)}.ring{position:absolute;border:1px solid #ff6b1838;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:190px;height:190px}.r2{width:310px;height:310px;border-color:#ff6b181c}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ff9861;font-weight:800;letter-spacing:3px;font-size:11px}.map-label{position:absolute;color:#50606c;font-size:9px;letter-spacing:1px}.l1{left:19%;top:31%}.l2{right:20%;bottom:26%}.l3{right:18%;top:24%}.vehicle-dot{position:absolute;width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.alert-list{height:363px;overflow:auto}.alert{display:grid;grid-template-columns:38px 1fr auto;gap:10px;padding:14px 16px;border-bottom:1px solid #19232b;align-items:center}.alert-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#ff4f5e14;color:var(--red);font-size:14px}.alert b,.alert small{display:block}.alert b{font-size:12px}.alert small{font-size:10px;color:var(--muted);margin-top:5px}.alert time{font-size:9px;color:var(--muted)}.empty{padding:40px;color:var(--muted);text-align:center}.fleet{margin-top:12px}.search{display:flex;gap:8px}.search input{width:260px;background:#070b0e;color:#eaf0f4;border:1px solid #26333d;border-radius:7px;padding:9px 11px;outline:none}.table-wrap{max-height:310px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#61717e;font-size:9px;letter-spacing:1px;padding:11px 18px;background:#090e12;position:sticky;top:0}td{padding:11px 18px;border-top:1px solid #172129;color:#aab6bf}td b{display:block;color:#e8eef2;font-size:11px}td small{color:#62717c}.badge{display:inline-block;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.5px}.badge.ok{color:var(--green);background:#35d49212}.badge.warn{color:var(--amber);background:#ffb34712}.badge.crit{color:var(--red);background:#ff4f5e12}.badge.off{color:#788590;background:#78859012}@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}.rail{width:210px}main{margin-left:210px;width:calc(100% - 210px)}}