.admin-title { font-size: 20px; margin: 0; }

.admin-table-card {
  padding: 8px;
  overflow-x: auto;
}

.admin-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.admin-table th {
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-faint);
  padding: 12px 14px;
  border-bottom: 1px solid var(--card-border);
}

.admin-table td {
  padding: 12px 14px;
  font-size: 14px;
  border-bottom: 1px solid var(--card-border);
  white-space: nowrap;
}

.status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}
.status-badge.trial { background: rgba(217, 122, 63, 0.2); color: var(--accent-strong); }
.status-badge.paid { background: rgba(52, 209, 122, 0.18); color: #6fdb9c; }
.status-badge.admin { background: rgba(143, 184, 255, 0.18); color: #8fb8ff; }
.status-badge.expired,
.status-badge.revoked { background: rgba(217, 90, 90, 0.18); color: #f0a0a0; }
.status-badge.unverified { background: var(--pill-bg); color: var(--text-dim); }

.admin-actions { display: flex; gap: 8px; }
.admin-actions button {
  border: 1px solid var(--pill-border);
  background: var(--pill-bg);
  color: var(--text);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12.5px;
  cursor: pointer;
}
.admin-actions button:hover { border-color: var(--accent); }
.admin-actions button.danger:hover { border-color: #d95a5a; color: #f0a0a0; }
.admin-actions button:disabled { opacity: 0.5; cursor: default; }