@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#eaf2f8;background:#071018;margin:0;font-family:Inter,system-ui,sans-serif}.app{grid-template-columns:255px 1fr;min-height:100vh;display:grid}aside{background:#0a141d;border-right:1px solid #172633;flex-direction:column;height:100vh;padding:22px 15px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 7px 25px;display:flex}.brand strong{font-size:16px;display:block}.brand small{color:#7590a4;margin-top:3px;font-size:10px;display:block}.logo,.loginLogo{color:#fff;background:linear-gradient(135deg,#00d3a8,#0d7bf2);border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.loginLogo{width:54px;height:54px;margin-bottom:20px;font-size:22px}nav{flex-direction:column;gap:4px;display:flex}nav a{color:#91a9ba;cursor:pointer;border-radius:9px;padding:11px 13px;font-size:13px}nav a:hover,nav a.active{color:#e7fbf7;background:#102534}.sideFoot{color:#587083;flex-direction:column;gap:10px;margin-top:auto;font-size:11px;display:flex}.sideFoot button{color:#9fb3c1;cursor:pointer;background:0 0;border:1px solid #253746;border-radius:8px;align-items:center;gap:7px;padding:8px;display:flex}main{padding:30px 34px;overflow:auto}header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}h1{margin:3px 0 5px;font-size:30px}header p{color:#7590a4;margin:0;font-size:13px}.eyebrow{letter-spacing:.17em;font-weight:800;color:#20c9aa!important;font-size:10px!important}.status{color:#a8bac7;background:#18222a;border:1px solid #263744;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.status.ok{color:#55deb7;border-color:#195343}.cards{grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:16px;display:grid}.card{background:#0d1822;border:1px solid #182a38;border-radius:14px;grid-template-columns:auto 1fr;gap:6px 11px;padding:17px;display:grid}.card .icon{color:#2dd4b3;background:#102b34;border-radius:9px;grid-row:1/3;place-items:center;width:35px;height:35px;display:grid}.card span{color:#708b9e;font-size:11px}.card b{font-size:24px}.grid{grid-template-columns:1.7fr 1fr;gap:16px;display:grid}.panel{background:#0d1822;border:1px solid #182a38;border-radius:14px;min-height:350px;padding:19px}.panel.full{min-height:auto}.panelHead{border-bottom:1px solid #172633;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.panelHead span{text-transform:uppercase;letter-spacing:.13em;color:#5f7b8f;font-size:9px}.panelHead h2{margin:4px 0;font-size:17px}.muted{color:#627b8d}.empty{text-align:center;color:#526f82;flex-direction:column;justify-content:center;align-items:center;height:270px;display:flex}.empty h3{color:#b9cbd7;margin:10px 0 4px;font-size:14px}.empty p{max-width:340px;font-size:12px;line-height:1.5}.siteList,.eventList{padding-top:8px}.siteRow{border-bottom:1px solid #142431;justify-content:space-between;align-items:center;padding:13px 5px;display:flex}.siteRow b,.event b{font-size:12px;display:block}.siteRow small,.event small{color:#688398;margin-top:4px;font-size:10px;display:block}.siteRow>span{color:#6f899d;font-size:11px}.event{border-bottom:1px solid #142431;align-items:center;gap:10px;padding:11px 2px;display:flex}.sev{color:#d7e3eb;background:#1b2a33;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:800}.sev.critical{color:#ffafb7;background:#4b151b}.sev.high{color:#ffc990;background:#462917}.sev.medium{color:#ffe18c;background:#35301a}.tableWrap{margin-top:12px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #172633;padding:13px 10px}th{color:#6d879a;text-transform:uppercase;font-size:10px}td{color:#c1d0da}.loginShell{background:radial-gradient(circle at 20% 20%,#123042 0,#071018 38%);place-items:center;min-height:100vh;display:grid}.loginCard{background:#0d1822;border:1px solid #1d3140;border-radius:18px;width:min(420px,92vw);padding:34px;box-shadow:0 25px 70px #0008}.loginCard h1{font-size:25px}.loginSub{color:#71899a;margin-bottom:24px;font-size:12px}.loginCard label{color:#8297a6;margin:14px 0;font-size:11px;display:block}.loginCard input{color:#eaf2f8;background:#08121a;border:1px solid #203544;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:12px}.loginCard button{color:#fff;cursor:pointer;background:#12a98d;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px;font-weight:700;display:flex}.loginCard small{color:#536d80;margin-top:15px;font-size:9px;display:block}.error{color:#ffb9c3;background:#3d1820;border:1px solid #69303c;border-radius:8px;padding:9px;font-size:11px}.headerActions{align-items:center;gap:10px;display:flex}.actionBtn,.ghost{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-weight:700;display:inline-flex}.actionBtn{color:#fff;background:#12a98d}.actionBtn.secondary{background:#153c4a}.ghost{color:#9db2c0;background:#101f2a;border:1px solid #263b4a}.modalBack{z-index:20;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.formCard{background:#0d1822;border:1px solid #274052;border-radius:16px;width:min(800px,96vw);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 30px 100px #000}.formGrid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.formGrid label{color:#8098a8;font-size:10px}.formGrid input,.formGrid select{color:#eaf2f8;background:#08121a;border:1px solid #203544;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:11px}.span2{grid-column:1/-1}.hint{color:#6f899b;font-size:10px;line-height:1.5}.pill{border:1px solid #344b5b;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:9px;display:inline-flex}.pill.green{color:#55deb7;border-color:#195343}td small{color:#688398;margin-top:3px;font-size:9px;display:block}.discoveryForm{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:12px;margin:18px 0;display:grid}.discoveryForm label,.edgeProvision select{color:#8098a8;font-size:10px}.discoveryForm input,.discoveryForm select,.edgeProvision select{color:#eaf2f8;background:#08121a;border:1px solid #203544;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:11px}.discoveryForm .span2{grid-column:span 2}.checkLabel{align-items:center;gap:8px;height:40px;display:flex!important}.checkLabel input{width:auto!important;margin:0!important}.notice{color:#91afbf;background:#102534;border:1px solid #1f4555;border-radius:10px;align-items:center;gap:8px;margin:12px 0;padding:12px;font-size:11px;display:flex}.discoveryGrid{grid-template-columns:320px 1fr;gap:18px;margin-top:18px;display:grid}.discoveryGrid h3,.edgeProvision h3{margin:0 0 10px;font-size:13px}.jobRow{text-align:left;color:#b9cbd7;cursor:pointer;background:#09141d;border:1px solid #182d3b;border-radius:9px;grid-template-columns:1fr auto;gap:4px;width:100%;margin-bottom:7px;padding:10px;display:grid}.jobRow.selected{background:#0c211f;border-color:#1a806d}.jobRow small{color:#678296;grid-column:1/-1}.jobStatus{background:#21313c;border-radius:999px;padding:4px 6px;font-size:8px}.jobStatus.completed{color:#55deb7;background:#12342d}.jobStatus.running{color:#a7d7ff;background:#153149}.jobStatus.failed{color:#ffb9c3;background:#3d1820}.miniBtn{color:#6ce7c3;cursor:pointer;background:#12382f;border:1px solid #236251;border-radius:7px;padding:6px 8px;font-size:9px}.onboarded{color:#55deb7;align-items:center;gap:4px;font-size:9px;display:inline-flex}.edgeProvision{background:#09141d;border:1px solid #172c3a;border-radius:11px;grid-template-columns:1fr 240px auto;align-items:end;gap:12px;margin:16px 0;padding:14px;display:grid}.edgeProvision p{color:#6f899b;margin:4px 0 0;font-size:10px;line-height:1.5}.provisionCode{background:#102534;border:1px solid #205469;border-radius:10px;gap:5px;margin:12px 0;padding:14px;display:grid}.provisionCode b{color:#5fe2c2;word-break:break-all;font-family:monospace;font-size:14px}.provisionCode span,.provisionCode small{color:#7f9bad;font-size:10px}.mutedText{color:#668093;font-size:11px}.deviceOps{width:min(1180px,94vw);max-height:90vh;overflow:auto}.opsActions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.successBox{color:#78e6cd;background:#0b2b28;border:1px solid #176f61;border-radius:8px;margin:10px 0;padding:10px 12px}.deviceMeta{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.deviceMeta>div{background:#0b1b25;border:1px solid #1c3440;border-radius:10px;padding:12px}.deviceMeta span{color:#6f9bb1;text-transform:uppercase;margin-bottom:5px;font-size:11px;display:block}.deviceMeta b{overflow-wrap:anywhere;font-size:13px}.subHead{margin-top:18px}code{color:#9ac7d9;overflow-wrap:anywhere;font-size:11px}.inlineBtns{flex-wrap:wrap;gap:6px;display:flex}.previewCard{background:#091722;border:1px solid #1f3a4a;border-radius:14px;margin-top:18px;padding:14px}.previewCard img{border:1px solid #ffffff14;border-radius:10px;max-width:100%;max-height:560px;margin:12px auto 0;display:block}.aiRuleForm{margin-bottom:18px}.eventGrid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.eventCard{background:#081822b8;border:1px solid #1f3a4a;border-radius:16px;overflow:hidden}.eventCard img,.eventPlaceholder{object-fit:cover;background:#07141d;width:100%;height:190px}.eventPlaceholder{color:#627b8d;place-items:center;display:grid}.eventBody{padding:14px}.eventBody>div:first-child{align-items:center;gap:10px;display:flex}.eventBody p{color:#627b8d;margin:10px 0 4px}.eventBody small{color:#627b8d;margin-bottom:12px;display:block}.fleetShell{gap:16px;display:grid}.fleetStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.fleetStat{background:#0d1822;border:1px solid #182a38;border-radius:13px;padding:15px}.fleetStat span{color:#708b9e;text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.fleetStat b{margin-top:6px;font-size:25px;display:block}.fleetControls{grid-template-columns:1.2fr 1fr 1fr auto auto;align-items:end;gap:10px;margin:16px 0;display:grid}.fleetControls label{color:#8098a8;font-size:10px}.fleetControls input,.fleetControls select{color:#eaf2f8;background:#08121a;border:1px solid #203544;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:10px}.fleetShell input[type=checkbox]{accent-color:#12a98d}@media (width<=1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid,.discoveryGrid{grid-template-columns:1fr}.discoveryForm{grid-template-columns:1fr 1fr}.edgeProvision{grid-template-columns:1fr}.fleetStats{grid-template-columns:repeat(3,1fr)}.fleetControls{grid-template-columns:1fr 1fr}}@media (width<=760px){.app{grid-template-columns:1fr}aside{height:auto;position:relative}nav{flex-direction:row;overflow:auto}.sideFoot{display:none}main{padding:20px}.cards{grid-template-columns:1fr 1fr}header{gap:12px}header h1{font-size:24px}.formGrid{grid-template-columns:1fr}.span2{grid-column:auto}.discoveryForm{grid-template-columns:1fr}.discoveryForm .span2{grid-column:auto}.deviceMeta,.fleetStats{grid-template-columns:1fr 1fr}.fleetControls{grid-template-columns:1fr}}