:root{--accent: #8b5cf6;--accent-fg: #fff;--bg: #0d0d0d;--bg-card: #141414;--bg-nav: #0a0a0a;--bg-input: #1a1a1a;--bg-hover: #1f1f1f;--text: #e0e0e0;--text-dim: #777;--border: #222}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s}button:hover{opacity:.85}input,textarea,select{background:var(--bg-input);border:1px solid #333;border-radius:8px;color:var(--text);padding:10px 14px;font-size:14px;width:100%;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:100px}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-danger{background:#dc2626;color:#fff}.btn-ghost{background:var(--bg-hover);color:var(--text);border:1px solid #333}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.error{color:#f87171;font-size:13px;margin-top:6px}