diff --git a/src/components/admin/UserManagementPanel.jsx b/src/components/admin/UserManagementPanel.jsx
index fd8b53d..3424ce9 100644
--- a/src/components/admin/UserManagementPanel.jsx
+++ b/src/components/admin/UserManagementPanel.jsx
@@ -70,9 +70,16 @@ function RoleDropdown({ value, onChange }) {
       <button
         type="button"
         onClick={() => setOpen((v) => !v)}
-        className="flex w-full h-[46px] items-center justify-between gap-2 rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface-strong)] px-4 text-sm transition hover:border-[var(--color-accent)]"
+        className={[
+          'flex w-full h-[46px] items-center justify-between gap-2 rounded-2xl border px-4 text-sm transition hover:border-[var(--color-accent)]',
+          value ? 'border-[var(--color-border)] bg-[var(--color-surface-strong)]' : 'border-[var(--color-border)] bg-[var(--color-surface-strong)]',
+        ].join(' ')}
       >
-        <Badge tone={ROLE_TONES[value] || 'neutral'}>{ROLE_LABELS[value] || value}</Badge>
+        {value ? (
+          <Badge tone={ROLE_TONES[value] || 'neutral'}>{ROLE_LABELS[value]}</Badge>
+        ) : (
+          <span className="text-[var(--color-text-muted)]">Выберите роль</span>
+        )}
         <span className="text-[var(--color-text-muted)] text-xs">▾</span>
       </button>
       {open && (
@@ -102,7 +109,7 @@ function RoleDropdown({ value, onChange }) {
 
 /* ── Add-user modal ── */
 function AddUserModal({ onSubmit, onClose, submitting, error }) {
-  const [form, setForm] = useState({ name: '', email: '', role: 'manager' });
+  const [form, setForm] = useState({ name: '', email: '', role: '' });
   const nameRef = useRef(null);
 
   useEffect(() => { nameRef.current?.focus(); }, []);