@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap");:root{--bg:#040a04;--bg-panel:#070f07;--bg-glass:rgba(0,255,65,.03);--border:rgba(0,255,65,.2);--border-hi:rgba(0,255,65,.5);--green:#00ff41;--green-dim:#00a829;--green-glow:rgba(0,255,65,.15);--amber:#ffb300;--amber-dim:#a07200;--red:#f33;--red-dim:#8b0000;--dim:#1a2e1a;--text:#00ff41;--text-dim:#00a829;--text-muted:#006620;--font-mono:"Share Tech Mono",monospace;--font-display:"Orbitron",monospace;--glow-sm:0 0 6px rgba(0,255,65,.4);--glow-md:0 0 12px rgba(0,255,65,.5);--glow-lg:0 0 24px rgba(0,255,65,.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.5;overflow:hidden}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}.panel{background:var(--bg-panel);border:1px solid var(--border);position:relative;overflow:hidden}.panel-header{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--text-dim);padding:6px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;text-transform:uppercase}.panel-header:before{content:"";width:6px;height:6px;background:var(--green);box-shadow:var(--glow-sm);flex-shrink:0}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.nominal{background:var(--green);box-shadow:var(--glow-sm)}.status-dot.warning{background:var(--amber);box-shadow:0 0 6px rgba(255,179,0,.5)}.status-dot.critical{background:var(--red);box-shadow:0 0 6px rgba(255,51,51,.5);animation:blink 1s step-end infinite}.status-dot.offline,.value-bar-track{background:var(--dim)}.value-bar-track{height:3px;border-radius:2px;overflow:hidden}.value-bar-fill{height:100%;border-radius:2px;transition:width 1s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green-dim);border-radius:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline-sweep{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-flicker{animation:flicker 8s infinite}.animate-blink{animation:blink 1.2s step-end infinite}.fade-in-up{animation:fadeInUp .3s ease forwards}