@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";
:root{--bg:#0a0a0f;--bg2:#0f0f1a;--bg3:#141425;--border:#1e1e35;--green:#00e5a0;--blue:#48f;--purple:#96f;--red:#ff4757;--yellow:#fc4;--orange:#f84;--text:#e0e0f0;--text2:#88a;--text3:#557}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);min-height:100vh;font-family:IBM Plex Mono,Courier New,monospace;font-size:13px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes signal-glow{0%,to{box-shadow:0 0 8px #00e5a033}50%{box-shadow:0 0 20px #00e5a080}}.card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:16px;animation:.3s both slideUp}.label{color:var(--text3);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.value{color:var(--text);margin-top:4px;font-size:20px;font-weight:600}.live-badge{animation:2s ease-in-out infinite signal-glow;border-color:var(--green)!important}