/* [project]/src/ui/Chart/Chart.css [app-client] (css) */
.recharts-default-legend {
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

@media screen and (min-width: 768px) {
  .recharts-default-legend {
    flex-wrap: nowrap;
  }
}

.recharts-default-legend li {
  align-items: center;
  display: flex !important;
}

/* [project]/src/ui/ChartCards/ChartCards.module.scss.module.css [app-client] (css) */
.ChartCards-module-scss-module__7vdV7q__cardsContainer {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
  display: flex;
}

@media (min-width: 768px) {
  .ChartCards-module-scss-module__7vdV7q__cardsContainer {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.ChartCards-module-scss-module__7vdV7q__card {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  width: 100%;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: .75rem;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  display: flex;
}

@media (min-width: 768px) {
  .ChartCards-module-scss-module__7vdV7q__card {
    width: 180px;
  }

  .ChartCards-module-scss-module__7vdV7q__card:last-child {
    width: 120px;
  }
}

.ChartCards-module-scss-module__7vdV7q__cardContent {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.ChartCards-module-scss-module__7vdV7q__cardTitle {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
  margin: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.4;
}

.ChartCards-module-scss-module__7vdV7q__cardValue {
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / var(--tw-text-opacity, 1));
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.25rem;
}

.ChartCards-module-scss-module__7vdV7q__cardPercentage {
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / var(--tw-text-opacity, 1));
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.ChartCards-module-scss-module__7vdV7q__progressBar {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  border-radius: .125rem;
  width: 100%;
  height: 6px;
  margin-top: auto;
  overflow: hidden;
}

.ChartCards-module-scss-module__7vdV7q__progressFill {
  --tw-bg-opacity: 1;
  background-color: rgb(150 245 76 / var(--tw-bg-opacity, 1));
  border-radius: .125rem;
  height: 100%;
  transition: width .3s;
}

/* [project]/src/ui/DateRangePicker/DateRangePicker.module.scss.module.css [app-client] (css) */
.DateRangePicker-module-scss-module__enO9Eq__container {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  display: flex;
}

.DateRangePicker-module-scss-module__enO9Eq__filterButton {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  width: 100%;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
  border-style: none;
  border-radius: .5rem;
  padding: .5rem 1rem;
  font-size: 16px;
  font-weight: 400;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

@media (min-width: 768px) {
  .DateRangePicker-module-scss-module__enO9Eq__filterButton {
    width: 180px;
  }
}

.DateRangePicker-module-scss-module__enO9Eq__filterButton:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}

.DateRangePicker-module-scss-module__enO9Eq__filterButton.DateRangePicker-module-scss-module__enO9Eq__active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 19 68 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.DateRangePicker-module-scss-module__enO9Eq__filterButton.DateRangePicker-module-scss-module__enO9Eq__active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(19 19 68 / var(--tw-bg-opacity, 1));
}

.DateRangePicker-module-scss-module__enO9Eq__dateRangeInput {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  display: flex;
}

@media (min-width: 768px) {
  .DateRangePicker-module-scss-module__enO9Eq__dateRangeInput {
    width: 180px;
  }
}

@media (min-width: 480px) {
  .DateRangePicker-module-scss-module__enO9Eq__dateRangeInput {
    flex-direction: row;
  }
}

.DateRangePicker-module-scss-module__enO9Eq__dateRangeInputContent {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  width: 100%;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  display: flex;
}

.DateRangePicker-module-scss-module__enO9Eq__dateLabel {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
}

.DateRangePicker-module-scss-module__enO9Eq__dateInput {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
  outline-offset: 2px;
  background-color: #0000;
  border-style: none;
  outline: 2px solid #0000;
  font-size: 16px;
  font-weight: 400;
}

.DateRangePicker-module-scss-module__enO9Eq__dateInput::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: .6;
}

.DateRangePicker-module-scss-module__enO9Eq__dateInput::-webkit-datetime-edit-text {
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
}

.DateRangePicker-module-scss-module__enO9Eq__dateInput::-webkit-datetime-edit-month-field {
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
}

.DateRangePicker-module-scss-module__enO9Eq__dateInput::-webkit-datetime-edit-day-field {
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
}

.DateRangePicker-module-scss-module__enO9Eq__dateInput::-webkit-datetime-edit-year-field {
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
}

/* [project]/src/ui/Button/Button.module.scss.module.css [app-client] (css) */
.Button-module-scss-module__xxUg6a__button, .Button-module-scss-module__xxUg6a__disabled, .Button-module-scss-module__xxUg6a__delete, .Button-module-scss-module__xxUg6a__transparent, .Button-module-scss-module__xxUg6a__dark, .Button-module-scss-module__xxUg6a__green, .Button-module-scss-module__xxUg6a__blue, .Button-module-scss-module__xxUg6a__gray, .Button-module-scss-module__xxUg6a__outline-green, .Button-module-scss-module__xxUg6a__light, .Button-module-scss-module__xxUg6a__white {
  cursor: pointer;
  border-width: 1px;
  border-radius: .75rem;
  width: auto;
  padding: .5rem .75rem;
  font-size: 16px;
  line-height: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.Button-module-scss-module__xxUg6a__white {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.Button-module-scss-module__xxUg6a__white:hover {
  --tw-border-opacity: 1;
  border-color: rgb(44 44 44 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.Button-module-scss-module__xxUg6a__white:active {
  --tw-border-opacity: 1;
  border-color: rgb(44 44 44 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.Button-module-scss-module__xxUg6a__light {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.Button-module-scss-module__xxUg6a__outline-green {
  --tw-border-opacity: 1;
  border-width: 2px;
  border-color: rgb(150 245 76 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
}

.Button-module-scss-module__xxUg6a__outline-green:hover, .Button-module-scss-module__xxUg6a__outline-green:active {
  --tw-border-opacity: 1;
  border-width: 2px;
  border-color: rgb(44 44 44 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.Button-module-scss-module__xxUg6a__gray {
  --tw-border-opacity: 1;
  border-color: rgb(238 244 247 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.Button-module-scss-module__xxUg6a__gray:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 209 209 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(209 209 209 / var(--tw-bg-opacity, 1));
}

.Button-module-scss-module__xxUg6a__gray:active {
  --tw-border-opacity: 1;
  border-color: rgb(209 209 209 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.Button-module-scss-module__xxUg6a__blue {
  --tw-bg-opacity: 1;
  background-color: rgb(0 95 248 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-color: #0000;
}

.Button-module-scss-module__xxUg6a__blue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(9 145 236 / var(--tw-bg-opacity, 1));
}

.Button-module-scss-module__xxUg6a__blue:active {
  --tw-bg-opacity: 1;
  background-color: rgb(7 110 181 / var(--tw-bg-opacity, 1));
}

.Button-module-scss-module__xxUg6a__green {
  --tw-bg-opacity: 1;
  background-color: rgb(150 245 76 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  border-color: #0000;
  padding: .5rem 23px;
}

.Button-module-scss-module__xxUg6a__green:hover {
  --tw-shadow: var(--tw-shadow-colored);
  --tw-shadow-colored: 0px 5px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #4fce5d;
}

.Button-module-scss-module__xxUg6a__green:active {
  --tw-bg-opacity: 1;
  background-color: rgb(79 206 93 / var(--tw-bg-opacity, 1));
  --tw-shadow: var(--tw-shadow-colored);
  --tw-shadow-colored: 0px 5px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #4fce5d;
}

.Button-module-scss-module__xxUg6a__dark {
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
  border-color: #0000;
  padding: .5rem 23px;
}

.Button-module-scss-module__xxUg6a__dark:hover {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
}

.Button-module-scss-module__xxUg6a__dark:active {
  --tw-bg-opacity: 1;
  background-color: rgb(79 206 93 / var(--tw-bg-opacity, 1));
}

.Button-module-scss-module__xxUg6a__transparent {
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
  background-color: #0000;
  border-color: #0000;
}

.Button-module-scss-module__xxUg6a__icon {
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 6px;
  display: flex;
}

.Button-module-scss-module__xxUg6a__icon:hover {
  --tw-shadow: var(--tw-shadow-colored);
  --tw-shadow-colored: 0px 5px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #d1d1d1;
  border-radius: .75rem;
}

.Button-module-scss-module__xxUg6a__delete {
  --tw-border-opacity: 1;
  border-color: rgb(204 0 0 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(19 19 68 / var(--tw-text-opacity, 1));
  align-items: center;
  gap: .5rem;
  padding: .5rem 23px;
  font-size: 16px;
  line-height: 1.5rem;
  display: flex;
}

.Button-module-scss-module__xxUg6a__delete:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 58 58 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 58 58 / var(--tw-text-opacity, 1));
  background-color: #0000;
}

.Button-module-scss-module__xxUg6a__disabled {
  pointer-events: none;
  --tw-bg-opacity: .3;
  --tw-text-opacity: .3;
}

.Button-module-scss-module__xxUg6a__loading {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Button-module-scss-module__xxUg6a__loading svg {
  stroke: #96f54c;
}

.Button-module-scss-module__xxUg6a__loading svg circle {
  stroke: #2c2c2c;
}

/*# sourceMappingURL=src_ui_fecafaf5._.css.map*/