.users-card { padding: 26px; }
.user-create, .quota-head, .user-row { display: grid; grid-template-columns: 1.25fr repeat(3, 1fr) 190px; gap: 10px; align-items: center; }
.user-create { margin-bottom: 18px; }
.generated-token { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: -5px 0 18px; padding: 13px; border: 1px solid rgba(94,230,168,.35); border-radius: 11px; background: rgba(94,230,168,.06); }
.generated-token strong { font-size: 11px; color: #5ee6a8; }
.generated-token code { overflow: auto; color: #f5f7fa; font-size: 11px; }
.quota-head { padding: 8px 4px; color: #8993a3; font-size: 10px; }
.user-row { padding: 12px 4px; border-top: 1px solid #252c38; }
.user-row label { margin: 0; }
.user-row label small { margin: 0 0 5px; color: #8993a3; }
.user-row input, .user-create input { height: 40px; }
.user-actions { display: flex; align-items: center; gap: 8px; }
.enabled { display: flex; align-items: center; gap: 5px; font-size: 11px; color: #8993a3; }
.enabled input { width: 16px; height: 16px; }
.user-tools { display: flex; justify-content: flex-end; margin-top: 14px; }
.empty-users { color: #8993a3; font-size: 12px; }
.toast { max-width: min(90vw, 760px); word-break: break-all; }
@media (max-width: 820px) {
  .users-card { padding: 20px; }
  .user-create, .quota-head, .user-row { grid-template-columns: 1fr 1fr; }
  .quota-head { display: none; }
  .user-actions { grid-column: 1 / -1; justify-content: flex-end; }
}