@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');/* Variables declaration */
.rdp-root {
  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */

  --rdp-day-height: 44px; /* The height of the day cells. */
  --rdp-day-width: 44px; /* The width of the day cells. */

  --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
  --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
  --rdp-day_button-height: 42px; /* The height of the day cells. */
  --rdp-day_button-width: 42px; /* The width of the day cells. */

  --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
  --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */

  --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */

  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */

  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
  --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */

  --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
  --rdp-range_middle-color: inherit; /* The color of the range text. */

  --rdp-range_start-color: white; /* The color of the range text. */
  --rdp-range_start-background: linear-gradient(
    var(--rdp-gradient-direction),
    transparent 50%,
    var(--rdp-range_middle-background-color) 50%
  ); /* Used for the background of the start of the selected range. */
  --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */

  --rdp-range_end-background: linear-gradient(
    var(--rdp-gradient-direction),
    var(--rdp-range_middle-background-color) 50%,
    transparent 50%
  ); /* Used for the background of the end of the selected range. */
  --rdp-range_end-color: white; /* The color of the range text. */
  --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */

  --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
  --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */

  --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
  --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-gradient-direction: 90deg;

  --rdp-animation_duration: 0.3s;
  --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
}

.rdp-root[dir="rtl"] {
  --rdp-gradient-direction: -90deg;
}

.rdp-root[data-broadcast-calendar="true"] {
  --rdp-outside-opacity: unset;
}

/* Root of the component. */
.rdp-root {
  position: relative; /* Required to position the navigation toolbar. */
  box-sizing: border-box;
}

.rdp-root * {
  box-sizing: border-box;
}

.rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}

.rdp-day_button {
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;

  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
}

.rdp-day_button:disabled {
  cursor: revert;
}

.rdp-caption_label {
  z-index: 1;

  position: relative;
  display: inline-flex;
  align-items: center;

  white-space: nowrap;
  border: 0;
}

.rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto Highlight;
  /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */
  outline: 5px auto -webkit-focus-ring-color;
}

.rdp-button_next,
.rdp-button_previous {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;

  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
}

.rdp-button_next:disabled,
.rdp-button_next[aria-disabled="true"],
.rdp-button_previous:disabled,
.rdp-button_previous[aria-disabled="true"] {
  cursor: revert;

  opacity: var(--rdp-nav_button-disabled-opacity);
}

.rdp-chevron {
  display: inline-block;
  fill: var(--rdp-accent-color);
}

.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
  transform-origin: 50%;
}

.rdp-dropdowns {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--rdp-dropdown-gap);
}
.rdp-dropdown {
  z-index: 2;

  /* Reset */
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  border: none;
  line-height: inherit;
}

.rdp-dropdown_root {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-month_caption {
  display: flex;
  align-content: center;
  height: var(--rdp-nav-height);
  font-weight: bold;
  font-size: large;
}

.rdp-root[data-nav-layout="around"] .rdp-month,
.rdp-root[data-nav-layout="after"] .rdp-month {
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption {
  justify-content: center;
  margin-inline-start: var(--rdp-nav_button-width);
  margin-inline-end: var(--rdp-nav_button-width);
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
  justify-content: center;
}

.rdp-months {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rdp-months-gap);
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.rdp-month_grid {
  border-collapse: collapse;
}

.rdp-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;

  display: flex;
  align-items: center;

  height: var(--rdp-nav-height);
}

.rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  font-weight: 500;
  font-size: smaller;
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
}

.rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  font-weight: 400;
  font-size: small;
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
}

/* DAY MODIFIERS */
.rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}

.rdp-selected {
  font-weight: bold;
  font-size: large;
}

.rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}

.rdp-outside {
  opacity: var(--rdp-outside-opacity);
}

.rdp-disabled:not(.rdp-selected) {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}

.rdp-range_start {
  background: var(--rdp-range_start-background);
}

.rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}

.rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}

.rdp-range_middle .rdp-day_button {
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}

.rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}

.rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}

.rdp-range_start.rdp-range_end {
  background: revert;
}

.rdp-focusable {
  cursor: pointer;
}

@keyframes rdp-slide_in_left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_in_right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_out_left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes rdp-slide_out_right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.rdp-weeks_before_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_before_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

@keyframes rdp-fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes rdp-fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.rdp-caption_after_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_after_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}


.hisobim-finance-mfe .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.hisobim-finance-mfe .fixed{
  position: fixed;
}

.hisobim-finance-mfe .absolute{
  position: absolute;
}

