.card {
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: var(--space-4);
  margin-bottom: var(--space-4);
  box-shadow: 0 8px 20px #0F766E12;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table th,
.table td {
  text-align: left;
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

.muted {
  color: var(--color-muted);
}

.stack {
  display: grid;
  gap: var(--space-3);
}

input,
button,
select,
textarea {
  font: inherit;
}

button {
  background: var(--color-link);
  border: none;
  border-radius: 8px;
  color: #fff;
  padding: var(--space-2) var(--space-4);
  cursor: pointer;
}