:root{--bg-color: #000000;--text-color: #d0d0d0;--accent-color: #ffffff;--accent-dim: #666666;--dim-color: #333;--panel-bg: rgba(5, 5, 5, .95);--border: 1px solid #222;--font-main: "Courier New", Courier, monospace}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;background:transparent;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:10px;background:var(--accent-color);margin-top:-8px;cursor:pointer;border:1px solid #000;box-shadow:0 0 8px var(--accent-color)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#333;border:1px solid #444}input[type=range]:focus{outline:none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;color:var(--text-color);font-family:var(--font-main);display:flex;flex-direction:column;min-height:100vh}.hud-panel{position:relative;border:1px solid rgba(255,255,255,.15);background:var(--panel-bg);box-shadow:0 0 15px #000c}.hud-corner{position:absolute;width:10px;height:10px;border:2px solid var(--accent-color);transition:all .3s ease}.hud-corner-tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.hud-corner-tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.hud-corner-bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.hud-corner-br{bottom:-1px;right:-1px;border-left:none;border-top:none}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff1a;animation:scan 4s linear infinite;pointer-events:none;opacity:.3}@keyframes scan{0%{top:0%;opacity:0}10%{opacity:.5}90%{opacity:.5}to{top:100%;opacity:0}}#root{width:100%;display:flex;flex-direction:column;align-items:center}#app-container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:20px;padding:20px}header{width:100%;padding:20px 0;border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:1.5rem;text-transform:uppercase;letter-spacing:2px}h2{font-size:.8rem;color:#888;text-transform:uppercase}#main-container{display:flex;flex-direction:column;width:100%;gap:20px}#dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:15px;width:100%}button:hover{filter:brightness(1.2)}