.pf-date-controls { color: #9aabba; font-size: 12px; }
.pf-date-controls > label { color: #a9becb; font-weight: 650; }
.pf-year-select { display: flex; align-items: center; gap: 8px; }
.pf-year-select > label { color: #92a3b2; font-size: 12px; white-space: nowrap; }
.pf-year-select > .dash-dropdown { width: 100px; }
.pf-year-select .Select-control { height: 40px; background: #0d151c; border: 1px solid #293b48; border-radius: 6px; }
.pf-year-select .Select-value { line-height: 38px !important; }
.pf-year-select .Select-value-label { color: #dce8df !important; font-size: 13px; }
.pf-year-select .Select-menu-outer { background: #0d151c; border: 1px solid #293b48; z-index: 20; }
.pf-year-select .VirtualizedSelectOption { color: #dce8df; background: #0d151c; }
.pf-year-select .VirtualizedSelectFocusedOption { color: #46e7b7; background: #19372c; }
.pf-year-select .Select-arrow { border-top-color: #92a3b2; }
.pf-date-controls .DateRangePickerInput {
  display: inline-flex; align-items: center; background: #0d151c;
  border: 1px solid #293b48; border-radius: 6px; overflow: hidden;
}
.pf-date-controls .DateInput { width: 124px; background: transparent; }
.pf-date-controls .DateInput_input {
  box-sizing: border-box; width: 100%; height: 40px; padding: 9px 12px;
  background: #0d151c; color: #dce8df; font-family: inherit;
  font-size: 13px; font-weight: 500; line-height: 20px; border: 0;
  border-bottom: 2px solid transparent; border-radius: 0;
}
.pf-date-controls .DateInput_input__focused { border-bottom-color: #39e3a3; background: #11221c; }
.pf-date-controls .DateInput_input::placeholder { color: #8596a5; }
.pf-date-controls .DateRangePickerInput_arrow { color: #8596a5; padding: 0 4px; }
.pf-date-controls .DateRangePickerInput_arrow_svg { fill: #8596a5; }
.pf-date-controls #pf-date-reset {
  height: 40px; padding: 0 15px; border: 1px solid #315449; border-radius: 6px;
  background: #11221c; color: #46e7b7; font-family: inherit; font-size: 12px;
  font-weight: 650; cursor: pointer;
}
.pf-date-controls #pf-date-reset:hover { background: #19372c; border-color: #39e3a3; }
.pf-date-controls #pf-date-reset:focus-visible { outline: 2px solid #46e7b7; outline-offset: 3px; }
.pf-date-controls .DateInput_fang { display: none; }
.pf-date-controls .DateRangePicker_picker,
.DateRangePicker_picker__portal { background: rgba(0, 0, 0, .75); color: #dce8df; }
.pf-date-controls .DayPicker,
.DateRangePicker_picker__portal .DayPicker { background: #0d151c; border: 1px solid #293b48; border-radius: 8px; box-shadow: 0 12px 40px #0008; }
.pf-date-controls .CalendarMonth,
.pf-date-controls .CalendarMonthGrid,
.DateRangePicker_picker__portal .CalendarMonth,
.DateRangePicker_picker__portal .CalendarMonthGrid { background: #0d151c; }
.pf-date-controls .CalendarMonth_caption,
.DateRangePicker_picker__portal .CalendarMonth_caption { color: #eaf1f8; }
.pf-date-controls .DayPicker_weekHeader,
.DateRangePicker_picker__portal .DayPicker_weekHeader { color: #92a3b2; }
.pf-date-controls .CalendarDay__default,
.DateRangePicker_picker__portal .CalendarDay__default { background: #101a20; color: #dce8df; border-color: #26333d; }
.pf-date-controls .CalendarDay__default:hover,
.DateRangePicker_picker__portal .CalendarDay__default:hover { background: #213a30; border-color: #39e3a3; color: #eaf1f8; }
.pf-date-controls .CalendarDay__selected_span,
.DateRangePicker_picker__portal .CalendarDay__selected_span { background: #173d2e; color: #b2f9df; border-color: #285541; }
.pf-date-controls .CalendarDay__hovered_span,
.DateRangePicker_picker__portal .CalendarDay__hovered_span { background: #204b38; color: #b2f9df; border-color: #315f48; }
.pf-date-controls .CalendarDay__selected,
.DateRangePicker_picker__portal .CalendarDay__selected { background: #39e3a3; color: #071710; border-color: #39e3a3; }
.pf-date-controls .CalendarDay__blocked_out_of_range,
.DateRangePicker_picker__portal .CalendarDay__blocked_out_of_range { background: #0d151c; color: #42525e; border-color: #1c2830; }
.pf-date-controls .DayPickerNavigation_button__default,
.DateRangePicker_picker__portal .DayPickerNavigation_button__default { background: #101a20; border-color: #293b48; color: #a9becb; }
.pf-date-controls .DayPickerNavigation_svg__horizontal,
.DateRangePicker_picker__portal .DayPickerNavigation_svg__horizontal { fill: #a9becb; }
.pf-date-controls .DayPickerKeyboardShortcuts_show__bottomRight,
.DateRangePicker_picker__portal .DayPickerKeyboardShortcuts_show__bottomRight { border-right-color: #315449; }
.DateRangePicker_picker__portal .DayPickerKeyboardShortcuts_panel { background: #0d151c; color: #dce8df; border-color: #293b48; }
@media (max-width: 480px) {
  .pf-date-controls > label { width: 100%; }
  .pf-date-controls .DateInput { width: 112px; }
  .pf-date-controls .DateInput_input { padding: 9px 8px; }
}