.hisobim-finance-mfe .relative{
  position: relative;
}

.hisobim-finance-mfe .sticky{
  position: sticky;
}

.hisobim-finance-mfe .inset-0{
  inset: 0px;
}

.hisobim-finance-mfe .inset-x-0{
  left: 0px;
  right: 0px;
}

.hisobim-finance-mfe .-right-1{
  right: -0.25rem;
}

.hisobim-finance-mfe .-top-1{
  top: -0.25rem;
}

.hisobim-finance-mfe .bottom-0{
  bottom: 0px;
}

.hisobim-finance-mfe .left-0{
  left: 0px;
}

.hisobim-finance-mfe .top-0{
  top: 0px;
}

.hisobim-finance-mfe .z-0{
  z-index: 0;
}

.hisobim-finance-mfe .z-10{
  z-index: 10;
}

.hisobim-finance-mfe .z-20{
  z-index: 20;
}

.hisobim-finance-mfe .z-30{
  z-index: 30;
}

.hisobim-finance-mfe .z-50{
  z-index: 50;
}

.hisobim-finance-mfe .z-\[200\]{
  z-index: 200;
}

.hisobim-finance-mfe .z-\[201\]{
  z-index: 201;
}

.hisobim-finance-mfe .z-\[210\]{
  z-index: 210;
}

.hisobim-finance-mfe .z-\[211\]{
  z-index: 211;
}

.hisobim-finance-mfe .-mx-0\.5{
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.hisobim-finance-mfe .mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.hisobim-finance-mfe .mb-1{
  margin-bottom: 0.25rem;
}

.hisobim-finance-mfe .mb-2{
  margin-bottom: 0.5rem;
}

.hisobim-finance-mfe .mb-3{
  margin-bottom: 0.75rem;
}

.hisobim-finance-mfe .mb-4{
  margin-bottom: 1rem;
}

.hisobim-finance-mfe .mb-5{
  margin-bottom: 1.25rem;
}

.hisobim-finance-mfe .mb-8{
  margin-bottom: 2rem;
}

.hisobim-finance-mfe .ml-auto{
  margin-left: auto;
}

.hisobim-finance-mfe .mt-0\.5{
  margin-top: 0.125rem;
}

.hisobim-finance-mfe .mt-1{
  margin-top: 0.25rem;
}

.hisobim-finance-mfe .inline-block{
  display: inline-block;
}

.hisobim-finance-mfe .flex{
  display: flex;
}

.hisobim-finance-mfe .inline-flex{
  display: inline-flex;
}

.hisobim-finance-mfe .table{
  display: table;
}

.hisobim-finance-mfe .grid{
  display: grid;
}

.hisobim-finance-mfe .hidden{
  display: none;
}

.hisobim-finance-mfe .h-10{
  height: 2.5rem;
}

.hisobim-finance-mfe .h-11{
  height: 2.75rem;
}

.hisobim-finance-mfe .h-12{
  height: 3rem;
}

.hisobim-finance-mfe .h-4{
  height: 1rem;
}

.hisobim-finance-mfe .h-5{
  height: 1.25rem;
}

.hisobim-finance-mfe .h-6{
  height: 1.5rem;
}

.hisobim-finance-mfe .h-8{
  height: 2rem;
}

.hisobim-finance-mfe .h-9{
  height: 2.25rem;
}

.hisobim-finance-mfe .h-\[70vh\]{
  height: 70vh;
}

.hisobim-finance-mfe .h-full{
  height: 100%;
}

.hisobim-finance-mfe .max-h-\[62vh\]{
  max-height: 62vh;
}

.hisobim-finance-mfe .max-h-\[70vh\]{
  max-height: 70vh;
}

.hisobim-finance-mfe .max-h-\[92vh\]{
  max-height: 92vh;
}

.hisobim-finance-mfe .min-h-0{
  min-height: 0px;
}

.hisobim-finance-mfe .min-h-\[320px\]{
  min-height: 320px;
}

.hisobim-finance-mfe .min-h-\[480px\]{
  min-height: 480px;
}

.hisobim-finance-mfe .min-h-\[70vh\]{
  min-height: 70vh;
}

.hisobim-finance-mfe .w-10{
  width: 2.5rem;
}

.hisobim-finance-mfe .w-4{
  width: 1rem;
}

.hisobim-finance-mfe .w-5{
  width: 1.25rem;
}

.hisobim-finance-mfe .w-6{
  width: 1.5rem;
}

.hisobim-finance-mfe .w-8{
  width: 2rem;
}

.hisobim-finance-mfe .w-\[320px\]{
  width: 320px;
}

.hisobim-finance-mfe .w-full{
  width: 100%;
}

.hisobim-finance-mfe .min-w-0{
  min-width: 0px;
}

.hisobim-finance-mfe .min-w-4{
  min-width: 1rem;
}

.hisobim-finance-mfe .min-w-\[120px\]{
  min-width: 120px;
}

.hisobim-finance-mfe .min-w-\[160px\]{
  min-width: 160px;
}

.hisobim-finance-mfe .min-w-\[320px\]{
  min-width: 320px;
}

.hisobim-finance-mfe .min-w-\[80px\]{
  min-width: 80px;
}

.hisobim-finance-mfe .min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}

