:root{--bg:#020617;--panel:#0f172a;--panel2:rgba(15,23,42,.74);--line:rgba(148,163,184,.18);--text:#e5eefc;--muted:#94a3b8;--blue:#2563eb;--cyan:#06b6d4;--green:#14b8a6;--red:#ef4444;--yellow:#f59e0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 72% 15%,rgba(37,99,235,.25),transparent 25%),radial-gradient(circle at 40% 80%,rgba(20,184,166,.15),transparent 26%),linear-gradient(135deg,#020617,#07111f 50%,#020617);color:var(--text);min-height:100vh}.landing{min-height:100vh;padding:32px 7%;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}.nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.logo,.brand{display:flex;gap:12px;align-items:center}.logo-mark,.brand-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;box-shadow:0 15px 40px rgba(37,99,235,.45);font-weight:900}.nav a,.btn{color:white;text-decoration:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:calc(100vh - 100px);position:relative;z-index:2}.hero h1{font-size:64px;line-height:1;margin:0 0 20px}.gradient{background:linear-gradient(135deg,#fff,#60a5fa,#2dd4bf);-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:19px;line-height:1.7}.actions{display:flex;gap:14px;margin-top:28px}.btn{border:0;padding:14px 20px;border-radius:16px;background:rgba(15,23,42,.8);border:1px solid var(--line);cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan),var(--green));box-shadow:0 20px 45px rgba(37,99,235,.35)}.preview{background:rgba(15,23,42,.65);border:1px solid var(--line);border-radius:28px;padding:18px;backdrop-filter:blur(18px);box-shadow:0 40px 120px rgba(0,0,0,.55)}.preview-map{height:420px;border-radius:22px;background:radial-gradient(circle at 30% 40%,rgba(37,99,235,.4),transparent 18%),linear-gradient(rgba(37,99,235,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.1) 1px,transparent 1px),#061226;background-size:auto,34px 34px,34px 34px;position:relative;overflow:hidden}.pin{position:absolute;width:16px;height:16px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 10px rgba(34,211,238,.14),0 0 30px #22d3ee}.p1{left:28%;top:30%}.p2{left:62%;top:55%;background:#14b8a6}.p3{left:45%;top:72%;background:#f59e0b}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:34px;border-radius:28px;background:rgba(15,23,42,.78);border:1px solid var(--line);box-shadow:0 30px 100px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.login-card h1{margin:18px 0 6px}.input{width:100%;padding:15px 16px;margin:10px 0;border-radius:16px;border:1px solid var(--line);background:rgba(2,6,23,.75);color:white}.alert{padding:12px;border-radius:14px;background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.35);margin:12px 0}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:22px;background:rgba(2,6,23,.72);border-right:1px solid var(--line);backdrop-filter:blur(20px);position:sticky;top:0;height:100vh}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}nav{display:grid;gap:8px;margin:30px 0}nav a{color:#cbd5e1;text-decoration:none;padding:13px 14px;border-radius:15px}nav a:hover{background:rgba(37,99,235,.14);color:white}.side-card,.card{background:var(--panel2);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.side-card small,.muted{color:var(--muted)}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;margin-top:10px}.online{background:rgba(20,184,166,.16);color:#5eead4}.offline{background:rgba(239,68,68,.16);color:#fca5a5}.idle{background:rgba(245,158,11,.16);color:#fcd34d}.main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--muted)}.userbox{display:flex;gap:14px;align-items:center}.userbox a{color:#93c5fd;text-decoration:none}.grid{display:grid;gap:18px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:1.1fr .9fr}.stat b{display:block;font-size:32px;margin-top:10px}.map{height:520px;border-radius:24px;overflow:hidden;border:1px solid var(--line)}table{width:100%;border-collapse:collapse}td,th{padding:14px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-weight:600}.vehicle-card{display:flex;justify-content:space-between;align-items:center}.command{display:grid;grid-template-columns:1fr 1fr;gap:12px}.danger{background:linear-gradient(135deg,#dc2626,#f97316)!important}@media(max-width:900px){.hero,.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid.cols-4,.grid.cols-2{grid-template-columns:1fr}.hero h1{font-size:42px}}