:root{--bg:#06111f;--bg2:#081827;--panel:#0a1a2cbd;--panel2:#0c2137db;--border:#47b3ff33;--border-strong:#00d1ff75;--text:#eaf6ff;--muted:#85a7bf;--muted2:#5b7890;--cyan:#13d8ff;--blue:#2f7dff;--green:#22e46b;--violet:#9a5cff;--amber:#ffb224;--red:#ff4868;--shadow:0 18px 60px #00000059;--grid-gap:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#edf5fb;--bg2:#f6fbff;--panel:#ffffffc7;--panel2:#ffffffeb;--border:#156fab2e;--border-strong:#008bcd73;--text:#112234;--muted:#546b7d;--muted2:#718597;--shadow:0 18px 60px #3c648c29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(circle at 20% 10%, #13d8ff2e, transparent 32%), radial-gradient(circle at 88% 18%, #9a5cff29, transparent 30%), linear-gradient(130deg, var(--bg), var(--bg2));color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font-family:inherit}.app-shell{grid-template-columns:282px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#050d18eb,#050e1bb8);flex-direction:column;gap:18px;min-height:0;padding:22px 18px;display:flex}:root[data-theme=light] .sidebar{background:#ffffff9e}.brand{align-items:center;gap:12px;padding:0 8px 12px;display:flex}.logo{border:1px solid var(--border-strong);width:48px;height:48px;color:var(--cyan);background:radial-gradient(circle at 50% 20%,#13d8ff47,#0000 58%),#00aeff12;border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 0 30px #13d8ff2e,0 0 30px #13d8ff14}.brand strong{color:var(--cyan);font-size:17px;line-height:1.1;display:block}.brand span{color:var(--text);font-weight:700}nav{gap:7px;display:grid}nav button{height:48px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:650;transition:all .18s;display:flex}nav button:hover{color:var(--text);border-color:var(--border);background:#13d8ff12}nav button.active{color:#fff;background:linear-gradient(90deg,#00a0ff73,#2c7eff26);border-color:#13d8ff99;box-shadow:inset 0 0 22px #13d8ff33,0 0 24px #13d8ff1f}:root[data-theme=light] nav button.active{color:#03223b}.site-card,.clock{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:13px}.site-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.site-head button{border:1px solid var(--border);width:22px;height:22px;color:var(--cyan);background:#13d8ff14;border-radius:50%}.site{color:var(--text);align-items:center;gap:9px;margin:8px 0;font-size:13px;display:flex}.site i{background:var(--green);width:9px;height:9px;box-shadow:0 0 12px var(--green);border-radius:50%}.site i.warn{background:var(--amber);box-shadow:0 0 12px var(--amber)}.world-card{background:radial-gradient(circle at 50% 70%,#2f7dff2e,#0000 62%),linear-gradient(#13d8ff0d,#9a5cff0a);border-radius:12px;height:132px;margin-top:10px;position:relative;overflow:hidden}.world-card>svg:first-child,.world-card>svg:not(:last-child){color:var(--cyan);opacity:.6;width:16px;height:16px;position:absolute;top:8px;right:8px}.world-card svg:last-child{width:100%;height:100%}.world-card circle{fill:var(--green);filter:drop-shadow(0 0 7px var(--green))}.clock{margin-top:auto}.clock span{color:var(--muted);font-size:12px;display:block}.clock b,.clock strong{color:var(--cyan);margin-top:6px;font-size:14px;display:inline-block}.clock b{color:var(--blue);margin-right:8px}.content-shell{flex-direction:column;min-width:0;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;height:66px;padding:13px 20px 9px;display:flex}.search{border:1px solid var(--border);background:var(--panel);width:min(560px,42vw);height:39px;color:var(--muted);border-radius:13px;align-items:center;gap:10px;padding:0 14px;font-size:13px;display:flex}.top-controls,.header-actions{align-items:center;gap:10px;display:flex}.top-controls button,.header-actions button,.interval,.icon-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;height:38px;padding:0 12px;display:inline-flex}.icon-btn{justify-content:center;width:40px;padding:0;position:relative}.icon-btn i{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-5px;right:-4px}.user-chip{border:1px solid var(--border);background:var(--panel);height:38px;color:var(--muted);border-radius:13px;align-items:center;gap:9px;padding:0 8px 0 12px;font-size:12px;display:flex}.lang-toggle{justify-content:center;min-width:56px;font-weight:800;color:var(--cyan)!important}.user-chip span{background:var(--green);width:9px;height:9px;box-shadow:0 0 10px var(--green);border-radius:50%}.user-chip b{width:28px;height:28px;color:var(--cyan);background:#13d8ff26;border-radius:50%;place-items:center;display:grid}.main{padding:20px;overflow:auto}.main::-webkit-scrollbar{width:12px}.main::-webkit-scrollbar-thumb{background:#13d8ff33 padding-box padding-box;border:4px solid #0000;border-radius:999px}.page-title{justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 14px;display:flex}.page-title h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.4vw,38px);line-height:1.05}.page-title p{color:var(--muted);max-width:880px;margin:8px 0 0}.kpi-grid{gap:var(--grid-gap);margin-bottom:var(--grid-gap);grid-template-columns:repeat(5,minmax(160px,1fr));display:grid}.dashboard-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(260px,1fr));padding-bottom:28px;display:grid}.card{background:linear-gradient(180deg, var(--panel2), var(--panel));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(130deg,#13d8ff14,#0000 32%,#9a5cff0e);position:absolute;inset:0}.kpi-card{min-height:118px;padding:14px}.card-title,.panel-head h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.kpi-row{z-index:1;grid-template-columns:minmax(96px,.75fr) 1fr;align-items:end;gap:10px;margin-top:12px;display:grid;position:relative}.kpi-value{letter-spacing:-.04em;color:var(--text);font-size:clamp(25px,2vw,34px);font-weight:850;line-height:1}.kpi-value small{color:var(--muted);margin-left:3px;font-size:13px}.delta{color:var(--green);margin-top:8px;font-size:12px;font-weight:700}.delta.down,.tone-red .kpi-value{color:var(--red)}.tone-amber .kpi-value{color:var(--amber)}.tone-green .kpi-value{color:var(--green)}.tone-violet .kpi-value{color:var(--violet)}.tone-cyan .kpi-value{color:var(--cyan)}.panel{min-height:190px;padding:15px}.panel-head{z-index:1;justify-content:space-between;align-items:center;margin-bottom:13px;display:flex;position:relative}.panel-head h3{color:var(--text);font-size:13px;font-weight:800}.text-btn{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-weight:700}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.spark{width:100%;height:44px;overflow:visible}.spark polyline{stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;filter:none;fill:none!important}.spark polygon{display:none!important}.spark.cyan{color:var(--cyan)}.spark.blue{color:var(--blue)}.spark.green{color:var(--green)}.spark.violet{color:var(--violet)}.spark.amber{color:var(--amber)}.spark.red{color:var(--red)}.spark.cyan polyline{stroke:var(--cyan)}.spark.blue polyline{stroke:var(--blue)}.spark.green polyline{stroke:var(--green)}.spark.violet polyline{stroke:var(--violet)}.spark.amber polyline{stroke:var(--amber)}.spark.red polyline{stroke:var(--red)}.pill{background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.pill.good{color:var(--green)}.pill.warn,.pill.major{color:var(--amber)}.pill.bad{color:var(--red)}.pill.neutral{color:var(--cyan)}.summary-card{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.metric-list{z-index:1;gap:9px;width:100%;display:grid;position:relative}.metric-line{color:var(--muted);border-bottom:1px solid #7aabd214;justify-content:space-between;gap:14px;padding-bottom:6px;font-size:13px;display:flex}.metric-line strong{color:var(--text);white-space:nowrap}.txt-green{color:var(--green)!important}.txt-cyan{color:var(--cyan)!important}.txt-blue{color:var(--blue)!important}.txt-violet{color:var(--violet)!important}.txt-amber,.txt-warn{color:var(--amber)!important}.txt-red{color:var(--red)!important}.gauge-ring{--value:72;background:conic-gradient(var(--green) calc(var(--value) * 1%), #6286a02e 0);border-radius:50%;flex:none;place-items:center;width:94px;height:94px;display:grid;box-shadow:0 0 30px #22e46b2b}.gauge-ring.sm{width:72px;height:72px}.gauge-ring.violet{background:conic-gradient(var(--violet) calc(var(--value) * 1%), #6286a02e 0)}.gauge-ring.red{background:conic-gradient(var(--red) calc(var(--value) * 1%), #6286a02e 0)}.gauge-ring.amber{background:conic-gradient(var(--amber) calc(var(--value) * 1%), #6286a02e 0)}.gauge-ring.blue{background:conic-gradient(var(--blue) calc(var(--value) * 1%), #6286a02e 0)}.gauge-ring div{background:var(--bg2);text-align:center;border:1px solid var(--border);border-radius:50%;align-content:center;place-items:center;width:72%;height:72%;display:grid}.gauge-ring strong{color:var(--text);font-size:24px;line-height:1;display:block}.gauge-ring span{color:var(--muted);font-size:11px}.donut{border-radius:50%;flex:none;place-items:center;width:116px;height:116px;display:grid;box-shadow:0 0 28px #13d8ff1f}.donut div{background:var(--bg2);border:1px solid var(--border);border-radius:50%;align-content:center;place-items:center;width:70%;height:70%;display:grid}.donut strong{font-size:20px}.donut span{color:var(--muted);font-size:11px}.quad-grid,.five-grid,.six-grid{z-index:1;gap:12px;display:grid;position:relative}.quad-grid{grid-template-columns:repeat(4,1fr)}.five-grid{grid-template-columns:repeat(5,1fr)}.six-grid{grid-template-columns:repeat(6,1fr)}.mini-tile{background:#13d8ff09;border:1px solid #7aabd21f;border-radius:14px;min-height:126px;padding:12px;overflow:hidden}.mini-tile span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;display:block}.mini-tile strong{letter-spacing:-.03em;margin-top:9px;font-size:23px;display:block}.mini-tile small{color:var(--muted);min-height:16px;margin-top:5px;display:block}.split-grid{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:14px;display:grid;position:relative}.compact-gap{gap:12px}.hero-score{align-items:center;gap:18px;display:flex}.hero-score h2{margin:0 0 8px;font-size:26px}.hero-score p{color:var(--muted);margin:10px 0 0;line-height:1.5}.progress-rows{z-index:1;gap:10px;display:grid;position:relative}.progress-line div{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.progress-line div b{color:var(--text)}.progress-line em{background:#7aabd224;border-radius:99px;height:8px;display:block;overflow:hidden}.progress-line i{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--cyan), var(--green));height:100%;display:block;box-shadow:0 0 12px #13d8ff47}.heatmap{z-index:1;gap:4px;width:100%;display:grid;position:relative}.heatmap i{aspect-ratio:1.55;background:var(--blue);opacity:.9;border-radius:3px;box-shadow:0 0 8px}.heatmap i.cool{color:#1d72ff;background:#1d72ff}.heatmap i.ok{color:#18ce8c;background:#18ce8c}.heatmap i.warm{color:#ffb224;background:#ffb224}.heatmap i.hot{color:#ff4868;background:#ff4868}.thermal-layout{z-index:1;grid-template-columns:2.1fr .9fr;align-items:center;gap:16px;display:grid;position:relative}.thermal-map{background:radial-gradient(circle at 70% 40%,#ff486824,#0000 24%),radial-gradient(circle at 38% 54%,#ffb22424,#0000 20%),#13d8ff09;border:1px solid #7aabd21f;border-radius:14px;padding:16px}.thermal-legend{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:12px;display:flex}.events{z-index:1;gap:9px;max-height:320px;padding-right:4px;display:grid;position:relative;overflow:auto}.event{background:#7aabd20b;border:1px solid #7aabd212;border-radius:12px;grid-template-columns:64px 76px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.event span{color:var(--muted);font-size:12px}.event p{color:var(--text);margin:0;font-size:12.5px}.compact .event{grid-template-columns:50px 70px 1fr}.topology{z-index:1;background:radial-gradient(circle,#2f7dff1a,#0000 58%);border:1px solid #7aabd21f;border-radius:15px;min-height:230px;padding:18px;position:relative;overflow:hidden}.network-topology .spines,.network-topology .leafs{justify-content:space-around;gap:10px;display:flex}.network-topology span{border:1px solid var(--border-strong);width:44px;height:28px;color:var(--cyan);background:#13d8ff29;border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid;box-shadow:0 0 12px #13d8ff2b}.network-topology .leafs{position:absolute;bottom:18px;left:18px;right:18px}.network-topology .leafs span{color:var(--green);background:#22e46b21;border-color:#22e46b59}.network-topology .links{position:absolute;inset:58px 44px}.network-topology .links i{transform-origin:top;opacity:.5;background:linear-gradient(#13d8ff8c,#0000);width:1px;height:150px;position:absolute;top:0;left:50%}.network-topology .links i:nth-child(odd){transform:rotate(calc(-55deg + var(--r,0deg)))}.network-topology .links i:nth-child(2n){transform:rotate(48deg)}.gpu-topology{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.gpu-topology .rack{grid-template-columns:repeat(2,1fr);align-content:center;gap:7px;display:grid;position:relative}.gpu-topology .rack b{color:var(--muted);text-align:center;grid-column:1/-1;font-size:11px}.gpu-topology .rack span{background:var(--green);border-radius:5px;height:19px;box-shadow:0 0 10px #22e46b73}.gpu-topology .rack em{background:var(--blue);width:48px;height:2px;box-shadow:0 0 12px var(--blue);position:absolute;inset:50% -24px auto auto}.panel-note{z-index:1;color:var(--muted);margin-top:10px;font-size:12px;position:relative}.fabric-layout{z-index:1;grid-template-columns:.85fr 1.45fr .9fr;align-items:stretch;gap:14px;display:grid;position:relative}.risk-grid{grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px;display:grid}.floor-map{background:#13d8ff09;border:1px solid #7aabd21f;border-radius:14px;margin-top:14px;padding:16px}.table-wrap{z-index:1;border:1px solid #7aabd21a;border-radius:14px;max-width:100%;position:relative;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #7aabd21a;padding:11px 12px;font-size:12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#7aabd20b;font-size:11px}td{color:var(--text)}.mini-bars{align-items:end;gap:3px;height:52px;display:flex}.mini-bars i{background:var(--cyan);opacity:.85;border-radius:3px 3px 0 0;flex:1;box-shadow:0 0 8px #13d8ff2e}@media (width<=1360px){.app-shell{grid-template-columns:230px 1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.span-3,.span-2{grid-column:span 2}.five-grid,.six-grid{grid-template-columns:repeat(3,1fr)}.quad-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=980px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto}.sidebar{min-height:auto;position:static}.content-shell{height:auto}.topbar{z-index:10;background:var(--bg);position:sticky;top:0}.kpi-grid,.dashboard-grid{grid-template-columns:1fr}.span-3,.span-2{grid-column:span 1}.five-grid,.six-grid,.quad-grid,.split-grid,.thermal-layout,.fabric-layout,.risk-grid{grid-template-columns:1fr}.search{display:none}}.world-svg .map-grid line{stroke:#7aabd229;stroke-width:.72px}.world-svg .land-path{fill:#5271ff66;stroke:#13d8ff6b;stroke-width:.65px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #13d8ff24)}:root[data-theme=light] .world-svg .land-path{fill:#2f7dff3b;stroke:#0084c870;filter:none}.world-svg .route{fill:none;stroke-width:1.5px;stroke-dasharray:3 5;stroke-linecap:round;opacity:.92}.world-svg .site-glow{opacity:.72}.world-svg .site-pulse{fill:var(--green);opacity:.16}.world-svg .site-dot{fill:var(--green);stroke:#ffffffb8;stroke-width:.8px;filter:drop-shadow(0 0 8px var(--green))}.world-svg .site-marker.warn .site-pulse,.world-svg .site-marker.warn .site-dot{fill:var(--amber);filter:drop-shadow(0 0 8px var(--amber))}