:root{
  --club-yellow:#f5c400;
  --club-black:#111111;
  --club-gray:#f3f3f3;
}
body{ background: var(--club-gray); }
.navbar-club{
  background: linear-gradient(90deg, var(--club-black), #1f1f1f);
  border-bottom: 4px solid var(--club-yellow);
}
.navbar-club .navbar-brand, .navbar-club .nav-link{ color:#fff !important; }
.btn-club{
  background: var(--club-yellow);
  border-color: var(--club-yellow);
  color: var(--club-black);
  font-weight: 600;
}
.btn-club:hover{ filter: brightness(0.95); color: var(--club-black); }
.badge-paid{ background: var(--club-yellow); color: var(--club-black); }
.badge-volunteer{ background: var(--club-black); color: #fff; }
.card{ border:0; box-shadow: 0 8px 24px rgba(0,0,0,.06); border-radius: 18px; }
.card-header{
  background: transparent;
  border-bottom: 1px solid rgba(0,0,0,.06);
  font-weight: 700;
}
.footer{ color:#666; font-size: .9rem; }
.table thead th{ background: #fff; border-bottom: 2px solid rgba(0,0,0,.08); }
.form-control:focus{
  border-color: var(--club-yellow);
  box-shadow: 0 0 0 .25rem rgba(245,196,0,.2);
}