body {
  font-family: 'Inter', sans-serif;
}

.gradient-bg {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
}

.card-shadow {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.training-card {
  transition: all 0.3s ease;
}

.training-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.menu-item.active {
  background-color: #3b82f6;
  color: white;
}

.title-filter-btn.active,
.quarter-btn.active,
.timeline-status-btn.active {
  background-color: #3b82f6;
  color: white;
}

.login-bg {
  background: linear-gradient(135deg, #bebfc0 0%, #f1f1f5 50%, #9b9da0 100%);
}


/* Penyesuaian Select2 agar mirip input Tailwind */
.select2-container--default .select2-selection--single {
  height: 48px !important;
  padding: 0.75rem 1rem !important;
  /* px-4 py-3 */
  border: 1px solid #d1d5db !important;
  /* gray-300 */
  border-radius: 0.5rem !important;
  /* rounded-lg */
  font-size: 1rem;
  line-height: 1.5rem;
  color: #374151 !important;
  /* text-gray-700 */
  background-color: white;
}

/* Placeholder & text dalam dropdown */
.select2-selection__rendered {
  color: #6b7280 !important;
  /* text-gray-500 */
  line-height: 1.5rem !important;
  padding-left: 0 !important;
}

/* Panah dropdown */
.select2-selection__arrow {
  height: 48px !important;
  top: 0.5rem !important;
  right: 1rem !important;
}

/* Dropdown menu */
.select2-container--default .select2-dropdown {
  border-radius: 0.5rem !important;
  border-color: #d1d5db !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  font-family: 'Inter', sans-serif;
}

/* Item dropdown */
.select2-results__option {
  padding: 0.75rem 1rem;
  color: #374151;
}

.select2-results__option--highlighted {
  background-color: #3b82f6 !important;
  /* blue-500 */
  color: white !important;
}