:root{--bg:#020b17;--panel:#071b31;--panel2:#0a2544;--blue:#1688ff;--red:#ef2237;--text:#f5f8ff;--muted:#aab8cc;--line:rgba(75,151,255,.38);--green:#19d27c;--orange:#ff9500}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 25% 10%,#0b3158 0,#041324 35%,#020812 100%);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}.hidden{display:none!important}button,input,textarea,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:380px;padding:34px;background:linear-gradient(180deg,#0b2747,#06162a);border:1px solid var(--line);border-radius:26px;box-shadow:0 0 70px #006cff44}.login-card img{width:90px;display:block;margin:auto;filter:drop-shadow(0 0 16px #ff294a)}.login-card h1{text-align:center;font-size:42px}.login-card h1 span,.brand span{color:var(--blue)}.login-card p{text-align:center;color:var(--muted)}input,textarea,select{width:100%;padding:13px 15px;border-radius:15px;border:1px solid rgba(118,169,255,.35);background:linear-gradient(180deg,#081729,#04101f);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}textarea{min-height:90px;resize:vertical}.error{color:#ff6b78}.app{display:grid;grid-template-columns:320px 1fr 150px;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px;background:linear-gradient(180deg,#06182c,#031020);border-right:1px solid var(--line);box-shadow:0 0 50px #006cff22}.brand{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#0b2544,#061629);box-shadow:inset 0 1px 0 #ffffff22,0 0 30px #006cff22}.brand img{width:76px;filter:drop-shadow(0 0 14px #ef2237)}.brand h1{margin:0;font-size:36px}.brand p{margin:2px 0;color:#d5e3ff;letter-spacing:2px}.nav-btn{width:100%;margin:8px 0;padding:15px 18px;text-align:left;color:#fff;background:transparent;border:0;border-radius:14px;font-size:18px;transition:.2s}.nav-btn:hover,.nav-btn.active{background:linear-gradient(180deg,#d91d2fcc,#730c18cc);box-shadow:0 0 22px #ef223755,inset 0 1px 0 #fff5}.logout{margin-top:20px;width:100%;background:transparent;color:#ff3549;border:0;text-align:left;font-size:18px;padding:15px}.side-card{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#09213d,#061426);text-align:center;box-shadow:inset 0 1px 0 #ffffff14}.side-card img{width:80px}.side-card b{display:block;font-size:20px}.side-card span{color:#118cff;font-weight:800}.side-card p{color:var(--muted)}main{padding:24px 26px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search{width:520px;padding:0 18px;border:1px solid var(--line);border-radius:22px;background:#05162a;display:flex;align-items:center;gap:10px}.search input{border:0;background:transparent;box-shadow:none}.user-pill{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:28px;padding:8px 14px;background:linear-gradient(180deg,#0b203b,#051325)}.user-pill .avatar{font-size:28px}.user-pill span{display:block;color:var(--muted)}#passwordBtn{background:transparent;border:0;color:#fff}.quickbar{position:sticky;top:0;height:100vh;padding:130px 16px 0;border-left:1px solid #0d2f57}.quickbar button{display:grid;place-items:center;margin:0 auto 24px;background:transparent;color:#fff;border:0}.quickbar span{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;font-size:42px;background:radial-gradient(circle at 35% 25%,#fff,#58b6ff 20%,#0677ef 55%,#003e95);box-shadow:inset 0 4px 10px #fff9,inset 0 -8px 15px #001b55,0 0 26px #1688ff88}.view{display:none;animation:fade .18s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1}}.hero,.panel,.stat,.card,.row,.detail{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#092340,#06162a);box-shadow:inset 0 1px 0 #ffffff18,0 0 26px #006cff20;position:relative;overflow:hidden}.hero:before,.panel:before,.stat:before,.card:before,.row:before,.detail:before{content:"";position:absolute;inset:0 0 auto;height:45%;background:linear-gradient(180deg,#ffffff18,transparent);pointer-events:none}.hero{padding:26px;margin-bottom:16px}.hero h2{margin:0;font-size:28px}.blue{color:#1688ff}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.stat{padding:22px;display:grid;grid-template-columns:60px 1fr auto;align-items:center}.stat i{font-style:normal;font-size:44px;filter:drop-shadow(0 0 12px #1688ff)}.stat b{display:block;font-size:38px}.stat small,.muted{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:18px;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h3{margin:0;font-size:22px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;margin:8px 0;background:linear-gradient(180deg,#0b203a,#07172b)}.row strong{display:block}.actions{display:flex;gap:8px;flex-wrap:wrap}button{position:relative;overflow:hidden;border:1px solid #0008;border-radius:13px;padding:11px 16px;background:linear-gradient(180deg,#65b7ff,#1674ec 55%,#0b4ab0);color:#fff;font-weight:800;box-shadow:inset 0 1px 0 #fff9,inset 0 -3px 0 #0004,0 10px 22px #006cff44;cursor:pointer}button:before{content:"";position:absolute;left:8%;top:6%;width:84%;height:36%;border-radius:20px;background:linear-gradient(180deg,#ffffffaa,#ffffff10);pointer-events:none}button:hover{filter:brightness(1.1);transform:translateY(-1px)}button.secondary{background:linear-gradient(180deg,#192b45,#09172a);color:#dce9ff}button.danger{background:linear-gradient(180deg,#ff6c75,#d82337 55%,#8d0f1d)}.badge{padding:6px 12px;border-radius:10px;font-weight:800}.badge.green{background:#0b692e;color:#4aff85}.badge.orange{background:#714300;color:#ffb12f}.badge.red{background:#6d0b16;color:#ff6c78}.badge.blue{background:#063b79;color:#4aadff}.forms{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-weight:800;color:#cfe0f8;font-size:13px}.detail{padding:22px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}.info{display:grid;grid-template-columns:160px 1fr}.records-card{border-left:5px solid var(--blue)}dialog{border:0;border-radius:24px;padding:0;background:#08172b;color:#fff;box-shadow:0 0 80px #000}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}#modalContent{padding:26px;width:min(920px,92vw);max-height:86vh;overflow:auto}.dispatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vehicle{padding:16px;border:1px solid #ef334055;border-radius:16px;background:linear-gradient(180deg,#35131b,#0b1426)}.vehicle h3{margin:0 0 12px}.pdf-sign{font-family:Georgia}.hidden{display:none!important}@media(max-width:1100px){.app{grid-template-columns:260px 1fr}.quickbar{display:none}.stats{grid-template-columns:repeat(2,1fr)}.grid2,.forms,.info-grid{grid-template-columns:1fr}.sidebar{padding:14px}.brand h1{font-size:28px}}