.card {
  background: rgba(255, 255, 255, .95);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.btn {
      padding: 10px 18px;
      border: none;
      border-radius: 10px;
      background: var(--primary);
      color: #fff;
      font-family: 'DM Sans', Arial, sans-serif;
      font-weight: 600;
      font-size: 14px;
      cursor: pointer;
    }

.btn:disabled {
      opacity: .6;
      cursor: not-allowed;
    }

.btn.secondary {
      background: var(--surface);
      color: var(--muted);
      border: 1px solid var(--border);
    }

label {
      display: block;
      font-size: 13px;
      font-weight: 600;
      color: var(--muted);
      margin-bottom: 6px;
    }

input[type="email"],
    input[type="text"] {
      width: 100%;
      padding: 10px 12px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: var(--surface);
      color: var(--text);
      font-family: 'DM Sans', Arial, sans-serif;
      font-size: 14px;
    }

table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 12px;
    }

th,
    td {
      text-align: left;
      padding: 10px 8px;
      border-bottom: 1px solid var(--divider);
      font-size: 14px;
    }

th {
      color: var(--muted);
      font-weight: 600;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

.tag {
      display: inline-block;
      padding: 3px 10px;
      border-radius: 999px;
      background: var(--primary-soft);
      color: var(--primary);
      font-size: 12px;
      font-weight: 600;
      margin-right: 4px;
    }

.feedback {
      margin-top: 12px;
      font-size: 14px;
      display: none;
    }

.feedback.show {
      display: block;
    }

.feedback.error {
      color: var(--error);
    }

.feedback.success {
      color: var(--success);
    }