:root{color-scheme:dark;--bg:#071019;--side:#09141d;--panel:#0d1923;--panel2:#111f2b;--line:#263947;--text:#fff;--muted:#b7c4cd;--red:#d71920;--gold:#d8b36c;--green:#42cf91;--amber:#e8b04d;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr);background:radial-gradient(circle at 84% -12%,rgba(216,179,108,.12),transparent 30%),var(--bg)}.sidebar{background:rgba(8,19,28,.98);border-right:1px solid var(--line);padding:25px 15px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{padding:3px 11px 23px;border-bottom:1px solid var(--line)}.brand span{display:block;color:var(--gold);font-size:17px;letter-spacing:.16em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.22em;margin-top:7px}.sidebar nav{display:grid;grid-gap:7px;gap:7px;padding-top:20px}.nav{border:0;background:transparent;color:var(--muted);padding:12px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:11px;font-size:14px}.nav:hover{background:#14232d;color:var(--text)}.nav.active{background:#1a2934;color:var(--text);box-shadow:inset 3px 0 var(--red)}.nav span{color:var(--gold);width:16px;text-align:center}.sidebarStatus{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 5px;font-size:12px;color:var(--text)}.sidebarStatus i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-right:8px}.sidebarStatus small{display:block;color:var(--muted);margin:6px 0 0 16px}main{padding:28px 30px 45px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow,.sectionLabel{display:block;color:var(--red);font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:6px}.top h1{font-size:27px;margin:0;font-weight:600}.admin{text-align:right}.admin span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.admin b{font-size:12px}.notice{background:#163229;border:1px solid #2d684f;color:#e5fff3;padding:12px 15px;border-radius:11px;margin-bottom:18px;display:flex;justify-content:space-between;gap:12px;font-size:13px}.notice button{border:0;background:transparent;color:inherit;font-size:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px;margin-bottom:15px}.metric,.panel,.tableWrap,.warning{background:var(--panel);border:1px solid var(--line);border-radius:15px}.metric{padding:17px}.metric span{display:block;color:var(--muted);font-size:12px}.metric b{display:block;font-size:29px;line-height:1;margin:12px 0 7px}.metric small{color:var(--muted);font-size:11px}.twoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-bottom:15px}.panel{padding:18px;min-width:0}.pageIntro.split,.panelHead{display:flex;justify-content:space-between;align-items:center;gap:18px}.modal h2,.pageIntro h2,.panel h2{font-size:18px;margin:0 0 5px}.modal p,.pageIntro p,.panel p{color:var(--muted);font-size:12px;line-height:1.55;margin:5px 0}.button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:9px 12px;font-size:12px;white-space:nowrap}.button:hover{border-color:#536a7b}.button.primary{background:var(--red);border-color:var(--red)}.button.danger{color:#fff;background:#8e1720;border-color:#c5353e}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions.end{justify-content:flex-end;margin-top:18px}.fleetBars{display:grid;grid-gap:13px;gap:13px;margin-top:18px}.barRow>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.barRow span{color:var(--muted)}.barRow i{height:8px;background:#1c2a35;overflow:hidden}.barRow em,.barRow i{display:block;border-radius:20px}.barRow em{height:100%;background:linear-gradient(90deg,var(--red),var(--gold))}.deviceLine{display:grid;grid-template-columns:45px 1fr auto;grid-gap:11px;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.deviceLine:last-child{border:0}.deviceGlyph{width:43px;height:38px;display:grid;place-items:center;border:1px solid #506674;border-radius:8px;color:var(--gold);font-size:10px}.deviceLine b{font-size:13px}.deviceLine small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.pending{color:var(--amber);background:rgba(232,176,77,.12);padding:5px 8px;border-radius:20px;font-size:10px}.detailGrid,.statusGrid,.syncRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:11px;gap:11px;margin-top:14px}.syncRow{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 15px}.statusItem{background:#09151e;border:1px solid var(--line);border-radius:10px;padding:13px}.statusItem span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.statusItem b{font-size:13px}.statusItem b.ok{color:var(--green)}.pageIntro{margin-bottom:18px}.pageIntro h2{font-size:21px}.tableWrap{overflow:hidden;margin-bottom:15px}table{width:100%;border-collapse:collapse;font-size:12px;color:var(--text)}th{background:#0a151e;color:#c8d3da;text-align:left;padding:13px 14px;font-weight:600;white-space:nowrap}td{padding:14px;color:#fff;border-top:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:#12232e}td b{display:block;color:#fff;font-weight:600}td small{display:block;color:var(--muted);margin-top:4px}.linkButton{border:0;background:transparent;color:#efca85;font-size:12px;padding:6px;white-space:nowrap}.toggle{border:0;background:#394955;width:42px;height:24px;border-radius:20px;padding:3px;display:flex;justify-content:flex-start;align-items:center}.toggle.on{background:var(--green);justify-content:flex-end}.toggle i{display:block;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}.filters{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;grid-gap:12px;gap:12px;align-items:end;margin-bottom:14px}.filters label,.formGrid label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:11px}.filters input,.filters select,.formGrid input,.formGrid select{width:100%;background:#09151e;color:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline:none}.filters input:focus,.filters select:focus,.formGrid input:focus,.formGrid select:focus{border-color:var(--gold)}.filters>span{color:var(--muted);font-size:12px;padding:11px 0}.fleetTable{max-height:610px;overflow:auto}.fleetTable thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.tableFoot{padding:13px;color:var(--muted);font-size:11px;text-align:center;border-top:1px solid var(--line)}.warning{padding:14px 16px;margin-bottom:15px;display:flex;gap:12px;align-items:center;background:rgba(232,176,77,.08);border-color:#63542e}.warning b{color:var(--amber);font-size:12px}.warning span{color:#f2e7cc;font-size:12px}dl{margin:15px 0 0}dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd,dt{font-size:12px}dd{margin:0}.auditList{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:5px 18px}.auditItem{display:grid;grid-template-columns:10px 1fr auto;grid-gap:13px;gap:13px;align-items:start;padding:17px 0;border-bottom:1px solid var(--line)}.auditItem:last-child{border:0}.auditItem>i{width:9px;height:9px;border-radius:50%;background:var(--green);margin-top:4px}.auditItem b{font-size:13px}.auditItem p{margin:5px 0 0;color:var(--muted);font-size:12px}.auditItem>span{color:var(--muted);font-size:11px}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#0c1822;border:1px solid #365062;border-radius:18px;padding:21px;box-shadow:var(--shadow)}.modal.wide{width:min(760px,100%)}.modalHead{display:flex;justify-content:space-between;gap:18px;margin-bottom:17px}.close{border:1px solid var(--line);background:#13232f;color:#fff;width:34px;height:34px;border-radius:9px;font-size:20px}.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:15px}.controlRow{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:15px 0}.controlRow b{font-size:13px}.controlRow p{margin:3px 0 0}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.formGrid .full{grid-column:1/-1}.protect{display:flex;gap:12px;background:#14261f;border:1px solid #28523e;border-radius:10px;padding:13px;margin-top:15px}.protect b{font-size:12px;color:var(--green)}.protect span{font-size:11px;color:#d8ebe1;line-height:1.45}@media(max-width:1000px){.metrics,.syncRow{grid-template-columns:1fr 1fr}.tableWrap{overflow-x:auto}table{min-width:820px}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:17px}.sidebar nav{display:flex;overflow:auto}.nav{white-space:nowrap}.sidebarStatus{display:none}main{padding:20px 15px}.top{align-items:flex-start}.admin{display:none}.twoCol{grid-template-columns:1fr}.statusGrid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.pageIntro.split{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.auditItem{grid-template-columns:10px 1fr}.auditItem>span{grid-column:2}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}}@media(max-width:430px){.detailGrid,.metrics,.statusGrid,.syncRow{grid-template-columns:1fr}.top h1{font-size:23px}.brand{border:0;padding-bottom:10px}.sidebar nav{padding-top:5px}.nav{padding:10px}.metric b{font-size:25px}}.sidebarStatus i.connected{background:var(--green);box-shadow:0 0 12px rgba(66,207,145,.7)}.signOut{border:0;background:transparent;color:var(--gold);font-size:10px;margin-top:5px;padding:0}.notice.error{background:#3b171b;border-color:#79333a;color:#ffe8e8}.ready{color:var(--green);background:rgba(66,207,145,.12);padding:5px 8px;border-radius:20px;font-size:10px}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(216,179,108,.14),transparent 34%),linear-gradient(135deg,#050b11,#0a1721)}.loginCard{width:min(460px,100%);background:rgba(13,25,35,.96);border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.loginCard h1{font-size:28px;margin:4px 0 10px}.loginCard p,.loginCard small{color:var(--muted);line-height:1.5}.loginCard label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:12px;margin:25px 0 12px}.loginCard input{background:#07131c;border:1px solid var(--line);border-radius:10px;color:#fff;padding:12px}.loginButton{width:100%;padding:12px}.loginMessage{background:#14261f;border:1px solid #28523e;border-radius:10px;padding:12px;margin:14px 0;color:#d8ebe1;font-size:12px}.emptyState{padding:28px;color:var(--muted);text-align:center}.button:disabled,.toggle:disabled{cursor:not-allowed;opacity:.55}