body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.card {
  background: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
}
.badge-paid {
  background-color: #dcfce7;
  color: #166534;
}
.badge-unpaid {
  background-color: #fef3c7;
  color: #92400e;
}
.badge-invalid {
  background-color: #fee2e2;
  color: #991b1b;
}
.spin {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
table.data-table th, table.data-table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  font-size: 0.875rem;
  text-align: left;
  white-space: nowrap;
}
table.data-table th {
  background-color: #f9fafb;
  font-weight: 600;
  color: #374151;
}