:root{--bg-dark: #07080b;--surface-dark: #0f1118;--surface-card: #141722;--border-thick: 3px solid #1f2538;--border-cyan: 3px solid #00f0ff;--border-purple: 3px solid #a855f7;--border-lime: 3px solid #ccff00;--border-pink: 3px solid #ff007f;--shadow-hard-cyan: 6px 6px 0px #00f0ff;--shadow-hard-purple: 6px 6px 0px #a855f7;--shadow-hard-lime: 6px 6px 0px #ccff00;--shadow-hard-pink: 6px 6px 0px #ff007f;--shadow-hard-dark: 6px 6px 0px #000000;--accent-cyan: #00f0ff;--accent-purple: #a855f7;--accent-lime: #ccff00;--accent-pink: #ff007f;--accent-gold: #f59e0b;--accent-green: #10b981;--text-main: #ffffff;--text-muted: #a1a1aa;--text-dim: #71717a;--font-main: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);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:32px 32px;color:var(--text-main);font-family:var(--font-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark);border-left:2px solid #1f2538}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border:2px solid #000;box-shadow:2px 2px #000}.brutal-card{background:var(--surface-card);border:3px solid #1f2538;border-radius:8px;box-shadow:6px 6px #000;transition:all .15s ease-in-out}.brutal-card-cyan{border-color:var(--accent-cyan);box-shadow:var(--shadow-hard-cyan)}.brutal-card-purple{border-color:var(--accent-purple);box-shadow:var(--shadow-hard-purple)}.brutal-card-lime{border-color:var(--accent-lime);box-shadow:var(--shadow-hard-lime)}.brutal-card-pink{border-color:var(--accent-pink);box-shadow:var(--shadow-hard-pink)}.brutal-card-hover:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #000;border-color:var(--accent-cyan)}.brutal-btn-primary{background:var(--accent-cyan);color:#000;font-family:var(--font-main);font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:12px 24px;border-radius:6px;border:3px solid #000;box-shadow:5px 5px #000;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.brutal-btn-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #a855f7;background:#22f3ff}.brutal-btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.brutal-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:3px 3px #000}.brutal-btn-secondary{background:var(--surface-dark);color:var(--text-main);font-family:var(--font-main);font-weight:700;padding:10px 20px;border-radius:6px;border:3px solid #1f2538;box-shadow:4px 4px #000;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.brutal-btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #00f0ff;border-color:var(--accent-cyan);color:var(--accent-cyan)}.brutal-btn-secondary:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.brutal-tab{background:var(--surface-dark);border:3px solid #1f2538;box-shadow:4px 4px #000;color:var(--text-muted);padding:10px 20px;border-radius:6px;font-weight:700;font-family:var(--font-main);text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.brutal-tab:hover{color:#fff;border-color:var(--accent-cyan);transform:translate(-2px,-2px);box-shadow:6px 6px #00f0ff}.brutal-tab-active{background:var(--accent-cyan);color:#000;border:3px solid #000;box-shadow:5px 5px #a855f7;font-weight:800}.brutal-input{background:#090b10;border:3px solid #1f2538;border-radius:6px;box-shadow:3px 3px #000;color:#fff;font-family:var(--font-mono);font-weight:500;padding:10px 14px;outline:none;transition:all .15s ease}.brutal-input:focus{border-color:var(--accent-cyan);box-shadow:4px 4px 0 var(--accent-cyan)}.brutal-badge{font-family:var(--font-mono);font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:4px;background:var(--accent-cyan);color:#000;border:2px solid #000;box-shadow:3px 3px #000;display:inline-block}.brutal-badge-purple{background:var(--accent-purple);color:#fff}.brutal-badge-lime{background:var(--accent-lime);color:#000}.brutal-badge-pink{background:var(--accent-pink);color:#fff}.brutal-badge-gold{background:var(--accent-gold);color:#000}.status-online{width:12px;height:12px;background-color:var(--accent-lime);border:2px solid #000;box-shadow:2px 2px #000;display:inline-block}