:root{--bg:#0e1116;--surface:#161b22;--surface-2:#1c232d;--border:#2a3240;--text:#e6e9ef;--text-dim:#8b95a5;--accent:#4f8dfd;--accent-dim:#2c4f8c;--danger:#f2545b;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.centered-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:100%;max-width:380px}.brand{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.title{font-size:22px;font-weight:600;margin:0 0 24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.field input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:15px;outline:none;transition:border-color .15s ease}.field input:focus{border-color:var(--accent)}.btn-primary{width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:11px 12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn-primary:hover{background:#6ba0ff}.btn-primary:disabled{opacity:.6;cursor:default}.error-text{color:var(--danger);font-size:13px;margin:-8px 0 16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.topbar .brand{margin:0}.role-badge{display:inline-block;background:var(--accent-dim);color:#cddcff;font-size:12px;padding:3px 10px;border-radius:999px;margin-left:10px;text-transform:capitalize}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer}.btn-ghost:hover{color:var(--text);border-color:var(--text-dim)}.dashboard-body{padding:32px 24px;max-width:720px;margin:0 auto}.placeholder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;color:var(--text-dim);font-size:14px;line-height:1.6}