@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#e8edf8;font-synthesis:none;background:#080d18;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#080d18;min-width:320px;margin:0}button,input,select{font:inherit}.app{min-height:100vh}aside{z-index:20;background:#0b111e;border-right:1px solid #1b2434;flex-direction:column;width:224px;padding:24px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.brandmark{background:linear-gradient(145deg,#5f7cff,#7759e7);border-radius:10px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 24px #5a6fff35}.brand strong{letter-spacing:-.4px;font-size:17px;display:block}.brand span{letter-spacing:2.1px;color:#778299;font-size:8px;font-weight:700}.brandmark svg,.stat-icon svg{width:20px}aside nav{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}aside nav small{color:#596478;letter-spacing:1.4px;padding:14px 12px 7px;font-size:9px;font-weight:700;display:block}aside nav button{color:#8894a9;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:42px;margin:2px 0;padding:0 12px;font-size:13px;font-weight:500;display:flex}aside nav button:hover,aside nav button.active{color:#fff;background:#141d2d}aside nav button.active{box-shadow:inset 3px 0 #627dff}aside nav button.active svg{color:#7188ff}aside nav button i{color:#17110a;background:#e6a546;border-radius:9px;place-items:center;width:19px;height:19px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.health{background:#0d201e;border:1px solid #194138;border-radius:9px;flex:none;margin:10px 2px 17px;padding:12px}.health div{color:#50d5ad;align-items:center;gap:7px;display:flex}.health b{font-size:11px}.health p{color:#708b88;margin:5px 0 8px 24px;font-size:9px}.health>span{color:#47bf9c;margin-left:24px;font-size:9px}.health em{background:#43c99f;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.user{border-top:1px solid #1b2434;flex:none;align-items:center;gap:9px;padding:15px 5px 0;display:flex}.avatar{background:linear-gradient(145deg,#4f73dd,#6d50b4);border-radius:8px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.user>div:nth-child(2){flex:1}.user b,.user span{font-size:10px;display:block}.user span{color:#657188;margin-top:2px;font-size:9px}.user svg{color:#68748a}main{min-height:100vh;margin-left:224px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a101cdd;border-bottom:1px solid #1a2333;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex;position:sticky;top:0}.crumb{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.head-actions{align-items:center;gap:9px;display:flex}.head-actions label{color:#69758b;background:#101827;border:1px solid #273247;border-radius:7px;align-items:center;gap:8px;width:245px;height:34px;padding:0 10px;display:flex}.head-actions input{color:#dfe5f0;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.head-actions kbd{color:#667188;border:1px solid #303a4d;border-radius:4px;padding:2px 4px;font-size:8px}.icon,.secondary,.table-tools button{color:#9da8ba;cursor:pointer;background:#111827;border:1px solid #273247;border-radius:7px;height:34px;padding:0 11px}.add{color:#fff;cursor:pointer;background:#617afa;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 5px 16px #5068e62c}.mobile{color:#fff;background:0 0;border:0;display:none}.content{max-width:1600px;margin:auto;padding:31px}.welcome{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.6px;font-weight:700;color:#6578d8!important;font-size:9px!important}.welcome h1{letter-spacing:-.8px;margin:5px 0 7px;font-size:25px}.welcome p{color:#748097;margin:0;font-size:12px}.welcome>div:last-child{gap:9px;display:flex}.secondary{align-items:center;gap:7px;font-size:11px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin-bottom:16px;display:grid}.stats article,.panel{background:linear-gradient(145deg,#111927,#0e1522);border:1px solid #1e293b;border-radius:10px}.stats article{min-height:141px;padding:18px;position:relative}.stat-icon{border-radius:8px;place-items:center;width:33px;height:33px;display:grid;position:absolute;top:16px;right:16px}.stat-icon.blue{color:#6e92ff;background:#192e58}.stat-icon.cyan{color:#3abbd0;background:#12323d}.stat-icon.purple{color:#aa78f5;background:#2b2045}.stat-icon.orange{color:#e8a05e;background:#3a291d}.stats article>span{letter-spacing:1.2px;color:#778399;font-size:8px;font-weight:700}.operational-kpis{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin:0 0 16px;display:grid}.operational-kpis article{background:#0f1724;border:1px solid #1e293b;border-radius:8px;padding:12px 14px}.operational-kpis span{color:#78859a;min-height:22px;font-size:8px;display:block}.operational-kpis b{color:#e8edf8;margin-top:5px;font-size:20px;display:block}.recent-changes{overflow:hidden}.recent-changes>button{color:#c9d2df;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:flex}.recent-changes>button:hover{background:#141e2d}.recent-changes>button span,.recent-changes>button b{font-size:8px;display:block}.recent-changes>button b{margin-bottom:2px;font-size:9px}.recent-changes>button em{color:#8795a9;font-size:7px;font-style:normal}.stats strong{letter-spacing:-.5px;margin:10px 0 5px;font-size:24px;display:block}.stats p{color:#7c8799;margin:0;font-size:9px}.stats p b{color:#40c69b}.stats p.amber b{color:#e7a65c}.stats small{color:#5e697c;font-size:8px;position:absolute;bottom:16px}.mini-bar{background:#202b3e;border-radius:3px;height:3px;margin-top:14px}.mini-bar i{background:#5f7af4;border-radius:3px;height:100%;display:block}.mini-bar.orange i{background:#d28b4d}.grid{grid-template-columns:minmax(600px,1.6fr) minmax(330px,.7fr);gap:16px;margin-bottom:16px;display:grid}.panel-title{border-bottom:1px solid #1d2839;justify-content:space-between;align-items:center;min-height:66px;padding:0 19px;display:flex}.panel-title h2{margin:0 0 5px;font-size:13px}.panel-title h2 span{letter-spacing:.8px;color:#59cfac;vertical-align:2px;background:#123329;border-radius:4px;margin-left:5px;padding:4px 6px;font-size:7px}.panel-title p{color:#69758a;margin:0;font-size:9px}.panel-title>button{color:#687389;background:0 0;border:0}.rack-body{grid-template-columns:minmax(320px,1fr) 210px;gap:18px;padding:17px;display:grid}.rack{background:#070c14;border:7px solid #293345;border-radius:5px;padding:7px 8px}.rack-row{grid-template-columns:19px 1fr 19px;align-items:center;gap:5px;height:22px;display:grid}.rack-row>span{color:#546074;text-align:center;font:7px monospace}.slot{background:#0c131f;border:1px solid #1b2535;height:20px;position:relative}.slot:after{content:"";border-top:1px dashed #161f2d;position:absolute;inset:50% 4px auto}.device{z-index:2;text-align:left;cursor:pointer;color:#dfe8ff;border:1px solid;border-radius:3px;padding:3px 8px;position:absolute;inset:0 2px auto;overflow:hidden}.device span{white-space:nowrap;font-size:8px;font-weight:700;display:block}.device small{color:#9daccc;font-size:6px}.device i{background:#41d19e;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.device i.warning{background:#f1a54c}.device i.offline{background:#f16571}.device.blue{background:#172a52;border-color:#335a9c}.device.purple{background:#2c1d50;border-color:#604396}.device.orange{background:#492a1c;border-color:#89502e}.device.cyan{background:#10323e;border-color:#226578}.device.green{background:#10352e;border-color:#226958}.rack-summary{padding:5px 3px}.rack-summary h3{margin:7px 0 13px;font-size:10px}.donut{border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 16px;display:grid;position:relative}.donut:after{content:"";background:#101824;border-radius:50%;position:absolute;inset:7px}.donut div{z-index:1;text-align:center}.donut b{font-size:17px;display:block}.donut span{color:#6f7a8f;font-size:7px}.twocol{text-align:center;grid-template-columns:1fr 1fr;display:grid}.twocol div:first-child{border-right:1px solid #243044}.twocol span,.twocol b{color:#6e798d;font-size:8px;display:block}.twocol b{color:#e7ebf3;margin-top:3px;font-size:12px}.rack-summary hr,.drawer hr{border:0;border-top:1px solid #202b3d;margin:17px 0}.line{justify-content:space-between;font-size:9px;display:flex}.line.muted{color:#596579;margin-top:5px;font-size:7px}.progress{background:#202a3b;border-radius:5px;height:5px;margin-top:8px;overflow:hidden}.progress i{background:linear-gradient(90deg,#5879ff,#8c68ea);border-radius:5px;height:100%;display:block}.safe{color:#48caa1;background:#102c28;border:1px solid #16463c;border-radius:6px;gap:8px;margin-top:15px;padding:9px;display:flex}.safe b,.safe span{font-size:8px;display:block}.safe span{color:#688c85;margin-top:2px;font-size:7px}.legend{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.legend span{color:#738095;font-size:7px}.legend i{border-radius:2px;width:6px;height:6px;margin-right:4px;display:inline-block}.legend i.blue{background:#5079dd}.legend i.purple{background:#8f5ed5}.legend i.orange{background:#db834d}.legend i.cyan{background:#32a8bd}.legend i.green{background:#47ae8c}.sidecol{grid-template-rows:auto 1fr;gap:16px;display:grid}.count{color:#f29a62;background:#3a251e;border-radius:10px;padding:3px 7px;font-size:9px}.alert{border-bottom:1px solid #1d2839;grid-template-columns:33px 1fr auto;align-items:start;gap:10px;padding:14px 17px;display:grid}.alert>i{border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.alert>i svg{width:15px}.alert>i.critical{color:#ef776a;background:#3b2021}.alert>i.warning{color:#e7aa59;background:#3a2b1e}.alert>i.offline{color:#9b83e7;background:#29223f}.alert b{font-size:9px;display:block}.alert p,.alert span{color:#6d798d;margin:4px 0;font-size:8px}.alert span{font-size:7px}.alert button{color:#6f87ff;cursor:pointer;background:0 0;border:0;font-size:8px}.all{color:#7188ff;cursor:pointer;background:0 0;border:0;width:100%;height:37px;font-size:9px}.capacity select{color:#8d98aa;background:#111a28;border:1px solid #293447;border-radius:5px;padding:5px;font-size:8px}.capacity-row{border-bottom:1px solid #1d2839;align-items:center;gap:20px;padding:16px 22px;display:flex}.capacity-row:last-child{border:0}.capacity-row .donut{width:64px;height:64px;margin:0}.capacity-row .donut:after{inset:6px}.capacity-row .donut b{font-size:12px}.capacity-row>div:last-child>span{letter-spacing:1px;color:#707c90;font-size:7px}.capacity-row>div>b{margin:6px 0 3px;font-size:14px;display:block}.capacity-row small,.capacity-row p{color:#69758a;margin:0;font-size:8px}.assets .panel-title{height:70px}.table-tools{gap:7px;display:flex}.table-tools button{align-items:center;gap:5px;font-size:9px;display:flex}.table-tools button.add{color:#fff;border:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th{text-align:left;letter-spacing:1px;color:#647187;border-bottom:1px solid #1d2839;padding:12px 17px;font-size:7px}td{color:#a7b0bf;border-bottom:1px solid #192435;padding:11px 17px;font-size:9px}tbody tr{cursor:pointer}tbody tr:hover{background:#131d2d}td:first-child{align-items:center;gap:10px;display:flex}.asseticon{border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.asseticon.blue{color:#7293ed;background:#192c50}.asseticon.purple{color:#ad7ce8;background:#2b2046}.asseticon.orange{color:#dc9663;background:#3c291f}.asseticon.cyan{color:#4cbdcd;background:#15323c}.asseticon.green{color:#5ec5a6;background:#16332c}td b,td span{display:block}td:first-child span{color:#68758a;margin-top:3px;font-size:7px}.type{color:#8996a9;background:#192333;border-radius:4px;padding:4px 7px;display:inline-block}td small{color:#637086;margin-top:3px;display:block}.status{border-radius:10px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:inline-flex}.status i{border-radius:50%;width:5px;height:5px}.status.online{color:#55c7a5;background:#113129}.status.online i{background:#4dcb9f}.status.warning{color:#e2a257;background:#39291d}.status.warning i{background:#e8a352}.status.offline{color:#e27680;background:#381f25}.status.offline i{background:#ea6e78}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#050810c9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#101824;border:1px solid #273449;border-radius:12px;width:min(470px,100%);padding-bottom:18px;box-shadow:0 30px 80px #0009}.modal>.panel-title{margin-bottom:15px}.modal>.panel-title button{cursor:pointer;font-size:24px}.modal>label,.formrow{margin:11px 20px;display:block}.modal label{color:#8995a9;font-size:9px}.modal input,.modal select{color:#e4e9f3;background:#0b121e;border:1px solid #2a364a;border-radius:6px;outline:0;width:100%;height:36px;margin-top:6px;padding:0 10px;font-size:11px}.modal input:focus{border-color:#607aff}.formrow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formrow label{margin:0}.formrow.three{grid-template-columns:repeat(3,1fr)}.modal-actions{border-top:1px solid #202a3a;justify-content:flex-end;gap:8px;margin-top:18px;padding:14px 20px 0;display:flex}.modal-actions button{color:#9da8b8;background:#141d2b;border:1px solid #2a3649;border-radius:6px;height:35px;padding:0 15px;font-size:10px}.modal-actions .add{color:#fff;background:#617afa;border:0}.drawer{z-index:60;background:#0e1623;border-left:1px solid #273246;width:340px;padding:35px 27px;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #0007}.close{color:#8290a4;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:14px;right:18px}.largeicon{border-radius:10px;place-items:center;width:50px;height:50px;margin-bottom:18px;display:grid}.drawer h2{margin:14px 0 3px;font-size:19px}.drawer>p{color:#677489;font-size:10px}.detail{margin:17px 0}.detail span{color:#68758a;margin-bottom:5px;font-size:9px;display:block}.detail b{font-size:11px}.full{width:100%;margin-top:18px}.toast{color:#77dfbd;z-index:100;background:#173b31;border:1px solid #286a58;border-radius:8px;padding:12px 18px;font-size:11px;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #0008}@media (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidecol{grid-template-rows:none;grid-template-columns:1fr 1fr}.head-actions label{width:180px}}@media (width<=760px){aside{transform:translate(-100%)}main{margin-left:0}.mobile{display:block}.crumb{display:none}header{padding:0 15px}.head-actions label,.head-actions>.add{display:none}.content{padding:20px 14px}.welcome{align-items:start}.welcome>div:last-child .secondary{display:none}.stats{grid-template-columns:1fr 1fr}.rack-body{grid-template-columns:1fr}.rack-summary{padding:5px 10px 15px}.sidecol{grid-template-columns:1fr}.drawer{width:100%}}@media (width<=480px){.stats{grid-template-columns:1fr}.welcome h1{font-size:21px}.welcome>div:last-child{display:none}.formrow,.formrow.three{grid-template-columns:1fr}.modal{max-height:95vh;overflow:auto}}.net-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.net-stats article{background:linear-gradient(145deg,#111927,#0e1522);border:1px solid #1e293b;border-radius:10px;align-items:center;gap:13px;padding:17px;display:flex}.net-stats article>svg{color:#7891ff;background:#1b2b50;border-radius:8px;width:34px;height:34px;padding:8px}.net-stats span{letter-spacing:1px;color:#6e7b90;font-size:7px;font-weight:700;display:block}.net-stats b{margin:4px 0 2px;font-size:20px;display:block}.net-stats p{color:#69768a;margin:0;font-size:8px}.green-text{color:#54cda7}.network-grid{grid-template-columns:minmax(570px,1.55fr) minmax(290px,.65fr);gap:16px;margin-bottom:16px;display:grid}.live-pill{color:#51cba5;background:#133129;border-radius:12px;padding:5px 8px;font-size:8px}.live-pill i{background:#4ed0a5;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.topology-canvas{background-image:radial-gradient(#273247 1px,#0000 1px);background-size:18px 18px;flex-direction:column;align-items:center;min-height:455px;padding:24px 28px;display:flex;overflow:hidden}.topo-node{z-index:2;text-align:center;background:#111b2a;border:1px solid #34445d;border-radius:8px;min-width:180px;padding:10px 14px;position:relative;box-shadow:0 12px 30px #03071288}.topo-node>div{color:#ee9a61;background:#3c271e;border:1px solid #815037;border-radius:7px;place-items:center;width:30px;height:30px;margin:-25px auto 7px;display:grid}.topo-node svg{width:16px}.topo-node b,.topo-node span,.topo-node em{display:block}.topo-node b{font-size:10px}.topo-node span{color:#718096;margin:3px;font-size:7px}.topo-node em{color:#96a8c4;background:#182436;border-radius:3px;margin-top:7px;padding:3px;font-size:7px;font-style:normal}.switch-node>div{color:#a67cf4;background:#282047;border-color:#5c4691}.topo-line{background:#5474e4;width:2px;height:61px;position:relative}.topo-line span{white-space:nowrap;color:#6580d7;background:#0f1724;padding:3px;font-size:7px;position:absolute;top:24px;left:10px}.branch-lines{border-top:1px solid #415778;width:76%;height:55px;margin-top:55px;position:relative}.branch-lines:before{content:"";background:#526f9b;width:1px;height:55px;position:absolute;bottom:100%;left:50%}.branch-lines i{background:#415778;width:1px;height:55px;position:absolute;top:0}.branch-lines i:first-child{left:0}.branch-lines i:nth-child(2){left:33.3%}.branch-lines i:nth-child(3){left:66.6%}.branch-lines i:nth-child(4){right:0}.endpoint-row{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.topo-node.endpoint{min-width:0;padding:10px 6px}.endpoint>div{color:#7395ef;background:#192d51;border-color:#37568b}.endpoint:nth-child(3)>div{color:#48b8ca;background:#15343f;border-color:#2e6877}.topo-node.node-down{opacity:.75;border-color:#58333a}.topo-node.node-down>div{color:#e2737d;background:#3b2026;border-color:#6b353d}.impact .panel-title>svg{color:#e9a157}.impact-body{padding:18px}.impact-body label{color:#758196;font-size:8px}.impact-body select{color:#d8dfeb;background:#0b131f;border:1px solid #2a374b;border-radius:6px;width:100%;height:38px;margin-top:7px;padding:0 10px;font-size:10px;display:block}.simulate{color:#fff;cursor:pointer;background:#617afa;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;height:37px;margin-top:10px;font-size:9px;font-weight:600;display:flex}.impact-empty{text-align:center;color:#617089;padding:58px 25px}.impact-empty svg{width:32px;height:32px;margin-bottom:10px}.impact-empty b{color:#aab4c4;font-size:10px;display:block}.impact-empty p{font-size:8px;line-height:1.6}.impact-result{padding-top:16px}.impact-result>div:first-child{border-radius:7px;align-items:center;gap:9px;padding:10px;display:flex}.risk-high{color:#ed7b76;background:#3b2023;border:1px solid #653039}.risk-low{color:#56cda8;background:#14342c;border:1px solid #245a4b}.impact-result>div:first-child svg{width:20px}.impact-result>div:first-child span,.impact-result>div:first-child b{font-size:7px;display:block}.impact-result>div:first-child b{margin-top:2px;font-size:12px}.impact-result h3{margin:15px 0 8px;font-size:10px}.impact-result>p{border-bottom:1px solid #1e293a;align-items:center;gap:7px;margin:0;padding:8px 2px;font-size:8px;display:flex}.impact-result>p span{color:#dc747b;margin-left:auto;font-size:7px}.recommend{color:#53c7a4;background:#142b28;border-radius:6px;gap:8px;margin-top:13px;padding:10px;display:flex}.recommend svg{width:17px}.recommend b,.recommend span{font-size:8px;display:block}.recommend span{color:#71928d;margin-top:3px;font-size:7px}.port-map{margin-bottom:20px}.port-map td:first-child{display:table-cell}.port-map tbody tr{cursor:default}.port-map code{color:#91a6cc;background:#172234;border-radius:4px;padding:4px 6px;font-family:monospace;font-size:8px}.cable-id{color:#7e96f2;align-items:center;gap:6px;display:flex!important}.cable-id svg{width:13px}.port-map td small{margin-top:3px}@media (width<=1100px){.network-grid{grid-template-columns:1fr}.net-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.endpoint-row{grid-template-columns:repeat(2,1fr);gap:25px 9px}.branch-lines{display:none}.switch-node{margin-bottom:65px}.topology-canvas{padding:30px 12px}.net-stats{grid-template-columns:1fr 1fr}}@media (width<=480px){.net-stats,.endpoint-row{grid-template-columns:1fr}.topo-node.endpoint{min-width:180px}.topology-canvas{gap:26px}.switch-node{margin-bottom:25px}.topo-line{height:45px}}.rack-kpis,.asset-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.rack-kpis>div,.asset-kpis>div{background:#101824;border:1px solid #1e293b;border-radius:9px;align-items:center;gap:12px;padding:16px;display:flex}.rack-kpis svg{color:#7890fa;background:#19284a;border-radius:7px;width:32px;height:32px;padding:8px}.rack-kpis span,.asset-kpis span{color:#6f7c91;letter-spacing:1px;font-size:7px}.rack-kpis b,.asset-kpis b{color:#edf1f8;letter-spacing:0;margin-top:4px;font-size:19px;display:block}.rack-kpis small,.asset-kpis small{color:#667287;letter-spacing:0;margin-top:2px;font-size:7px;display:block}.rack-toolbar{justify-content:space-between;align-items:center;margin:22px 0 14px;display:flex}.rack-toolbar>div{background:#101824;border:1px solid #202c3e;border-radius:7px;padding:3px}.rack-toolbar button{color:#728096;background:0 0;border:0;border-radius:5px;padding:6px 12px;font-size:9px}.rack-toolbar button.active{color:#dce4f1;background:#25314a}.rack-toolbar select{color:#9da8b8;background:#101824;border:1px solid #253146;border-radius:6px;padding:7px 11px;font-size:9px}.rack-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.rack-card{padding:16px}.rack-card-head{align-items:center;gap:9px;display:flex}.mini-rack{color:#7792ef;background:#1a2949;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.mini-rack svg{width:17px}.rack-card-head h2{margin:0 0 2px;font-size:12px}.rack-card-head p{color:#6b788c;margin:0;font-size:7px}.rack-state{color:#55c9a5;background:#133129;border-radius:8px;margin-left:auto;padding:4px 6px;font-size:7px}.rack-state.warning{color:#e6a158;background:#38291f}.rack-state.critical{color:#e77980;background:#3a2026}.rack-state.available{color:#7890aa;background:#202a39}.rack-zone{color:#8e9aac;border-bottom:1px solid #1d293a;padding:14px 0;font-size:8px}.rack-zone span{float:right;color:#627086}.rack-meter{margin-top:14px}.rack-meter>div:first-child{color:#728095;justify-content:space-between;font-size:8px;display:flex}.rack-meter b{color:#cdd5e1}.rack-meter small{color:#5f6c81;margin-top:5px;font-size:7px;display:block}.progress.warn i{background:#da9854}.progress.danger i{background:#de6874}.rack-open{color:#8997aa;text-align:left;cursor:pointer;background:#141e2d;border:1px solid #263349;border-radius:6px;width:100%;height:32px;margin-top:16px;padding:0 10px;font-size:8px}.rack-open span{float:right}.asset-kpis>div{display:block}.asset-kpis .green-text{color:#4ec7a2}.amber-text{color:#e5a057!important}.red-text{color:#e5747e!important}.asset-page{margin-bottom:20px}.asset-filters{border-bottom:1px solid #1d2839;align-items:center;gap:5px;padding:13px 17px;display:flex}.asset-filters button{color:#718095;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:8px}.asset-filters button.active{color:#8298f7;background:#22304b}.asset-filters span{color:#5f6c80;margin-left:auto;font-size:8px}.asset-page td:first-child{display:flex}.asset-page td:nth-child(3) b{display:block}.power-overview{grid-template-columns:1.2fr .7fr 1fr;align-items:center;margin-bottom:16px;padding:20px 25px;display:grid}.power-total{padding-right:35px;position:relative}.power-total>.stat-icon{top:0;right:30px}.power-total>span,.power-formula>span{color:#718096;letter-spacing:1px;font-size:8px}.power-total>b{margin:10px 0 2px;font-size:27px;display:block}.power-total>p{color:#69768b;margin:0 0 13px;font-size:8px}.power-overview>.donut{margin:0}.power-formula{border-left:1px solid #243044;padding-left:30px}.power-formula>b{margin:9px 0 3px;font-size:16px;display:block}.power-formula p{color:#758197;margin:0 0 13px;font-size:9px}.power-formula small{color:#4bc79f;align-items:center;gap:5px;font-size:8px;display:flex}.power-formula small svg{width:14px}.pdu-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.pdu-card{padding:18px}.pdu-card.failed{border-color:#5b2e35}.pdu-head{justify-content:space-between;align-items:center;display:flex}.pdu-head>div{align-items:center;gap:9px;display:flex}.pdu-head>div>svg{color:#e7a15d;background:#39291f;border-radius:7px;width:31px;height:31px;padding:7px}.pdu-head b,.pdu-head small{font-size:11px;display:block}.pdu-head small{color:#6b778a;margin-top:2px;font-size:7px}.pdu-load{margin:20px 0 9px}.pdu-load>span{letter-spacing:1px;color:#69768b;font-size:7px;display:block}.pdu-load>b{margin-right:4px;font-size:24px}.pdu-load>small{color:#68758a;font-size:9px}.pdu-meta{border-top:1px solid #1e293a;grid-template-columns:repeat(3,1fr);margin-top:17px;padding-top:13px;display:grid}.pdu-meta span{color:#68758a;text-align:center;border-right:1px solid #202c3f;font-size:7px}.pdu-meta span:last-child{border:0}.pdu-meta b{color:#d3dbe7;margin-top:4px;font-size:10px;display:block}.power-bottom{grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:20px;display:grid}.redundancy .panel-title>svg{color:#4bcaa1}.redundancy-body{padding:28px 24px}.power-path{justify-content:center;align-items:center;display:flex}.power-path>div{text-align:center;background:#172438;border:1px solid #30415b;border-radius:7px;padding:10px 20px}.power-path>div b,.power-path>div span{font-size:9px;display:block}.power-path>div span{color:#6c798e;margin-top:3px;font-size:7px}.power-path>i{background:#4f6fbc;flex:1;max-width:65px;height:2px}.power-path .dual-server{color:#8ba1f5;background:#1a2744;padding:12px 22px}.dual-server svg{width:20px}.coverage{border-top:1px solid #1f2a3b;justify-content:space-around;margin-top:23px;padding-top:15px;display:flex}.coverage span{color:#789086;align-items:center;gap:5px;font-size:8px;display:flex}.coverage svg{color:#50c7a2;width:14px}.coverage span:last-child svg{color:#e2a05a}.coverage b{color:#dde3ed}.simulation-state{color:#4ec9a2;background:#142f29;border:1px solid #245146;border-radius:7px;align-items:center;gap:9px;margin-top:16px;padding:12px;display:flex}.simulation-state.danger{color:#e47a7d;background:#382226;border-color:#603039}.simulation-state>svg{width:19px}.simulation-state b,.simulation-state span{font-size:9px;display:block}.simulation-state span{color:#79908b;margin-top:3px;font-size:7px;line-height:1.5}.simulation-state.danger span{color:#a98589}@media (width<=1200px){.rack-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.rack-cards{grid-template-columns:repeat(2,1fr)}.power-bottom{grid-template-columns:1fr}.rack-kpis,.asset-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.rack-cards,.pdu-grid{grid-template-columns:1fr}.power-overview{grid-template-columns:1fr;gap:22px}.power-formula{border-top:1px solid #243044;border-left:0;padding:20px 0 0}.power-overview>.donut{margin:auto}.rack-kpis,.asset-kpis{grid-template-columns:1fr 1fr}.power-path>div{padding:8px}.power-path .dual-server{padding:10px}.coverage{flex-direction:column;gap:10px}.asset-filters{overflow:auto}.asset-filters>span{display:none}}.table-controls{gap:8px;display:flex;background:0 0!important;border:0!important;padding:0!important}.asset-filters select,.table-controls select{color:#9da8b8;background:#101824;border:1px solid #253146;border-radius:6px;padding:7px 10px;font-size:8px}.pagination{border-top:1px solid #1d2839;justify-content:flex-end;align-items:center;gap:10px;padding:13px 17px;display:flex}.pagination button{color:#aab5c5;cursor:pointer;background:#172438;border:1px solid #2a3850;border-radius:6px;padding:7px 11px;font-size:8px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:#718096;font-size:8px}.modal textarea{color:#e4e9f3;resize:vertical;background:#0b121e;border:1px solid #2a364a;border-radius:6px;outline:0;width:100%;height:58px;margin-top:6px;padding:9px;font-size:11px}.modal textarea:focus{border-color:#607aff}.scope-select{color:#748196;align-items:center;gap:8px;display:flex}.scope-select select{color:#dbe2ed;background:#111a28;border:1px solid #29364a;border-radius:6px;height:34px;padding:0 9px;font-size:9px}.check-label{align-items:center;gap:8px;margin-top:22px!important;display:flex!important}.check-label input{width:15px;height:15px;margin:0}.governance-table{margin-bottom:20px}.governance-table td{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.table-empty{text-align:center;color:#647186;padding:45px;font-size:9px}.report-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.report-card{padding:20px}.report-card h2{font-size:12px}.report-card p{color:#6d7a8e;min-height:28px;font-size:8px}.report-card a{margin-top:12px;text-decoration:none}.modal:has(textarea){max-height:92vh;overflow:auto}@media (width<=1000px){.report-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.report-cards{grid-template-columns:1fr}.scope-select svg{display:none}}.simulator-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sim-fields{padding:18px}.sim-fields>label{color:#8995a9;margin:11px 0;font-size:9px;display:block}.sim-fields input,.sim-fields select,.sim-fields textarea{color:#e4e9f3;background:#0b121e;border:1px solid #2a364a;border-radius:6px;width:100%;height:36px;margin-top:6px;padding:0 9px}.sim-fields textarea{height:58px;padding:9px}.sim-result-body{padding:18px}.decision{color:#57d0a8;background:#15352d;border:1px solid #28604f;border-radius:7px;padding:13px}.decision.danger{color:#f07d84;background:#3d2025;border-color:#71333d}.decision span,.decision b{font-size:8px;display:block}.decision b{margin-top:3px;font-size:16px}.before-after{grid-template-columns:1fr 1fr;gap:14px;margin:15px 0;display:grid}.before-after>div{background:#0b131f;border:1px solid #202c3e;border-radius:7px;padding:12px}.before-after h3,.sim-result-body h3{color:#8492a8;font-size:9px}.before-after p{color:#6c798d;justify-content:space-between;font-size:8px;display:flex}.before-after b{color:#dae1eb}.sim-warning{color:#e7a45b;background:#3a2a1e;border-radius:5px;align-items:center;gap:7px;margin-top:6px;padding:8px;font-size:8px;display:flex}.sim-warning svg{width:14px}@media (width<=950px){.simulator-grid{grid-template-columns:1fr}}.export-actions{gap:6px;display:flex}.export-actions a{color:#91a4c7;border:1px solid #30405a;border-radius:5px;padding:6px 9px;font-size:8px;text-decoration:none}.export-actions a:hover{color:#bac7ff;border-color:#607cf2}.import-panel{margin-top:16px}.import-panel form{gap:10px;padding:18px;display:flex}.import-panel input{color:#8997aa;background:#0b131f;border:1px solid #28364b;border-radius:6px;flex:1;padding:8px;font-size:9px}.import-result{color:#7dd5b7;padding:0 18px 18px;font-size:9px}.import-result p{color:#e08188;margin:5px 0}.drawer{overflow-y:auto}.history-title{font-size:10px}.history-list>div{border-bottom:1px solid #1e293a;gap:8px;padding:7px 0;display:flex}.history-list i{background:#667df1;border-radius:50%;width:6px;height:6px;margin-top:4px}.history-list span,.history-list b,.history-list small{font-size:8px;display:block}.history-list span{color:#788599;flex:1}.history-list b{color:#bdc6d4;margin-bottom:2px}.history-list small{color:#586579;margin-top:3px;font-size:7px}.history-list>p{color:#657287;font-size:8px}.hard-delete{color:#ff929b;background:#521f28;border:1px solid #88333e;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;height:35px;margin-top:8px;font-size:9px;display:flex}.hard-delete svg{width:14px}.alert-actions{gap:4px;display:flex}.alert-actions button{color:#95a4bc;cursor:pointer;background:#172233;border:1px solid #30405a;border-radius:4px;padding:4px 6px;font-size:7px}.alert-actions button:hover{color:#fff;border-color:#647cf0}.delete-btn{color:#d96d78;cursor:pointer;background:#28191f;border:1px solid #4c2931;border-radius:6px;place-items:center;width:29px;height:29px;transition:all .15s;display:inline-grid}.delete-btn:hover{color:#ff929a;background:#50242d;border-color:#79404a}.delete-btn svg{width:14px;height:14px}.rack-actions{grid-template-columns:1fr 34px;align-items:end;gap:7px;display:grid}.rack-actions .rack-open{margin-top:16px}.rack-actions .delete-btn{width:34px;height:32px}.pdu-tools{gap:8px!important;display:flex!important}.pdu-tools .delete-btn{width:27px;height:27px}.drawer-delete{color:#e2767f;cursor:pointer;background:#2b1a20;border:1px solid #542d34;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:35px;margin-top:9px;font-size:9px;display:flex}.drawer-delete svg{width:14px}.rack-selector{color:#d8dfeb;cursor:pointer;background:#111a28;border:1px solid #2b384c;border-radius:6px;min-width:120px;height:32px;padding:0 9px;font-size:9px}.rack-list{margin-bottom:20px}.rack-list tbody tr{cursor:pointer}.rack-list td:first-child{display:table-cell}.rack-list-name{align-items:center;gap:9px;min-width:125px;display:flex}.rack-list-name span,.rack-list-name b,.rack-list-name small{display:block}.rack-list-name small{color:#68758a;margin-top:3px;font-size:7px}.rack-list td .progress{width:90px;margin-top:6px}.list-actions{align-items:center;gap:6px;display:flex}.open-small{color:#8ca0c0;cursor:pointer;background:#172235;border:1px solid #2d3b52;border-radius:5px;height:29px;padding:0 9px;font-size:8px}.open-small:hover{color:#aebeff;border-color:#5873d4}.power-path-group{align-items:center;display:flex}.power-path-group>div{text-align:center;background:#172438;border:1px solid #30415b;border-radius:7px;padding:10px 20px}.power-path-group>div b,.power-path-group>div span{font-size:9px;display:block}.power-path-group>div span{color:#6c798e;margin-top:3px;font-size:7px}.power-path-group>i{background:#4f6fbc;width:42px;height:2px;display:block}.empty-pdu{color:#68768a;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:180px;display:flex}.empty-pdu svg{margin-bottom:10px}.empty-pdu b{color:#aab5c5;font-size:11px}.empty-pdu span{margin-top:5px;font-size:8px}.logout-mini{color:#8390a4;cursor:pointer;background:0 0;border:0;padding:5px;font-size:8px}.logout-mini:hover{color:#e6787f}.auth-screen{background:radial-gradient(circle at 50% 0,#182440 0,#080d18 45%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:linear-gradient(145deg,#121b2a,#0d1420);border:1px solid #263247;border-radius:14px;width:min(410px,100%);padding:28px;box-shadow:0 30px 90px #0009}.login-brand{border-bottom:1px solid #202b3c;align-items:center;gap:12px;padding-bottom:23px;display:flex}.login-brand h1{margin:0;font-size:17px}.login-brand p{color:#6f7d91;margin:4px 0 0;font-size:8px}.login-copy{padding:24px 0 13px}.login-copy>span{letter-spacing:1.3px;color:#738afa;font-size:8px;font-weight:700}.login-copy h2{margin:6px 0;font-size:22px}.login-copy p{color:#768398;margin:0;font-size:9px}.login-card>label{color:#8f9caf;margin-top:14px;font-size:9px;display:block}.login-card input{color:#e5eaf2;background:#0a111c;border:1px solid #2c394e;border-radius:7px;outline:none;width:100%;height:40px;margin-top:6px;padding:0 11px}.login-card input:focus{border-color:#637df5}.login-submit{width:100%;height:40px;margin-top:20px}.login-card>small{text-align:center;color:#5e6b7e;margin-top:15px;font-size:7px;display:block}.login-error{color:#ea7d85;background:#3b2025;border:1px solid #66313a;border-radius:6px;align-items:center;gap:7px;padding:10px;font-size:9px;display:flex}.login-error svg{width:15px}.auth-loading{color:#8492a8;align-items:center;gap:10px;font-size:10px;display:flex}.auth-loading svg{color:#7188fa}.session-warning{z-index:1000;color:#f0b46d;background:#3b291b;border:1px solid #7a542f;border-radius:7px;align-items:center;gap:8px;padding:9px 14px;font-size:9px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.session-warning svg{width:15px;height:15px}.report-filters{margin-bottom:16px;padding-bottom:18px}.report-filters .formrow{margin-top:10px;padding:0 18px}.report-filters label{color:#7d8a9e;font-size:8px}.report-filters input,.report-filters select{color:#dce3ed;background:#0b131f;border:1px solid #29364a;border-radius:6px;width:100%;height:34px;margin-top:5px;padding:0 8px;font-size:9px}