.flatpickr-calendar {
  background: transparent !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 5px;
  border: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.flatpickr-calendar:hover {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.flatpickr-calendar .flatpickr-day {
  color: #fff;
  background: transparent !important;
}

.flatpickr-calendar .flatpickr-day.today,
.flatpickr-calendar
  .flatpickr-months
  .flatpickr-month.today
  .flatpickr-monthName {
  background: transparent !important;
  color: #fff;
}

.flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-day:focus,
.flatpickr-calendar .flatpickr-months .flatpickr-month:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-month:focus {
  background: transparent !important;
  color: #fff;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover {
  background: transparent !important;
  color: #fff;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month {
  color: #fff;
  background: transparent !important;
}

.flatpickr-calendar .flatpickr-time input:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2) !important;
}