Add admin sound preferences

public/admin.css

@@ -124,8 +124,7 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
 }
 .logout-compact {
   height: 32px;
-  padding: 0 8px;
-  font-size: 11px;
+  padding: 0;
 }
 .online-dot-toggle {
   width: 28px;
@@ -919,6 +918,38 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
 .settings h2 { margin: 0 0 12px; }
 .settings h3 { margin: 20px 0 8px; }
 .settings form { display: grid; gap: 12px; }
+.settings-tabs {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px;
+  margin: 0 0 14px;
+  padding: 4px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #f7faf8;
+}
+.settings-tabs button {
+  padding: 9px 10px;
+  background: transparent;
+  color: var(--muted);
+}
+.settings-tabs button.active {
+  background: var(--brand);
+  color: white;
+}
+.settings-tab-panel { display: none; }
+.settings-tab-panel.active { display: block; }
+.admin-preferences {
+  display: grid;
+  gap: 14px;
+}
+.admin-preferences label:not(.setting-switch) {
+  gap: 8px;
+}
+.admin-preferences input[type="range"] {
+  padding: 0;
+  accent-color: var(--brand);
+}
 pre {
   white-space: pre-wrap;
   overflow: auto;