:root{--bg: #0f1117;--bg2: #161b27;--bg3: #1e2535;--border: #2a3147;--accent: #3b82f6;--accent-h: #2563eb;--text: #e2e8f0;--text2: #8b97b3;--danger: #ef4444;--success: #22c55e;--warn: #f59e0b;--radius: 8px;--sidebar-w: 220px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}input,textarea,select{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;outline:none;width:100%;font-size:14px;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--accent)}button{cursor:pointer;font-family:inherit;font-size:14px;border:none;border-radius:var(--radius);padding:8px 16px;transition:background .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-h)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg3)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover:not(:disabled){background:#ef44441a}.btn-sm{padding:5px 12px;font-size:13px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}label{display:block;color:var(--text2);font-size:12px;margin-bottom:4px}.err{color:var(--danger);font-size:13px;margin-top:6px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}