* {
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

body {
  background: #f5f7fa;
  padding: 30px;
}

.container {
  max-width: 420px;
  margin: auto;
}

/* Card */
.card {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.card h2 {
  color: #e53935;
  margin-bottom: 15px;
  font-size: 20px;
}

/* Inputs & selects */
select,
input {
  width: 100%;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 14px;
}

select:disabled {
  background: #f0f0f0;
  cursor: not-allowed;
}

/* Search button */
.search-btn {
  width: 100%;
  background: #f46a6a;
  border: none;
  color: #fff;
  padding: 12px;
  border-radius: 6px;
  font-size: 18px;
  cursor: pointer;
}

.search-btn:hover {
  background: #e85c5c;
}

/* ===============================
   Result Section (Table)
================================ */


/* ===== Result Card ===== */

#resultSection.card {
  padding: 12px 14px;
}

/* Table base */
.result-table {
  width: 100%;
  border-collapse: collapse;
}

/* Header */
.result-table thead th {
  font-size: 11px;
  font-weight: 600;
  color: #9e9e9e;
  text-transform: uppercase;
  text-align: left;
  padding: 8px 6px;
  border-bottom: 1px solid #e5e5e5;
}

/* Data row */
.result-table tbody td {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  padding: 14px 6px;
  vertical-align: middle;
}

/* Equal column spacing */
.result-table th,
.result-table td {
  width: 25%;
}

/* Right align download column */
.result-table th:last-child,
.result-table td:last-child {
  text-align: right;
}

/* Download button */
.download-btn {
  background: #f44336;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
}

.download-btn:hover {
  background: #d32f2f;
}