:root{--bg: #0a0a0f;--bg2: #0f0f1a;--bg3: #1a1a2e;--panel: #12121f;--border: #2a2a4a;--accent: #ff2d55;--accent2: #00f5ff;--accent3: #ffd700;--accent4: #39ff14;--text: #e8e8f0;--text2: #9090b0;--font-pixel: "Press Start 2P", monospace;--font-orb: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,245,255,.015) 2px,rgba(0,245,255,.015) 4px);pointer-events:none;z-index:9999}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.btn{font-family:var(--font-pixel);font-size:10px;padding:12px 20px;border:2px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);transition:left .2s;z-index:-1}.btn:hover:before{left:0}.btn:hover{color:var(--bg)}.btn-cyan{border-color:var(--accent2);color:var(--accent2)}.btn-cyan:before{background:var(--accent2)}.btn-gold{border-color:var(--accent3);color:var(--accent3)}.btn-gold:before{background:var(--accent3)}.btn-green{border-color:var(--accent4);color:var(--accent4)}.btn-green:before{background:var(--accent4)}.card{background:var(--panel);border:1px solid var(--border);padding:24px;position:relative}.card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent)}input,textarea,select{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);padding:10px 14px;width:100%;outline:none;transition:border-color .2s;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent2)}label{font-family:var(--font-pixel);font-size:9px;color:var(--accent2);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.section-title{font-family:var(--font-pixel);font-size:14px;color:var(--accent3);text-shadow:0 0 20px rgba(255,215,0,.5);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.glow-red{text-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}.glow-cyan{text-shadow:0 0 10px var(--accent2),0 0 20px var(--accent2)}.glow-gold{text-shadow:0 0 10px var(--accent3),0 0 20px var(--accent3)}.glow-green{text-shadow:0 0 10px var(--accent4),0 0 20px var(--accent4)}.badge{display:inline-block;padding:3px 8px;font-family:var(--font-pixel);font-size:8px}.badge-pending{background:#ffa50033;border:1px solid orange;color:orange}.badge-approved{background:#39ff1433;border:1px solid var(--accent4);color:var(--accent4)}.badge-rejected{background:#ff2d5533;border:1px solid var(--accent);color:var(--accent)}.retro-table{width:100%;border-collapse:collapse;font-size:13px}.retro-table th{font-family:var(--font-pixel);font-size:9px;color:var(--accent2);padding:12px 16px;text-align:left;border-bottom:2px solid var(--accent2);background:var(--bg3)}.retro-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.retro-table tr:hover td{background:#00f5ff08}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--accent)}50%{box-shadow:0 0 20px var(--accent),0 0 40px var(--accent)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.blink{animation:blink 1s infinite}.flicker{animation:flicker 4s infinite}.loading{display:flex;align-items:center;justify-content:center;padding:60px;font-family:var(--font-pixel);font-size:10px;color:var(--accent2);gap:8px}.loading:after{content:"...";animation:blink 1s infinite}.empty-state{text-align:center;padding:60px;color:var(--text2);font-family:var(--font-pixel);font-size:10px;line-height:2}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--panel);border:1px solid var(--accent);padding:32px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 0 40px #ff2d554d}.modal h2{font-family:var(--font-pixel);font-size:12px;color:var(--accent3);margin-bottom:24px}.modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.form-group{margin-bottom:18px}.toast{position:fixed;bottom:24px;right:24px;background:var(--panel);border:1px solid var(--accent4);color:var(--accent4);font-family:var(--font-pixel);font-size:9px;padding:14px 20px;z-index:9999;animation:slideIn .3s ease;max-width:300px;line-height:1.8}.toast.error{border-color:var(--accent);color:var(--accent)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.pos-1{color:var(--accent3)}.pos-2{color:silver}.pos-3{color:#cd7f32}@media (max-width: 768px){.section-title{font-size:11px!important}nav>div{flex-wrap:wrap;height:auto!important;padding:8px 12px!important;gap:6px}.card{padding:16px!important}.retro-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.retro-table{min-width:400px;font-size:11px}.retro-table th{font-size:7px!important;padding:8px 10px!important}.retro-table td{padding:8px 10px!important;font-size:11px}.btn{font-size:8px!important;padding:10px 14px!important}input,textarea,select{font-size:16px!important}.modal{padding:20px!important}}body.light{--bg: #f0f0f5;--bg2: #e8e8f0;--bg3: #dcdcec;--panel: #ffffff;--border: #c0c0d8;--text: #1a1a2e;--text2: #5a5a7a;--accent: #d4004d;--accent2: #0077aa;--accent3: #b8860b;--accent4: #1a7a00}body.light:before{display:none}body.light .card{box-shadow:0 1px 4px #00000014}body.light input,body.light textarea,body.light select{background:#f8f8fc;color:var(--text);border-color:var(--border)}body.light .retro-table th{background:var(--bg3)}body.light .retro-table tr:hover td{background:#0064b40a}body.light .btn:before{z-index:0}body.light .btn{z-index:0;position:relative}body.light .btn:hover{color:#fff}body.light .toast{background:#fff;box-shadow:0 2px 8px #00000026}body.light .modal{background:#fff}body.light .modal-overlay{background:#00000080}