@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a1a;--bg-card: #12122a;--neon-green: #00ff41;--neon-cyan: #00d4ff;--neon-purple: #bf00ff;--neon-yellow: #ffd700;--text: #e0e0e0;--border: #2a2a5a}body{background-color:var(--bg);color:var(--text);font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.8;min-height:100vh}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none;z-index:9999}.card{background:var(--bg-card);border:2px solid var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan),inset 0 0 10px #00d4ff0d;padding:24px;border-radius:4px}.btn{font-family:"Press Start 2P",monospace;font-size:10px;padding:12px 20px;border:2px solid var(--neon-green);background:transparent;color:var(--neon-green);cursor:pointer;text-transform:uppercase;transition:all .2s;box-shadow:0 0 8px var(--neon-green)}.btn:hover{background:var(--neon-green);color:var(--bg);box-shadow:0 0 20px var(--neon-green)}.btn-purple{border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 8px var(--neon-purple)}.btn-purple:hover{background:var(--neon-purple);color:var(--bg);box-shadow:0 0 20px var(--neon-purple)}.btn-danger{border-color:#f44;color:#f44;box-shadow:0 0 8px #f44}.btn-danger:hover{background:#f44;color:var(--bg)}input,select{font-family:"Press Start 2P",monospace;font-size:10px;background:#0d0d2b;border:2px solid var(--border);color:var(--text);padding:10px 12px;width:100%;outline:none;transition:border-color .2s}input:focus,select:focus{border-color:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}label{color:var(--neon-cyan);font-size:9px;display:block;margin-bottom:6px}.form-group{margin-bottom:16px}.neon-title{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);text-align:center}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.neon-purple{color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple)}.neon-yellow{color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow)}.page{max-width:900px;margin:0 auto;padding:24px 16px}.error{color:#f44;font-size:9px;text-align:center;margin-top:8px}.success{color:var(--neon-green);font-size:9px;text-align:center;margin-top:8px}nav{background:var(--bg-card);border-bottom:2px solid var(--neon-purple);box-shadow:0 0 10px var(--neon-purple);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}nav .logo{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);font-size:14px}nav a{color:var(--neon-cyan);text-decoration:none;font-size:9px;padding:6px 10px;border:1px solid transparent;transition:all .2s}nav a:hover{border-color:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 600px){body{font-size:10px}.grid-2,.grid-3{grid-template-columns:1fr}nav{padding:12px 16px}}table{width:100%;border-collapse:collapse;margin-top:16px}th{color:var(--neon-cyan);font-size:9px;padding:10px;border-bottom:2px solid var(--neon-cyan);text-align:left}td{padding:10px;font-size:9px;border-bottom:1px solid var(--border)}tr:hover td{background:#00d4ff0d}