:root{--bg: #070b14;--bg-panel: rgba(13, 20, 38, .82);--cyan: #00f0ff;--magenta: #ff2a6d;--yellow: #ffd300;--green: #05ffa1;--text: #c8d6f0;--text-dim: #5b6a8c;--border: rgba(0, 240, 255, .25);--font-mono: "JetBrains Mono", "Orbitron", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{background-color:var(--bg);background-image:linear-gradient(rgba(0,240,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.04) 1px,transparent 1px);background-size:36px 36px;color:var(--text);font-family:var(--font-mono)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 0 18px #00f0ff14;position:relative}.card:before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);pointer-events:none}.grade-green{color:var(--green)}.grade-yellow{color:var(--yellow)}.grade-red{color:var(--magenta)}.neon-text{color:var(--cyan);text-shadow:0 0 8px rgba(0,240,255,.7)}.btn{font-family:var(--font-mono);background:transparent;border:1px solid var(--border);color:var(--cyan);padding:6px 14px;border-radius:4px;cursor:pointer;font-size:12px;transition:box-shadow .15s}.btn:hover{box-shadow:0 0 10px #00f0ff80}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger:hover{box-shadow:0 0 10px #ff2a6d80;border-color:var(--magenta);color:var(--magenta)}.input{width:100%;background:#070b14e6;border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:4px;font-family:var(--font-mono);font-size:14px}.input:focus{outline:none;box-shadow:0 0 8px #00f0ff66}