Add admin link IDs, tabs for extend/traffic, and pagination

app/static/css/style.css

@@ -530,6 +530,78 @@ th {
   max-width: min(520px, 100%);
 }
 
+.admin-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin: 0 0 1rem;
+  border-bottom: 1px solid var(--line);
+  padding-bottom: 0.75rem;
+}
+
+.admin-tab {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  padding: 0.55rem 0.9rem;
+  border: 1px solid var(--line);
+  color: var(--mist);
+  font-size: 0.9rem;
+}
+
+.admin-tab:hover {
+  color: var(--fog);
+  border-color: rgba(212, 255, 63, 0.35);
+}
+
+.admin-tab.is-active {
+  color: var(--ink);
+  background: var(--signal);
+  border-color: var(--signal);
+}
+
+.tab-count {
+  font-size: 0.75rem;
+  opacity: 0.85;
+}
+
+.id-pill {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-weight: 600;
+  color: var(--signal);
+}
+
+.list-meta {
+  margin: 0 0 0.85rem;
+  font-size: 0.85rem;
+}
+
+.pager {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.4rem;
+  margin-top: 1.25rem;
+}
+
+.pager .btn {
+  padding: 0.4rem 0.7rem;
+  font-size: 0.8rem;
+}
+
+.pager-current {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2rem;
+  padding: 0.4rem 0.7rem;
+  background: rgba(212, 255, 63, 0.15);
+  color: var(--signal);
+  font-size: 0.85rem;
+  font-weight: 600;
+}
+
+
 .login-shell {
   min-height: 100vh;
   display: grid;