:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a2e;--bg-hover: #222240;--bg-input: #16162a;--text-primary: #e0e0e8;--text-secondary: #8888a0;--text-muted: #555570;--accent-purple: #9b59b6;--accent-red: #e74c3c;--accent-blue: #3498db;--accent-green: #2ecc71;--accent-white: #bdc3c7;--accent-hacktivism: #f39c12;--border-color: #2a2a40;--border-focus: #9b59b6;--danger: #e74c3c;--success: #2ecc71;--warning: #f39c12;--sidebar-width: 260px;--header-height: 56px;--font-mono: "Fira Code", "Cascadia Code", "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-purple);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}input,textarea,select{font-family:var(--font-sans);font-size:.9rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:10px 14px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted)}button{font-family:var(--font-sans);font-size:.9rem;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;transition:background .2s,opacity .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-purple);color:#fff}.btn-primary:hover:not(:disabled){background:#804399}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#d62c1a}.hat-purple{color:var(--accent-purple)}.hat-red{color:var(--accent-red)}.hat-blue{color:var(--accent-blue)}.hat-green{color:var(--accent-green)}.hat-white{color:var(--accent-white)}.hat-hacktivist{color:var(--accent-hacktivism)}.text-muted{color:var(--text-secondary)}.text-small{font-size:.8rem}.mono{font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;border-radius:10px;background:var(--danger);color:#fff}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}