Move notification sound to admin

public/admin.css

@@ -78,15 +78,15 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 10px;
-  padding: 14px;
+  gap: 6px;
+  padding: 10px;
   border-bottom: 1px solid var(--line);
 }
-.brand h1 { margin: 0; font-size: 20px; }
+.brand h1 { margin: 0; font-size: 18px; }
 .brand-actions {
   display: inline-flex;
   align-items: center;
-  gap: 8px;
+  gap: 5px;
   flex: 0 0 auto;
 }
 .brand button { background: #edf3ef; color: var(--ink); }
@@ -102,10 +102,30 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
   height: 18px;
   fill: currentColor;
 }
+.admin-sound-control {
+  height: 32px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 5px 0 0;
+  border-radius: 6px;
+  background: #edf3ef;
+}
+.admin-sound-control .sound-off { display: none; }
+.admin-sound-control .muted .sound-on { display: none; }
+.admin-sound-control .muted .sound-off { display: block; }
+.admin-sound-control input[type="range"] {
+  width: 42px;
+  height: 4px;
+  padding: 0;
+  border: 0;
+  accent-color: var(--brand);
+  cursor: pointer;
+}
 .logout-compact {
   height: 32px;
-  padding: 0 10px;
-  font-size: 12px;
+  padding: 0 8px;
+  font-size: 11px;
 }
 .online-dot-toggle {
   width: 28px;