Style hide bots as toggle

public/admin.css

@@ -913,16 +913,47 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
 .visitor-panel header span { color: var(--muted); font-size: 12px; }
 .visitor-filter-toggle {
   height: 30px;
-  padding: 0 9px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
   border: 1px solid var(--line);
+  border-radius: 8px;
   background: #f8fbf9;
   color: var(--muted);
   font-size: 12px;
+  cursor: pointer;
+  user-select: none;
 }
-.visitor-filter-toggle.active {
-  background: #eaf6f1;
-  color: var(--brand);
-  border-color: #c7e8dc;
+.visitor-filter-toggle input {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+.visitor-filter-toggle span {
+  position: relative;
+  width: 42px;
+  height: 24px;
+  border-radius: 999px;
+  background: #cbd6d0;
+  flex: 0 0 42px;
+}
+.visitor-filter-toggle span:before {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: white;
+  content: "";
+  transition: transform .16s ease;
+}
+.visitor-filter-toggle input:checked + span {
+  background: var(--brand);
+}
+.visitor-filter-toggle input:checked + span:before {
+  transform: translateX(18px);
 }
 .visitor-list {
   min-height: 0;