/* ================= GLOBAL WEBSITE DESIGN FIX ================= */

:root{
  --primary:#2563eb;
  --bg:#f8fafc;
  --card:#ffffff;
  --border:#e2e8f0;
  --text:#0f172a;
  --muted:#64748b;
}

/* ===== BODY ===== */
body{
  background: var(--bg) !important;
  color: var(--text);
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
}

/* ===== CONTAINER WIDTH ===== */
.container{
  max-width: 1150px;
}

/* ===== HEADINGS ===== */
h1{ font-size:28px; font-weight:700; margin-bottom:18px; }
h2{ font-size:22px; font-weight:700; margin-bottom:16px; }
h3{ font-size:18px; font-weight:600; margin-bottom:14px; }

/* ===== CARDS ===== */
.card{
  background: var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  padding:22px;
  margin-bottom:24px;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
}

/* ===== TABLES ===== */
.table{
  border-radius:12px;
  overflow:hidden;
}

.table th{
  background:#f1f5f9;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.table td{
  padding:14px 16px;
}

/* ===== BUTTONS ===== */
.btn{
  border-radius:8px;
  padding:8px 16px;
  font-weight:600;
}

.btn-primary{
  background: var(--primary);
  border:none;
}

.btn-outline-secondary{
  border:1px solid var(--border);
}

/* ===== FORMS ===== */
.form-control, .form-select{
  border-radius:8px;
  padding:10px 12px;
  border:1px solid var(--border);
}

/* ===== SPACING ===== */
.mb-3{ margin-bottom:20px !important; }
.mt-3{ margin-top:20px !important; }
.py-4{ padding-top:30px !important; padding-bottom:30px !important; }