.xsf{--bg:#04070c;--cyan:#39f6ff;--red:#ff416c;--orange:#ff6b35;--green:#48ffc2;--text:#eaffff;--muted:#7e9bab;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;padding:28px;position:relative;overflow:hidden}.xsf:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(57,246,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,246,255,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.xsf>*{position:relative}.xsf-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.xsf-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-weight:900;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.xsf h2{font-size:20px;letter-spacing:.12em;margin:0}.xsf-head p{font:10px monospace;color:var(--muted);margin:5px 0 0}.xsf-live{margin-left:auto;font:10px monospace;color:var(--green);border:1px solid #48ffc24d;padding:8px 11px}.xsf-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.xsf-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.xsf-module,.xsf-panel{--accent:var(--cyan);background:linear-gradient(145deg,#0b1724e8,#050a11f5);border:1px solid #39f6ff29;padding:18px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.xsf-red{--accent:var(--red)!important}.xsf-orange{--accent:var(--orange)!important}.xsf-green{--accent:var(--green)!important}.xsf-module h3,.xsf-panel h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin:0}.xsf-radial{width:150px;height:150px;margin:18px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 210deg,var(--accent) calc(var(--p)*.75%),#ffffff0e 0 75%,transparent 0);filter:drop-shadow(0 0 8px var(--accent));position:relative}.xsf-radial:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#07101a;border:1px dashed #ffffff26}.xsf-radial div{z-index:1;text-align:center}.xsf-radial b{display:block;font:800 27px monospace;text-shadow:0 0 12px var(--accent)}.xsf-radial small{font:8px monospace;color:var(--muted)}.xsf-signal{display:block;width:55%;height:3px;margin:auto;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 8px var(--accent)}.xsf-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin-top:15px}.xsf-panel{min-height:280px}.xsf-panel-head{display:flex;justify-content:space-between}.xsf-panel-head span{font:9px monospace;color:var(--accent)}.xsf-bars{height:185px;display:flex;align-items:end;gap:6px;margin-top:25px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#39f6ff14 45px)}.xsf-bars i{flex:1;height:var(--h);min-width:3px;background:linear-gradient(var(--cyan),#187b94);box-shadow:0 0 5px #39f6ff80}.xsf-axis{display:flex;justify-content:space-between;font:8px monospace;color:var(--muted);margin-top:7px}.xsf-orbit{width:150px;height:150px;margin:24px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p)*1%),#ffffff10 0);box-shadow:0 0 20px #48ffc22b;position:relative}.xsf-orbit:before{content:"";position:absolute;inset:11px;background:#07101a;border-radius:50%;border:1px dashed #48ffc24d}.xsf-orbit b{z-index:1;font:800 25px monospace;color:var(--accent)}.xsf dl{display:flex;justify-content:center;gap:28px;margin:0}.xsf dl div{text-align:center}.xsf dt{font:8px monospace;color:var(--muted)}.xsf dd{font:700 14px monospace;margin:4px 0}.xsf-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.xsf-extras>div{--accent:var(--cyan);padding:16px;border-left:2px solid var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent)}.xsf-extras span{display:block;font:9px monospace;color:var(--muted);text-transform:uppercase}.xsf-extras b{display:block;font:800 23px monospace;margin:10px 0}.xsf-extras i{display:block;width:var(--w);height:3px;background:var(--accent);box-shadow:0 0 7px var(--accent)}.xsf footer{margin-top:22px;color:#527080;font:8px monospace}@media(max-width:850px){.xsf-kpis{grid-template-columns:1fr 1fr}.xsf-module:last-child{grid-column:1/-1}.xsf-panels{grid-template-columns:1fr}.xsf-extras{grid-template-columns:1fr 1fr}}@media(max-width:520px){.xsf{padding:18px 12px}.xsf-live{font-size:0;padding:10px}.xsf-live i{margin:0}.xsf-kpis,.xsf-extras{grid-template-columns:1fr}.xsf-module:last-child{grid-column:auto}.xsf h2{font-size:15px}}