Reorganize admin configuration sections

frontend/app/ops-redesign.css

@@ -1126,6 +1126,66 @@ button:disabled,
   gap: 16px;
 }
 
+.config-subsection-nav {
+  display: grid;
+  gap: 11px;
+  padding: 14px 16px;
+  border: 1px solid var(--ops-line);
+  border-radius: var(--ops-radius-lg);
+  background: rgba(255, 255, 255, 0.024);
+}
+
+.config-subsection-nav > span {
+  color: var(--ops-muted);
+  font-size: 0.68rem;
+  font-weight: 800;
+  letter-spacing: 0.09em;
+  text-transform: uppercase;
+}
+
+.config-subsection-nav > div {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.config-subsection-nav a {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 36px;
+  padding: 7px 11px;
+  border: 1px solid var(--ops-line-soft);
+  border-radius: var(--ops-radius);
+  background: rgba(255, 255, 255, 0.022);
+  color: var(--ops-text);
+  font-size: 0.76rem;
+  font-weight: 700;
+  text-decoration: none;
+  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
+}
+
+.config-subsection-nav a:hover {
+  transform: translateY(-1px);
+  border-color: rgba(126, 215, 255, 0.38);
+  background: rgba(14, 165, 233, 0.09);
+}
+
+.config-subsection-nav a small {
+  color: var(--ops-cyan);
+  font-family: "JetBrains Mono", Consolas, monospace;
+  font-size: 0.64rem;
+}
+
+.config-subsection {
+  scroll-margin-top: 124px;
+}
+
+.config-subsection-heading {
+  display: grid;
+  gap: 4px;
+}
+
 .fleet-status-panel {
   display: grid;
   gap: 16px;