.hisobim-finance-mfe .max-w-\[55\%\]{
  max-width: 55%;
}

.hisobim-finance-mfe .flex-1{
  flex: 1 1 0%;
}

.hisobim-finance-mfe .shrink-0{
  flex-shrink: 0;
}

.hisobim-finance-mfe .table-fixed{
  table-layout: fixed;
}

.hisobim-finance-mfe .border-collapse{
  border-collapse: collapse;
}

.hisobim-finance-mfe .border-separate{
  border-collapse: separate;
}

.hisobim-finance-mfe .border-spacing-y-1{
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.hisobim-finance-mfe .transform-gpu{
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}

.hisobim-finance-mfe .animate-spin{
  animation: spin 1s linear infinite;
}

.hisobim-finance-mfe .cursor-not-allowed{
  cursor: not-allowed;
}

.hisobim-finance-mfe .cursor-pointer{
  cursor: pointer;
}

.hisobim-finance-mfe .appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.hisobim-finance-mfe .grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hisobim-finance-mfe .flex-col{
  flex-direction: column;
}

.hisobim-finance-mfe .items-start{
  align-items: flex-start;
}

.hisobim-finance-mfe .items-center{
  align-items: center;
}

.hisobim-finance-mfe .justify-center{
  justify-content: center;
}

.hisobim-finance-mfe .justify-between{
  justify-content: space-between;
}

.hisobim-finance-mfe .gap-2{
  gap: 0.5rem;
}

.hisobim-finance-mfe .gap-3{
  gap: 0.75rem;
}

.hisobim-finance-mfe .gap-4{
  gap: 1rem;
}

.hisobim-finance-mfe :is(.divide-y > :not([hidden]) ~ :not([hidden])){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.hisobim-finance-mfe :is(.divide-\[\#edf1f5\] > :not([hidden]) ~ :not([hidden])){
  --tw-divide-opacity: 1;
  border-color: rgb(237 241 245 / var(--tw-divide-opacity, 1));
}

.hisobim-finance-mfe .overflow-auto{
  overflow: auto;
}

.hisobim-finance-mfe .overflow-hidden{
  overflow: hidden;
}

.hisobim-finance-mfe .overflow-x-auto{
  overflow-x: auto;
}

.hisobim-finance-mfe .overflow-y-auto{
  overflow-y: auto;
}

.hisobim-finance-mfe .overflow-x-hidden{
  overflow-x: hidden;
}

.hisobim-finance-mfe .truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hisobim-finance-mfe .whitespace-nowrap{
  white-space: nowrap;
}

.hisobim-finance-mfe .rounded-2xl{
  border-radius: 1rem;
}

.hisobim-finance-mfe .rounded-\[16px\]{
  border-radius: 16px;
}

.hisobim-finance-mfe .rounded-\[24px\]{
  border-radius: 24px;
}

.hisobim-finance-mfe .rounded-\[28px\]{
  border-radius: 28px;
}

.hisobim-finance-mfe .rounded-full{
  border-radius: 9999px;
}

.hisobim-finance-mfe .rounded-lg{
  border-radius: var(--radius);
}

.hisobim-finance-mfe .rounded-md{
  border-radius: calc(var(--radius) - 2px);
}

.hisobim-finance-mfe .rounded-none{
  border-radius: 0px;
}

.hisobim-finance-mfe .rounded-xl{
  border-radius: 0.75rem;
}

.hisobim-finance-mfe .rounded-t-\[28px\]{
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}

.hisobim-finance-mfe .border{
  border-width: 1px;
}

.hisobim-finance-mfe .border-0{
  border-width: 0px;
}

.hisobim-finance-mfe .border-b{
  border-bottom-width: 1px;
}

.hisobim-finance-mfe .border-l{
  border-left-width: 1px;
}

.hisobim-finance-mfe .border-r{
  border-right-width: 1px;
}

.hisobim-finance-mfe .border-dashed{
  border-style: dashed;
}

.hisobim-finance-mfe .border-\[\#aeb6c2\]{
  --tw-border-opacity: 1;
  border-color: rgb(174 182 194 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .border-\[\#c8cfda\]{
  --tw-border-opacity: 1;
  border-color: rgb(200 207 218 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .border-\[\#d1d8e2\]{
  --tw-border-opacity: 1;
  border-color: rgb(209 216 226 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .border-\[\#dbe2ea\]{
  --tw-border-opacity: 1;
  border-color: rgb(219 226 234 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .border-\[\#dde4ed\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 228 237 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .border-\[\#e1e6ee\]{
  --tw-border-opacity: 1;
  border-color: rgb(225 230 238 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .border-\[\#e3e7ee\]{
  --tw-border-opacity: 1;
  border-color: rgb(227 231 238 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .border-border{
  border-color: hsl(var(--border));
}

.hisobim-finance-mfe .border-destructive\/40{
  border-color: hsl(var(--destructive) / 0.4);
}

.hisobim-finance-mfe .border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .bg-\[\#1f31ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(31 49 255 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-\[\#ececf8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-\[\#f3f5f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 248 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-\[\#f4f7fb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 247 251 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-\[\#f5f7fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 250 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-\[\#f7f8fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-\[\#f7f9fb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 249 251 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-\[\#f9fbfd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-\[var\(--hisobim-primary\)\]{
  background-color: var(--hisobim-primary);
}

.hisobim-finance-mfe .bg-\[var\(--hisobim-primary-light\)\]{
  background-color: var(--hisobim-primary-light);
}

.hisobim-finance-mfe .bg-\[var\(--hisobim-surface\)\]{
  background-color: var(--hisobim-surface);
}

.hisobim-finance-mfe .bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}

.hisobim-finance-mfe .bg-card{
  background-color: hsl(var(--card));
}

.hisobim-finance-mfe .bg-destructive\/10{
  background-color: hsl(var(--destructive) / 0.1);
}

.hisobim-finance-mfe .bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .bg-transparent{
  background-color: transparent;
}

.hisobim-finance-mfe .bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .p-0{
  padding: 0px;
}

.hisobim-finance-mfe .p-1{
  padding: 0.25rem;
}

.hisobim-finance-mfe .p-2{
  padding: 0.5rem;
}

.hisobim-finance-mfe .p-3{
  padding: 0.75rem;
}

.hisobim-finance-mfe .p-4{
  padding: 1rem;
}

.hisobim-finance-mfe .px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.hisobim-finance-mfe .px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.hisobim-finance-mfe .px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.hisobim-finance-mfe .px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.hisobim-finance-mfe .px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.hisobim-finance-mfe .py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hisobim-finance-mfe .py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.hisobim-finance-mfe .py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.hisobim-finance-mfe .py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.hisobim-finance-mfe .py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.hisobim-finance-mfe .pb-1{
  padding-bottom: 0.25rem;
}

.hisobim-finance-mfe .pb-2{
  padding-bottom: 0.5rem;
}

.hisobim-finance-mfe .pb-4{
  padding-bottom: 1rem;
}

.hisobim-finance-mfe .pb-6{
  padding-bottom: 1.5rem;
}

.hisobim-finance-mfe .pb-8{
  padding-bottom: 2rem;
}

.hisobim-finance-mfe .pr-3{
  padding-right: 0.75rem;
}

.hisobim-finance-mfe .pt-1{
  padding-top: 0.25rem;
}

.hisobim-finance-mfe .pt-2{
  padding-top: 0.5rem;
}

.hisobim-finance-mfe .pt-3{
  padding-top: 0.75rem;
}

.hisobim-finance-mfe .pt-4{
  padding-top: 1rem;
}

.hisobim-finance-mfe .text-left{
  text-align: left;
}

.hisobim-finance-mfe .text-center{
  text-align: center;
}

.hisobim-finance-mfe .text-right{
  text-align: right;
}

.hisobim-finance-mfe .text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.hisobim-finance-mfe .text-\[10px\]{
  font-size: 10px;
}

.hisobim-finance-mfe .text-\[11px\]{
  font-size: 11px;
}

.hisobim-finance-mfe .text-\[14px\]{
  font-size: 14px;
}

.hisobim-finance-mfe .text-\[15px\]{
  font-size: 15px;
}

.hisobim-finance-mfe .text-\[16px\]{
  font-size: 16px;
}

.hisobim-finance-mfe .text-\[18px\]{
  font-size: 18px;
}

.hisobim-finance-mfe .text-\[20px\]{
  font-size: 20px;
}

.hisobim-finance-mfe .text-\[22px\]{
  font-size: 22px;
}

.hisobim-finance-mfe .text-\[34px\]{
  font-size: 34px;
}

.hisobim-finance-mfe .text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.hisobim-finance-mfe .text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.hisobim-finance-mfe .text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hisobim-finance-mfe .text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.hisobim-finance-mfe .font-bold{
  font-weight: 700;
}

.hisobim-finance-mfe .font-medium{
  font-weight: 500;
}

.hisobim-finance-mfe .font-semibold{
  font-weight: 600;
}

.hisobim-finance-mfe .uppercase{
  text-transform: uppercase;
}

.hisobim-finance-mfe .capitalize{
  text-transform: capitalize;
}

.hisobim-finance-mfe .leading-none{
  line-height: 1;
}

.hisobim-finance-mfe .leading-snug{
  line-height: 1.375;
}

.hisobim-finance-mfe .tracking-wide{
  letter-spacing: 0.025em;
}

.hisobim-finance-mfe .text-\[\#0b95a6\]{
  --tw-text-opacity: 1;
  color: rgb(11 149 166 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-\[\#111827\]{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-\[\#1f31ff\]{
  --tw-text-opacity: 1;
  color: rgb(31 49 255 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-\[\#2f3a4b\]{
  --tw-text-opacity: 1;
  color: rgb(47 58 75 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-\[\#3d4758\]{
  --tw-text-opacity: 1;
  color: rgb(61 71 88 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-\[\#5b6472\]{
  --tw-text-opacity: 1;
  color: rgb(91 100 114 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-\[\#8e97a6\]{
  --tw-text-opacity: 1;
  color: rgb(142 151 166 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-\[var\(--hisobim-primary\)\]{
  color: var(--hisobim-primary);
}

.hisobim-finance-mfe .text-destructive{
  color: hsl(var(--destructive));
}

.hisobim-finance-mfe .text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .text-muted-foreground{
  color: hsl(var(--muted-foreground));
}

.hisobim-finance-mfe .text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .opacity-85{
  opacity: 0.85;
}

.hisobim-finance-mfe .shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hisobim-finance-mfe .shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hisobim-finance-mfe .outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hisobim-finance-mfe .filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hisobim-finance-mfe .transition-\[transform\2c opacity\]{
  transition-property: transform,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hisobim-finance-mfe .transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hisobim-finance-mfe .transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hisobim-finance-mfe .transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hisobim-finance-mfe .transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hisobim-finance-mfe .duration-150{
  transition-duration: 150ms;
}

.hisobim-finance-mfe .duration-200{
  transition-duration: 200ms;
}

.hisobim-finance-mfe .duration-300{
  transition-duration: 300ms;
}

.hisobim-finance-mfe .ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.hisobim-finance-mfe .will-change-\[opacity\]{
  will-change: opacity;
}

.hisobim-finance-mfe .will-change-\[transform\2c opacity\]{
  will-change: transform,opacity;
}

.hisobim-finance-mfe {
  --background: 0 0% 97%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --border: 214 32% 91%;
  --input: 214 32% 91%;
  --muted-foreground: 215 16% 47%;
  --destructive: 0 84% 60%;
  --radius: 0.5rem;

  --hisobim-primary: #006f7d;
  --hisobim-primary-hover: #005b66;
  --hisobim-primary-light: #e6f2f4;
  --hisobim-surface: #ffffff;

  box-sizing: border-box;
  width: 100%;
  min-height: 480px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #111827;
  background: var(--hisobim-surface);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hisobim-finance-mfe *,
.hisobim-finance-mfe *::before,
.hisobim-finance-mfe *::after {
  box-sizing: border-box;
}

.hisobim-finance-mfe .placeholder\:text-gray-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .placeholder\:text-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hisobim-finance-mfe .hover\:bg-\[\#1f31ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 49 255 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .hover\:bg-\[\#eceff3\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 243 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .hover\:bg-\[\#eef1f4\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 241 244 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .hover\:bg-\[\#eef2f6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 246 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .hover\:bg-\[\#eef2f8\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 248 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .hover\:bg-\[\#f5f7fb\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 251 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .hover\:bg-\[\#f7f8fa\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .hover\:bg-\[\#f8fafc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .hover\:bg-\[var\(--hisobim-primary-hover\)\]:hover{
  background-color: var(--hisobim-primary-hover);
}

.hisobim-finance-mfe .hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .focus\:border-\[\#9ebac0\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(158 186 192 / var(--tw-border-opacity, 1));
}

.hisobim-finance-mfe .focus\:bg-\[\#1f31ff\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(31 49 255 / var(--tw-bg-opacity, 1));
}

.hisobim-finance-mfe .focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hisobim-finance-mfe .disabled\:text-gray-300:disabled{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.hisobim-finance-mfe .aria-selected\:text-\[\#111827\][aria-selected="true"]{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hisobim-finance-mfe .data-\[state\=closed\]\:translate-y-14[data-state="closed"]{
  --tw-translate-y: 3.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hisobim-finance-mfe .data-\[state\=open\]\:translate-y-0[data-state="open"]{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hisobim-finance-mfe .data-\[state\=closed\]\:opacity-0[data-state="closed"]{
  opacity: 0;
}

.hisobim-finance-mfe .data-\[state\=open\]\:opacity-100[data-state="open"]{
  opacity: 1;
}

.hisobim-finance-mfe .data-\[state\=closed\]\:duration-\[320ms\][data-state="closed"]{
  transition-duration: 320ms;
}

.hisobim-finance-mfe .data-\[state\=closed\]\:duration-\[380ms\][data-state="closed"]{
  transition-duration: 380ms;
}

.hisobim-finance-mfe .data-\[state\=open\]\:duration-\[520ms\][data-state="open"]{
  transition-duration: 520ms;
}

.hisobim-finance-mfe .data-\[state\=open\]\:duration-\[620ms\][data-state="open"]{
  transition-duration: 620ms;
}

.hisobim-finance-mfe .data-\[state\=closed\]\:ease-\[cubic-bezier\(0\.4\2c 0\2c 1\2c 1\)\][data-state="closed"]{
  transition-timing-function: cubic-bezier(0.4,0,1,1);
}

.hisobim-finance-mfe .data-\[state\=open\]\:ease-\[cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)\][data-state="open"]{
  transition-timing-function: cubic-bezier(0.16,1,0.3,1);
}

@media (min-width: 768px){

  .hisobim-finance-mfe .md\:inset-x-auto{
    left: auto;
    right: auto;
  }

  .hisobim-finance-mfe .md\:bottom-auto{
    bottom: auto;
  }

  .hisobim-finance-mfe .md\:left-\[352px\]{
    left: 352px;
  }

  .hisobim-finance-mfe .md\:top-\[132px\]{
    top: 132px;
  }

  .hisobim-finance-mfe .md\:top-\[184px\]{
    top: 184px;
  }

  .hisobim-finance-mfe .md\:block{
    display: block;
  }

  .hisobim-finance-mfe .md\:inline{
    display: inline;
  }

  .hisobim-finance-mfe .md\:flex{
    display: flex;
  }

  .hisobim-finance-mfe .md\:hidden{
    display: none;
  }

  .hisobim-finance-mfe .md\:h-auto{
    height: auto;
  }

  .hisobim-finance-mfe .md\:max-h-\[72vh\]{
    max-height: 72vh;
  }

  .hisobim-finance-mfe .md\:max-h-\[82vh\]{
    max-height: 82vh;
  }

  .hisobim-finance-mfe .md\:min-h-0{
    min-height: 0px;
  }

  .hisobim-finance-mfe .md\:w-\[min\(560px\2c calc\(100vw-392px\)\)\]{
    width: min(560px, calc(100vw - 392px));
  }

  .hisobim-finance-mfe .md\:w-\[min\(760px\2c calc\(100vw-392px\)\)\]{
    width: min(760px, calc(100vw - 392px));
  }

  .hisobim-finance-mfe .md\:flex-row{
    flex-direction: row;
  }

  .hisobim-finance-mfe .md\:rounded-\[24px\]{
    border-radius: 24px;
  }

  .hisobim-finance-mfe .md\:p-5{
    padding: 1.25rem;
  }

  .hisobim-finance-mfe .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hisobim-finance-mfe .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hisobim-finance-mfe .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .hisobim-finance-mfe .md\:pb-4{
    padding-bottom: 1rem;
  }

  .hisobim-finance-mfe .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .hisobim-finance-mfe .md\:data-\[state\=closed\]\:translate-y-2[data-state="closed"]{
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hisobim-finance-mfe .md\:data-\[state\=open\]\:translate-y-0[data-state="open"]{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
