:root {
  color-scheme: dark;
  --bg: #050505;
  --panel: #0d0d12;
  --text: #e0e0e0;
  --accent: #b026ff; /* Neon Purple */
  --accent-glow: 0 0 8px #b026ff, 0 0 15px #b026ff;
  --border: #2c1b4d;
  --font: 'Courier New', Courier, monospace;
  --base: 16px;
}
body { background: var(--bg); color: var(--text); font-family: var(--font); font-size: var(--base); margin: 0; padding: 20px; }
.container { max-width: 1200px; margin: 0 auto; }
.panel { background: var(--panel); border: 1px solid var(--border); padding: 20px; border-radius: 4px; margin-bottom: 20px; box-shadow: 0 0 10px rgba(176, 38, 255, 0.1); }
a { color: var(--accent); text-decoration: none; text-shadow: 0 0 5px rgba(176, 38, 255, 0.5); }
a:hover { text-shadow: var(--accent-glow); }
table { width: 100%; border-collapse: collapse; margin-top: 15px; }
th { text-align: left; border-bottom: 1px solid var(--accent); padding: 10px; color: var(--accent); text-transform: uppercase; letter-spacing: 1px; }
td { padding: 10px; border-bottom: 1px dotted var(--border); }
input, select, button { background: #000; color: var(--accent); border: 1px solid var(--accent); padding: 10px; font-size: 1rem; margin-top: 5px; font-family: var(--font); outline: none; transition: all 0.2s; }
input:focus, select:focus { box-shadow: 0 0 8px var(--accent); }
button { background: rgba(176, 38, 255, 0.1); font-weight: bold; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; }
button:hover { background: var(--accent); color: #000; box-shadow: var(--accent-glow); }
.tabs button { background: transparent; border: none; border-bottom: 2px solid transparent; color: #666; }
.tabs button:hover, .tabs button.active { color: var(--accent); border-bottom: 2px solid var(--accent); text-shadow: var(--accent-glow); }
header h1 { margin: 0 0 10px 0; color: var(--text); text-shadow: 2px 2px 0px var(--accent); letter-spacing: 2px; display: flex; align-items: center; gap: 15px; }
nav { display: flex; gap: 15px; border-top: 1px solid var(--border); padding-top: 15px; }
nav a { border: 1px solid var(--border); padding: 5px 15px; border-radius: 3px; background: rgba(0,0,0,0.5); font-weight: bold; }
nav a:hover { border-color: var(--accent); background: rgba(176,38,255,0.1); }
.logo { height: 70px; filter: drop-shadow(0 0 5px var(--accent)); }