:root{--bg:#061326;--card:#0c1d34;--line:#203856;--text:#edf4ff;--muted:#9aa9c0;--purple:#a855f7;--pink:#ec4899;--cyan:#21b7ff;--green:#39df9a;--amber:#ffb547}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 55% -20%,#102b56 0,#061326 46%);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{width:252px;padding:28px 14px;background:#07162a;border-right:1px solid #182e4b;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:28px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-1.5px;padding:0 16px}.brand span{color:var(--pink)}.tenant{margin:38px 16px 17px;color:#9da9c3;font-size:11px;line-height:1.8}.tenant b{color:#c683ff;font-size:12px}nav{display:grid;gap:5px}nav a{color:#b9c6d9;text-decoration:none;padding:12px 14px;border-radius:7px;display:flex;gap:12px;align-items:center}nav a:hover,nav a.active{background:linear-gradient(90deg,#7132b8,#34245d);color:white;box-shadow:inset 3px 0 #df57ff}nav i{font-style:normal;color:#aebfe0;width:15px}.sidebar-bottom{margin-top:auto;padding:18px 14px;border-top:1px solid #1a3150;display:grid;gap:9px}.sidebar-bottom small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.sidebar-bottom button,button{background:#10223c;color:#e6efff;border:1px solid #2a4669;border-radius:6px;padding:8px 12px;cursor:pointer}.demo-badge{font-size:10px;font-weight:800;color:#ffce75}.content{width:min(100%,1650px);margin:auto;padding:34px 38px 60px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 26px}h1{font-size:33px;letter-spacing:-1px;margin:2px 0 7px}h2{font-size:16px;margin:0}.eyebrow{color:#cc82ff;font-size:11px;font-weight:800;letter-spacing:.08em;margin:0}.sub,.notice{color:var(--muted);margin:0}.date{border:1px solid var(--line);padding:13px 16px;border-radius:8px;color:#c9d5e7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat,.panel{background:linear-gradient(150deg,rgba(18,41,70,.94),rgba(8,27,49,.94));border:1px solid var(--line);border-radius:9px;box-shadow:0 15px 30px #0109142b}.stat{min-height:145px;padding:20px;display:flex;gap:15px;align-items:flex-start}.stat>span{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#103458;color:var(--cyan);font-size:23px}.stat.purple>span{background:#29184e;color:#d084ff}.stat.green>span{background:#0c403c;color:var(--green)}.stat>div{color:#cad5e7;text-transform:none}.stat strong{display:block;color:var(--cyan);font-size:34px;line-height:1.35}.purple strong{color:#cb85ff}.green strong{color:var(--green)}.stat small{color:#8295af}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1.15fr .85fr}.lower{margin-top:16px}.panel{overflow:hidden}.panel-title{padding:17px 18px;border-bottom:1px solid #1b3554;display:flex;justify-content:space-between;align-items:center}.panel-title a{color:#41b4ff;text-decoration:none}.map-body{height:330px;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 45%,#133961,#09213a 30%,#06182d 72%);background-image:linear-gradient(35deg,transparent 45%,#21415f 46%,transparent 47%),linear-gradient(-22deg,transparent 42%,#1e3d5d 43%,transparent 44%),radial-gradient(circle at center,#133961,#06182d 70%)}.map-body b{position:absolute;top:42%;left:44%;font-size:22px}.map-body small{position:absolute;bottom:16px;left:16px;color:#9db0c9}.dot{position:absolute;width:14px;height:14px;background:#31e195;border:2px solid #d0ffe8;border-radius:50%;box-shadow:0 0 18px #31e195}.d1{top:25%;left:25%}.d2{top:47%;left:35%;background:#2eb8ff}.d3{top:28%;right:30%}.d4{bottom:22%;left:60%;background:#bc5cff}.d5{bottom:33%;right:18%}.device-list>div{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #17304d}.device-list span{display:grid;gap:3px;flex:1}.device-list small{color:var(--muted)}.device-list em{font-style:normal;color:#c2d0df;font-size:12px}.status{width:10px;height:10px;border-radius:50%;background:#7e8da2}.status.online,.status.in_trip{background:var(--green);box-shadow:0 0 8px var(--green)}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#9eb1c8;font-weight:600;background:#0b1c33}th,td{padding:13px 15px;border-bottom:1px solid #19314d}td b{font-weight:650}.pill{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;background:#253852;color:#cbd7e7}.pill.active,.pill.validated,.pill.paid,.pill.online,.pill.in_trip{background:#083f35;color:#52e5a6}.pill.draft,.pill.pending,.pill.open{background:#51401f;color:#ffcd66}.pill.interrupted,.pill.offline,.pill.critical{background:#4b1f36;color:#ff91be}.alert{padding:13px 17px;border-bottom:1px solid #17314d;display:grid;gap:3px}.alert b{font-size:13px}.alert span{color:#9fb0c6;font-size:12px}.alert.critical b{color:#ff92bc}.chart{padding:16px 18px}.chart h3{font-size:13px;color:#aebed2}.bars{height:75px;display:flex;gap:7px;align-items:end;border-bottom:1px solid #25415f}.bars i{flex:1;display:block;background:linear-gradient(0deg,#7f40df,#d252ff);border-radius:4px 4px 0 0;min-height:6px}.resource-panel{padding:0 0 18px}.table-wrap{overflow:auto}.pagination{padding:18px}.primary{background:linear-gradient(100deg,#8b3ee8,#cf3bc6);border:0;color:#fff;font-weight:700;padding:11px 17px}.flash{margin-bottom:18px;background:#0a453a;color:#8bf5c1;padding:12px 14px;border-radius:7px}.modal{display:none;position:fixed;inset:0;background:#010916c9;z-index:20;padding:25px;overflow:auto}.modal.open{display:grid;place-items:center}.modal-card{position:relative;width:min(620px,100%);padding:25px;background:#0c203a;border:1px solid #2b4770;border-radius:10px}.close{position:absolute;right:14px;top:14px;border:0;background:transparent;font-size:25px}.modal form,.login-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}label{color:#c7d2e3;font-size:12px;display:grid;gap:6px}input,select{padding:10px;border-radius:6px;border:1px solid #2b4668;background:#07182d;color:#edf4ff}.modal form .primary{grid-column:1/-1}.empty{padding:28px;color:var(--muted);text-align:center}.notice{padding:16px 0}.login-page{display:grid;min-height:100vh;place-items:center}.login-card{width:min(430px,calc(100% - 32px));padding:42px;background:#0c203a;border:1px solid #2b4770;border-radius:12px;box-shadow:0 30px 90px #010714}.login-card h1{margin-top:34px}.login-card>p{color:var(--muted)}.login-card form{grid-template-columns:1fr}.login-card .primary{margin-top:8px}.login-card small{display:block;color:#7e92ad;text-align:center;margin-top:23px}.error{color:#ff9aba;font-size:12px}@media(max-width:1050px){.sidebar{width:210px}.content{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-bottom{display:none}.content{padding:20px 15px}header{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.sidebar .tenant{margin:18px 16px}.modal form{grid-template-columns:1fr}}