*{box-sizing:border-box} :root{--bg:#070910;--panel:#0e121cdd;--line:#242a3a;--muted:#8992a8;--violet:#8b5cf6;--cyan:#67e8f9;--green:#4ade80;--red:#fb7185} body{margin:0;background:var(--bg);color:#f5f7ff;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 12% 8%,#6d28d933,transparent 28%),radial-gradient(circle at 90% 30%,#0891b222,transparent 25%)}.noise{pointer-events:none;position:fixed;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hidden{display:none!important}.glass{background:linear-gradient(145deg,#111622e8,#0b0e16e8);border:1px solid #252c3f;border-radius:18px;box-shadow:0 18px 50px #0005, inset 0 1px #ffffff08}.center{min-height:100vh;display:grid;place-items:center}.login{width:410px;max-width:92vw;padding:32px}.brand{display:flex;align-items:center;gap:12px}.brand h1,.brand h2{margin:0;letter-spacing:2px}.brand span{color:#9e78ff;font-size:12px;font-weight:800;letter-spacing:2px}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-weight:900;font-size:24px;background:linear-gradient(135deg,#7c3aed,#22d3ee);box-shadow:0 0 25px #7c3aed55}.muted{color:var(--muted)}input{width:100%;padding:14px;margin:8px 0;background:#080b12;border:1px solid #30374b;color:#fff;border-radius:10px;outline:none}input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf622}button{border:0;border-radius:9px;color:#fff;font-weight:800;padding:10px 13px;cursor:pointer}.primary{width:100%;margin-top:10px;background:linear-gradient(90deg,#6d28d9,#7c3aed)}.ghost{background:#171c29;border:1px solid #30374b}.danger{background:#2a151c;border:1px solid #6b2639;color:#ff9aae}aside{position:fixed;width:220px;inset:0 auto 0 0;padding:22px;border-right:1px solid #202637;background:#080b12dd;backdrop-filter:blur(16px)}aside nav{margin-top:42px;display:grid;gap:8px}aside nav a{padding:12px;border-radius:9px;color:#8992a8;font-weight:700}aside nav .active{background:#7c3aed22;color:#c4b5fd;border:1px solid #7c3aed44}.secure{position:absolute;bottom:25px;color:#4ade80;font-size:11px}.secure small{color:#697389}.shell{margin-left:220px}header{height:90px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202637;background:#090c13aa;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}header h1{margin:3px 0;font-size:24px}.eyebrow{font-size:10px;color:#8f99b1;letter-spacing:2px;font-weight:800}.headright{display:flex;align-items:center;gap:9px}#clock{color:#8992a8;font-family:monospace}main{max-width:1450px;margin:auto;padding:26px}.hero{padding:28px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;overflow:hidden;position:relative}.hero:after{content:"N";position:absolute;right:18%;font-size:170px;font-weight:900;color:#8b5cf608;transform:rotate(8deg)}.hero h2{font-size:30px;margin:8px 0}.hero h2 span{background:linear-gradient(90deg,#a78bfa,#67e8f9);color:transparent;background-clip:text}.hero p{color:#8992a8;margin-bottom:0}.summary{display:flex;gap:10px;z-index:1}.sum{padding:13px 18px;background:#090d15aa;border:1px solid #283047;border-radius:12px;text-align:center}.sum b{font-size:22px;display:block}.sum small{color:#7f899e}.node{margin:28px 0}.nodeHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.nodeHead h2{margin:4px 0}.nodeMeta{display:flex;gap:8px;align-items:center}.pill{font-size:11px;padding:7px 10px;border-radius:20px;background:#111725;border:1px solid #293147}.online{color:var(--green)}.offline{color:var(--red)}.error{color:#fbbf24}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:15px}.metric label{font-size:10px;color:#7e879b;letter-spacing:1px}.metric b{display:block;font-size:20px;margin:7px 0}.bar{height:4px;background:#252b39;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#22d3ee);border-radius:5px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.service{padding:16px;transition:.2s}.service:hover{transform:translateY(-2px);border-color:#414b67}.top{display:flex;justify-content:space-between;gap:8px}.svcname{font-weight:850;letter-spacing:.4px}.state{font-size:10px;padding:5px 8px;background:#08120d;border:1px solid #1d5432;border-radius:20px}.meta{color:#778197;font-family:monospace;font-size:11px;min-height:47px;margin:13px 0}.acts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.acts button{font-size:9px;padding:8px 2px;background:#171c29;border:1px solid #293147}.acts button:hover{background:#6d28d9}.audit{padding:20px;margin-top:28px}.sectiontitle{display:flex;justify-content:space-between;align-items:center}.sectiontitle h2{margin:5px 0}.live{font-size:10px;color:#4ade80}.row{display:grid;grid-template-columns:160px 100px 1fr;border-top:1px solid #202637;padding:10px 4px;color:#a8b0c2;font-size:12px}.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;z-index:20}.box{width:min(1050px,95vw);height:85vh;padding:18px}.box pre{height:90%;overflow:auto;background:#05070b;color:#baf7ce;padding:14px;border-radius:10px;white-space:pre-wrap}.unreachable{padding:18px;color:#fb7185}@media(max-width:1000px){aside{display:none}.shell{margin:0}.metrics,.services{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{padding:12px;height:auto}.headright #clock{display:none}main{padding:12px}.hero{display:block}.summary{margin-top:18px}.metrics,.services{grid-template-columns:1fr}.row{grid-template-columns:1fr}.acts{grid-template-columns:1fr 1fr}}
nav a{cursor:pointer;transition:.18s}nav a:hover{color:#ddd6fe;background:#ffffff06}.pagehead{display:flex;align-items:end;justify-content:space-between;margin:10px 0 20px}.pagehead h2{font-size:30px;margin:5px 0}.pagehead p{color:var(--muted);margin:0}.filters{display:flex;gap:6px}.filter{background:#121724;border:1px solid #293147;font-size:10px}.filter.active{background:#6d28d9;border-color:#8b5cf6}.infraSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.infraStat{padding:16px}.infraStat small{color:#7f899e;font-size:10px;letter-spacing:1px}.infraStat b{display:block;font-size:24px;margin-top:5px}.infraGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.infraCard{padding:17px;position:relative;overflow:hidden}.infraCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#4ade80}.infraCard.off:before{background:#fb7185}.infraNode{font-size:10px;color:#8992a8;letter-spacing:1px;margin-bottom:8px}.svcStats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.tiny{background:#090d15;border:1px solid #242b3d;padding:8px;border-radius:8px;font-family:monospace;font-size:10px;color:#aab3c6}.activityStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.actStat{background:#090d15;border:1px solid #242b3d;border-radius:10px;padding:13px}.actStat b{display:block;font-size:20px}.actStat small{color:#7f899e}.actionTag{display:inline-block;min-width:70px;text-align:center;border-radius:15px;padding:4px 8px;background:#6d28d922;color:#c4b5fd;border:1px solid #6d28d944}.service .acts button:nth-child(1){border-color:#1f5a37;color:#86efac}.service .acts button:nth-child(2){border-color:#6b2639;color:#fda4af}.service .acts button:nth-child(3){border-color:#5b3ca0;color:#c4b5fd}.service .acts button:nth-child(4){border-color:#28566b;color:#a5f3fc}.state.online{box-shadow:0 0 12px #4ade8022}.state.online:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#4ade80;margin-right:4px;animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #4ade8000;opacity:.5}}@media(max-width:1000px){.infraGrid{grid-template-columns:1fr 1fr}.infraSummary{grid-template-columns:1fr 1fr}}@media(max-width:650px){.pagehead{display:block}.filters{margin-top:15px}.infraGrid,.infraSummary,.activityStats{grid-template-columns:1fr}}

.healthBadge{padding:8px 12px;border-radius:20px;font-size:11px;font-weight:900;border:1px solid #295c3d;color:#86efac;background:#07150d}.healthBadge.warn{border-color:#755b1d;color:#fde68a;background:#1a1406}.healthBadge.critical{border-color:#713041;color:#fda4af;background:#1c090f}.healthHero{padding:24px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.healthScore{font-size:54px;font-weight:950;letter-spacing:-3px}.healthScore small{font-size:16px;color:#8992a8;letter-spacing:0}.healthChecks{display:flex;gap:8px;flex-wrap:wrap}.check{padding:10px 13px;border:1px solid #283147;background:#090d15;border-radius:10px;font-size:11px}.check.ok{color:#86efac;border-color:#24533a}.check.bad{color:#fda4af;border-color:#713041}.monitorGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-bottom:12px}.monitorPanel{padding:19px}.incident{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid #202637}.incidentDot{width:8px;height:8px;border-radius:50%;background:#fb7185;box-shadow:0 0 12px #fb718577}.incident small{color:#8992a8}.healthyMsg{padding:25px 5px;text-align:center;color:#86efac}.nodeHealthRow{padding:12px 0;border-top:1px solid #202637}.nodeHealthRow .line{display:flex;justify-content:space-between}.miniBars{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.miniBars span{font-size:9px;color:#8992a8}.miniBars i{display:block;height:3px;background:#252b39;border-radius:5px;margin-top:4px;overflow:hidden}.miniBars b{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#22d3ee)}.teleRow{display:grid;grid-template-columns:1.4fr .7fr .7fr .7fr 1fr;gap:8px;padding:10px 4px;border-top:1px solid #202637;align-items:center;font-size:11px}.teleRow.head{color:#788298;font-size:9px;letter-spacing:1px}.teleStatus{font-weight:800}.teleStatus.online{color:#4ade80}.teleStatus.offline{color:#fb7185}@media(max-width:900px){.monitorGrid{grid-template-columns:1fr}.healthHero{display:block}.healthChecks{margin-top:15px}.teleRow{grid-template-columns:1fr 1fr}.teleRow.head{display:none}}

/* v1.5.0 telemetry history */
.historyPanel{padding:22px;margin:18px 0}.historyLegend{display:flex;gap:14px;font-size:11px;letter-spacing:.08em;color:#8995ab}.historyCharts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}.historyNode{border:1px solid #243048;border-radius:14px;padding:16px;background:rgba(7,12,23,.45)}.historyNodeHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.historyNodeHead small{color:#75839b}.chartBlock{position:relative;margin:10px 0 15px}.chartBlock>label{font-size:10px;letter-spacing:.12em;color:#8390a6}.spark{width:100%;height:92px;margin-top:5px;overflow:visible}.spark line{stroke:rgba(126,145,176,.18);stroke-width:1}.spark polyline{fill:none;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px currentColor)}.chartBlock:nth-child(2){color:#8d5cff}.chartBlock:nth-child(3){color:#22c7e8}.chartBlock:nth-child(4){color:#b26cff}.chartRange{display:flex;justify-content:space-between;margin-top:-4px;font-size:10px;color:#718099}.chartRange b{font-size:12px;color:#dfe8f8}.chartEmpty{height:92px;display:grid;place-items:center;border:1px dashed #26324a;border-radius:9px;color:#68758d;font-size:11px;margin-top:5px}@media(max-width:1050px){.historyCharts{grid-template-columns:1fr}}

/* v1.5.1 incidents */
.incidentHistoryPanel{margin:12px 0}.incidentHistoryHead,.incidentHistoryRow{display:grid;grid-template-columns:1.5fr 1fr .7fr .7fr;gap:12px;align-items:center;padding:10px 4px;border-top:1px solid #202637;font-size:11px}.incidentHistoryHead{font-size:9px;letter-spacing:1px;color:#788298}.incidentHistoryRow small{display:block;color:#788298;margin-top:3px}.incidentHistoryRow>span:last-child{color:#86efac;font-weight:800}@media(max-width:800px){.incidentHistoryHead{display:none}.incidentHistoryRow{grid-template-columns:1fr 1fr}}

/* v1.6 Control & Maintenance */
.settingsGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-bottom:12px}.settingsPanel{padding:20px}.settingRow{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:10px;align-items:end;padding:14px 0;border-top:1px solid #202637}.settingRow label{font-size:10px;color:#8992a8}.settingRow input{margin:5px 0 0;padding:10px}.settingsSave{max-width:280px}.wide{width:100%;margin-top:12px}.maintTitle{margin-top:28px}.maintenanceBtn{background:#171c29;border:1px solid #755b1d;color:#fde68a}.maintenanceBtn.active{background:#3a2508;border-color:#f59e0b;color:#fbbf24;box-shadow:0 0 15px #f59e0b22}.maintRow{display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 4px;border-top:1px solid #202637}.maintRow small{display:block;color:#788298;margin-top:3px}.serviceMaint{padding-left:22px}.state.maintenance{color:#fbbf24;border-color:#755b1d;background:#1a1406}@media(max-width:900px){.settingsGrid{grid-template-columns:1fr}.settingRow{grid-template-columns:1fr 1fr}}


/* v1.7.0 Backup Center */
.backupLoading,.backupInfo{padding:20px}.backupInfo{margin-top:18px}.backupNode{margin:24px 0}.backupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.backupCard{padding:18px;position:relative;overflow:hidden}.backupCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#8b5cf6,#22d3ee)}.backupVerify{font-size:10px;font-weight:900;padding:6px 9px;border-radius:20px}.backupVerify.ok{color:#86efac;border:1px solid #24533a;background:#07150d}.backupVerify.bad{color:#fda4af;border:1px solid #713041;background:#1c090f}.backupMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.backupMeta>div{padding:10px;border:1px solid #242b3d;background:#090d15;border-radius:9px;min-width:0}.backupMeta small{display:block;color:#788298;font-size:9px;letter-spacing:1px;margin-bottom:5px}.backupMeta b{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backupBar{margin:8px 0 13px}.backupFoot{display:flex;justify-content:space-between;align-items:center;color:#8992a8;font-size:11px}.backupFoot button{border-color:#5b3ca0;color:#c4b5fd}.backupFoot button:hover{background:#6d28d9;color:white}@media(max-width:900px){.backupGrid{grid-template-columns:1fr}}@media(max-width:650px){.backupMeta{grid-template-columns:1fr}.backupFoot{align-items:stretch;gap:10px;flex-direction:column}}


/* v1.7.2 Native Notifications */
.noxisDialog{position:fixed;inset:0;z-index:100;background:#02040bd9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;animation:dialogFade .16s ease}.noxisDialogBox{width:min(510px,94vw);padding:24px;border-color:#503b7c;box-shadow:0 25px 90px #000b,0 0 45px #7c3aed18}.dialogBrand{display:flex;align-items:center;gap:12px}.logo.mini{width:34px;height:34px;border-radius:9px;font-size:18px}.noxisDialogBox h2{margin:4px 0 0;font-size:21px}.noxisDialogBox p{white-space:pre-line;color:#c8cede;line-height:1.55;margin:20px 0;padding:14px;border:1px solid #242b3d;background:#090d15;border-radius:10px}.noxisDialogBox input{margin:0 0 16px}.dialogActions{display:flex;justify-content:flex-end;gap:9px}.dialogActions button{min-width:120px}.dialogPrimary{width:auto;margin:0;background:linear-gradient(90deg,#6d28d9,#7c3aed);border:1px solid #8b5cf6}.noxisToasts{position:fixed;right:22px;top:108px;z-index:120;display:grid;gap:10px;width:min(410px,calc(100vw - 30px));pointer-events:none}.noxisToast{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid #2c354a;border-radius:13px;background:linear-gradient(145deg,#111827f5,#090d16f5);box-shadow:0 20px 55px #0009;backdrop-filter:blur(15px);opacity:0;transform:translateX(25px);transition:.22s ease}.noxisToast.show{opacity:1;transform:none}.noxisToast.success{border-color:#24533a}.noxisToast.error{border-color:#713041}.toastIcon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:18px;font-weight:950;background:#16251c;color:#86efac;border:1px solid #24533a}.noxisToast.error .toastIcon{background:#281018;color:#fda4af;border-color:#713041}.noxisToast b{display:block;font-size:10px;letter-spacing:1.2px;color:#aab4c9;margin:2px 0 5px}.noxisToast span{display:block;font-size:12px;color:#eef2ff;line-height:1.45;word-break:break-word}@keyframes dialogFade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:650px){.noxisToasts{top:76px;right:15px}.dialogActions{flex-direction:column-reverse}.dialogActions button{width:100%}}

/* v1.8.0 Infrastructure Map */
.topologyPanel{padding:22px;margin-bottom:14px;overflow:hidden}.topologyHead{display:flex;align-items:center;justify-content:space-between}.topologyHead h2{margin:4px 0}.topologyMap{padding:20px 10px 8px}.topoCore{width:max-content;max-width:100%;margin:0 auto;display:flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid #6d28d966;border-radius:14px;background:linear-gradient(135deg,#17112a,#0a111b);box-shadow:0 0 40px #7c3aed20;position:relative}.topoCore b{display:block;letter-spacing:1px}.topoCore small{display:block;color:#7f899e;margin-top:3px;font-size:9px}.corePulse{position:absolute;inset:-5px;border:1px solid #8b5cf622;border-radius:18px;animation:corepulse 2.5s infinite}@keyframes corepulse{50%{inset:-10px;opacity:.15}}.topoTrunk{height:72px;position:relative;display:flex;justify-content:center;align-items:center}.topoTrunk i{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(#8b5cf6,#22d3ee);box-shadow:0 0 14px #22d3ee66}.topoTrunk span{z-index:1;padding:4px 10px;border-radius:20px;background:#080b12;border:1px solid #273047;color:#778197;font-size:8px;letter-spacing:1.5px}.topoNodes{display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative}.topoNodes:before{content:"";position:absolute;left:25%;right:25%;top:-1px;height:2px;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.topoNode{padding:18px;border:1px solid #293147;border-radius:16px;background:#090d15cc;position:relative}.topoNode.online{box-shadow:inset 0 1px #4ade8018}.topoNode.offline{border-color:#6b2639}.nodeConnector{position:absolute;left:50%;top:-28px;height:28px;width:2px;background:#22d3ee}.topoNodeHead{display:flex;justify-content:space-between;align-items:center}.topoNodeHead small{color:#7f899e;font-size:9px;letter-spacing:1px}.topoNodeHead h3{margin:4px 0;font-size:18px}.nodeDot{font-size:9px;color:#4ade80}.topoNode.offline .nodeDot{color:#fb7185}.nodeMini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.nodeMini span{padding:7px;border-radius:7px;background:#070a10;border:1px solid #20283a;color:#778197;font-size:8px}.nodeMini b{color:#dbe4f4;float:right}.topoServices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.topoService{display:flex;text-align:left;align-items:center;gap:9px;padding:10px;background:#0d121c;border:1px solid #263047;position:relative;overflow:hidden}.topoService:hover{transform:translateY(-1px);border-color:#6d5ea8;background:#121829}.topoService i{position:absolute;right:0;top:0;bottom:0;width:3px;background:#4ade80}.topoService.offline i{background:#fb7185}.topoIcon{font-size:18px}.topoService b{display:block;font-size:10px}.topoService small{display:block;color:#737e94;font-size:7px;margin-top:3px}.quickPanel{padding:20px;margin-bottom:20px}.quickActions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.quickAction{display:flex;align-items:center;gap:11px;text-align:left;background:#0c111a;border:1px solid #273047;padding:13px}.quickAction:hover{border-color:#7c3aed;background:#151226}.quickAction>span{font-size:21px}.quickAction b{display:block;font-size:10px}.quickAction small{display:block;color:#768096;margin-top:3px;font-size:8px}.serviceDrawer{position:fixed;inset:0;z-index:30;pointer-events:none}.serviceDrawer.open{pointer-events:auto}.drawerBackdrop{position:absolute;inset:0;background:#0000;transition:.25s}.serviceDrawer.open .drawerBackdrop{background:#0009}.drawerCard{position:absolute;right:0;top:0;bottom:0;width:min(430px,94vw);border-radius:18px 0 0 18px;padding:28px;transform:translateX(105%);transition:.25s;overflow:auto}.serviceDrawer.open .drawerCard{transform:none}.drawerClose{position:absolute;right:18px;top:18px;background:#171c29;border:1px solid #30374b;font-size:20px}.drawerTitle{display:flex;gap:14px;align-items:center;margin:28px 0}.drawerTitle>span{font-size:38px}.drawerTitle h2{margin:0 0 7px}.drawerStats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawerStats>div{background:#080c13;border:1px solid #252d40;border-radius:10px;padding:12px}.drawerStats small{display:block;color:#778197;font-size:8px}.drawerStats b{display:block;margin-top:5px;font-size:11px}.drawerExtra{margin-top:10px;padding:12px;background:#080c13;border:1px solid #252d40;border-radius:10px;color:#8f99ad;font-family:monospace;font-size:10px}.drawerActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.drawerActions button{background:#171c29;border:1px solid #30374b}.drawerActions button:hover{border-color:#7c3aed}@media(max-width:900px){.topoNodes{grid-template-columns:1fr}.topoNodes:before{display:none}.nodeConnector{display:none}.quickActions{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topoServices,.quickActions{grid-template-columns:1fr}.nodeMini{grid-template-columns:1fr}.topologyHead{display:block}}

/* v1.8.1 HOTFIX — drawer must never inherit the main sidebar geometry */
#serviceDrawer{visibility:hidden;opacity:0;transition:visibility 0s linear .25s,opacity .2s ease}
#serviceDrawer.open{visibility:visible;opacity:1;transition-delay:0s}
#serviceDrawer .drawerCard{position:absolute;left:auto;right:0;top:0;bottom:0;inset:0 0 0 auto;width:min(430px,94vw);margin:0;padding:28px;border-right:0;transform:translateX(105%)}
#serviceDrawer.open .drawerCard{transform:translateX(0)}
#login:not(.hidden) ~ #serviceDrawer{display:none!important}


/* v1.8.2 Service Inspector PRO */
.drawerActions button:disabled{opacity:.34;cursor:not-allowed;filter:saturate(.35)}
.drawerSection{margin-top:16px;padding-top:14px;border-top:1px solid #252d40}
.drawerSectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#8e99b0;font-size:9px;font-weight:800;letter-spacing:1.4px}
.drawerSectionHead small{font-weight:500;color:#59647a;letter-spacing:.5px}.drawerSectionHead button{padding:6px 9px;font-size:8px;background:#111724;border:1px solid #2b3449}
.drawerLive{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawerLive>div,.drawerHistory>div{background:#080c13;border:1px solid #252d40;border-radius:9px;padding:10px}
.drawerLive small,.drawerHistory small{display:block;color:#6f7a91;font-size:7px;letter-spacing:.7px}.drawerLive b{display:block;margin-top:4px;font-size:13px;color:#e5ebf7}
.drawerHistory{display:grid;gap:7px}.drawerHistory b{display:block;margin-top:4px;font-size:10px;color:#e5ebf7}.drawerHistory span{display:block;margin-top:4px;font-size:8px;color:#748096}
.drawerLogPreview{background:#05080d;border:1px solid #252d40;border-radius:9px;padding:10px;min-height:104px;max-height:150px;overflow:auto;font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#93a1b8}
.drawerLogPreview div{white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #151b27;padding:3px 0}.drawerLogPreview div:last-child{border-bottom:0}


/* v1.9.0 Game Center */
.gameSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.gameStat{padding:16px}.gameStat small{color:#7f899e;font-size:10px;letter-spacing:1px}.gameStat b{display:block;font-size:25px;margin-top:5px}.gameGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gameCard{padding:18px;position:relative;overflow:hidden}.gameCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#8b5cf6,#22d3ee)}.gameCard.gameOff:before{background:#fb7185}.gameCardTop{display:flex;align-items:flex-start;justify-content:space-between}.gameCardTop>div{display:flex;gap:12px;align-items:center}.gameCardTop h2{margin:3px 0;font-size:19px}.gameIcon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#151a28;border:1px solid #2d354b;font-size:23px}.gamePlayerHero{margin:16px 0;padding:14px;background:#090d15;border:1px solid #242b3d;border-radius:12px}.gamePlayerHero small,.gameFacts small{display:block;color:#7f899e;font-size:9px;letter-spacing:1px}.gamePlayerHero b{display:block;font-size:30px;margin-top:4px}.gamePlayerHero span{color:#697389;font-size:10px}.gameFacts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gameFacts>div{background:#090d15;border:1px solid #242b3d;border-radius:9px;padding:9px}.gameFacts b{display:block;margin-top:4px;font-size:12px}.gameTelemetry{display:flex;justify-content:space-between;color:#8992a8;font-size:11px;margin:12px 2px}.gameTelemetry b{color:#f5f7ff}.gameActions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gameInfo{padding:18px;margin-top:14px}.gameInfo p{margin-bottom:0}@media(max-width:900px){.gameGrid{grid-template-columns:1fr}.gameSummary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.gameSummary{grid-template-columns:1fr}.gameFacts{grid-template-columns:1fr}}


/* v2.0.0 NOXIS OVERVIEW */
.overviewHead{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;background:radial-gradient(circle at 15% 0,#6d28d925,transparent 38%),linear-gradient(135deg,#101522,#09101a)}.overviewHead h2{font-size:28px;margin:5px 0}.overviewHead p{margin:0;color:#8c97ad}.overviewSummary{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:12px}.ovStat{padding:15px}.ovStat small{display:block;color:#78849a;font-size:8px;letter-spacing:1px}.ovStat b{display:block;font-size:22px;margin:5px 0}.ovStat span{font-size:8px;color:#667187}.overviewGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.overviewPanel{padding:18px;min-height:270px}.overviewPanel .sectiontitle{margin-bottom:14px}.overviewPanel .sectiontitle h2{margin:3px 0}.overviewMapPanel{background:radial-gradient(circle at 50% 25%,#6d28d91a,transparent 38%),#0b1019}.ovCore{width:max-content;max-width:100%;margin:8px auto 0;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #593b9166;border-radius:11px;background:#101522}.ovLink{height:52px;display:flex;align-items:center;justify-content:center;position:relative}.ovLink i{position:absolute;width:2px;height:100%;background:linear-gradient(#8b5cf6,#22d3ee)}.ovLink span{z-index:1;background:#080c13;border:1px solid #242c3e;border-radius:20px;padding:3px 9px;font-size:7px;letter-spacing:1px;color:#69758a}.ovNodes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ovNode{text-align:left;padding:13px;background:#090e16;border:1px solid #293247;border-radius:11px}.ovNode:hover{border-color:#6d5ea8}.ovNode small,.ovNode span{display:block;color:#758096;font-size:8px}.ovNode b{display:block;margin:4px 0 7px;font-size:13px}.ovNode.online span{color:#4ade80}.ovNode.offline span{color:#fb7185}.ovResource{padding:11px 0;border-bottom:1px solid #1d2534}.ovResource:last-child{border-bottom:0}.ovResource>div{display:flex;justify-content:space-between;margin-bottom:8px}.ovResource small{display:flex;justify-content:space-between;color:#778399;font-size:8px;margin-top:5px}.ovResource i{display:block;height:4px;background:#161d2b;border-radius:4px;overflow:hidden;margin-top:3px}.ovResource em{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.ovEvent{display:grid;grid-template-columns:120px 100px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #1c2433;align-items:center}.ovEvent span,.ovEvent small{color:#778399;font-size:9px}.ovEvent b{font-size:9px;color:#dfe6f4}.ovBackup{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1c2433}.ovBackup>div:last-child{text-align:right}.ovBackup b,.ovBackup span{display:block;font-size:9px}.ovBackup small{display:block;color:#758096;font-size:8px;margin-top:3px}.overviewQuick{padding:18px;margin-top:12px;margin-bottom:20px}.warn{color:#fbbf24!important}@media(max-width:1100px){.overviewSummary{grid-template-columns:repeat(3,1fr)}.overviewGrid{grid-template-columns:1fr}}@media(max-width:700px){.overviewSummary{grid-template-columns:1fr 1fr}.overviewHead{display:block}.overviewHead .healthBadge{display:inline-block;margin-top:12px}.ovNodes{grid-template-columns:1fr}.ovEvent{grid-template-columns:1fr}.overviewQuick .quickActions{grid-template-columns:1fr}}


/* v2.1.0 Operations Center */
.opsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.opsPanel,.opsListPanel{padding:18px}.opsLabel{display:block;font-size:10px;letter-spacing:.14em;color:#91a0b8;margin:14px 0}.opsLabel select,.opsLabel input{width:100%;margin-top:7px;background:#090f1a;border:1px solid #273249;border-radius:10px;padding:12px;color:#f7f8ff;font:inherit}.opsActions{display:flex;justify-content:flex-end;margin-top:12px}.opsSteps{display:grid;grid-template-columns:32px 150px 1fr;gap:10px 12px;align-items:center}.opsSteps span{width:28px;height:28px;border-radius:9px;background:#21123e;color:#b98cff;display:grid;place-items:center;font-weight:900}.opsSteps b{font-size:13px}.opsSteps small{color:#8390a5}.opRow{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(180px,.8fr) minmax(220px,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #20293a}.opRow:last-child{border-bottom:0}.opMain{display:flex;gap:12px;align-items:center}.opMain h3{margin:0 0 3px;font-size:14px}.opMain small,.opTime small{color:#7f8da3}.opTime{display:flex;flex-direction:column;gap:4px}.opDetails{display:flex;flex-direction:column;gap:3px;font-size:11px}.opButtons{display:flex;gap:7px}.opState{font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid #38445b;padding:6px 8px;border-radius:999px;white-space:nowrap}.opState.completed{color:#50f29b;border-color:#145b38}.opState.running{color:#ffd166;border-color:#6b5320}.opState.failed{color:#ff7f96;border-color:#6d2735}.opState.cancelled{color:#8c98aa}.opState.scheduled{color:#c29aff;border-color:#53338a}@media(max-width:1050px){.opsGrid{grid-template-columns:1fr}.opRow{grid-template-columns:1fr 1fr}.opButtons{justify-content:flex-end}}@media(max-width:700px){.opRow{grid-template-columns:1fr}.opsSteps{grid-template-columns:32px 1fr}.opsSteps small{grid-column:2}.opButtons{justify-content:flex-start}}

/* v2.1.2 Operations history */
.opsHistoryActions,.opsFilters{display:flex;gap:8px;flex-wrap:wrap}.opsFilters{margin:0 0 12px}.opsFilters .active{border-color:#7c3aed;color:#d8b4fe;background:#21123e}.opButtons .danger{white-space:nowrap}@media(max-width:700px){.opsHistoryActions{width:100%;margin-top:8px}.opsHistoryActions button{flex:1}}


/* v2.2.0 ACCESS CONTROL */
.accessGrid{display:grid;grid-template-columns:1fr 1.15fr;gap:14px}.accessPanel{padding:18px;margin-bottom:14px}.userRow{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #20293a}.userRow:last-child{border-bottom:0}.userAvatar{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#7c3aed,#22d3ee);color:white}.userInfo b,.userInfo span,.userInfo small{display:block}.userInfo span{font-size:9px;color:#55e99a;margin-top:3px}.userInfo small{font-size:8px;color:#768299;margin-top:4px}.userActions{display:flex;gap:6px}.roleCard{border:1px solid #273249;border-radius:12px;padding:13px;margin-bottom:10px;background:#090e17}.roleHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.roleHead small{display:block;color:#768299;font-size:8px;margin-top:3px}.roleHead>span{color:#b99cff;font-weight:900}.permGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.permToggle{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid #242d40;border-radius:8px;color:#8995aa;font-size:9px}.permToggle.on{border-color:#53338a;background:#1b1230;color:#e1d4ff}.permToggle input{accent-color:#8b5cf6}.passwordGrid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.passwordGrid input{background:#090f1a;border:1px solid #273249;border-radius:10px;padding:12px;color:#f7f8ff}@media(max-width:1050px){.accessGrid{grid-template-columns:1fr}}@media(max-width:700px){.permGrid,.passwordGrid{grid-template-columns:1fr}.userRow{grid-template-columns:42px 1fr}.userActions{grid-column:1/-1}.userActions button{flex:1}}

/* v2.2.1 ACCOUNT CREATOR + ADMIN PASSWORD RESET */
.accountForm{display:grid;gap:5px;margin:20px 0}.accountForm label{font-size:10px;color:#8f99b1;letter-spacing:1.5px;font-weight:850;margin-top:4px}.accountForm input,.accountForm select{width:100%;padding:13px 14px;margin:0 0 7px;background:#080b12;border:1px solid #30374b;color:#fff;border-radius:10px;outline:none}.accountForm input:focus,.accountForm select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf622}.accountForm select{appearance:auto}.accountDialog{position:relative;z-index:101;pointer-events:auto}.accountDialog input,.accountDialog select,.accountDialog button{pointer-events:auto}.userActions{display:flex;gap:6px;flex-wrap:wrap}