.noc-root{--noc-bg:#07080a;--noc-panel:#0e1116;--noc-border:#1c222c;--noc-text:#e8edf5;--noc-muted:#7b8798;--noc-healthy:#29c46a;--noc-warning:#e6a23c;--noc-critical:#e24b4b;--noc-unknown:#6b7280;--noc-mono:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;--noc-sans:"IBM Plex Sans","e-Ukraine Head",Raleway,system-ui,sans-serif;background:var(--noc-bg);color:var(--noc-text);display:flex;flex-direction:column;font-family:var(--noc-sans);gap:1vh;height:100vh;inset:0;overflow:hidden;padding:1.1vh 1.4vw;position:fixed;width:100vw}.noc-root,.noc-root *,.noc-root :after,.noc-root :before{box-sizing:border-box}.noc-root--burnin{transform:translate(var(--noc-shift-x,0),var(--noc-shift-y,0));transition:transform 8s linear}.noc-root--dim .noc-status,.noc-root--dim .noc-value,.noc-root--overlay-active .noc-board{filter:grayscale(.35);opacity:.45}.noc-header{align-items:center;display:grid;flex:0 0 auto;grid-template-columns:1fr 2fr 1fr;min-height:7.5vh;padding:0 .4vw}.noc-brand{align-items:center;display:flex;gap:.7vw;min-width:0}.noc-brand__logo{display:block;height:auto;max-height:50px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:clamp(120px,9vw,140px)}.noc-brand__label{color:var(--noc-muted);font-size:clamp(14px,1.2vw,22px);font-weight:700;letter-spacing:.14em;padding-top:.15em;text-transform:uppercase}.noc-headline{font-size:clamp(26px,2.8vw,52px);font-weight:800;letter-spacing:.04em;line-height:1.1;text-align:center;text-transform:uppercase}.noc-headline[data-status=healthy]{color:var(--noc-healthy)}.noc-headline[data-status=warning]{color:var(--noc-warning)}.noc-headline[data-status=critical]{animation:noc-headline-blink 1s ease-in-out infinite;color:var(--noc-critical)}.noc-headline[data-status=unknown]{color:var(--noc-unknown)}.noc-headline[data-status=offline]{color:var(--noc-critical)}.noc-headline[data-status=stale]{color:var(--noc-warning)}@keyframes noc-headline-blink{0%,to{opacity:1}50%{opacity:.28}}@media(prefers-reduced-motion:reduce){.noc-headline[data-status=critical]{animation:none}}.noc-clock{font-family:var(--noc-mono);font-variant-numeric:tabular-nums;text-align:right}.noc-clock__time{font-size:clamp(20px,1.8vw,34px);font-weight:600}.noc-clock__updated{color:var(--noc-muted);font-size:clamp(12px,1vw,18px);margin-top:.3vh}.noc-board{display:grid;flex:1 1 auto;gap:1vh .9vw;grid-template-columns:1.2fr 1.2fr .85fr;grid-template-rows:.95fr .75fr 1.25fr;min-height:0}.noc-section{background:var(--noc-panel);border:none;border-radius:6px;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:1.1vh .9vw}.noc-section__title{color:var(--noc-muted);flex:0 0 auto;font-size:clamp(14px,1.1vw,20px);font-weight:700;letter-spacing:.12em;margin-bottom:.8vh;text-transform:uppercase}.noc-section--physical{grid-column:1/3;grid-row:1}.noc-section--streams{grid-column:3;grid-row:1}.noc-section--services{grid-column:1/4;grid-row:2}.noc-section--traffic{grid-column:1/4;grid-row:3}.noc-cards{display:grid;flex:1 1 auto;gap:.8vh .7vw;min-height:0}.noc-cards--3{grid-template-columns:repeat(3,1fr)}.noc-cards--5{grid-template-columns:repeat(5,1fr)}.noc-cards--4{grid-template-columns:repeat(4,1fr)}.noc-card{background:#0a0d12;border:1px solid #0c1016;border-left-width:4px;border-radius:4px;display:flex;flex-direction:column;min-height:0;padding:.9vh .7vw}.noc-card[data-status=healthy]{border-left-color:var(--noc-healthy)}.noc-card[data-status=warning]{border-left-color:var(--noc-warning)}.noc-card[data-status=critical]{border-left-color:var(--noc-critical)}.noc-card[data-status=unknown]{border-left-color:var(--noc-unknown)}.noc-card__head{align-items:center;display:flex;gap:.5vw;justify-content:space-between;min-width:0}.noc-card__name{font-size:clamp(14px,1.15vw,22px);font-weight:700;letter-spacing:.04em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-card__host{color:var(--noc-muted);font-family:var(--noc-mono);font-size:clamp(11px,.85vw,15px);margin-top:.2vh}.noc-chip{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:clamp(10px,.75vw,13px);font-weight:800;justify-content:center;letter-spacing:.08em;line-height:1.2;min-width:2.8em;padding:.18em .55em}.noc-chip[data-tone=healthy]{background:var(--noc-healthy);border-color:#1f9a52;color:#0b1a10}.noc-chip[data-tone=warning]{background:var(--noc-warning);border-color:#c4892a;color:#1a1205}.noc-chip[data-tone=critical]{background:var(--noc-critical);border-color:#b83636;color:#1a0808}.noc-chip[data-tone=unknown]{background:#2a303a;border-color:#3b4452;color:#d1d5db}.noc-metrics{display:grid;font-family:var(--noc-mono);font-size:clamp(9px,.7vw,12px);font-variant-numeric:tabular-nums;gap:.3vh .5vw;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:.7vh}.noc-metrics span{color:var(--noc-muted)}.noc-metrics strong{color:var(--noc-text);font-weight:600}.noc-metrics--gauges{gap:.55vh;grid-template-columns:1fr}.noc-gauge{align-items:center;display:grid;gap:.55vw;grid-template-columns:minmax(7.5em,38%) 1fr;min-width:0}.noc-gauge__label{align-items:baseline;display:flex;gap:.4em;justify-content:space-between;min-width:0}.noc-gauge__track{background:#151a22;border:1px solid #222833;border-radius:2px;height:.65vh;max-height:10px;min-height:6px;overflow:hidden}.noc-gauge__fill{background:var(--noc-unknown);border-radius:1px;height:100%;transition:width .35s ease;width:0}.noc-gauge__fill[data-tone=healthy]{background:var(--noc-healthy)}.noc-gauge__fill[data-tone=warning]{background:var(--noc-warning)}.noc-gauge__fill[data-tone=critical]{background:var(--noc-critical)}.noc-gauge__fill[data-tone=unknown]{background:var(--noc-unknown)}.noc-streams{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.noc-streams__counters{display:grid;gap:1vh .8vw;grid-template-columns:1fr 1fr}.noc-streams__big{background:#0a0d12;border:1px solid #18202b;border-radius:4px;padding:.6vh .5vw;text-align:center}.noc-streams__big-label{color:var(--noc-muted);font-size:clamp(10px,.85vw,14px);font-weight:700;letter-spacing:.14em}.noc-streams__big-value{font-family:var(--noc-mono);font-size:clamp(28px,3.2vw,56px);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;margin-top:.3vh}.noc-streams__big[data-tone=healthy] .noc-streams__big-value{color:var(--noc-healthy)}.noc-streams__big[data-tone=critical] .noc-streams__big-value{color:var(--noc-critical)}.noc-streams__big[data-tone=unknown] .noc-streams__big-value{color:var(--noc-unknown)}.noc-streams__down-list{flex:1 1 auto;margin-top:.6vh;min-height:0;overflow-x:hidden;overflow-y:auto}.noc-streams__down-list h3{color:var(--noc-critical);font-size:clamp(11px,.85vw,14px);letter-spacing:.12em;margin-bottom:.3vh}.noc-streams__down-list ul{-moz-column-gap:.8vw;column-gap:.8vw;display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0;row-gap:.25vh}.noc-streams__down-list li{color:var(--noc-text);font-size:clamp(10px,.75vw,13px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-traffic{display:grid;flex:1 1 auto;gap:.8vw;min-height:0}.noc-traffic,.noc-traffic--servers{grid-template-columns:1fr 1fr 2fr}.noc-traffic__servers{display:contents}.noc-traffic__chart-panel{background:#0a0d12;border:1px solid #0c1016;border-radius:4px;display:flex;flex-direction:column;min-height:0;padding:.6vh .6vw}.noc-traffic__chart-panel--inline{background:transparent;border:none;flex:1 1 auto;min-height:0;padding:0}.noc-traffic__chart-title{align-items:baseline;display:flex;flex:0 0 auto;font-family:var(--noc-mono);font-size:clamp(11px,.9vw,15px);font-weight:700;gap:1.2vw;letter-spacing:.08em;margin-bottom:.4vh}.noc-traffic__legend--in{color:#3b82f6}.noc-traffic__legend--out{color:#29c46a}.noc-traffic-server--europe{min-width:0}.noc-traffic-server__metrics--row{display:grid;gap:.3vh .8vw;grid-template-columns:repeat(4,minmax(0,1fr))}.noc-traffic-server{background:#0a0d12;border:1px solid #0c1016;border-left:4px solid var(--noc-unknown);border-radius:4px;display:flex;flex-direction:column;gap:.45vh;min-height:0;padding:.6vh .5vw}.noc-traffic-server[data-status=healthy]{border-left-color:var(--noc-healthy)}.noc-traffic-server[data-status=warning]{border-left-color:var(--noc-warning)}.noc-traffic-server[data-status=critical]{border-left-color:var(--noc-critical)}.noc-traffic-server__name{flex:0 0 auto;font-size:clamp(11px,.9vw,15px);font-weight:700;letter-spacing:.08em}.noc-traffic-server__sparks{display:flex;flex:1 1 auto;flex-direction:column;gap:.55vh;min-height:0}.noc-traffic-server__sparks--europe{gap:.7vh}.noc-chart--europe-lane{background:#070a0f;border:1px solid #121820;border-radius:3px;flex:1 1 auto;min-height:5.5vh;overflow:hidden;position:relative}.noc-chart--europe-lane svg{display:block;height:100%;inset:0;position:absolute;width:100%}.noc-traffic-spark{display:flex;flex:1 1 0;flex-direction:column;gap:.25vh;min-height:0}.noc-traffic-spark__label{align-items:baseline;display:flex;font-family:var(--noc-mono);font-size:clamp(10px,.75vw,13px);font-variant-numeric:tabular-nums;gap:.4vw;justify-content:space-between}.noc-traffic-spark__label span{font-weight:700;letter-spacing:.08em}.noc-traffic-spark__label--in span{color:#3b82f6}.noc-traffic-spark__label--out span{color:#29c46a}.noc-traffic-spark__label--out[data-incident=true] span,.noc-traffic-spark__label--out[data-incident=true] strong{color:var(--noc-critical)}.noc-traffic-spark__label strong{color:var(--noc-text);font-weight:600}.noc-traffic-server__metrics{display:grid;flex:0 0 auto;font-family:var(--noc-mono);font-size:clamp(9px,.7vw,12px);font-variant-numeric:tabular-nums;gap:.2vh;grid-template-columns:1fr;margin-top:auto}.noc-traffic-server__metrics span{color:var(--noc-muted)}.noc-traffic-server__metrics strong{color:var(--noc-text);margin-left:.25em}.noc-chart--mini{background:#070a0f;border:1px solid #121820;border-radius:3px;flex:1 1 auto;min-height:4.5vh;overflow:hidden;position:relative}.noc-chart--mini svg{display:block;height:100%;inset:0;position:absolute;width:100%}.noc-chart--europe{background:transparent;border:none;flex:1 1 auto;min-height:12vh;overflow:hidden;position:relative}.noc-chart--europe svg{display:block;height:100%;inset:0;position:absolute;width:100%}.noc-traffic__metrics{display:grid;gap:.5vh .5vw;grid-template-columns:repeat(3,1fr)}.noc-traffic__metric{background:#0a0d12;border:1px solid #18202b;border-radius:4px;padding:.6vh .5vw}.noc-traffic__metric span{color:var(--noc-muted);display:block;font-size:clamp(10px,.8vw,14px);letter-spacing:.08em}.noc-traffic__metric strong{display:block;font-family:var(--noc-mono);font-size:clamp(14px,1.2vw,22px);font-variant-numeric:tabular-nums;margin-top:.3vh}.noc-chart{align-items:center;background:#0a0d12;border:1px solid #18202b;border-radius:4px;display:flex;justify-content:center;min-height:0;overflow:hidden;position:relative}.noc-chart svg{height:100%;width:100%}.noc-chart__empty{color:var(--noc-unknown);font-size:clamp(12px,1vw,18px);font-weight:700;letter-spacing:.12em}.noc-chart__empty--mini{font-size:clamp(10px,.8vw,14px);opacity:.45}.noc-core{display:grid;flex:1 1 auto;gap:.6vh .6vw;grid-template-columns:1fr 1fr;min-height:0}.noc-core__item{background:#0a0d12;border:1px solid #18202b;border-radius:4px;display:flex;flex-direction:column;justify-content:center;padding:.7vh .6vw}.noc-core__item span{color:var(--noc-muted);font-size:clamp(11px,.9vw,15px);font-weight:700;letter-spacing:.1em}.noc-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:5}.noc-overlay__badge{background:#07080aeb;border:2px solid var(--noc-critical);color:var(--noc-critical);font-size:clamp(22px,2.4vw,44px);font-weight:800;letter-spacing:.12em;padding:1.2vh 1.6vw;text-transform:uppercase}.noc-shell{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;position:relative}