aimeat 1.16.2 → 1.18.0

package/dist/public/css/views/admin.css

@@ -1,686 +1,730 @@
-/* ── Admin Dashboard SPA Styles ── */
-
-/* Admin-scoped variable overrides */
-.adm {
-  --text-dim: #94a3b8;
-  --text-bright: #F1F5F9;
-  --text-muted: #64748b;
-  --accent: #6366F1;
-  --accent-light: #EEF2FF;
-  --glass-border: #E5E7EB;
-  --glass-bg: #FFFFFF;
-  --bg-deep: #F8FAFC;
-  --sidebar-bg: #1E293B;
-  --sidebar-text: #CBD5E1;
-  --sidebar-border: rgba(255,255,255,0.08);
-  color: #1A1A2E;
-}
-
-/* Layout */
-.adm { display: flex; min-height: 100vh; position: relative; z-index: 1; background: var(--bg-deep); }
-
-/* Sidebar — stays dark per mockup */
-.adm-sidebar {
-  width: 220px;
-  background: var(--sidebar-bg);
-  border-right: none;
-  padding: 16px 0;
-  flex-shrink: 0;
-  position: sticky;
-  top: 0;
-  height: 100vh;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-}
-.adm-sidebar .node-id {
-  padding: 0 18px;
-  padding-top: 4px;
-  color: #475569;
-  font-size: .69rem;
-  font-family: var(--font-mono);
-  margin-bottom: 16px;
-  word-break: break-all;
-}
-.adm-nav-group {
-  font-size: .625rem;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  color: #475569;
-  padding: 0 18px;
-  margin-top: 16px;
-  margin-bottom: 4px;
-  font-weight: 700;
-}
-.adm-nav-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 7px 18px;
-  color: var(--sidebar-text, #CBD5E1);
-  font-size: .84rem;
-  cursor: pointer;
-  border: none;
-  background: none;
-  width: 100%;
-  text-align: left;
-  font-family: inherit;
-  font-weight: 400;
-  transition: all .1s;
-  border-left: 3px solid transparent;
-}
-.adm-nav-item:hover { background: rgba(255,255,255,0.04); color: #F1F5F9; }
-.adm-nav-item.active {
-  color: #FFFFFF;
-  background: rgba(99,102,241,0.12);
-  border-left-color: var(--accent, #6366F1);
-  font-weight: 500;
-}
-.adm-nav-item .icon { font-size: .81rem; width: 16px; text-align: center; }
-.adm-nav-item .label { flex: 1; }
-.adm-nav-item .cnt {
-  background: rgba(255,255,255,0.08);
-  color: #94A3B8;
-  font-size: .69rem;
-  padding: 1px 7px;
-  border-radius: 9999px;
-  font-weight: 600;
-}
-.adm-sep { height: 1px; background: rgba(255,255,255,0.08); margin: 8px 16px; }
-
-/* Main area */
-.adm-main { flex: 1; padding: 24px 32px; overflow-y: auto; background: var(--bg-deep); }
-.adm-topbar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-.adm-topbar-right { display: flex; align-items: center; gap: 12px; }
-.adm-page-title {
-  font-size: 1.375rem;
-  font-weight: 800;
-  color: #1A1A2E;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-/* Cards */
-.adm-grid { display: grid; gap: 16px; margin-bottom: 20px; }
-.adm-grid-4 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
-.adm-grid-3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
-.adm-grid-2 { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
-.adm-card {
-  background: var(--glass-bg, #FFFFFF);
-  border: 1px solid var(--glass-border, #E5E7EB);
-  border-radius: 14px;
-  padding: 20px 24px;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
-}
-.adm-card h2 {
-  font-size: .66rem;
-  text-transform: uppercase;
-  letter-spacing: .5px;
-  color: #9CA3AF;
-  margin-bottom: 6px;
-  font-weight: 700;
-}
-.adm-stat { font-size: 1.625rem; font-weight: 800; line-height: 1.1; color: #1A1A2E; }
-.adm-stat.indigo { color: var(--accent, #6366F1); }
-.adm-stat.mint { color: #34D399; }
-.adm-stat-label { color: #9CA3AF; font-size: .69rem; margin-top: 2px; }
-
-/* Badges */
-.adm-badge {
-  display: inline-block;
-  padding: 2px 8px;
-  border-radius: 20px;
-  font-size: .7rem;
-  font-weight: 600;
-  text-transform: uppercase;
-}
-/* Badge semantic colors */
-.adm-badge--success { background: #D1FAE5; color: #047857; }
-.adm-badge--warning { background: #FEF3C7; color: #B45309; }
-.adm-badge--danger  { background: #FEE2E2; color: #DC2626; }
-.adm-badge--info    { background: #EFF6FF; color: #1D4ED8; }
-.adm-badge--accent  { background: #F5F3FF; color: #6D28D9; }
-.adm-badge--muted   { background: #F3F4F6; color: #6B7280; }
-
-/* Badge name aliases → semantic colors */
-.adm-badge-healthy,
-.adm-badge-public,
-.adm-badge-delivered,
-.adm-badge-settled,
-.adm-badge-owner      { background: #D1FAE5; color: #047857; }
-
-.adm-badge-watch,
-.adm-badge-pending    { background: #FEF3C7; color: #B45309; }
-
-.adm-badge-danger,
-.adm-badge-critical,
-.adm-badge-cancelled,
-.adm-badge-expired,
-.adm-badge-disputed,
-.adm-badge-error      { background: #FEE2E2; color: #DC2626; }
-
-.adm-badge-info,
-.adm-badge-accepted,
-.adm-badge-in_progress,
-.adm-badge-operator,
-.adm-badge-syncing    { background: #EFF6FF; color: #1D4ED8; }
-
-.adm-badge-private,
-.adm-badge-agent      { background: #F5F3FF; color: #6D28D9; }
-
-.adm-badge-idle,
-.adm-badge-general    { background: #F3F4F6; color: #6B7280; }
-
-/* Error / success toast */
-.adm-toast {
-  padding: 10px 16px;
-  border-radius: 8px;
-  font-size: .85rem;
-  margin-bottom: 12px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  animation: adm-toast-in .2s ease;
-}
-.adm-toast-error   { background: #FEE2E2; color: #DC2626; border: 1px solid #FECACA; }
-.adm-toast-success { background: #D1FAE5; color: #047857; border: 1px solid #A7F3D0; }
-.adm-toast-dismiss {
-  margin-left: auto;
-  cursor: pointer;
-  opacity: .6;
-  background: none;
-  border: none;
-  color: inherit;
-  font-size: 1rem;
-}
-.adm-toast-dismiss:hover { opacity: 1; }
-@keyframes adm-toast-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
-
-/* Economy rows */
-.adm-erow { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid #F3F4F6; }
-.adm-erow:last-child { border-bottom: none; }
-.adm-elabel { color: #6B7280; font-size: .84rem; }
-.adm-eval { font-family: var(--font-mono); font-size: .81rem; font-weight: 600; color: #1A1A2E; }
-
-/* Health rows */
-.adm-hrow { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #F3F4F6; }
-.adm-hrow:last-child { border-bottom: none; }
-.adm-hmetric { font-size: .84rem; color: #6B7280; }
-.adm-hval { font-family: var(--font-mono); font-size: .84rem; color: var(--accent, #6366F1); }
-
-/* Tables */
-.adm table { width: 100%; border-collapse: collapse; font-size: .81rem; }
-.adm th { text-align: left; color: #9CA3AF; font-weight: 600; padding: 8px 10px; border-bottom: 1px solid #E5E7EB; white-space: nowrap; font-size: .69rem; text-transform: uppercase; letter-spacing: .3px; }
-.adm td { padding: 8px 10px; border-bottom: 1px solid #F3F4F6; color: #6B7280; }
-.adm tr:hover td { background: #F9FAFB; }
-
-/* Misc */
-.adm .mono { font-family: var(--font-mono); font-size: .78rem; }
-.adm .scrollable { max-height: 600px; overflow-y: auto; }
-.adm .empty { color: #9CA3AF; text-align: center; padding: 24px; font-size: .85rem; }
-.adm .error-box { background: #FEE2E2; border: 1px solid #FECACA; border-radius: 8px; padding: 16px; color: #DC2626; margin: 20px 0; }
-.adm .tag { display: inline-block; background: #F3F4F6; color: #6B7280; padding: 1px 6px; border-radius: 4px; font-size: .7rem; margin: 1px; }
-
-/* Buttons */
-.adm-btn {
-  background: var(--accent, #6366F1);
-  color: #fff;
-  border: none;
-  padding: 8px 18px;
-  border-radius: 10px;
-  cursor: pointer;
-  font-size: .81rem;
-  font-weight: 600;
-  font-family: inherit;
-  transition: all .15s;
-}
-.adm-btn:hover { background: #4F46E5; }
-.adm-btn:disabled { opacity: .5; cursor: not-allowed; }
-.adm-btn-sm {
-  background: none;
-  border: 1px solid #E5E7EB;
-  color: var(--accent, #6366F1);
-  padding: 3px 10px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: .75rem;
-  font-family: inherit;
-}
-.adm-btn-sm:hover { background: #F3F4F6; }
-.adm-btn-action {
-  background: none;
-  border: 1px solid #E5E7EB;
-  color: var(--accent, #6366F1);
-  padding: 4px 12px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: .78rem;
-  font-family: inherit;
-}
-.adm-btn-action:hover { background: #F3F4F6; }
-
-/* Sub-panels */
-.adm-sub-panel {
-  background: #F8FAFC;
-  border: 1px solid #E5E7EB;
-  border-radius: 8px;
-  padding: 12px;
-  margin-top: 8px;
-  font-size: .8rem;
-}
-
-/* Inputs */
-.adm input[type="text"],
-.adm input[type="number"],
-.adm input[type="email"],
-.adm input[type="password"],
-.adm textarea,
-.adm select {
-  padding: 8px 10px;
-  border-radius: 6px;
-  border: 1.5px solid #E5E7EB;
-  background: #FAFAF8;
-  color: #1A1A2E;
-  font-size: .85rem;
-  font-family: inherit;
-}
-.adm input:focus,
-.adm textarea:focus,
-.adm select:focus {
-  border-color: var(--accent, #6366F1);
-  box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
-  outline: none;
-}
-
-/* Login overlay */
-.adm-login {
-  max-width: 420px;
-  margin: 60px auto;
-  text-align: center;
-}
-.adm-login h2 {
-  font-size: 1.2rem;
-  color: #1A1A2E;
-  text-transform: none;
-  letter-spacing: 0;
-  margin-bottom: 4px;
-}
-.adm-login p { color: #6B7280; font-size: .85rem; margin-bottom: 16px; }
-.adm-login input { width: 100%; margin-bottom: 8px; }
-.adm-login-err {
-  margin-top: 10px;
-  padding: 8px;
-  border-radius: 6px;
-  background: #FEE2E2;
-  border: 1px solid #FECACA;
-  color: #DC2626;
-  font-size: .85rem;
-}
-
-/* Config editor */
-.adm-config-changes {
-  margin-bottom: 16px;
-  padding: 12px;
-  background: #FEF3C7;
-  border: 1px solid #FDE68A;
-  border-radius: 8px;
-}
-.adm-config-array-edit {
-  width: 360px;
-  max-width: 100%;
-  min-height: 4.5rem;
-  font-family: 'JetBrains Mono', monospace;
-  font-size: 0.8rem;
-  padding: 6px 8px;
-  border: 1px solid var(--border, #E5E7EB);
-  border-radius: 6px;
-  resize: vertical;
-  box-sizing: border-box;
-}
-.adm-config-readonly { opacity: 0.85; pointer-events: none; }
-.adm-config-readonly input,
-.adm-config-readonly select { background: #F3F4F6; cursor: not-allowed; }
-.adm-config-readonly-banner {
-  margin-bottom: 16px;
-  padding: 12px 16px;
-  background: #EFF6FF;
-  border: 1px solid #BFDBFE;
-  border-radius: 8px;
-  color: #1D4ED8;
-  font-size: .85rem;
-}
-
-/* Expandable help sections */
-.adm-help {
-  margin-bottom: 12px;
-  border: 1px solid #E5E7EB;
-  border-radius: 8px;
-  background: #F8FAFC;
-}
-.adm-help-summary {
-  cursor: pointer;
-  padding: 10px 14px;
-  color: var(--accent, #6366F1);
-  font-size: .85rem;
-  font-weight: 600;
-  user-select: none;
-}
-.adm-help-summary:hover { color: #1A1A2E; }
-.adm-help-body {
-  padding: 0 14px 12px;
-  color: #6B7280;
-  font-size: .82rem;
-  line-height: 1.6;
-}
-.adm-help-body p { margin: 0 0 8px; }
-.adm-help-body ul { margin: 4px 0 8px; padding-left: 20px; }
-.adm-help-body li { margin-bottom: 4px; }
-.adm-help-body code {
-  background: #F3F4F6;
-  padding: 1px 5px;
-  border-radius: 3px;
-  font-size: .78rem;
-  color: var(--accent, #6366F1);
-}
-.adm-help-body strong { color: #1A1A2E; }
-
-/* Card grid for card-based layouts */
-.adm-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
-
-/* Responsive */
-@media (max-width: 768px) {
-  .adm-sidebar { display: none; }
-  .adm-main { padding: 12px; }
-}
-
-/* ── System Prompts ── */
-.adm-prompt-editor { display: flex; flex-direction: column; gap: 8px; margin: 8px 0; }
-.adm-prompt-textarea {
-  width: 100%; min-height: 300px; max-height: 600px;
-  font-family: var(--font-mono); font-size: 13px; line-height: 1.5;
-  background: #FAFAF8; border: 1.5px solid #E5E7EB;
-  color: #1A1A2E; padding: 12px; border-radius: 8px;
-  resize: vertical; box-sizing: border-box; tab-size: 2;
-}
-.adm-prompt-textarea:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
-.adm-prompt-vars { font-size: .8rem; color: #6B7280; padding: 8px 12px; background: #F3F4F6; border-radius: 6px; margin: 4px 0; }
-.adm-prompt-vars code { color: var(--accent); }
-.adm-prompt-version-row {
-  display: flex; align-items: center; gap: 8px; padding: 6px 0;
-  border-bottom: 1px solid #F3F4F6; font-size: .85rem;
-}
-.adm-prompt-version-row:last-child { border-bottom: none; }
-.adm-prompt-used-tag {
-  display: inline-block; font-size: .7rem; padding: 2px 6px;
-  background: #F3F4F6; border: 1px solid #E5E7EB;
-  border-radius: 4px; color: #6B7280; margin: 1px;
-}
-.adm-prompt-group-header {
-  cursor: pointer; padding: 8px 0; font-weight: 600; color: #1A1A2E;
-  display: flex; align-items: center; gap: 6px;
-  border-bottom: 1px solid #F3F4F6;
-}
-
-/* ── Form Controls ── */
-.adm-input {
-  background: #FAFAF8;
-  border: 1.5px solid #E5E7EB;
-  color: #1A1A2E;
-  padding: 8px 12px;
-  border-radius: 6px;
-  font-size: .85rem;
-  font-family: inherit;
-}
-.adm-input:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
-.adm-input-full { width: 100%; }
-
-.adm-textarea {
-  background: #FAFAF8;
-  border: 1.5px solid #E5E7EB;
-  color: #1A1A2E;
-  padding: 10px;
-  border-radius: 6px;
-  font-family: var(--font-mono);
-  font-size: .8rem;
-  resize: vertical;
-  line-height: 1.5;
-  tab-size: 2;
-}
-
-/* ── Flex Utilities ── */
-.adm-flex       { display: flex; gap: 8px; }
-.adm-flex-col   { display: flex; flex-direction: column; gap: 8px; }
-.adm-flex-between { display: flex; justify-content: space-between; align-items: center; }
-.adm-flex-center  { display: flex; align-items: center; gap: 8px; }
-.adm-flex-wrap    { display: flex; flex-wrap: wrap; gap: 8px; }
-
-/* ── Text Utilities ── */
-.adm-text-xs  { font-size: .7rem; }
-.adm-text-sm  { font-size: .8rem; }
-.adm-text-base { font-size: .85rem; }
-.adm-text-dim  { color: var(--text-dim); }
-.adm-text-bright { color: #1A1A2E; }
-.adm-text-accent { color: var(--accent); }
-.adm-text-error  { color: #DC2626; }
-.adm-text-success { color: #047857; }
-.adm-text-mono { font-family: var(--font-mono); font-size: .8rem; }
-
-/* ── Spacing Utilities ── */
-.adm-gap-xs { gap: 4px; }
-.adm-gap-sm { gap: 8px; }
-.adm-gap-md { gap: 12px; }
-.adm-gap-lg { gap: 16px; }
-
-.adm-mb-xs { margin-bottom: 4px; }
-.adm-mb-sm { margin-bottom: 8px; }
-.adm-mb-md { margin-bottom: 12px; }
-.adm-mb-lg { margin-bottom: 16px; }
-
-.adm-mt-sm { margin-top: 8px; }
-.adm-mt-md { margin-top: 12px; }
-.adm-mt-lg { margin-top: 16px; }
-
-/* ── Modal ── */
-.adm-modal-overlay {
-  position: fixed; inset: 0;
-  background: rgba(26,26,46,.4);
-  backdrop-filter: blur(8px);
-  display: flex; align-items: center; justify-content: center;
-  z-index: 1000;
-}
-
-/* ── Memory Tab ── */
-.adm-mem-stats {
-  display: flex; gap: 16px; margin-bottom: 16px; flex-wrap: wrap;
-}
-.adm-mem-stat {
-  background: var(--glass-bg); border: 1px solid var(--glass-border);
-  border-radius: 10px; padding: 12px 20px; text-align: center; min-width: 100px;
-}
-.adm-mem-stat-value { display: block; font-size: 1.4rem; font-weight: 700; color: var(--accent); }
-.adm-mem-stat-label { display: block; font-size: .75rem; color: var(--text-dim); margin-top: 2px; }
-.adm-mem-filters {
-  display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; align-items: center;
-}
-.adm-mem-filters .adm-input {
-  padding: 6px 10px; border: 1px solid var(--glass-border); border-radius: 6px;
-  font-size: .85rem; background: var(--glass-bg); color: inherit; min-width: 160px;
-}
-.adm-mem-value-label { font-size: .8rem; color: var(--text-dim); margin-bottom: 4px; }
-.adm-mem-value {
-  background: #f1f5f9; border: 1px solid var(--glass-border); border-radius: 6px;
-  padding: 10px; font-size: .8rem; max-height: 300px; overflow: auto;
-  white-space: pre-wrap; word-break: break-all; font-family: 'JetBrains Mono', monospace;
-}
-.adm-mem-pagination {
-  display: flex; align-items: center; justify-content: center; gap: 12px;
-  padding: 12px 0; border-top: 1px solid var(--glass-border); margin-top: 8px;
-}
-.adm-mem-page-info { font-size: .85rem; color: var(--text-dim); }
-.adm-btn-danger {
-  color: #dc2626; border-color: #fecaca;
-}
-.adm-btn-danger:hover { background: #fef2f2; }
-
-/* Subtabs row */
-.adm-subtabs { display: flex; gap: 8px; margin: 16px 0; flex-wrap: wrap; }
-
-/* Active subtab button */
-.adm-btn-active,
-.adm-btn-active:hover { background: var(--accent, #6366F1); color: #fff; }
-
-/* Packages tab seed card */
-.adm-pkg-seed-card { margin-bottom: 16px; text-align: center; padding: 24px; }
-.adm-pkg-seed-text { margin-bottom: 12px; }
-.adm-pkg-seed-msg { margin-top: 8px; font-size: .85rem; color: var(--green, #34d399); }
-
-/* Template moderation */
-.adm-mod-section { margin-bottom: 16px; }
-.adm-mod-review { margin-top: 8px; }
-.adm-mod-review-title { font-size: 1rem; font-weight: 700; margin-bottom: 8px; color: var(--text-bright, #1A1A2E); }
-.adm-mod-desc { font-size: .85rem; color: var(--text-dim, #6B7280); margin-bottom: 8px; }
-.adm-mod-meta-grid { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 8px; font-size: .84rem; }
-.adm-mod-meta-item { color: var(--text-dim, #6B7280); }
-.adm-mod-meta-item strong { color: var(--text-bright, #1A1A2E); }
-.adm-mod-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 8px; }
-.adm-mod-pre { font-size: .78rem; white-space: pre-wrap; word-break: break-all; max-height: 300px; overflow: auto; font-family: var(--font-mono); background: var(--bg-deep, #F8FAFC); border: 1px solid var(--glass-border, #E5E7EB); border-radius: 6px; padding: 10px; }
-.adm-mod-components { margin-bottom: 12px; }
-.adm-mod-components h5 { font-size: .84rem; margin-bottom: 6px; }
-.adm-mod-actions { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 12px; }
-.adm-mod-action-group { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 6px; }
-.adm-mod-action-label { font-size: .78rem; font-weight: 600; color: var(--text-dim, #6B7280); }
-.adm-mod-input { padding: 6px 10px; border: 1px solid var(--glass-border, #E5E7EB); border-radius: 6px; font-size: .85rem; background: var(--glass-bg, #fff); color: inherit; }
-.adm-mod-suspend-panel { margin-top: 8px; }
-.adm-mod-suspend-row { display: flex; gap: 8px; align-items: center; }
-.adm-mod-suspend-row .adm-mod-input { flex: 1; }
-
-/* Badge aliases for moderation statuses */
-.adm-badge-approved  { background: #D1FAE5; color: #047857; }
-.adm-badge-rejected  { background: #FEE2E2; color: #DC2626; }
-.adm-badge-suspended { background: #FEF3C7; color: #B45309; }
-.adm-badge-published { background: #D1FAE5; color: #047857; }
-.adm-badge-active    { background: #D1FAE5; color: #047857; }
-.adm-badge-installed { background: #D1FAE5; color: #047857; }
-
-/* ── Board Members ── */
-.adm-board-detail { border-top: 1px solid var(--card-border, var(--glass-border)); padding-top: 8px; }
-.adm-board-post { margin-bottom: 6px; padding: 6px; background: var(--bg-card, var(--glass-bg)); border-radius: 6px; }
-.adm-board-members { border-top: 1px solid var(--card-border, var(--glass-border)); padding-top: 8px; }
-.adm-member-tag {
-  display: inline-flex; align-items: center; gap: 4px;
-  background: var(--glass-bg); border: 1px solid var(--glass-border);
-  border-radius: 4px; padding: 2px 8px; font-size: .8rem;
-}
-.adm-member-tag code { font-size: .78rem; }
-.adm-member-remove {
-  background: none; border: none; color: var(--text-dim); cursor: pointer;
-  font-size: 1rem; line-height: 1; padding: 0 2px;
-}
-.adm-member-remove:hover { color: var(--danger, #E8564A); }
-.adm-member-add { display: flex; gap: 8px; align-items: center; }
-.adm-member-add .adm-input { flex: 1; font-size: .85rem; }
-.adm-font-mono { font-family: 'JetBrains Mono', monospace; }
-
-/* ── Stats Time Range Selector ── */
-.adm-time-range {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 20px;
-  padding: 12px 16px;
-  background: var(--glass-bg, #FFFFFF);
-  border: 1px solid var(--glass-border, #E5E7EB);
-  border-radius: 8px;
-}
-.adm-time-range-label {
-  font-size: 0.8rem;
-  color: var(--text-dim);
-  margin-right: 4px;
-}
-.adm-time-btn {
-  padding: 4px 12px;
-  font-size: 0.75rem;
-  border: 1px solid var(--glass-border, #E5E7EB);
-  border-radius: 6px;
-  background: transparent;
-  color: #1A1A2E;
-  cursor: pointer;
-  font-family: inherit;
-  transition: all 0.15s;
-}
-.adm-time-btn:hover { border-color: var(--accent); color: var(--accent); }
-.adm-time-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }
-.adm-time-custom {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-left: auto;
-}
-.adm-time-custom input[type="date"] {
-  padding: 3px 8px;
-  font-size: 0.75rem;
-  border: 1px solid var(--glass-border, #E5E7EB);
-  border-radius: 4px;
-  background: #FAFAF8;
-  color: #1A1A2E;
-  font-family: inherit;
-}
-
-/* ── Stats Breakdown Table ── */
-.adm-breakdown-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.78rem;
-  margin-top: 8px;
-}
-.adm-breakdown-table th {
-  text-align: left;
-  padding: 6px 10px;
-  color: var(--text-dim);
-  border-bottom: 1px solid var(--glass-border, #E5E7EB);
-  font-weight: 500;
-}
-.adm-breakdown-table td {
-  padding: 5px 10px;
-  border-bottom: 1px solid #F3F4F6;
-}
-.adm-breakdown-table td.num {
-  text-align: right;
-  font-variant-numeric: tabular-nums;
-}
-
-/* ── Stats Section Header Colors ── */
-.adm-section-purple  { color: #a855f7; }
-.adm-section-cyan    { color: #06b6d4; }
-.adm-section-violet  { color: #8b5cf6; }
-.adm-section-amber   { color: #f59e0b; }
-.adm-section-red     { color: #ef4444; }
-
-/* ── Breakdown Table ── */
-.adm-breakdown-table th.num { text-align: right; }
-
-/* ── Stats Inline Breakdown ── */
-.adm-date-separator { color: var(--text-dim); }
-.adm-mailbox-inline { padding: 10px 16px; }
-.adm-blocked-reasons { margin-bottom: 6px; color: var(--text-dim); }
-.adm-channels-summary { color: var(--text-dim); }
-
-.adm-badge-live {
-  display: inline-block;
-  font-size: 0.6rem;
-  padding: 1px 6px;
-  border-radius: 4px;
-  background: var(--accent);
-  color: #fff;
-  vertical-align: middle;
-  margin-left: 6px;
-}
+/* ── Admin Dashboard SPA Styles ──
+ * @file admin.css
+ * @description Admin dashboard (operator tooling) styles, .adm-* scoped. Keeps
+ *   its distinct indigo accent and a permanently-dark sidebar, but all content
+ *   surfaces map to global theme.css tokens so they flip with dark/light mode.
+ * @version-history
+ *   v1.5.0 — 2026-06-02 — Component unification (#13 tables): strip the dead
+ *     `, #E5E7EB` hardcoded fallback from `.adm-breakdown-table th` border
+ *     (.adm always maps --glass-border → --border, so the fallback was dead
+ *     light-frozen code). No visual change. The .adm table look is unchanged
+ *     (scoped .adm table still wins over the new generic .data-table).
+ *   v1.1.0 — 2026-06-02 — Tokenize all surfaces/text/borders/badges for dark mode (Phase 2).
+ *   v1.2.0 — 2026-06-02 — Component unification (#3): remove .adm-modal-overlay
+ *     duplicate; msm-tab now uses canonical theme.css .modal-overlay.
+ *   v1.3.0 — 2026-06-02 — Component unification (#16): add tokenized
+ *     .tag--status-* classes (replace agent-tasks-tab inline hex status colors).
+ *   v1.4.0 — 2026-06-02 — Component unification (#21 key/value rows): strip the
+ *     dead `, #6366F1` hardcoded hex fallbacks from every `var(--accent, #6366F1)`
+ *     (10 sites incl. .adm-hval) — .adm always defines --accent (indigo light /
+ *     #818CF8 dark), so the fallback was light-mode-frozen dead code. No visual
+ *     change; removes hardcoded hex per Rule 7.3. .adm-erow/.adm-hrow markup left
+ *     in place (mono/bordered look differs from canonical .kv-row).
+ */
+
+/* Admin-scoped variables: indigo accent identity + surfaces mapped to global
+   (flipping) tokens. Text tiers inherit the global tokens so they flip too. */
+.adm {
+  --accent: #6366F1;
+  --accent-light: rgba(99, 102, 241, 0.12);
+  --glass-border: var(--border);
+  --glass-bg: var(--bg-card);
+  --bg-deep: var(--bg);
+  --sidebar-bg: #1E293B;            /* dark slate — sidebar stays dark in both themes (by design) */
+  --sidebar-text: #CBD5E1;
+  --sidebar-border: rgba(255, 255, 255, 0.08);
+}
+/* Brighten the indigo accent for contrast on dark surfaces */
+[data-theme="dark"] .adm { --accent: #818CF8; }
+
+/* Layout */
+.adm { display: flex; min-height: 100vh; position: relative; z-index: 1; background: var(--bg-deep); color: var(--text); }
+
+/* Sidebar — stays dark per mockup (its colors are intentionally fixed) */
+.adm-sidebar {
+  width: 220px;
+  background: var(--sidebar-bg);
+  border-right: none;
+  padding: 16px 0;
+  flex-shrink: 0;
+  position: sticky;
+  top: 0;
+  height: 100vh;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+.adm-sidebar .node-id {
+  padding: 0 18px;
+  padding-top: 4px;
+  color: #475569;
+  font-size: .69rem;
+  font-family: var(--font-mono);
+  margin-bottom: 16px;
+  word-break: break-all;
+}
+.adm-nav-group {
+  font-size: .625rem;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  color: #475569;
+  padding: 0 18px;
+  margin-top: 16px;
+  margin-bottom: 4px;
+  font-weight: 700;
+}
+.adm-nav-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 7px 18px;
+  color: var(--sidebar-text, #CBD5E1);
+  font-size: .84rem;
+  cursor: pointer;
+  border: none;
+  background: none;
+  width: 100%;
+  text-align: left;
+  font-family: inherit;
+  font-weight: 400;
+  transition: all .1s;
+  border-left: 3px solid transparent;
+}
+.adm-nav-item:hover { background: rgba(255,255,255,0.04); color: #F1F5F9; }
+.adm-nav-item.active {
+  color: #FFFFFF;
+  background: rgba(99,102,241,0.18);
+  border-left-color: var(--accent);
+  font-weight: 500;
+}
+.adm-nav-item .icon { font-size: .81rem; width: 16px; text-align: center; }
+.adm-nav-item .label { flex: 1; }
+.adm-nav-item .cnt {
+  background: rgba(255,255,255,0.08);
+  color: #94A3B8;
+  font-size: .69rem;
+  padding: 1px 7px;
+  border-radius: 9999px;
+  font-weight: 600;
+}
+.adm-sep { height: 1px; background: rgba(255,255,255,0.08); margin: 8px 16px; }
+
+/* Main area */
+.adm-main { flex: 1; padding: 24px 32px; overflow-y: auto; background: var(--bg-deep); }
+.adm-topbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.adm-topbar-right { display: flex; align-items: center; gap: 12px; }
+.adm-page-title {
+  font-size: 1.375rem;
+  font-weight: 800;
+  color: var(--text);
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+/* Cards */
+.adm-grid { display: grid; gap: 16px; margin-bottom: 20px; }
+.adm-grid-4 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
+.adm-grid-3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
+.adm-grid-2 { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
+.adm-card {
+  background: var(--glass-bg, #FFFFFF);
+  border: 1px solid var(--glass-border, #E5E7EB);
+  border-radius: 14px;
+  padding: 20px 24px;
+  box-shadow: var(--shadow-sm);
+}
+.adm-card h2 {
+  font-size: .66rem;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  color: var(--text-muted);
+  margin-bottom: 6px;
+  font-weight: 700;
+}
+.adm-stat { font-size: 1.625rem; font-weight: 800; line-height: 1.1; color: var(--text); }
+.adm-stat.indigo { color: var(--accent); }
+.adm-stat.mint,
+.adm-stat.green  { color: var(--mint); }
+.adm-stat.cyan   { color: var(--teal); }
+.adm-stat.amber  { color: var(--warn); }
+.adm-stat.purple { color: var(--purple); }
+.adm-stat.blue   { color: var(--blue); }
+.adm-stat.orange { color: var(--orange); }
+.adm-stat.red    { color: var(--danger); }
+.adm-stat-label { color: var(--text-muted); font-size: .69rem; margin-top: 2px; }
+
+/* Badges */
+.adm-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 20px;
+  font-size: .7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+/* Badge semantic colors */
+.adm-badge--success { background: var(--success-bg); color: var(--success-fg); }
+.adm-badge--warning { background: var(--warn-bg); color: var(--warn-fg); }
+.adm-badge--danger  { background: var(--danger-bg); color: var(--danger-fg); }
+.adm-badge--info    { background: var(--info-bg); color: var(--info-fg); }
+.adm-badge--accent  { background: var(--purple-bg); color: var(--purple-fg); }
+.adm-badge--muted   { background: var(--bg-surface); color: var(--text-dim); }
+
+/* Badge name aliases → semantic colors */
+.adm-badge-healthy,
+.adm-badge-public,
+.adm-badge-delivered,
+.adm-badge-settled,
+.adm-badge-owner      { background: var(--success-bg); color: var(--success-fg); }
+
+.adm-badge-watch,
+.adm-badge-pending    { background: var(--warn-bg); color: var(--warn-fg); }
+
+.adm-badge-danger,
+.adm-badge-critical,
+.adm-badge-cancelled,
+.adm-badge-expired,
+.adm-badge-disputed,
+.adm-badge-error      { background: var(--danger-bg); color: var(--danger-fg); }
+
+.adm-badge-info,
+.adm-badge-accepted,
+.adm-badge-in_progress,
+.adm-badge-operator,
+.adm-badge-syncing    { background: var(--info-bg); color: var(--info-fg); }
+
+.adm-badge-private,
+.adm-badge-agent      { background: var(--purple-bg); color: var(--purple-fg); }
+
+.adm-badge-idle,
+.adm-badge-general    { background: var(--bg-surface); color: var(--text-dim); }
+
+/* Error / success toast */
+.adm-toast {
+  padding: 10px 16px;
+  border-radius: 8px;
+  font-size: .85rem;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  animation: adm-toast-in .2s ease;
+}
+.adm-toast-error   { background: var(--danger-bg); color: var(--danger-fg); border: 1px solid var(--danger-border); }
+.adm-toast-success { background: var(--success-bg); color: var(--success-fg); border: 1px solid var(--success-border); }
+.adm-toast-dismiss {
+  margin-left: auto;
+  cursor: pointer;
+  opacity: .6;
+  background: none;
+  border: none;
+  color: inherit;
+  font-size: 1rem;
+}
+.adm-toast-dismiss:hover { opacity: 1; }
+@keyframes adm-toast-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
+
+/* Economy rows */
+.adm-erow { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid var(--border-subtle); }
+.adm-erow:last-child { border-bottom: none; }
+.adm-elabel { color: var(--text-dim); font-size: .84rem; }
+.adm-eval { font-family: var(--font-mono); font-size: .81rem; font-weight: 600; color: var(--text); }
+
+/* Health rows */
+.adm-hrow { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--border-subtle); }
+.adm-hrow:last-child { border-bottom: none; }
+.adm-hmetric { font-size: .84rem; color: var(--text-dim); }
+.adm-hval { font-family: var(--font-mono); font-size: .84rem; color: var(--accent); }
+
+/* Tables */
+.adm table { width: 100%; border-collapse: collapse; font-size: .81rem; }
+.adm th { text-align: left; color: var(--text-muted); font-weight: 600; padding: 8px 10px; border-bottom: 1px solid var(--border); white-space: nowrap; font-size: .69rem; text-transform: uppercase; letter-spacing: .3px; }
+.adm td { padding: 8px 10px; border-bottom: 1px solid var(--border-subtle); color: var(--text-dim); }
+.adm tr:hover td { background: var(--bg-surface); }
+
+/* Misc */
+.adm .mono { font-family: var(--font-mono); font-size: .78rem; }
+.adm .scrollable { max-height: 600px; overflow-y: auto; }
+.adm .empty { color: var(--text-muted); text-align: center; padding: 24px; font-size: .85rem; }
+.adm .error-box { background: var(--danger-bg); border: 1px solid var(--danger-border); border-radius: 8px; padding: 16px; color: var(--danger-fg); margin: 20px 0; }
+.adm .tag { display: inline-block; background: var(--bg-surface); color: var(--text-dim); padding: 1px 6px; border-radius: 4px; font-size: .7rem; margin: 1px; }
+/* Status-colored task tags — tokenized (were inline hex colors). Color only;
+   base .adm .tag has no border so border-color stays inert as before. */
+.adm .tag--status-active  { color: var(--accent); }
+.adm .tag--status-done    { color: var(--success); }
+.adm .tag--status-failed  { color: var(--danger); }
+.adm .tag--status-stalled { color: var(--warn); }
+.adm .tag--status-queued  { color: var(--purple); }
+.adm .tag--status-draft   { color: var(--text-dim); }
+
+/* Buttons */
+.adm-btn {
+  background: var(--accent);
+  color: #fff;
+  border: none;
+  padding: 8px 18px;
+  border-radius: 10px;
+  cursor: pointer;
+  font-size: .81rem;
+  font-weight: 600;
+  font-family: inherit;
+  transition: all .15s;
+}
+.adm-btn:hover { filter: brightness(0.92); }
+.adm-btn:disabled { opacity: .5; cursor: not-allowed; }
+.adm-btn-sm {
+  background: none;
+  border: 1px solid var(--border);
+  color: var(--accent);
+  padding: 3px 10px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: .75rem;
+  font-family: inherit;
+}
+.adm-btn-sm:hover { background: var(--bg-surface); }
+.adm-btn-action {
+  background: none;
+  border: 1px solid var(--border);
+  color: var(--accent);
+  padding: 4px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: .78rem;
+  font-family: inherit;
+}
+.adm-btn-action:hover { background: var(--bg-surface); }
+
+/* Sub-panels */
+.adm-sub-panel {
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 12px;
+  margin-top: 8px;
+  font-size: .8rem;
+}
+
+/* Inputs */
+.adm input[type="text"],
+.adm input[type="number"],
+.adm input[type="email"],
+.adm input[type="password"],
+.adm textarea,
+.adm select {
+  padding: 8px 10px;
+  border-radius: 6px;
+  border: 1.5px solid var(--border);
+  background: var(--bg-input);
+  color: var(--text);
+  font-size: .85rem;
+  font-family: inherit;
+}
+.adm input:focus,
+.adm textarea:focus,
+.adm select:focus {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px rgba(99,102,241,0.15);
+  outline: none;
+}
+
+/* Login overlay */
+.adm-login {
+  max-width: 420px;
+  margin: 60px auto;
+  text-align: center;
+}
+.adm-login h2 {
+  font-size: 1.2rem;
+  color: var(--text);
+  text-transform: none;
+  letter-spacing: 0;
+  margin-bottom: 4px;
+}
+.adm-login p { color: var(--text-dim); font-size: .85rem; margin-bottom: 16px; }
+.adm-login input { width: 100%; margin-bottom: 8px; }
+.adm-login-err {
+  margin-top: 10px;
+  padding: 8px;
+  border-radius: 6px;
+  background: var(--danger-bg);
+  border: 1px solid var(--danger-border);
+  color: var(--danger-fg);
+  font-size: .85rem;
+}
+
+/* Config editor */
+.adm-config-changes {
+  margin-bottom: 16px;
+  padding: 12px;
+  background: var(--warn-bg);
+  border: 1px solid var(--warn-border);
+  border-radius: 8px;
+}
+.adm-config-array-edit {
+  width: 360px;
+  max-width: 100%;
+  min-height: 4.5rem;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.8rem;
+  padding: 6px 8px;
+  border: 1px solid var(--border, #E5E7EB);
+  border-radius: 6px;
+  resize: vertical;
+  box-sizing: border-box;
+}
+.adm-config-readonly { opacity: 0.85; pointer-events: none; }
+.adm-config-readonly input,
+.adm-config-readonly select { background: var(--bg-surface); cursor: not-allowed; }
+.adm-config-readonly-banner {
+  margin-bottom: 16px;
+  padding: 12px 16px;
+  background: var(--info-bg);
+  border: 1px solid var(--info-border);
+  border-radius: 8px;
+  color: var(--info-fg);
+  font-size: .85rem;
+}
+.adm-config-result-ok {
+  padding: 8px 12px;
+  border-radius: 6px;
+  background: var(--success-bg);
+  color: var(--success-fg);
+  border: 1px solid var(--success-border);
+}
+
+/* Expandable help sections */
+.adm-help {
+  margin-bottom: 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg-surface);
+}
+.adm-help-summary {
+  cursor: pointer;
+  padding: 10px 14px;
+  color: var(--accent);
+  font-size: .85rem;
+  font-weight: 600;
+  user-select: none;
+}
+.adm-help-summary:hover { color: var(--text); }
+.adm-help-body {
+  padding: 0 14px 12px;
+  color: var(--text-dim);
+  font-size: .82rem;
+  line-height: 1.6;
+}
+.adm-help-body p { margin: 0 0 8px; }
+.adm-help-body ul { margin: 4px 0 8px; padding-left: 20px; }
+.adm-help-body li { margin-bottom: 4px; }
+.adm-help-body code {
+  background: var(--code-bg);
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-size: .78rem;
+  color: var(--accent);
+}
+.adm-help-body strong { color: var(--text); }
+
+/* Card grid for card-based layouts */
+.adm-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
+
+/* Responsive */
+@media (max-width: 768px) {
+  .adm-sidebar { display: none; }
+  .adm-main { padding: 12px; }
+}
+
+/* ── System Prompts ── */
+.adm-prompt-editor { display: flex; flex-direction: column; gap: 8px; margin: 8px 0; }
+.adm-prompt-textarea {
+  width: 100%; min-height: 300px; max-height: 600px;
+  font-family: var(--font-mono); font-size: 13px; line-height: 1.5;
+  background: var(--bg-input); border: 1.5px solid var(--border);
+  color: var(--text); padding: 12px; border-radius: 8px;
+  resize: vertical; box-sizing: border-box; tab-size: 2;
+}
+.adm-prompt-textarea:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.15); }
+.adm-prompt-vars { font-size: .8rem; color: var(--text-dim); padding: 8px 12px; background: var(--bg-surface); border-radius: 6px; margin: 4px 0; }
+.adm-prompt-vars code { color: var(--accent); }
+.adm-prompt-version-row {
+  display: flex; align-items: center; gap: 8px; padding: 6px 0;
+  border-bottom: 1px solid var(--border-subtle); font-size: .85rem;
+}
+.adm-prompt-version-row:last-child { border-bottom: none; }
+.adm-prompt-used-tag {
+  display: inline-block; font-size: .7rem; padding: 2px 6px;
+  background: var(--bg-surface); border: 1px solid var(--border);
+  border-radius: 4px; color: var(--text-dim); margin: 1px;
+}
+.adm-prompt-group-header {
+  cursor: pointer; padding: 8px 0; font-weight: 600; color: var(--text);
+  display: flex; align-items: center; gap: 6px;
+  border-bottom: 1px solid var(--border-subtle);
+}
+
+/* ── Form Controls ── */
+.adm-input {
+  background: var(--bg-input);
+  border: 1.5px solid var(--border);
+  color: var(--text);
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: .85rem;
+  font-family: inherit;
+}
+.adm-input:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.15); }
+.adm-input-full { width: 100%; }
+
+.adm-textarea {
+  background: var(--bg-input);
+  border: 1.5px solid var(--border);
+  color: var(--text);
+  padding: 10px;
+  border-radius: 6px;
+  font-family: var(--font-mono);
+  font-size: .8rem;
+  resize: vertical;
+  line-height: 1.5;
+  tab-size: 2;
+}
+
+/* ── Flex Utilities ── */
+.adm-flex       { display: flex; gap: 8px; }
+.adm-flex-col   { display: flex; flex-direction: column; gap: 8px; }
+.adm-flex-between { display: flex; justify-content: space-between; align-items: center; }
+.adm-flex-center  { display: flex; align-items: center; gap: 8px; }
+.adm-flex-wrap    { display: flex; flex-wrap: wrap; gap: 8px; }
+
+/* ── Text Utilities ── */
+.adm-text-xs  { font-size: .7rem; }
+.adm-text-sm  { font-size: .8rem; }
+.adm-text-base { font-size: .85rem; }
+.adm-text-dim  { color: var(--text-dim); }
+.adm-text-bright { color: var(--text); }
+.adm-text-accent { color: var(--accent); }
+.adm-text-error  { color: var(--danger-fg); }
+.adm-text-success { color: var(--success-fg); }
+.adm-text-mono { font-family: var(--font-mono); font-size: .8rem; }
+
+/* ── Spacing Utilities ── */
+.adm-gap-xs { gap: 4px; }
+.adm-gap-sm { gap: 8px; }
+.adm-gap-md { gap: 12px; }
+.adm-gap-lg { gap: 16px; }
+
+.adm-mb-xs { margin-bottom: 4px; }
+.adm-mb-sm { margin-bottom: 8px; }
+.adm-mb-md { margin-bottom: 12px; }
+.adm-mb-lg { margin-bottom: 16px; }
+
+.adm-mt-sm { margin-top: 8px; }
+.adm-mt-md { margin-top: 12px; }
+.adm-mt-lg { margin-top: 16px; }
+
+/* ── Modal ── canonical overlay/box live in theme.css (.modal-overlay / .modal).
+   msm-tab uses .modal-overlay directly; no admin-specific override needed. */
+
+/* ── Memory Tab ──
+   (the bespoke .adm-mem-stat summary cards were removed — memory/agent-tasks/
+   sharing-groups now use the canonical <StatsGrid>/.adm-stat pattern.) */
+.adm-mem-filters {
+  display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; align-items: center;
+}
+.adm-mem-filters .adm-input {
+  padding: 6px 10px; border: 1px solid var(--glass-border); border-radius: 6px;
+  font-size: .85rem; background: var(--glass-bg); color: inherit; min-width: 160px;
+}
+.adm-mem-value-label { font-size: .8rem; color: var(--text-dim); margin-bottom: 4px; }
+.adm-mem-value {
+  background: var(--bg-surface); border: 1px solid var(--glass-border); border-radius: 6px;
+  padding: 10px; font-size: .8rem; max-height: 300px; overflow: auto;
+  white-space: pre-wrap; word-break: break-all; font-family: 'JetBrains Mono', monospace;
+}
+.adm-mem-pagination {
+  display: flex; align-items: center; justify-content: center; gap: 12px;
+  padding: 12px 0; border-top: 1px solid var(--glass-border); margin-top: 8px;
+}
+.adm-mem-page-info { font-size: .85rem; color: var(--text-dim); }
+/* Semantic button modifiers — combine with .adm-btn-sm / .adm-btn-action
+   (which supply padding/radius). Theme-aware via tokens, never hardcoded hex.
+   These replace the ad-hoc inline style="color:#ef4444…" overrides that were
+   scattered across the tabs. */
+.adm-btn-danger {
+  color: var(--danger-fg); border-color: var(--danger-border);
+}
+.adm-btn-danger:hover { background: var(--danger-bg); }
+.adm-btn-success {
+  color: var(--success-fg); border-color: var(--success-border);
+}
+.adm-btn-success:hover { background: var(--success-bg); }
+/* Solid danger — combine with .adm-btn (which supplies layout); the bg override
+   below wins on source order. For destructive primary actions (e.g. delete). */
+.adm-btn-danger-solid {
+  background: var(--danger); color: #fff; border-color: transparent;
+}
+.adm-btn-danger-solid:hover { background: var(--danger); filter: brightness(0.92); }
+
+/* Subtabs row */
+.adm-subtabs { display: flex; gap: 8px; margin: 16px 0; flex-wrap: wrap; }
+
+/* Active subtab button */
+.adm-btn-active,
+.adm-btn-active:hover { background: var(--accent); color: #fff; }
+
+/* Packages tab seed card */
+.adm-pkg-seed-card { margin-bottom: 16px; text-align: center; padding: 24px; }
+.adm-pkg-seed-text { margin-bottom: 12px; }
+.adm-pkg-seed-msg { margin-top: 8px; font-size: .85rem; color: var(--mint); }
+
+/* Template moderation */
+.adm-mod-section { margin-bottom: 16px; }
+.adm-mod-review { margin-top: 8px; }
+.adm-mod-review-title { font-size: 1rem; font-weight: 700; margin-bottom: 8px; color: var(--text-bright, #1A1A2E); }
+.adm-mod-desc { font-size: .85rem; color: var(--text-dim, #6B7280); margin-bottom: 8px; }
+.adm-mod-meta-grid { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 8px; font-size: .84rem; }
+.adm-mod-meta-item { color: var(--text-dim, #6B7280); }
+.adm-mod-meta-item strong { color: var(--text-bright, #1A1A2E); }
+.adm-mod-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 8px; }
+.adm-mod-pre { font-size: .78rem; white-space: pre-wrap; word-break: break-all; max-height: 300px; overflow: auto; font-family: var(--font-mono); background: var(--bg-deep, #F8FAFC); border: 1px solid var(--glass-border, #E5E7EB); border-radius: 6px; padding: 10px; }
+.adm-mod-components { margin-bottom: 12px; }
+.adm-mod-components h5 { font-size: .84rem; margin-bottom: 6px; }
+.adm-mod-actions { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 12px; }
+.adm-mod-action-group { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 6px; }
+.adm-mod-action-label { font-size: .78rem; font-weight: 600; color: var(--text-dim, #6B7280); }
+.adm-mod-input { padding: 6px 10px; border: 1px solid var(--glass-border, #E5E7EB); border-radius: 6px; font-size: .85rem; background: var(--glass-bg, #fff); color: inherit; }
+.adm-mod-suspend-panel { margin-top: 8px; }
+.adm-mod-suspend-row { display: flex; gap: 8px; align-items: center; }
+.adm-mod-suspend-row .adm-mod-input { flex: 1; }
+
+/* Badge aliases for moderation statuses */
+.adm-badge-approved  { background: var(--success-bg); color: var(--success-fg); }
+.adm-badge-rejected  { background: var(--danger-bg); color: var(--danger-fg); }
+.adm-badge-suspended { background: var(--warn-bg); color: var(--warn-fg); }
+.adm-badge-published { background: var(--success-bg); color: var(--success-fg); }
+.adm-badge-active    { background: var(--success-bg); color: var(--success-fg); }
+.adm-badge-installed { background: var(--success-bg); color: var(--success-fg); }
+
+/* ── Board Members ── */
+.adm-board-detail { border-top: 1px solid var(--card-border, var(--glass-border)); padding-top: 8px; }
+.adm-board-post { margin-bottom: 6px; padding: 6px; background: var(--bg-card, var(--glass-bg)); border-radius: 6px; }
+.adm-board-members { border-top: 1px solid var(--card-border, var(--glass-border)); padding-top: 8px; }
+.adm-member-tag {
+  display: inline-flex; align-items: center; gap: 4px;
+  background: var(--glass-bg); border: 1px solid var(--glass-border);
+  border-radius: 4px; padding: 2px 8px; font-size: .8rem;
+}
+.adm-member-tag code { font-size: .78rem; }
+.adm-member-remove {
+  background: none; border: none; color: var(--text-dim); cursor: pointer;
+  font-size: 1rem; line-height: 1; padding: 0 2px;
+}
+.adm-member-remove:hover { color: var(--danger, #E8564A); }
+.adm-member-add { display: flex; gap: 8px; align-items: center; }
+.adm-member-add .adm-input { flex: 1; font-size: .85rem; }
+.adm-font-mono { font-family: 'JetBrains Mono', monospace; }
+
+/* ── Stats Time Range Selector ── */
+.adm-time-range {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 20px;
+  padding: 12px 16px;
+  background: var(--glass-bg, #FFFFFF);
+  border: 1px solid var(--glass-border, #E5E7EB);
+  border-radius: 8px;
+}
+.adm-time-range-label {
+  font-size: 0.8rem;
+  color: var(--text-dim);
+  margin-right: 4px;
+}
+.adm-time-btn {
+  padding: 4px 12px;
+  font-size: 0.75rem;
+  border: 1px solid var(--glass-border, #E5E7EB);
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text);
+  cursor: pointer;
+  font-family: inherit;
+  transition: all 0.15s;
+}
+.adm-time-btn:hover { border-color: var(--accent); color: var(--accent); }
+.adm-time-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }
+.adm-time-custom {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: auto;
+}
+.adm-time-custom input[type="date"] {
+  padding: 3px 8px;
+  font-size: 0.75rem;
+  border: 1px solid var(--glass-border, #E5E7EB);
+  border-radius: 4px;
+  background: var(--bg-input);
+  color: var(--text);
+  font-family: inherit;
+}
+
+/* ── Stats Breakdown Table ── */
+.adm-breakdown-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.78rem;
+  margin-top: 8px;
+}
+.adm-breakdown-table th {
+  text-align: left;
+  padding: 6px 10px;
+  color: var(--text-dim);
+  border-bottom: 1px solid var(--border);
+  font-weight: 500;
+}
+.adm-breakdown-table td {
+  padding: 5px 10px;
+  border-bottom: 1px solid var(--border-subtle);
+}
+.adm-breakdown-table td.num {
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+
+/* ── Stats Section Header Colors ── */
+.adm-section-purple  { color: var(--purple); }
+.adm-section-cyan    { color: var(--teal); }
+.adm-section-violet  { color: var(--purple); }
+.adm-section-amber   { color: var(--warn); }
+.adm-section-red     { color: var(--danger); }
+
+/* ── Breakdown Table ── */
+.adm-breakdown-table th.num { text-align: right; }
+
+/* ── Stats Inline Breakdown ── */
+.adm-date-separator { color: var(--text-dim); }
+.adm-mailbox-inline { padding: 10px 16px; }
+.adm-blocked-reasons { margin-bottom: 6px; color: var(--text-dim); }
+.adm-channels-summary { color: var(--text-dim); }
+
+.adm-badge-live {
+  display: inline-block;
+  font-size: 0.6rem;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: var(--accent);
+  color: #fff;
+  vertical-align: middle;
+  margin-left: 6px;
+}