/* Reset & Base */
body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background: #f5f6fa;
  color: #333;
  font-size: 16px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Reusable Components */
input,
button {
  font-family: inherit;
}

input:focus,
button:focus {
  outline: none;
}

/* Reusable Button */
button.primary {
  padding: 0.9rem 1.2rem;
  background-color: #007bff;
  color: white;
  font-size: 1.05rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

button.primary:hover {
  background-color: #0056b3;
}
.badge-success {
  color: #fff;
  background-color: #28a745;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.8rem;
}

.badge-pending {
  color: #212529;
  background-color: #ffc107;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.8rem;
}

.badge-fail,
.badge-refund {
  color: #fff;
  background-color: #dc3545;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.8rem;
}