.admin { max-width: 720px; margin: 0 auto; }
.admin__header { display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: var(--space-4); }
.admin-tabs { display: flex; gap: var(--space-6); margin-bottom: var(--space-4);
  align-items: flex-end; flex-wrap: wrap; border-bottom: 1px solid var(--color-border); }
.admin-tabs__tab { padding: 0 0 var(--space-2); text-decoration: none;
  font-family: var(--font-display); font-size: var(--text-lg); font-weight: 600;
  letter-spacing: -0.01em; color: var(--color-text-muted);
  border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color 120ms ease; }
.admin-tabs__tab:hover { color: var(--color-text); }
.admin-tabs__tab--active { color: var(--color-text); border-bottom-color: var(--color-text); }
.admin-table { width: 100%; border-collapse: collapse; font-size: var(--text-base); }
.admin-table td, .admin-table th { padding: var(--space-2); border-bottom: 1px solid var(--color-border);
  text-align: left; }
.admin-table th { font-size: var(--text-sm); color: var(--color-text-muted); font-weight: 500; }
.admin-table td a { text-decoration: none; }
.admin-table td a:hover { text-decoration: underline; }
.admin-attrs { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-2) var(--space-6); }
.admin-attrs dt { color: var(--color-text-muted); }
.admin-attrs dd { margin: 0; }
.admin-form { display: flex; flex-direction: column; gap: var(--space-3); max-width: 360px; }

/* passkey management page (shares the admin page vocabulary) */
.passkeys__empty { margin: 0; }