:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7eef3;--bg:#070b0e;--surface:#0c1318;--surface-2:#101a21;--surface-3:#14222b;--line:#21323c;--line-bright:#31505e;--text:#e7eef3;--muted:#8fa3ae;--cyan:#46c7df;--green:#44d18c;--amber:#f0b849;--red:#ef6674;background:#070b0e;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input,select{font:inherit}button{color:inherit}.appShell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:20;background:#080e12;flex-direction:column;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:54px;padding:0 8px 18px;display:flex}.brandMark{color:var(--green);background:#10252a;border:1px solid #24505a;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand strong,.brand span{display:block}.brand strong{font-size:17px}.brand span{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:10px}.primaryNav{gap:4px;margin-top:18px;display:grid}.primaryNav button{color:#a8bac3;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:0 11px;display:flex}.primaryNav button:hover{color:var(--text);background:#0e171d}.primaryNav button.active{color:#fff;background:#122129;border-color:#294650}.primaryNav button.active svg{color:var(--cyan)}.sidebarFooter{border-top:1px solid var(--line);margin-top:auto;padding:16px 8px 0}.sidebarFooter small{color:#617680;overflow-wrap:anywhere;margin-top:10px;font-size:10px;line-height:1.4;display:block}.systemTag{color:var(--green);text-transform:uppercase;align-items:center;gap:7px;font-size:11px;display:flex}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#090f13f5;justify-content:space-between;align-items:center;height:66px;padding:0 24px;display:flex;position:sticky;top:0}.topbarTitle span,.topbarTitle strong{display:block}.topbarTitle span{color:var(--muted);text-transform:uppercase;font-size:10px}.topbarTitle strong{margin-top:3px;font-size:14px}.connectionStatus,.refreshButton,.iconButton{background:var(--surface-2);border:1px solid var(--line-bright);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 11px;display:inline-flex}.connectionStatus{color:var(--muted);font-size:12px}.connectionStatus.online{color:#baf4d6}.connectionStatus.offline{color:#ffc3c8;border-color:#67333b}.statusDot{background:var(--amber);border-radius:50%;width:7px;height:7px}.online .statusDot{background:var(--green);box-shadow:0 0 8px #44d18c8c}.offline .statusDot{background:var(--red)}.iconButton{justify-content:center;width:36px;padding:0}.apiBanner{color:#ffd0b5;background:#2b1d17;border-bottom:1px solid #69402c;padding:10px 24px;font-size:12px}.platformBanner{color:#a7eac8;background:#10251e;border-bottom:1px solid #285a48;padding:10px 24px;font-size:12px}.statusBadges{align-items:center;gap:8px;display:flex}.companySelector{gap:3px;min-width:210px;display:grid}.companySelector span{color:var(--muted);text-transform:uppercase;font-size:9px}.companySelector select{background:var(--surface-2);border:1px solid var(--line-bright);color:var(--text);border-radius:5px;min-height:32px;padding:0 8px}.deviceBadge{color:#8eddf0;text-transform:uppercase;white-space:nowrap;background:#10252d;border:1px solid #296173;border-radius:999px;padding:7px 10px;font-size:10px}.userMenu{position:relative}.userMenuTrigger{background:var(--surface-2);border:1px solid var(--line-bright);color:var(--text);cursor:pointer;text-align:left;border-radius:6px;grid-template-columns:20px minmax(90px,1fr) 15px;align-items:center;gap:8px;min-height:40px;padding:5px 8px;display:grid}.userMenuTrigger>span,.userMenuIdentity span{min-width:0}.userMenuTrigger strong,.userMenuTrigger small,.userMenuIdentity strong,.userMenuIdentity small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:block;overflow:hidden}.userMenuTrigger strong,.userMenuIdentity strong{font-size:11px}.userMenuTrigger small,.userMenuIdentity small{color:var(--muted);margin-top:2px;font-size:9px}.userMenuPanel{border:1px solid var(--line-bright);z-index:30;background:#0d171d;min-width:230px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 14px 34px #0000006b}.userMenuIdentity{border-bottom:1px solid var(--line);grid-template-columns:18px 1fr;align-items:center;gap:9px;margin-bottom:5px;padding:8px;display:grid}.userMenuIdentity svg{color:var(--green)}.userMenuPanel button{color:#ffc3c8;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 8px;display:flex}.userMenuPanel button:hover{background:#29191d}.content{background:linear-gradient(180deg, #0a1116 0, var(--bg) 420px);min-height:calc(100vh - 66px);padding:24px}.pageHeader{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.eyebrow{color:var(--green);text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700;display:block}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:28px;line-height:1.15}.pageHeader p{color:var(--muted);margin:0;font-size:13px}.refreshButton{color:#cfe2e9;background:#102028;font-size:12px}.refreshButton:disabled{cursor:wait;opacity:.7}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border:1px solid var(--line-bright);color:#cbe8f0;background:#102028;border-radius:6px;margin-bottom:16px;padding:12px;font-size:13px}.notice.warning{color:#ffd39b;background:#2c2115;border-color:#6a4b28}.notice.emptyNotice{color:#a9c4ce;background:#101c21;border-color:#29434d}.kpiGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.kpiGrid.compact{grid-template-columns:repeat(3,minmax(0,210px))}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:6px;min-height:114px;padding:14px}.kpi>span{color:var(--muted);text-transform:uppercase;min-height:28px;font-size:11px;display:block}.kpi strong{margin:8px 0 5px;font-size:23px;display:block}.kpi small{color:#6f8792;font-size:10px}.kpi.danger strong{color:var(--red)}.kpi.warning strong{color:var(--amber)}.panelGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;min-height:248px;padding:16px}.panel.wide{grid-column:span 2}.panel>header{border-bottom:1px solid #1b2a32;margin-bottom:14px;padding-bottom:12px}.panel h2{margin-bottom:4px;font-size:14px}.panel header p{color:var(--muted);margin-bottom:0;font-size:11px}.healthList,.eventList,.scoreList,.connectorList{gap:8px;display:grid}.healthList>div{grid-template-columns:90px 1fr 30px;align-items:center;gap:9px;display:grid}.bar{background:#18252c;border-radius:2px;height:6px;overflow:hidden}.bar i{background:var(--green);height:100%;display:block}.eventList>div{background:var(--surface-2);border-left:2px solid #2d5966;padding:9px 10px}.eventList strong,.eventList span{display:block}.eventList strong{margin-bottom:4px;font-size:12px}.eventList span{color:var(--muted);font-size:11px}.trendValue{color:var(--cyan);font-size:25px;font-weight:700}.trendValue small{color:var(--muted);font-size:11px}.sparkline{width:100%;height:145px;margin-top:18px}.sparkline polyline{fill:none;stroke:var(--green);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vector-effect:non-scaling-stroke}.emptyState{color:#71858e;text-align:center;justify-content:center;align-items:center;min-height:90px;font-size:12px;display:flex}.scoreList>div{grid-template-columns:minmax(130px,1fr) minmax(100px,2fr) 38px 90px;align-items:center;gap:10px;display:grid}.scoreList span,.scoreList strong{font-size:11px}.scoreList strong{text-align:right}.pill{color:#b9c8ce;text-transform:uppercase;white-space:nowrap;background:#19262d;border:1px solid #2d424c;border-radius:999px;justify-content:center;padding:3px 7px;font-size:10px;display:inline-flex}.pill.online,.pill.healthy,.pill.ready,.pill.configured,.pill.closed,.pill.resolved{color:#8ce5b9;background:#112b23;border-color:#285a48}.pill.critical,.pill.active,.pill.alarm,.pill.alert,.pill.offline,.pill.urgent{color:#ff9ba5;background:#30191e;border-color:#6c303a}.pill.high,.pill.warning,.pill.attention,.pill.maintenance,.pill.open,.pill.in-progress{color:#ffd18b;background:#302518;border-color:#6f5126}.pill.medium,.pill.monitored{color:#8eddf0}.tableToolbar{justify-content:space-between;align-items:center;margin:16px 0 8px;display:flex}.tableToolbar>span{color:var(--muted);font-size:11px}.assetSummary{grid-template-columns:repeat(5,minmax(0,1fr))}.assetToolbar{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.assetToolbar strong,.assetToolbar span{display:block}.assetToolbar strong{font-size:14px}.assetToolbar span{color:var(--muted);margin-top:4px;font-size:11px}.primaryButton{color:#d9f5fb;cursor:pointer;background:#153741;border:1px solid #347283;border-radius:6px;align-items:center;gap:8px;min-height:38px;padding:0 13px;display:inline-flex}.primaryButton:disabled{cursor:wait;opacity:.65}.assetForm{background:var(--surface);border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;padding:16px;display:grid}.assetForm label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:10px;display:grid}.assetForm input,.assetForm select{background:var(--surface-2);border:1px solid var(--line-bright);color:var(--text);text-transform:none;border-radius:4px;outline:none;min-height:38px;padding:0 9px}.assetForm input:focus,.assetForm select:focus{border-color:var(--cyan)}.formSubmit{justify-content:center;align-self:end}.registryEmbedded{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.registryEmbedded h2{font-size:15px}.registryForm{grid-template-columns:repeat(4,minmax(0,1fr))}.recordDetail{background:var(--surface);border:1px solid var(--line);margin-bottom:12px;padding:14px}.recordDetail pre{color:var(--muted);white-space:pre-wrap;max-height:220px;font-size:10px;overflow:auto}.rowActions{flex-wrap:wrap;gap:5px;min-width:310px;display:flex}.rowActions button{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 8px;display:inline-flex}.rowActions button span{font-size:10px}.dashboardFilters{background:var(--surface);border:1px solid var(--line);grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:10px;margin-bottom:14px;padding:12px;display:grid}.dashboardFilters label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:9px;display:grid}.dashboardFilters select{background:var(--surface-2);border:1px solid var(--line-bright);color:var(--text);min-height:34px;padding:0 7px}.companyGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 12px;display:grid}.companyCard{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:6px;gap:6px;min-height:105px;padding:14px;display:grid}.companyCard svg{color:var(--cyan)}.companyCard span{color:var(--muted);font-size:11px}.companyCard.active{background:#10251e;border-color:#388163}.searchBox{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:8px;width:100%;max-width:390px;padding:0 10px;display:flex}.searchBox input{color:var(--text);background:0 0;border:0;outline:none;width:100%;height:38px}.tableWrap{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid #1b2a32;padding:11px 12px;font-size:11px}th{color:#83c9d7;text-transform:uppercase;background:#0e171c;font-size:10px;position:sticky;top:0}tbody tr:hover{background:#0e181e}.integrationSummary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.integrationSummary>div{background:var(--surface);border:1px solid var(--line);border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;min-height:70px;padding:12px;display:grid}.integrationSummary svg{color:var(--cyan)}.integrationSummary span{color:var(--muted);font-size:11px}.integrationSummary strong{font-size:20px}.connectorList>div{background:var(--surface-2);grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.connectorList svg{color:var(--green)}.connectorList strong,.connectorList small{display:block}.connectorList strong{font-size:12px}.connectorList small{color:var(--muted);margin-top:3px;font-size:10px}.pipeline{grid-template-columns:repeat(7,1fr);align-items:stretch;gap:5px;display:grid}.pipeline>div{background:var(--surface-2);border-top:2px solid var(--cyan);min-height:100px;padding:10px}.pipeline span{color:var(--cyan);font-size:10px;display:block}.pipeline strong{margin-top:14px;font-size:11px;line-height:1.4;display:block}.tagList{flex-wrap:wrap;gap:7px;display:flex}.tagList span{background:var(--surface-2);border:1px solid var(--line);color:#b7cad2;padding:7px 9px;font-size:11px}.mobileOnly{display:none}.authPage{background:#081116;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.authPanel{background:var(--surface);border:1px solid var(--line-bright);border-radius:6px;gap:14px;width:100%;max-width:380px;padding:28px;display:grid}.authPanel h1,.authPanel p{text-align:center;margin:0}.authPanel p{color:var(--muted);font-size:12px}.authPanel label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:10px;display:grid}.authPanel input{background:var(--surface-2);border:1px solid var(--line-bright);color:var(--text);min-height:40px;padding:0 10px}.authPanel .primaryButton{justify-content:center}.authMark{background:#153741;border:1px solid #347283;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;display:flex}.authLink{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-size:11px}@media (width<=1250px){.kpiGrid,.assetSummary{grid-template-columns:repeat(3,minmax(0,1fr))}.assetForm,.companyGrid,.dashboardFilters,.panelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline{grid-template-columns:repeat(4,1fr)}}@media (width<=800px){.appShell{display:block}.sidebar{width:248px;transition:left .2s;position:fixed;left:-270px;box-shadow:12px 0 30px #0006}.sidebar.open{left:0}.brand .iconButton{margin-left:auto}.mobileOnly{display:inline-flex}.topbar{padding:0 14px}.topbarTitle{display:none}.connectionStatus span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.deviceBadge{display:none}.userMenuTrigger{grid-template-columns:20px 15px;min-width:48px}.userMenuTrigger>span{display:none}.companySelector{min-width:150px}.content{padding:16px 12px}.pageHeader{flex-direction:column;align-items:stretch}h1{font-size:23px}.kpiGrid,.kpiGrid.compact,.panelGrid,.integrationSummary,.assetSummary,.assetForm,.companyGrid,.dashboardFilters{grid-template-columns:1fr}.panel.wide{grid-column:auto}.pipeline{grid-template-columns:repeat(2,1fr)}.scoreList>div{grid-template-columns:1fr}.scoreList strong{text-align:left}}