:root{
 color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;color:#f5fbff;background:#001326;
 --cyan:#19d9f3;--cyan-2:#139fdc;--mint:#26e2ae;--muted:#a9c5d7;--amber:#ffc463;--red:#ff6858;
 --line:rgba(35,170,224,.58);--glass:linear-gradient(145deg,rgba(6,51,88,.62),rgba(0,24,49,.58));
}
*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:#001326}[hidden]{display:none!important}
#board{position:relative;height:100vh;overflow:hidden;display:flex;flex-direction:column;display:grid;grid-template-rows:96px minmax(0,1fr) 20px;grid-template-rows:clamp(68px,10.4vh,112px) minmax(0,1fr) clamp(16px,1.9vh,24px);background-image:linear-gradient(180deg,rgba(0,15,34,.02) 0%,rgba(0,15,34,.16) 16%,rgba(0,12,28,.28) 48%,rgba(0,10,24,.48) 100%),url('/assets/display/dashboard-background-v2.png?v=0.23.0-r3');background-position:center;background-size:cover}
#board:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 10%,rgba(73,221,255,.07) 31%,transparent 48%);animation:shine 14s linear infinite}
#board:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;box-shadow:inset 0 0 110px rgba(0,5,18,.7)}
.tv-header,main,footer{position:relative;z-index:1}
.tv-header{height:auto;min-height:0;display:flex;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:1.7vw;gap:1.7vw;padding:.7vh 1.15vw;background:linear-gradient(90deg,rgba(0,20,46,.86),rgba(1,41,77,.42) 53%,rgba(1,22,44,.74));border-bottom:1px solid rgba(59,202,241,.48);box-shadow:0 10px 32px rgba(0,7,20,.28);overflow:hidden}
.tv-identity{display:flex;align-items:center;gap:.75vw;min-width:0;height:100%}.tv-identity img{width:72px;width:clamp(58px,4.5vw,86px);height:72px;height:clamp(58px,4.5vw,86px);max-width:86px;max-height:86px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 16px rgba(19,213,241,.35))}.tv-identity span{display:block;font-size:18px;font-size:clamp(15px,1.2vw,23px);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.4)}.tv-identity h1{font-size:38px;font-size:clamp(27px,2.75vw,53px);line-height:.94;margin:.2vh 0 0;font-weight:400;letter-spacing:-.035em}.tv-identity h1 b{color:var(--cyan);font-weight:700;text-shadow:0 0 24px rgba(29,217,244,.52)}
.signature{font-size:.62vw;letter-spacing:.31vw;color:#b9d5e7;border-left:1px solid rgba(138,205,236,.55);padding-left:1.7vw;text-shadow:0 2px 5px #001426}
.connection,.clock{background:linear-gradient(145deg,rgba(4,48,84,.91),rgba(0,22,45,.92));border:1px solid rgba(78,184,228,.5);border-radius:9px;box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 24px rgba(0,7,18,.34)}
.connection{display:flex;flex-direction:column;gap:.4vh;min-width:12.8vw;padding:.85vh 1vw;font-size:.88vw}.connection span:before{content:"";display:inline-block;width:.66vw;height:.66vw;margin-right:.55vw;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}.connection small{color:var(--muted);font-size:.64vw}.clock{text-align:center;min-width:8.7vw;padding:.6vh .8vw}.clock small{font-size:.66vw;color:#d1e4f0}.clock strong{display:block;font-size:1.8vw;line-height:1.22}
main{height:auto;min-height:0;padding:.65vh 1.05vw .25vh;display:flex;flex-direction:column;display:grid;grid-template-rows:minmax(38px,.42fr) minmax(80px,1.05fr) minmax(170px,2.25fr) minmax(155px,2.05fr) minmax(72px,1.05fr);grid-gap:.65vh;gap:.65vh;overflow:hidden}.tv-header{flex:0 0 96px}main{flex:1 1 auto}footer{flex:0 0 20px}
.cards,.row{display:flex;display:grid;grid-gap:.7vw;gap:.7vw;min-height:0;margin:0}.cards>*{flex:1 1 0}.row-main>.trend-panel{flex:1.45 1 0}.row-main>.movement-panel{flex:.94 1 0}.row-main>.family-panel{flex:1 1 0}.row-bottom>.panel{flex:1 1 0}.cards{grid-template-columns:repeat(6,minmax(0,1fr));flex:0 0 15%}.row-main{grid-template-columns:1.45fr .94fr 1fr;flex:1.1 1 30%}.row-bottom{grid-template-columns:1.08fr 1.08fr .95fr;flex:1 1 29%}.ribbon{flex:0 0 14%}
.situation{display:flex;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.85vw;gap:.85vw;padding:.45vh .85vw;background:linear-gradient(90deg,rgba(4,48,79,.66),rgba(0,25,48,.42));flex:0 0 6%}.situation-mark{display:inline-flex;align-items:center;gap:.55vw;padding:.35vh .7vw;border-radius:999px;background:rgba(33,226,174,.14);color:var(--mint);font-size:12px;font-size:clamp(10px,.67vw,14px);font-weight:800;letter-spacing:.04em;white-space:nowrap}.situation-mark i{width:.58vw;height:.58vw;min-width:8px;min-height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.situation-copy{min-width:0;flex:1}.situation-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-size:clamp(13px,.92vw,19px)}.situation-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9d0df;font-size:10px;font-size:clamp(9px,.58vw,12px)}.situation-facts{display:flex;align-items:center;justify-content:flex-end;gap:.9vw;color:#d7e8f2;font-size:10px;font-size:clamp(9px,.6vw,12px);white-space:nowrap}.situation-facts b{color:#fff}.situation.warning{border-color:rgba(255,196,99,.72);background:linear-gradient(90deg,rgba(92,55,12,.58),rgba(19,31,42,.44))}.situation.warning .situation-mark{color:var(--amber);background:rgba(255,196,99,.13)}.situation.critical{border-color:rgba(255,104,88,.78);background:linear-gradient(90deg,rgba(104,33,28,.63),rgba(25,27,39,.46))}.situation.critical .situation-mark{color:#ff8f82;background:rgba(255,104,88,.14)}
.card,.panel,.ribbon,.situation{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--glass);box-shadow:inset 0 1px rgba(255,255,255,.09),inset 0 -24px 48px rgba(0,14,33,.1),0 8px 20px rgba(0,6,17,.2);backdrop-filter:blur(3px) saturate(1.08)}
.card{height:100%;padding:1.15vh .75vw 1vh 4.1vw}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(22,202,241,.11),transparent 34%),linear-gradient(122deg,transparent 66%,rgba(62,220,255,.08));pointer-events:none}.card:after{content:"";position:absolute;left:3.7vw;right:.7vw;bottom:.7vh;height:2px;background:linear-gradient(90deg,rgba(8,192,235,.12),rgba(29,221,248,.85),rgba(8,192,235,.08));transform:scaleX(.55);transform-origin:right;box-shadow:0 0 9px var(--cyan)}
.card .label{position:relative;z-index:1;display:block;min-height:2.25em;font-size:14px;font-size:clamp(11px,.91vw,18px);line-height:1.12;color:#f0f8fd}.card strong{position:relative;z-index:1;display:block;margin:.15vh 0 .2vh;font-size:30px;font-size:clamp(23px,2vw,40px);line-height:1.05;font-weight:700;letter-spacing:.01em;text-shadow:0 0 18px rgba(33,199,240,.23)}.card small{position:relative;z-index:1;display:block;max-width:97%;font-size:10px;font-size:clamp(9px,.62vw,12px);line-height:1.22;color:var(--muted)}
.card .card-icon{position:absolute;z-index:2;left:.8vw;top:2.1vh;width:2.55vw;height:2.55vw;display:grid;place-items:center;color:var(--cyan);filter:drop-shadow(0 0 8px rgba(22,206,242,.48))}.card .card-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card .card-glow{position:absolute;left:.8vw;top:2.1vh;width:2.55vw;height:2.55vw;border-radius:50%;background:rgba(15,205,240,.12);filter:blur(11px)}.card.alert strong,.card.alert .card-icon{color:var(--amber)}.card.alert{border-color:rgba(255,111,85,.65)}.card.alert:before{background:radial-gradient(circle at 18% 30%,rgba(255,91,67,.16),transparent 37%)}.card.alert:after{background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 10px var(--red)}
.panel{height:100%;padding:1vh .9vw}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 23%,transparent 76%,rgba(4,165,218,.035))}.panel>header{position:relative;z-index:3;background:none;height:auto;display:block;padding:0;border:0}.panel h2{font-size:14px;font-size:clamp(12px,.91vw,18px);font-weight:750;margin:0 0 .28vh;letter-spacing:.035em;color:#f5fbff;text-shadow:0 2px 7px rgba(0,0,0,.5)}.source{color:#a4c3d7;font-size:10px;font-size:clamp(9px,.59vw,12px);margin:0;min-height:1.45vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart{height:calc(100% - 3.5vh);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.chart svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 8px rgba(11,205,239,.24))}svg text{font-family:"Segoe UI",Arial,sans-serif;fill:#c0d7e6;font-size:12px}.chart svg line{stroke:rgba(74,139,178,.43)!important}.chart svg path[stroke]{filter:drop-shadow(0 0 5px rgba(0,215,244,.58))}
.family-panel{background:linear-gradient(90deg,rgba(3,45,78,.66) 0%,rgba(2,32,58,.58) 58%,rgba(0,22,43,.26) 100%)}.family-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,27,53,.58) 0%,rgba(0,26,52,.38) 57%,rgba(0,19,38,.08) 100%);pointer-events:none}.family-chart{display:flex;height:calc(100% - 3.5vh);align-items:center;gap:.65vw;position:relative;z-index:2}.family-chart svg{width:47%;height:100%;filter:drop-shadow(0 0 10px rgba(12,209,240,.34))}.legend{flex:1;min-width:0}.legend div{font-size:11px;font-size:clamp(10px,.7vw,14px);margin:.58vh 0;display:flex;align-items:center;gap:.38vw}.legend i{width:.48vw;height:.48vw;min-width:7px;min-height:7px;display:inline-block;border-radius:50%;flex-shrink:0;box-shadow:0 0 9px currentColor}.legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #001426}.legend b{margin-left:auto}
.zone-panel{background:linear-gradient(90deg,rgba(2,41,72,.58),rgba(1,29,54,.48))}.zone{position:relative;z-index:2;margin:.58vh 0}.zone .top{display:flex;justify-content:space-between;font-size:11px;font-size:clamp(10px,.72vw,14px);margin-bottom:.3vh;text-shadow:0 1px 5px #001426}.track{height:.62vh;background:rgba(8,48,76,.66);border:1px solid rgba(111,193,222,.2);border-radius:6px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#1198d2,#25dff0);box-shadow:0 0 13px rgba(29,215,242,.53)}
.cold-panel{background:linear-gradient(180deg,rgba(3,49,82,.85) 0%,rgba(1,28,52,.48) 48%,rgba(0,19,38,.24) 100%)}.cold-panel:before{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,rgba(0,23,43,.05),rgba(0,18,35,.13));pointer-events:none}.cold-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:.7vh;text-align:center;margin-top:.75vh}.cold-grid>div:not(.not-connected){padding:.8vh .3vw;border-radius:8px;background:rgba(1,28,53,.62);border:1px solid rgba(48,181,222,.3);box-shadow:inset 0 1px rgba(255,255,255,.05)}.cold-grid strong{font-size:1.78vw;color:var(--cyan);display:block;text-shadow:0 0 18px rgba(23,213,241,.42)}.cold-grid span{font-size:.68vw;color:#d1e2ed}.cold-grid .not-connected{grid-column:span 2;margin-top:.2vh;padding:.65vh;border-top:1px solid rgba(55,161,199,.38);background:rgba(0,24,46,.3);color:var(--muted);font-size:.7vw}
.exception-panel{background:linear-gradient(145deg,rgba(6,48,80,.9),rgba(0,22,43,.85))}.exception{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(74,151,186,.35);padding:.57vh 0;font-size:.76vw}.exception b{font-size:1.04vw;color:var(--amber);text-shadow:0 0 13px rgba(255,192,93,.28)}
.decision{position:relative;z-index:2;display:grid;gap:.25vh;padding:.52vh 0;border-bottom:1px solid rgba(74,151,186,.35)}.decision b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74vw;color:#fff}.decision span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d2e3ec;font-size:.64vw}.decision small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--amber);font-size:.58vw}.decision.critical{border-left:3px solid var(--red);padding-left:.45vw}
.ribbon{height:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;padding:0;background:linear-gradient(145deg,rgba(3,47,80,.87),rgba(0,24,47,.76))}.ribbon>div{position:relative;display:flex;flex-direction:column;justify-content:center;padding:.8vh 1.25vw .8vh 4.25vw;border-left:1px solid rgba(39,190,227,.38)}.ribbon>div:first-child{border-left:0}.ribbon>div:before{content:"";position:absolute;left:1.2vw;top:50%;width:2.25vw;height:2.25vw;transform:translateY(-50%);border:2px solid var(--cyan);border-radius:9px;box-shadow:0 0 13px rgba(25,217,243,.25),inset 0 0 12px rgba(25,217,243,.12)}.ribbon>div:after{content:"";position:absolute;left:1.85vw;top:50%;width:.9vw;height:.45vw;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:translateY(-65%) rotate(-45deg)}.ribbon b{color:#e9f8ff;display:block;font-size:.8vw;margin-bottom:.25vh}.ribbon strong{display:block;color:var(--cyan);font-size:1.48vw;line-height:1.1;text-shadow:0 0 15px rgba(25,217,243,.35)}.ribbon span{display:block;margin-top:.25vh;color:var(--muted);font-size:.61vw}.ribbon>div.attention:before{border-color:var(--amber);box-shadow:0 0 14px rgba(255,196,99,.3)}.ribbon>div.attention:after,.ribbon>div.attention strong{border-color:var(--amber);color:var(--amber)}
footer{height:1.9vh;padding:.15vh 1.2vw;display:flex;justify-content:space-between;align-items:center;font-size:.56vw;color:#92b5ca;text-shadow:0 1px 5px #001426}
.empty{color:var(--muted);font-size:.86vw;text-align:center;margin:2vh auto}.controls{position:fixed;z-index:6;bottom:1vh;right:1vw;opacity:0;transition:opacity .2s}.controls:hover,.controls:focus-within{opacity:1}button,input,select{font:inherit;padding:10px 16px;border:1px solid #3d739d;border-radius:7px;background:#073558;color:white}button{cursor:pointer}button:focus-visible{outline:3px solid var(--cyan)}#warning{position:fixed;z-index:10;top:0;width:100%;background:#7b3f0b;color:white;text-align:center;padding:7px;font-size:16px}
.activation{max-width:780px;margin:9vh auto;text-align:center;padding:36px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(7,53,88,.95),rgba(0,22,43,.97));box-shadow:0 30px 80px rgba(0,8,18,.55)}.activation-logo{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(19,213,241,.28))}.activation h1{font-size:40px;margin:18px 0 10px}.activation p{color:var(--muted);line-height:1.6}.activation #code{display:block;font-size:52px;letter-spacing:10px;color:var(--cyan);margin:25px 0}.ok{color:var(--mint)}.bad{color:var(--amber)}
@keyframes shine{0%{transform:translateX(-70%)}100%{transform:translateX(70%)}}@media(prefers-reduced-motion:reduce){#board:before{animation:none}}
@media(max-width:900px){body{overflow:auto}#board{height:auto;min-height:100vh;background-position:center top}.tv-header{height:auto;min-height:112px;grid-template-columns:1fr auto;gap:10px;padding:12px}.tv-identity img{width:64px;height:64px}.signature{display:none}.connection{font-size:12px;min-width:0}.connection small,.clock small{font-size:10px}.clock strong{font-size:22px}main{height:auto;display:block;padding:10px}.cards{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.card{height:120px;padding:12px 12px 12px 58px}.card .label{font-size:13px}.card strong{font-size:27px}.card small{font-size:10px}.card .card-icon,.card .card-glow{left:13px;top:26px;width:32px;height:32px}.row-main,.row-bottom{grid-template-columns:1fr;margin-bottom:8px}.panel{height:300px;padding:14px}.panel h2{font-size:16px}.source{font-size:11px}.chart,.family-chart{height:245px}.legend div{font-size:12px}.legend i{width:8px;height:8px}.zone{margin:15px 0}.zone .top{font-size:13px}.track{height:7px}.cold-grid strong{font-size:32px}.cold-grid span,.cold-grid .not-connected{font-size:12px}.exception{font-size:13px;padding:10px 0}.exception b{font-size:20px}.ribbon{height:auto;min-height:200px;grid-template-columns:repeat(2,1fr)}.ribbon>div{padding:16px 16px 16px 70px}.ribbon>div:before{left:20px;width:34px;height:34px}.ribbon>div:after{left:31px;width:13px;height:7px}.ribbon b{font-size:13px}.ribbon strong{font-size:22px}.ribbon span{font-size:10px}footer{height:auto;min-height:30px;font-size:9px;flex-wrap:wrap;gap:10px}.empty{font-size:14px}.controls{opacity:1}.activation{margin:5vh 12px}.activation #code{font-size:28px;letter-spacing:4px}}