@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");._notification_cme6z_1 {
  min-width: 31.875rem;
  max-width: 31.875rem;
  min-height: 8.9375rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 1rem;
  border: 0.0625rem solid var(--gray-200);
  box-shadow: 0rem 1.5rem 3rem -0.75rem var(--legacy-shadow-strong);
  background-color: var(--white);
  box-sizing: border-box;
}
._notification_cme6z_1 ._header_cme6z_15 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._notification_cme6z_1 ._header_cme6z_15 ._title_cme6z_20 {
  margin-right: auto;
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
._notification_cme6z_1 ._header_cme6z_15 ._title_cme6z_20 p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--gray-400);
}
._notification_cme6z_1 ._header_cme6z_15 ._title_cme6z_20 ._dot_cme6z_32 {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: var(--gray-400);
}
._notification_cme6z_1 ._header_cme6z_15 ._close_cme6z_38 {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
._notification_cme6z_1 ._header_cme6z_15 ._close_cme6z_38 svg {
  width: 1rem;
  height: 1rem;
}
._notification_cme6z_1 ._header_cme6z_15 ._close_cme6z_38 svg path {
  transition: 0.3s all;
  stroke: var(--gray-500);
}
._notification_cme6z_1 ._header_cme6z_15 ._close_cme6z_38:hover svg path {
  stroke: var(--gray-600);
}
._notification_cme6z_1 ._body_cme6z_54 ._content_cme6z_54 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--gray-700);
  white-space: wrap;
}._notifications_wrapper_2j10y_1 {
  position: fixed;
  bottom: 0;
  right: 0;
  height: calc(100vh - 4.375rem);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.125rem 1.5rem 1.125rem 2.1875rem;
  box-sizing: border-box;
  z-index: 1000000000000 !important;
  overflow: hidden;
  pointer-events: none;
}

._toast_container_2j10y_17 {
  pointer-events: auto;
  padding: 0.75rem 1.5rem 3.125rem 1.875rem;
  top: 4.375rem;
  right: 0;
  max-height: calc(100dvh - 4.375rem);
  overflow-y: auto;
  box-sizing: border-box;
  overflow: hidden;
}
._toast_container_2j10y_17 .Toastify__toast {
  padding: 0 !important;
  background: none;
  border-radius: 1rem;
  width: 100%;
  margin-bottom: 0.75rem;
  min-height: auto;
}
._toast_container_2j10y_17 .Toastify__toast:last-child {
  margin-bottom: 0;
}._empty__wrapper_1p8i4_1 {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
._empty__card_1p8i4_8 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  background: var(--white);
  max-width: 12.5rem;
  padding: 1.25rem;
  border-radius: 1rem;
}
._empty__card_1p8i4_8._clickable_1p8i4_18 {
  cursor: pointer;
}
._empty__card_1p8i4_8._clickable_1p8i4_18:hover {
  background: var(--gray-50);
}
._empty__title_1p8i4_24 {
  color: var(--gray-900);
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0 !important;
  text-align: center;
}
._empty__description_1p8i4_31 {
  color: var(--gray-700);
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0 !important;
  text-align: center;
}._modal__body_ts8ul_1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
._modal__body__title_ts8ul_9 {
  margin: 0;
  font-size: 1rem;
  margin-top: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--gray-800);
}
._modal__body__description_ts8ul_17 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--gray-600);
}
._modal__footer_ts8ul_22 {
  display: flex;
  gap: 0.75rem;
  padding: 0;
}._bottom_7wmez_1 {
  position: relative;
  z-index: 1;
  padding: 0.25rem;
  padding-top: 0;
  display: flex;
}
._bottom__form_7wmez_8 {
  background: var(--white);
  width: 100%;
  border-radius: 1.5rem;
  border: 0.0625rem solid var(--gray-200);
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
}
._bottom__actions_7wmez_17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
._bottom__actions_items_7wmez_23 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._bottom_7wmez_1 ._button_7wmez_28 {
  border-radius: 50%;
}
._bottom_7wmez_1 ._emoji_picker_7wmez_31.EmojiPickerReact {
  --epr-bg-color: var(--surface-elevated);
  --epr-category-label-bg-color: var(--surface-elevated);
  --epr-picker-border-color: var(--gray-300);
  --epr-search-input-bg-color: var(--gray-100);
  --epr-search-input-bg-color-active: var(--gray-50);
  --epr-search-border-color: var(--gray-300);
  --epr-search-border-color-active: var(--primary-500);
  --epr-text-color: var(--gray-700);
  --epr-hover-bg-color: var(--interactive-surface-hover);
  --epr-hover-bg-color-reduced-opacity: var(--legacy-link-overlay);
  --epr-focus-bg-color: var(--interactive-primary-hover);
  --epr-highlight-color: var(--primary-500);
  --epr-emoji-variation-picker-bg-color: var(--surface-elevated);
  --epr-shadow: 0 rem(8) rem(24) 0 var(--legacy-shadow-strong);
  border-radius: 1rem;
}
._bottom_7wmez_1 ._voice__cancel_7wmez_48 {
  font-weight: 500;
}
._bottom_7wmez_1 ._voice__timer_7wmez_51 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-right: 0.5rem;
}
._bottom_7wmez_1 ._voice__timer_7wmez_51::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--gray-500);
}
._bottom_7wmez_1 ._voice__timer_7wmez_51 span {
  color: var(--gray-500);
  font-size: 0.875rem;
  font-weight: 400;
}
._bottom_7wmez_1 ._voice__timer_7wmez_51._ping_7wmez_70::before {
  background: var(--error-500);
  animation: _ping_7wmez_70 0.75s ease-out infinite;
}

._bottom__input_7wmez_75 {
  margin-bottom: 0.75rem;
}
._bottom__input_7wmez_75 ._textarea_7wmez_78 {
  resize: none;
}

._editing_hint_7wmez_82 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0 0 0 0.375rem;
  font-size: 0.75rem;
  color: var(--gray-500);
}

._files_container_7wmez_92 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.25rem;
  width: 100%;
  max-height: 6.25rem;
  overflow-y: auto;
}
._files_container_7wmez_92 ._file_badge_7wmez_101 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border: 0.0625rem solid var(--gray-200);
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
}
._files_container_7wmez_92 ._file_badge__name_7wmez_109 {
  font-size: 0.75rem;
  max-width: 8.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._files_container_7wmez_92 ._file_badge__size_7wmez_116 {
  font-size: 0.75rem;
  color: var(--gray-500);
}
._files_container_7wmez_92 ._file_badge__close_7wmez_120 {
  cursor: pointer;
}

@keyframes _ping_7wmez_70 {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
._emoji_picker_popover_7wmez_135 .ant-popover-inner {
  padding: 0;
}._overlay_2p37v_1 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(0.25rem);
  -webkit-backdrop-filter: blur(0.25rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._close_2p37v_14 {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  padding: 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._flip_camera_2p37v_28 {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  padding: 0.5rem;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray-700);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
._flip_camera_2p37v_28:hover {
  background: var(--white);
}

._preview_wrap_2p37v_48 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: min(90vw, 25rem);
  aspect-ratio: 1;
}

._preview_ring_2p37v_58 {
  position: relative;
  width: 25rem;
  height: 25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

._progress_ring_2p37v_67 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  pointer-events: none;
  z-index: 2;
}
._progress_ring__bg_2p37v_76 {
  stroke: rgba(255, 255, 255, 0.25);
  stroke-width: 3;
}
._progress_ring__fill_2p37v_80 {
  stroke: var(--white);
  stroke-width: 2;
  stroke-linecap: round;
  transition: none;
}

._preview_circle_2p37v_87 {
  position: relative;
  z-index: 1;
  width: 23.75rem;
  height: 23.75rem;
  border-radius: 50%;
  object-fit: cover;
  background: var(--gray-900);
}

._actions_2p37v_97 {
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  pointer-events: none;
}
._actions_2p37v_97 > * {
  pointer-events: auto;
}

._timer_2p37v_112 {
  font-size: 0.875rem;
  color: var(--gray-600);
  font-weight: 500;
}

._main_button_2p37v_118 {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  border: 0.25rem solid var(--gray-700);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  padding: 0;
}
._main_button_2p37v_118:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._main_button_2p37v_118._send_2p37v_135 {
  border-color: var(--success-500);
  background: var(--success-500);
  color: var(--white);
}
._main_button_loading_2p37v_140 {
  pointer-events: none;
}
._main_button__loader_2p37v_143 {
  width: 2rem;
  height: 2rem;
  border: 0.1875rem solid rgba(255, 255, 255, 0.3);
  border-top-color: var(--white);
  border-radius: 50%;
  animation: _roundVideoOverlaySpin_2p37v_1 0.8s linear infinite;
}

@keyframes _roundVideoOverlaySpin_2p37v_1 {
  to {
    transform: rotate(360deg);
  }
}
._record_icon_2p37v_157 {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: var(--error-500);
}

._stop_icon_2p37v_164 {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.25rem;
  background: var(--gray-800);
  display: block;
}._spin_1pkn6_1 {
  transition: 0.3s ease-in-out;
  height: 0;
  position: static !important;
}
._spin_1pkn6_1._active_1pkn6_6 {
  height: 2rem;
}._wrapper_1xp3y_1 {
  min-width: 17.5rem;
  max-width: 20rem;
  max-height: 23.75rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._search_1xp3y_10 {
  flex-shrink: 0;
  margin-bottom: 0.5rem;
}

._listWrapper_1xp3y_15 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

._listInner_1xp3y_21 {
  position: relative;
}

._addingOverlay_1xp3y_25 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1;
}

._hint_1xp3y_35,
._empty_1xp3y_36 {
  margin: 0;
  padding: 0.75rem 0;
  font-size: 0.8125rem;
  color: var(--gray-500);
  text-align: center;
}

._loading_1xp3y_44 {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

._list_1xp3y_15 {
  margin: 0;
  padding: 0;
  list-style: none;
}

._item_1xp3y_56 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.25rem;
  cursor: pointer;
  border-radius: 0.375rem;
  transition: background 0.15s;
}
._item_1xp3y_56:hover {
  background: var(--gray-100);
}
._item_1xp3y_56:not(:last-child) {
  border-bottom: 1px solid var(--gray-100);
}

._avatar_1xp3y_72 {
  flex-shrink: 0;
}

._avatarPlaceholder_1xp3y_76 {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--warning-500);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--white);
  flex-shrink: 0;
}

._name_1xp3y_90 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}._wrapper_1xh6j_1 {
  min-width: 15rem;
  max-width: 20rem;
  max-height: 22.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._header_1xh6j_10 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  padding: 0.125rem 0.125rem 0.5rem 0;
  border-bottom: 1px solid var(--gray-200);
}

._title_1xh6j_19 {
  margin: 0 0 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gray-900);
}

._list_1xh6j_26 {
  margin: 0;
  padding: 0;
  padding-right: 0.125rem;
  list-style: none;
  overflow-y: auto;
}

._item_1xh6j_34 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  padding: 0.5rem 0;
}
._item_1xh6j_34:not(:last-child) {
  border-bottom: 1px solid var(--gray-100);
}

._avatar_1xh6j_45 {
  flex-shrink: 0;
}

._avatarPlaceholder_1xh6j_49 {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  background: var(--warning-500);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--white);
  flex-shrink: 0;
}

._info_1xh6j_63 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
._info_1xh6j_63 ._name_1xh6j_69 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
._info_1xh6j_63 ._role_1xh6j_78 {
  font-size: 0.75rem;
  color: var(--gray-500);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._info_1xh6j_63 ._empty_1xh6j_85 {
  margin: 0;
  padding: 0.75rem 0;
  font-size: 0.875rem;
  color: var(--gray-500);
  text-align: center;
}

._actions_1xh6j_93 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._actions_1xh6j_93 ._button_1xh6j_98 svg path {
  stroke: var(--gray-500);
}
._actions_1xh6j_93 ._button_delete_1xh6j_101 svg path {
  stroke: var(--error-500);
}._text_loader_gmyo7_1 .ant-skeleton-paragraph {
  margin: 0;
}._top_la6xq_1 {
  padding: 0.25rem;
  padding-right: 0.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._top__wrapper_la6xq_9 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.25rem;
}
._top__image_la6xq_16 {
  background: var(--warning-500);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}
._top__image_la6xq_16._group_la6xq_25 {
  border-radius: 0.75rem;
}
._top__image_la6xq_16 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--white);
}
._top__avatar_la6xq_33 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}
._top__avatar_la6xq_33._group_la6xq_25 {
  border-radius: 0.75rem;
}
._top__info_la6xq_41 {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._top__info_username_la6xq_48 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 !important;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--gray-900);
}
._top__info_status_la6xq_57, ._top__info_participant_count_la6xq_57 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-weight: 400;
}
._top__info_status_la6xq_57 {
  color: var(--green-500);
}
._top__info_participant_count_la6xq_57 {
  color: var(--gray-500);
}
._top__info_participant_count_clickable_la6xq_70 {
  cursor: pointer;
}

._popover_la6xq_74 .ant-popover-inner {
  padding: 0.375rem;
}
._popover_la6xq_74 svg path {
  stroke: var(--error-500);
}._link_preview_1faw3_1 {
  display: flex;
  flex-direction: column;
  border-left: 0.25rem solid var(--legacy-link-accent);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  margin-top: 0.375rem;
  margin-bottom: 0.5rem;
  transition: all 0.2s ease;
  padding: 0.5rem;
  border-radius: 0.25rem;
  min-width: 0;
  max-width: 100%;
}
._link_preview_1faw3_1._light_1faw3_16 {
  border-left-color: var(--white);
}
._link_preview_1faw3_1._light_1faw3_16:hover {
  border-left-color: var(--white);
  background: var(--legacy-link-overlay);
}
._link_preview_1faw3_1._light_1faw3_16 ._link_preview__url_1faw3_23 {
  color: var(--white);
}
._link_preview_1faw3_1._light_1faw3_16 ._link_preview__title_1faw3_26 {
  color: var(--white);
}
._link_preview_1faw3_1._light_1faw3_16 ._link_preview__description_1faw3_29 {
  color: var(--gray-100);
}
._link_preview_1faw3_1:hover {
  border-left-color: var(--primary-400);
  background: var(--legacy-link-surface);
  box-shadow: 0 2px 8px rgba(74, 144, 226, 0.1);
}
._link_preview_1faw3_1._loading_1faw3_37 {
  opacity: 0.6;
  pointer-events: none;
}
._link_preview__image_1faw3_41 {
  height: 8.75rem;
  overflow: hidden;
  background: var(--legacy-link-thumb);
  border-radius: 0.25rem;
}
._link_preview__image_1faw3_41 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._link_preview__content_1faw3_52 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.375rem;
}
._link_preview__title_1faw3_26 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--legacy-ink-strong);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._link_preview__description_1faw3_29 {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--gray-500);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._link_preview__url_1faw3_23 {
  font-size: 0.75rem;
  color: var(--legacy-link-accent);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  min-width: 0;
  display: block;
}._message_round_video_19412_1 {
  position: relative;
  width: 17.5rem;
  height: 17.5rem;
  border-radius: 50%;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width 0.2s ease, height 0.2s ease;
  cursor: pointer;
}
._message_round_video_19412_1._playing_19412_13 {
  width: 25rem;
  height: 25rem;
}
._message_round_video__ring_19412_17 {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
}
._message_round_video_19412_1 {
  /* Wrapper with clip-path for Safari: avoids video decoding/rendering glitches with border-radius */
}
._message_round_video__clip_19412_28 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
  -webkit-clip-path: circle(50% at 50% 50%);
  z-index: 0;
}
._message_round_video__progress_19412_39 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  transform: rotate(-90deg);
  pointer-events: none;
  z-index: 2;
}
._message_round_video__progress_bg_19412_50 {
  stroke: rgba(255, 255, 255, 0.25);
  stroke-width: 2;
}
._message_round_video__progress_fill_19412_54 {
  stroke: var(--white);
  stroke-width: 2;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.15s linear;
}
._message_round_video__player_19412_60 {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--gray-900);
  border-radius: 50%;
  object-fit: cover;
  position: relative;
  z-index: 1;
  /* Reduce Safari video compositing glitches (pixelation bands) */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
._message_round_video__play_19412_60 {
  position: absolute;
  background: transparent !important;
}
._message_round_video__play_19412_60 svg path {
  fill: var(--white) !important;
  stroke: var(--white) !important;
}
._message_round_video__play_19412_60 svg rect {
  fill: var(--white) !important;
  stroke: var(--white) !important;
}
._message_round_video__icon_19412_89 {
  flex-shrink: 0;
}._message_audio_1x2en_1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 12.5rem;
  max-width: 17.5rem;
  position: relative;
  padding: 0.25rem;
}
._message_audio__play_button_1x2en_10 {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--legacy-audio-accent);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.2s ease;
}
._message_audio__play_button_1x2en_10:hover {
  background: var(--primary-500);
}
._message_audio__play_button_1x2en_10:active {
  transform: scale(0.95);
}
._message_audio__play_button_1x2en_10 svg {
  width: 0.75rem;
  height: 0.75rem;
  color: white;
}
._message_audio__play_button_1x2en_10 svg path {
  fill: var(--white) !important;
  stroke: var(--white) !important;
}
._message_audio__content_1x2en_38 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  width: 100%;
}
._message_audio__waveform_1x2en_46 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  height: 1.5rem;
  cursor: pointer;
  position: relative;
}
._message_audio__bar_1x2en_54 {
  width: 100%;
  background: var(--legacy-audio-accent);
  border-radius: 0.0625rem;
  min-height: 0.25rem;
  transition: height 0.1s ease;
}
._message_audio__volume_container_1x2en_61 {
  width: 100%;
  height: 0.1875rem;
  cursor: pointer;
  position: relative;
}
._message_audio__volume_track_1x2en_67 {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0.09375rem;
  position: relative;
  overflow: hidden;
}
._message_audio__volume_fill_1x2en_75 {
  height: 100%;
  background: var(--legacy-audio-accent);
  border-radius: 0.09375rem;
  transition: width 0.1s ease;
}
._message_audio__size_1x2en_81, ._message_audio__duration_1x2en_81 {
  font-size: 0.75rem;
  color: var(--gray-600);
  white-space: nowrap;
}
._message_audio__top_1x2en_86 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._message_audio__bottom_1x2en_91 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
._message_audio_1x2en_1._my_1x2en_97 ._message_audio__play_button_1x2en_10 {
  background: var(--white);
}
._message_audio_1x2en_1._my_1x2en_97 ._message_audio__play_button_1x2en_10 svg path {
  fill: var(--blue-500) !important;
  stroke: var(--blue-500) !important;
}
._message_audio_1x2en_1._my_1x2en_97 ._message_audio__play_button_1x2en_10 svg rect {
  fill: var(--blue-500) !important;
}
._message_audio_1x2en_1._my_1x2en_97 ._message_audio__bar_1x2en_54 {
  background: var(--white);
}
._message_audio_1x2en_1._my_1x2en_97 ._message_audio__size_1x2en_81,
._message_audio_1x2en_1._my_1x2en_97 ._message_audio__duration_1x2en_81 {
  color: var(--gray-100);
}._message_document_pqd1o_1 {
  display: flex;
  align-items: center;
  max-width: 15.625rem;
  min-width: 11.25rem;
  gap: 0.375rem;
  padding: 0.25rem;
  cursor: pointer;
}
._message_document__icon_pqd1o_10 {
  display: flex;
  align-items: center;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  background: var(--blue-500);
  justify-content: center;
}
._message_document__icon_pqd1o_10 svg path {
  stroke: var(--white);
}
._message_document__content_title_pqd1o_22 {
  font-size: 0.75rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12.5rem;
  margin: 0;
  color: var(--blue-500);
}
._message_document__content_size_pqd1o_32 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--gray-400);
}
._message_document__content_pqd1o_22 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
._message_document_pqd1o_1._my_pqd1o_42 ._message_document__icon_pqd1o_10 {
  background: var(--white);
}
._message_document_pqd1o_1._my_pqd1o_42 ._message_document__icon_pqd1o_10 svg path {
  stroke: var(--blue-500);
}
._message_document_pqd1o_1._my_pqd1o_42 ._message_document__content_title_pqd1o_22 {
  color: var(--white);
}
._message_document_pqd1o_1._my_pqd1o_42 ._message_document__content_size_pqd1o_32 {
  color: var(--gray-100);
}._message_image_1ptez_1 {
  width: 100%;
  height: 100%;
  border-radius: 0.375rem 0.75rem 0.75rem 0.75rem !important;
  object-fit: cover;
  cursor: pointer;
}
._message_image_mine_1ptez_8 {
  border-radius: 0.75rem 0.375rem 0.75rem 0.75rem !important;
}
._message_image_root_1ptez_11 .ant-image-mask {
  border-radius: 0.375rem 0.75rem 0.75rem 0.75rem !important;
}
._message_image_root_mine_1ptez_14 .ant-image-mask {
  border-radius: 0.75rem 0.375rem 0.75rem 0.75rem !important;
}._message_video_719hl_1 {
  max-width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background: var(--gray-900);
}
._message_video__player_719hl_7 {
  display: block;
  width: 100%;
  max-height: 15rem;
  vertical-align: middle;
}
._message_video__placeholder_719hl_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 10rem;
  padding: 1.5rem;
  border: none;
  border-radius: 0.5rem;
  background: var(--gray-800);
  cursor: pointer;
  transition: background 0.2s ease;
}
._message_video__placeholder_719hl_13:hover {
  background: var(--gray-700);
}
._message_video__icon_719hl_29 {
  color: var(--gray-400);
  flex-shrink: 0;
}
._message_video_719hl_1._my_719hl_33 ._message_video__player_719hl_7 {
  border-radius: 0.5rem;
}._files_hktwv_1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._files_images_hktwv_7 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-self: flex-start;
}._message_text_1o9iv_1 {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.125rem 0.375rem;
  color: var(--gray-900);
  word-break: break-word;
  overflow-wrap: anywhere;
  min-width: 0;
}
._message_text_1o9iv_1 img {
  display: inline-block;
}
._message_text_1o9iv_1 a {
  color: var(--blue-500);
  word-break: break-all;
  overflow-wrap: anywhere;
  max-width: 100%;
  font-weight: 500;
  text-decoration: none;
}
._message_text_1o9iv_1 a:hover {
  text-decoration: underline;
}
._message_text_1o9iv_1._my_1o9iv_24 {
  color: var(--white);
}
._message_text_1o9iv_1._my_1o9iv_24 a {
  color: var(--white);
}
._message_text_1o9iv_1._my_1o9iv_24 ._emojiChar_1o9iv_30::selection {
  background: rgba(255, 255, 255, 0.35);
}

._message_link_1o9iv_34 {
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
  word-break: break-all;
  overflow-wrap: anywhere;
}
._message_link_1o9iv_34:hover {
  text-decoration: underline;
}

._emoji_copyable_1o9iv_45 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
}

._emoji_img_1o9iv_52 {
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
}._message__wrapper_3dwh1_1 {
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
  content-visibility: auto;
  contain-intrinsic-size: 0 9.375rem;
  contain: layout paint style;
}
._message__wrapper_3dwh1_1._my_3dwh1_9 {
  justify-content: flex-end;
}
._message__wrapper_3dwh1_1._my_3dwh1_9 ._message__item_3dwh1_12 {
  border-radius: 1.125rem 0.5rem 0.5rem 1.125rem;
  background-color: var(--blue-500);
}
._message__wrapper_3dwh1_1._my_3dwh1_9 ._message__bottom_3dwh1_16 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  color: var(--gray-200);
}
._message__wrapper_3dwh1_1._other_3dwh1_22 {
  justify-content: flex-start;
}
._message__wrapper_3dwh1_1._other_3dwh1_22 ._message__item_3dwh1_12 {
  border-radius: 0.5rem 1.125rem 1.125rem 0.5rem;
  background: var(--white);
}
._message__wrapper_3dwh1_1._other_3dwh1_22 ._message__bottom_3dwh1_16 {
  color: var(--gray-600);
}
._message__item_3dwh1_12 {
  max-width: 18.75rem;
  min-width: 0;
  padding: 0.375rem;
  position: relative;
  overflow-wrap: anywhere;
  word-break: break-word;
}
._message__item__last_my_3dwh1_40::after {
  content: "";
  position: absolute;
  background: transparent;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0 50% 0 50%;
  background: transparent;
  box-shadow: -0.625rem 0 0px 0px var(--blue-500);
  right: -1.875rem;
  bottom: 0;
}
._message__item__last_3dwh1_40::before {
  content: "";
  position: absolute;
  background: transparent;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50% 0 50% 0;
  background: transparent;
  box-shadow: 0.625rem 0 0px 0px var(--white);
  left: -1.875rem;
  bottom: 0;
}
._message__item__group_3dwh1_64 {
  position: relative;
  height: 100%;
  display: flex;
  align-items: end;
  gap: 0.5rem;
}
._message__item__group__username_3dwh1_71 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--warning-500);
  padding: 0 0.3125rem;
}
._message__item__group__avatar_3dwh1_77 {
  padding: 0.125rem 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
._message__item__group__avatar__initials_3dwh1_86 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--warning-500);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--white);
}
._message__item__group__avatar__spacer_3dwh1_98 {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
}
._message__bottom_3dwh1_16 {
  float: right;
  font-size: 0.8125rem;
  padding: 0rem 0.375rem 0.375rem 0.375rem;
}
._message__bottom_3dwh1_16._sticker_bottom_3dwh1_108 {
  float: none;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.125rem;
  color: var(--gray-700) !important;
}._message_list_uqjam_1 {
  position: relative;
  z-index: 1;
  overflow-y: auto;
  flex: 1;
  overflow-x: hidden;
  display: flex;
  scroll-behavior: smooth;
  flex-direction: column-reverse;
  padding: 1rem 0.375rem 0.5rem 0.375rem;
}
._message_list__reverse_uqjam_12 {
  gap: 0.5rem;
  display: flex;
  flex-direction: column-reverse;
}
._message_list__date_uqjam_17 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._message_list__date__badge_uqjam_22 {
  background: var(--white);
  border-radius: 0.75rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-500);
}

._to_bottom__container_uqjam_31 {
  position: relative;
  z-index: 1000;
  bottom: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
._to_bottom__button_uqjam_40 {
  position: absolute;
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  background: var(--white);
  border: 0.0625rem solid var(--gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transform: translateY(0);
  opacity: 0;
  pointer-events: none;
}
._to_bottom__button_uqjam_40._show_uqjam_57 {
  transform: translateY(-3.125rem);
  opacity: 1;
  pointer-events: auto;
}._chat_content__container_hib43_1 {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  width: 100%;
  flex-direction: column;
}
._chat_content__wrapper_hib43_9 {
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 1.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: radial-gradient(100% 100% at 100% 100%, var(--legacy-chat-bg-start) 0%, var(--legacy-chat-bg-end) 100%);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._chat_content__wrapper_hib43_9[data-dragging] {
  border: 0.125rem dashed var(--gray-400);
  box-shadow: inset 0 0 0 0.0625rem var(--gray-200);
}

._pattern_hib43_27 {
  object-fit: cover;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 8%;
  user-select: none;
}._skeletons_efg27_1 {
  gap: 0.25rem;
  display: flex;
  padding: 0.25rem;
  flex-direction: column;
}._chat_room_9nd1u_1 {
  padding: 0.25rem;
  position: relative;
}
._chat_room_9nd1u_1::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  height: 0.0625rem;
  width: 70%;
  background: var(--gray-200);
}
._chat_room__wrapper_9nd1u_14 {
  display: flex;
  gap: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.375rem 0.375rem 0.375rem 0.375rem;
  cursor: pointer;
  transition: background 0.2s ease;
}
._chat_room__wrapper_9nd1u_14:hover {
  background: var(--gray-100);
}
._chat_room_9nd1u_1._active_9nd1u_25 ._chat_room__wrapper_9nd1u_14 {
  background: var(--blue-500);
}
._chat_room_9nd1u_1._active_9nd1u_25 ._chat_room__info_username_9nd1u_28 {
  color: var(--white);
}
._chat_room_9nd1u_1._active_9nd1u_25 ._chat_room__info_message_9nd1u_31 {
  color: var(--white);
}
._chat_room_9nd1u_1._active_9nd1u_25 ._chat_room__info_time_9nd1u_34 {
  color: var(--white);
}
._chat_room__image_9nd1u_37 {
  background: var(--warning-500);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}
._chat_room__image_9nd1u_37._group_9nd1u_46 {
  border-radius: 0.75rem;
}
._chat_room__image_9nd1u_37 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--white);
}
._chat_room__avatar_9nd1u_54 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
}
._chat_room__avatar_9nd1u_54._group_9nd1u_46 {
  border-radius: 0.75rem;
}
._chat_room__info_9nd1u_28 {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._chat_room__info_right_9nd1u_69 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._chat_room__info_wrapper_9nd1u_74 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
._chat_room__info_username_9nd1u_28 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 !important;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--gray-900);
}
._chat_room__info_message_9nd1u_31 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--gray-500);
}
._chat_room__info_message_9nd1u_31 img {
  display: inline-block;
  vertical-align: middle;
}
._chat_room__info_message_sender_9nd1u_102 {
  font-weight: 500;
}
._chat_room__info_time_9nd1u_34 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--gray-500);
}
._chat_room__info_unread_count_9nd1u_110 {
  font-size: 0.75rem;
  font-weight: 400;
  background: var(--blue-500);
  color: var(--white);
  min-width: 1rem;
  height: 1.25rem;
  padding: 0 0.15625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
._chat_room__info_unread_count_9nd1u_110._light_9nd1u_123 {
  background: var(--white);
  color: var(--blue-500);
}._chat_room_list_1bw0b_1 {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
._chat_room_list_1bw0b_1::-webkit-scrollbar {
  display: none;
}._chat_room_list_u380f_1 {
  overflow-y: auto;
  overflow-x: hidden;
}
._chat_room_list_u380f_1::-webkit-scrollbar {
  display: none;
}

._skeletons_u380f_9 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem;
}

._no_results_u380f_16 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  text-align: center;
  color: var(--gray-500);
}._top_rcaak_1 {
  display: grid;
  gap: 0.875rem;
  padding: 0.4375rem;
  padding-top: 0;
}
._top_rcaak_1 .ant-segmented {
  border-radius: 1.25rem !important;
}
._top_rcaak_1 .ant-segmented-item {
  border-radius: 1.25rem !important;
}
._top_rcaak_1 .ant-segmented-thumb {
  border-radius: 1.25rem !important;
}
._top_rcaak_1 .ant-input-affix-wrapper {
  border-radius: 0.75rem !important;
}
._top__details_rcaak_19 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
._top__details_buttons_rcaak_24 {
  display: flex;
  gap: 0.375rem;
}._chat_sidebar_1vyl2_1 {
  display: flex;
  flex-direction: column;
  border-radius: 1.5rem;
  background: var(--white);
  padding: 0.5rem 0;
  width: 17.5rem;
  min-width: 17.5rem;
  border: 0.0625rem solid var(--gray-200);
}
._chat_sidebar__wrapper_1vyl2_11 {
  overflow-y: auto;
  overflow-x: hidden;
}
._chat_sidebar__wrapper_1vyl2_11::-webkit-scrollbar {
  display: none;
}._player__button_1m4f5_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3.125rem;
  background-color: var(--primary-500);
  cursor: pointer;
  transition: background 0.2s ease;
  border: 0.0625rem solid var(--gray-600);
  pointer-events: auto;
}
._player__button_1m4f5_1:active {
  transform: scale(0.95);
}
._player__button_1m4f5_1 svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--white);
}
._player__button_1m4f5_1 svg path {
  fill: var(--white);
  stroke: var(--white);
}

._close__button_1m4f5_27 {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid var(--gray-600);
  background: var(--error-500);
  border-radius: 3.125rem;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
}
._close__button_1m4f5_27 svg {
  width: 0.875rem;
  height: 0.875rem;
}
._close__button_1m4f5_27 svg path {
  fill: var(--white);
  stroke: var(--white);
}._chat_type_select__wrapper_gsjda_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  pointer-events: none;
}
._chat_type_select_gsjda_1 {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem;
  background: var(--gray-100);
  border: 0.0625rem solid var(--gray-200);
  border-radius: 1.875rem;
  width: fit-content;
  height: fit-content;
}
._chat_type_select__item_gsjda_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: none;
  border-radius: 1.625rem;
  background: transparent;
  color: var(--gray-600);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
._chat_type_select__item_gsjda_20:hover {
  background: var(--gray-50);
  color: var(--gray-700);
}
._chat_type_select__item_selected_gsjda_38 {
  background: var(--white);
  color: var(--gray-800);
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05);
}
._chat_type_select__item_gsjda_20 svg {
  width: 1.5rem;
  height: 1.5rem;
}._chat_notification_1p35i_1 {
  min-width: 16.25rem;
  max-width: 21.875rem;
  padding: 0.5rem 0.75rem;
  min-height: 3.125rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--gray-200);
  box-shadow: 0rem 0.5rem 1.5rem -0.5rem var(--legacy-shadow-strong);
  background-color: var(--white);
  cursor: pointer;
  transition: background-color 0.15s;
}
._chat_notification_1p35i_1:hover {
  background-color: var(--gray-50);
}
._chat_notification_1p35i_1 ._photo_1p35i_19 {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  background-color: var(--gray-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
._chat_notification_1p35i_1 ._avatar_1p35i_29 {
  width: 2.1875rem;
  height: 2rem;
  border-radius: 50%;
}
._chat_notification_1p35i_1 ._image_1p35i_34 {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gray-600);
  display: flex;
  align-items: center;
  justify-content: center;
}
._chat_notification_1p35i_1 ._content_1p35i_45 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
._chat_notification_1p35i_1 ._title_1p35i_51 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--gray-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._chat_notification_1p35i_1 ._preview_1p35i_59 {
  font-size: 0.75rem;
  color: var(--gray-500);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._chat_notification_1p35i_1 ._preview_1p35i_59 img {
  display: inline-block;
  vertical-align: middle;
}._chat__container_1ur5a_1 {
  position: fixed;
  bottom: 5.75rem;
  display: flex;
  gap: 0.75rem;
  z-index: 10 !important;
  width: 0rem;
  height: 0rem;
  opacity: 0;
  transform: translateY(2.5rem);
  transition: all 0.3s ease;
  pointer-events: none;
}
._chat__container_1ur5a_1._open_1ur5a_14 {
  width: min(61.25rem, 100vw - 3rem);
  height: min(50rem, 100dvh - 10.625rem);
  max-width: calc(100vw - 3rem);
  max-height: calc(100dvh - 10.625rem);
  opacity: 1;
  transform: translateY(0);
}
._chat__wrapper_1ur5a_22 {
  pointer-events: auto;
  background: var(--surface-elevated);
  border: 0.0625rem solid var(--gray-300);
  border-radius: 2rem;
  padding: 0.5rem;
  z-index: 100000 !important;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1;
  box-shadow: 0 0.625rem 1.5rem 0.625rem var(--legacy-shadow-strong);
  overflow: hidden;
  display: flex;
  gap: 0.5rem;
}
._chat__wrapper_1ur5a_22 p {
  margin: 0;
}._inbox_8h8a1_1 {
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: 1000;
}
._inbox_8h8a1_1 ._container_8h8a1_9 {
  display: flex;
  position: fixed;
  width: 100dvw;
  height: 100dvh;
  min-width: 100vw;
  min-height: 100vh;
  bottom: 1.25rem;
  right: -6.25rem;
}
._inbox_8h8a1_1 ._container_8h8a1_9 ._absolute_8h8a1_19 {
  position: absolute;
  background-color: green;
}
._inbox_8h8a1_1 ._message_btn_8h8a1_23 {
  width: 3.5rem;
  height: 3.5rem;
  position: fixed;
  bottom: 1.875rem;
  /* right set inline for draggable position */
  background-color: green;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4.5rem;
  cursor: grab;
  z-index: 99999999;
  touch-action: none; /* allow drag on mobile without scroll takeover */
}
._inbox_8h8a1_1 ._message_btn_8h8a1_23:active {
  cursor: grabbing;
}._wrapper_9gogl_1 {
  user-select: none;
  display: flex;
  justify-content: space-between;
}
._wrapper_9gogl_1 ._label_9gogl_6 {
  display: flex;
  align-items: center;
}
._wrapper_9gogl_1 ._label_9gogl_6 svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}
._wrapper_9gogl_1 ._label_9gogl_6 svg path {
  stroke: var(--gray-500);
}
._wrapper_9gogl_1 ._label_9gogl_6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--gray-700);
}
._wrapper_9gogl_1 ._switch_9gogl_24 {
  height: 1.75rem;
  width: 2.75rem;
  min-width: 2.75rem;
}
._wrapper_9gogl_1 ._switch_9gogl_24 .ant-switch-handle {
  top: 0.1875rem;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 2.5rem !important;
}
._wrapper_9gogl_1 ._switch_9gogl_24 .ant-switch-handle::before {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  border-radius: 1.375rem;
  transition: all 0.2s ease-in-out;
  content: "";
}
._wrapper_9gogl_1 ._switch_9gogl_24.ant-switch-checked .ant-switch-handle {
  inset-inline-start: calc(100% - 1.5rem) !important;
}._wrapper_1h537_1 {
  user-select: none;
}
._wrapper_1h537_1 ._label_1h537_4 {
  display: flex;
  align-items: center;
}
._wrapper_1h537_1 ._label_1h537_4 svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}
._wrapper_1h537_1 ._label_1h537_4 svg path {
  stroke: var(--gray-500);
}
._wrapper_1h537_1 ._label_1h537_4 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--gray-700);
}._container_19hf9_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._input_container_19hf9_7 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
._input_container_19hf9_7 ._validate_19hf9_12 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._input_container_19hf9_7 ._validate_19hf9_12 ._validate_item_19hf9_17 {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
  color: var(--grey-500);
  gap: 0.5rem;
}
._input_container_19hf9_7 ._validate_19hf9_12 ._validate_item_19hf9_17 svg path {
  stroke-width: 1;
  stroke: var(--gray-500);
}
._input_container_19hf9_7 .ant-input-suffix {
  font-size: 0.875rem;
  width: 1.375rem;
  height: 1.375rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
  color: var(--blue-500);
  cursor: pointer;
}

._active_19hf9_43 {
  color: var(--green-600) !important;
}
._active_19hf9_43 svg path {
  stroke: var(--green-600) !important;
}._container_x9f0l_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._avatar_container_x9f0l_7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._avatar_container_x9f0l_7 ._label_x9f0l_12 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
  color: var(--gray-700);
}
._avatar_container_x9f0l_7 ._row_x9f0l_19 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3rem;
}
._avatar_container_x9f0l_7 ._avatar_x9f0l_7 {
  width: 4rem;
  height: 4rem;
  background: var(--gray-100);
  color: var(--gray-600);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
._avatar_container_x9f0l_7 ._avatar_action_x9f0l_40 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._avatar_container_x9f0l_7 ._delete_btn_x9f0l_46 {
  color: var(--error-600);
}
._avatar_container_x9f0l_7 ._delete_btn_x9f0l_46:hover {
  color: var(--error-600) !important;
}

._item_container_x9f0l_53 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
._item_container_x9f0l_53 ._label_x9f0l_12 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
  color: var(--gray-700);
}
._item_container_x9f0l_53 ._custom_disabled_x9f0l_65 .ant-input-disabled {
  background: none;
  cursor: default;
  color: var(--gray-900);
}

._grid_x9f0l_71 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

._phone_input_x9f0l_77 .ant-form-item-has-error span {
  color: var(--legacy-danger);
  border-color: var(--legacy-danger);
}
._phone_input_x9f0l_77 .ant-form-item-extra {
  min-height: unset;
}
._phone_input_x9f0l_77 ._input_mask_x9f0l_84 {
  padding: 0.5rem 0.6875rem 0.5rem 4.5rem;
}
._phone_input_x9f0l_77 :hover {
  border-color: var(--gray-300) !important;
}
._phone_input_x9f0l_77 span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.375rem;
  width: 3.625rem;
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  border-right: 0.0625rem solid var(--gray-300);
  background-color: var(--gray-50);
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  z-index: 1;
  color: var(--legacy-muted-text);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

._edited_input_x9f0l_109 .ant-input-disabled {
  background: none;
  cursor: default;
  color: var(--gray-900);
}
._edited_input_x9f0l_109 :hover {
  background: none !important;
}
._edited_input_x9f0l_109 .ant-input-suffix {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
  color: var(--blue-500);
  cursor: pointer;
}

input[type=file] {
  display: none;
}

._checkbox_x9f0l_130 {
  padding-top: 1.375rem;
  font-weight: 500;
  font-size: 0.875rem;
}
._checkbox_x9f0l_130 p {
  font-weight: 400;
  color: var(--gray-600);
  padding-left: 1.5rem;
}._modal_1fqsa_1 .ant-modal-body {
  padding: 0 !important;
}
._modal_1fqsa_1 .ant-modal-footer {
  display: flex;
}
._modal_1fqsa_1 .ant-modal-footer button {
  flex: 1;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 1.5rem 2rem;
  user-select: none;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._icon_1fqsa_17 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  margin-bottom: 1.5rem;
  border-radius: 50%;
  background: linear-gradient(45deg, var(--primary-700) 0%, var(--primary-500) 100%);
  box-shadow: 0rem 0.125rem 0.25rem -0.125rem var(--legacy-brand-shadow-sm), 0rem 0.25rem 0.5rem -0.125rem var(--legacy-brand-shadow-md);
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._text_1fqsa_28 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.25rem;
  margin-bottom: 1.25rem;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._text__title_1fqsa_35 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: var(--gray-900);
  margin: 0;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._text__description_1fqsa_42 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--gray-600);
  text-align: center;
  margin: 0;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form_1fqsa_50 {
  display: flex;
  column-gap: 0.25rem;
  width: 100%;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 {
  flex: 1;
  margin: 0;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-space-compact {
  width: 100%;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-space-compact .ant-input-affix-wrapper {
  align-items: center;
  padding: 0 0.6875rem;
  background-color: var(--white) !important;
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.06), 0rem 0.0625rem 0.1875rem 0rem rgba(16, 24, 40, 0.1);
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-space-compact .ant-input-affix-wrapper input {
  color: var(--gray-900);
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-space-compact .ant-input-affix-wrapper .ant-input-suffix {
  height: max-content;
  padding: 0.3125rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-space-compact .ant-input-affix-wrapper .ant-input-suffix:hover {
  background-color: var(--gray-100);
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-space-compact .ant-input-affix-wrapper .ant-input-suffix span {
  display: flex;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-space-compact .ant-input-affix-wrapper .ant-input-suffix span svg {
  width: 1rem;
  height: 1rem;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-input-group-addon {
  cursor: pointer;
}
._modal_1fqsa_1 ._reset_password_1fqsa_10 ._form__item_1fqsa_55 .ant-input-group-addon svg {
  width: 1.25rem;
  height: 1.25rem;
}._main_m47m5_1 {
  display: flex;
  height: 100vh;
  max-width: 100vw;
  overflow: auto;
}
._main__sider_m47m5_7 {
  position: sticky;
  top: 0;
  padding: 1.5rem 1rem 0.875rem;
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
._main__sider_m47m5_7 .ant-layout-sider-children {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  height: 100%;
}
._main__sider_m47m5_7 .ant-menu-item-selected svg path {
  stroke: var(--primary-500) !important;
}
._main__sider_m47m5_7 .ant-menu-item-selected a {
  color: var(--primary-500) !important;
}
._main__sider__top_m47m5_28 {
  display: flex;
  align-items: center;
  overflow-x: clip;
  justify-content: space-between;
  padding: 0 0 0 0.5rem;
}
._main__sider__top_m47m5_28._collapsed_m47m5_35 ._logo__right_m47m5_35,
._main__sider__top_m47m5_28._collapsed_m47m5_35 ._trigger_m47m5_36 {
  opacity: 0;
  pointer-events: none;
}
._main__sider__top_m47m5_28._collapsed_m47m5_35 ._logo__left_m47m5_40 {
  cursor: pointer;
}
._main__sider__top_m47m5_28 ._logo_m47m5_35 {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}
._main__sider__top_m47m5_28 ._logo__left_m47m5_40 {
  width: 2rem;
  height: 2rem;
}
._main__sider__top_m47m5_28 ._logo__right_m47m5_35 {
  width: 6.25rem;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
._main__sider__top_m47m5_28 ._trigger_m47m5_36 {
  display: flex;
  cursor: pointer;
  border-radius: 0.5rem;
  padding: 0.375rem;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.3s;
}
._main__sider__top_m47m5_28 ._trigger_m47m5_36:hover {
  background-color: var(--gray-200);
}
._main__sider__center_m47m5_66 {
  height: 100%;
  flex: 1;
  overflow-y: auto;
  padding-right: 0.5rem;
  box-sizing: content-box;
  scrollbar-gutter: stable;
  margin-right: -0.625rem;
  scrollbar-width: none;
}
._main__sider__center_m47m5_66 .ant-menu-item svg {
  width: 1.5rem;
  height: 1.5rem;
}
._main__sider__center_m47m5_66 .ant-menu-item span {
  flex-shrink: 0;
}
._main__sider__center_m47m5_66 .ant-menu-item span a {
  white-space: pre-wrap;
  max-width: 13.75rem;
}
._main__sider__center_m47m5_66::-webkit-scrollbar {
  width: 0.375rem;
}
._main__sider__center_m47m5_66::-webkit-scrollbar-track {
  background: transparent;
}
._main__sider__center_m47m5_66::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 0.25rem;
}
._main__sider__center_m47m5_66 ._stuck_bottom_m47m5_97 {
  margin-top: auto !important;
}
._main__sider__bottom_m47m5_100 {
  margin-top: auto;
  border-top: 0.0625rem solid var(--gray-200);
  padding-top: 0.75rem;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105._collapsed_m47m5_35 ._avatar_m47m5_110 {
  margin: 0 auto;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105._collapsed_m47m5_35 ._name_m47m5_113 {
  width: 0;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105._collapsed_m47m5_35 > svg {
  width: 0;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 ._avatar_m47m5_110 {
  display: flex;
  margin-right: 0.5rem;
  transition: 0.3s ease-in-out;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 ._avatar_m47m5_110 img {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  object-fit: cover;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 ._avatar_m47m5_110 ._letter_m47m5_130 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  border-radius: 50%;
  border: 0.0625rem solid var(--gray-200);
  box-sizing: border-box;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 ._avatar_m47m5_110 ._letter_m47m5_130 span {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: var(--gray-700);
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 ._name_m47m5_113 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 ._name_m47m5_113 p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: var(--gray-700);
  margin: 0;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 ._name_m47m5_113 span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--gray-600);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._main__sider__bottom_m47m5_100 ._account_m47m5_105 > svg {
  transform: rotate(-90deg);
  margin-left: auto;
  transition: 0.3s ease-in-out;
}
._main__body_m47m5_182 {
  flex: 1;
  max-width: 100%;
  overflow: visible;
  overflow-x: hidden;
}

._dropdown_m47m5_189 {
  min-width: 250px !important;
}
._dropdown_m47m5_189 .ant-dropdown-menu-item svg,
._dropdown_m47m5_189 .ant-dropdown-menu-submenu-title svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}
._dropdown_m47m5_189 ._user_m47m5_197 {
  display: flex;
  align-items: center;
  cursor: default !important;
}
._dropdown_m47m5_189 ._user_m47m5_197 img {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  object-fit: cover;
}
._dropdown_m47m5_189 ._user_m47m5_197 ._letter_m47m5_130 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  border-radius: 50%;
  border: 0.0625rem solid var(--gray-200);
  box-sizing: border-box;
}
._dropdown_m47m5_189 ._user_m47m5_197 ._letter_m47m5_130 span {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: var(--gray-700);
}
._dropdown_m47m5_189 ._user_m47m5_197 ._name_m47m5_113 {
  display: flex;
  flex-direction: column;
}
._dropdown_m47m5_189 ._user_m47m5_197 ._name_m47m5_113 p {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: var(--gray-700);
  margin: 0;
  white-space: wrap;
  max-width: 12.5rem;
}
._dropdown_m47m5_189 ._user_m47m5_197 ._name_m47m5_113 span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--gray-600);
}._container_14cqe_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex: 1;
}
._container_14cqe_1 ._title_14cqe_10 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: center;
  margin-top: 1rem;
  color: var(--gray-900);
  max-width: 21.875rem;
}
._container_14cqe_1 ._discription_14cqe_19 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  color: var(--gray-600);
  margin-top: 0.25rem;
  max-width: 21.875rem;
}._forbidden_wntb4_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
._forbidden_wntb4_1 button {
  margin-top: 1rem;
}._not_found_1mivr_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
._not_found_1mivr_1 button {
  margin-top: 1rem;
}._container_5uqeu_1 {
  width: 100%;
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  background-color: var(--white);
}
._container_5uqeu_1 ._content_5uqeu_12 ._title_5uqeu_12 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: center;
  margin-top: 1rem;
  color: var(--gray-900);
  max-width: 21.875rem;
}
._container_5uqeu_1 ._content_5uqeu_12 ._discription_5uqeu_21 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  color: var(--gray-600);
  margin-top: 0.25rem;
  max-width: 21.875rem;
}
._container_5uqeu_1 ._stack_5uqeu_30 {
  max-width: 31.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}* {
  -webkit-tap-highlight-color: transparent;
}

.d-n {
  display: none !important;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 10;
  border-radius: 0.75rem 0.75rem 0 0;
  background: var(--surface-base);
}

.white-box {
  display: flex;
  background-color: var(--surface-base);
  border-radius: 0.75rem 0.75rem 0 0;
  border-top: 0.0625rem solid var(--gray-200);
  border-right: 0.0625rem solid var(--gray-200);
  border-left: 0.0625rem solid var(--gray-200);
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.06), 0rem 0.0625rem 0.1875rem 0rem rgba(16, 24, 40, 0.1);
  height: max-content;
  max-width: 100%;
  min-height: calc(100% - 1rem);
  box-sizing: border-box;
  margin: 1rem 1rem 0 0;
}
.white-box-col {
  flex-direction: column;
}

.page-overlay {
  height: 100%;
  display: flex;
  flex-direction: column !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
}
.page-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 4.25rem;
}

.rounded-box {
  border: 0.0625rem var(--gray-200) solid;
  border-radius: 0.75rem;
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.06), 0rem 0.0625rem 0.1875rem 0rem rgba(16, 24, 40, 0.1);
}

.status {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  padding: 0.125rem 0.375rem;
  border: 0.0625rem solid transparent;
}
.status.LOCKED {
  color: var(--error-700);
  border-color: var(--error-600);
}
.status.ENABLED {
  color: var(--success-700);
  border-color: var(--success-600);
}

/* menu*/
.ant-menu.links span,
.w-links span {
  color: var(--gray-600);
}
.ant-menu.links .active,
.w-links .active {
  color: var(--white);
  background: var(--primary-500);
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.05);
}
.ant-menu.links .active svg path,
.w-links .active svg path {
  stroke: var(--white);
}
.ant-menu.links .active span,
.w-links .active span {
  color: var(--white);
}
.ant-menu.links .active .ant-menu-title-content,
.w-links .active .ant-menu-title-content {
  color: var(--gray-700);
}

.links {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  background-color: transparent;
  border-inline-end: none !important;
  width: 100%;
}
.links::before, .links::after {
  display: none;
}
.links .ant-menu-item,
.links a {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  margin: 0;
  padding: 0 0.75rem;
  width: 100%;
  height: 2.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid transparent;
  box-sizing: border-box;
  text-decoration: none;
  /*&:hover {*/
  /*  background-color: var(--gray-200) !important;*/
  /*}*/
}
.links .ant-menu-item-selected, .links .ant-menu-item.active,
.links a-selected,
.links a.active {
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.05);
}
.links .ant-menu-item-selected:hover, .links .ant-menu-item.active:hover,
.links a-selected:hover,
.links a.active:hover {
  background: var(--white) !important;
}
.links .ant-menu-item-selected svg path, .links .ant-menu-item.active svg path,
.links a-selected svg path,
.links a.active svg path {
  stroke: var(--primary-500);
}
.links .ant-menu-item-selected .ant-menu-title-content, .links .ant-menu-item.active .ant-menu-title-content,
.links a-selected .ant-menu-title-content,
.links a.active .ant-menu-title-content {
  color: var(--gray-700);
}
.links .ant-menu-item svg,
.links a svg {
  min-width: 1.5rem;
}
.links .ant-menu-item .ant-menu-title-content,
.links .ant-menu-item span,
.links a .ant-menu-title-content,
.links a span {
  margin-inline-start: 0 !important;
  color: var(--gray-700);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.links .ant-menu-item svg {
  flex-shrink: 0;
}
.links .ant-menu-item svg path {
  stroke: var(--gray-700);
}

.min-h-full {
  min-height: 100%;
}

/* form*/
.ant-form-item-label {
  font-weight: 500;
}
.ant-form-item-label label {
  color: var(--gray-700) !important;
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 1.25rem !important;
}
.ant-form-item-label span {
  color: var(--gray-400);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  /* 150% */
  margin-left: 0.375rem;
}
.ant-form-item-control .ant-input-outlined {
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.05);
}
.ant-form-item-required::before {
  display: none !important;
}

/* button*/
.ant-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  align-self: center;
  height: 2.25rem;
}
.ant-btn-loading {
  position: relative;
}
.ant-btn-loading .ant-btn-icon {
  position: absolute;
}
.ant-btn-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-inline-end: 0 !important;
}
.ant-btn-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.ant-btn-default {
  color: var(--gray-700);
  font-size: 0.875rem !important;
  font-weight: 600;
  line-height: 1.25rem;
  /*border: rem(1) solid transparent;*/
  /*border-color: var(--gray-300);*/
  border: none !important;
  box-shadow: 0rem 0rem 0rem 0.0625rem #d0d5dd;
  /*box-shadow: rem(0) rem(1) rem(2) rem(0) rgba(16, 24, 40, 0.06),*/
  /*rem(0) rem(1) rem(3) rem(0) rgba(16, 24, 40, 0.1);*/
}
.ant-btn-default:hover {
  border-color: var(--gray-300) !important;
  color: var(--gray-700) !important;
  background-color: var(--gray-50);
}
.ant-btn-default .ant-wave {
  transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-btn-default .ant-wave.wave-motion-appear-active {
  box-shadow: 0rem 0rem 0rem 0.25rem #d0d5dd, 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.05) !important;
}
.ant-btn-primary {
  font-weight: 600;
  background-color: var(--primary-500);
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.3);
  border-inline: none;
  box-shadow: 0rem 0rem 0rem 0.0625rem #53389e;
  transition: 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  /*height: rem(34);*/
}
.ant-btn-primary:hover {
  background-color: var(--primary-500) !important;
  opacity: 0.93 !important;
}
.ant-btn-primary .ant-wave {
  transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-btn-primary .ant-wave.wave-motion-appear-active {
  box-shadow: 0rem 0rem 0rem 0.25rem #d0d5dd, 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.05) !important;
}
.ant-btn.red {
  background-color: var(--error-600);
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.3);
  border-inline: none;
  box-shadow: 0rem 0rem 0rem 0.0625rem #912018;
}
.ant-btn.red:hover, .ant-btn.red:active {
  background-color: var(--error-600) !important;
  opacity: 0.93 !important;
}
.ant-btn.red .ant-wave {
  transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-btn.red .ant-wave.wave-motion-appear-active {
  box-shadow: 0rem 0rem 0rem 0.25rem rgba(145, 32, 24, 0.1490196078), 0rem 0.0625rem 0.125rem 0rem #912018 !important;
}
.ant-btn.green {
  background-color: var(--success-500);
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.3);
  border-inline: none;
  box-shadow: 0rem 0rem 0rem 0.0625rem #05603a;
}
.ant-btn.green:hover, .ant-btn.green:active {
  background-color: var(--success-500) !important;
  opacity: 0.93 !important;
}
.ant-btn.green .ant-wave {
  transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-btn.green .ant-wave.wave-motion-appear-active {
  box-shadow: 0rem 0rem 0rem 0.25rem rgba(5, 96, 58, 0.1490196078), 0rem 0.0625rem 0.125rem 0rem #05603a !important;
}
.ant-btn.blue {
  background-color: var(--blue-500);
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.3);
  border-inline: none;
  box-shadow: 0rem 0rem 0rem 0.0625rem #0a4f6e;
}
.ant-btn.blue:hover, .ant-btn.blue:active {
  background-color: var(--blue-500) !important;
  opacity: 0.93 !important;
}
.ant-btn.blue .ant-wave {
  transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-btn.blue .ant-wave.wave-motion-appear-active {
  box-shadow: 0rem 0rem 0rem 0.25rem rgba(10, 79, 110, 0.1490196078), 0rem 0.0625rem 0.125rem 0rem #0a4f6e !important;
}
.ant-btn.orange {
  background-color: var(--warning-500);
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.3);
  border-inline: none;
  box-shadow: 0rem 0rem 0rem 0.0625rem #93370d;
}
.ant-btn.orange:hover, .ant-btn.orange:active {
  background-color: var(--warning-500) !important;
  opacity: 0.93 !important;
}
.ant-btn.orange .ant-wave {
  transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-btn.orange .ant-wave.wave-motion-appear-active {
  box-shadow: 0rem 0rem 0rem 0.25rem rgba(147, 55, 13, 0.1490196078), 0rem 0.0625rem 0.125rem 0rem #93370d !important;
}
.ant-btn.black {
  background-color: var(--gray-900);
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.12);
  box-shadow: 0rem 0rem 0rem 0.0625rem rgba(255, 255, 255, 0.1);
  color: var(--white);
}
.ant-btn.black:hover, .ant-btn.black:active {
  background-color: var(--gray-900) !important;
  opacity: 0.92 !important;
}
.ant-btn.black .ant-wave.wave-motion-appear-active {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.8) !important;
}
.ant-btn[disabled] {
  background-color: var(--gray-300) !important;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.3);
  border-inline: none;
  box-shadow: 0rem 0rem 0rem 0.0625rem var(--gray-300);
  transition: 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-btn[disabled]:hover, .ant-btn[disabled]:active {
  color: var(--gray-400) !important;
  background-color: var(--gray-300) !important;
  opacity: 0.93 !important;
}
.ant-btn[disabled] svg path {
  stroke: var(--gray-400);
}
.ant-btn[disabled] .ant-wave {
  transition: box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1), opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-btn[disabled] .ant-wave.wave-motion-appear-active {
  box-shadow: 0rem 0rem 0rem 0.25rem rgba(5, 96, 58, 0.1490196078), 0rem 0.0625rem 0.125rem 0rem var(--gray-300) !important;
}

/* input */
.ant-input {
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--gray-700);
  background: var(--white);
  border-color: var(--gray-300);
}
.ant-input-affix-wrapper {
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--gray-700);
  background: var(--white);
  border-color: var(--gray-300);
}
.ant-input-affix-wrapper input {
  height: auto;
  background: transparent;
  color: inherit;
}

.ant-input-outlined,
.ant-input-affix-wrapper,
.ant-input-number,
.ant-input-number-input-wrap,
.ant-picker,
.ant-picker-outlined,
.ant-mentions,
.ant-input-group-addon,
.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector {
  background: var(--white) !important;
  border-color: var(--gray-300) !important;
  color: var(--gray-700) !important;
}

.ant-input-outlined:hover,
.ant-input-affix-wrapper:hover,
.ant-input-number:hover,
.ant-picker:hover,
.ant-mentions:hover,
.ant-select-outlined:not(.ant-select-customize-input):hover .ant-select-selector {
  border-color: var(--primary-500) !important;
}

.ant-input-outlined:focus,
.ant-input-outlined:focus-within,
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused,
.ant-input-number:focus,
.ant-input-number-focused,
.ant-picker-focused,
.ant-mentions-focused,
.ant-select-focused.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector {
  border-color: var(--primary-500) !important;
  box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.12) !important;
}

.ant-input::placeholder,
.ant-input-affix-wrapper input::placeholder,
.ant-input-number input::placeholder,
.ant-picker input::placeholder,
.ant-mentions textarea::placeholder,
.ant-select-selection-placeholder {
  color: var(--gray-400) !important;
}

.ant-input-clear-icon,
.ant-input-password-icon,
.ant-input-suffix,
.ant-input-prefix,
.ant-select-arrow,
.ant-select-clear,
.ant-picker-suffix,
.ant-picker-clear,
.ant-picker-super-prev-icon,
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  color: var(--gray-400) !important;
}

.ant-input-disabled,
.ant-input-affix-wrapper-disabled,
.ant-input-number-disabled,
.ant-picker.ant-picker-disabled,
.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector,
.ant-mentions-disabled {
  background: var(--gray-50) !important;
  border-color: var(--gray-200) !important;
  color: var(--gray-400) !important;
}

/* select */
.ant-select {
  height: 2.5rem;
}
.ant-select .ant-select-selector {
  background: var(--white) !important;
  border-color: var(--gray-300) !important;
}
.ant-select .ant-select-selector .ant-select-selection-item {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--gray-700);
}

/* dropdown*/
.ant-dropdown-menu {
  background: var(--white) !important;
  border: 0.0625rem solid var(--gray-200);
  box-shadow: 0 0.75rem 2rem rgba(16, 24, 40, 0.12);
}
.ant-dropdown-menu .ant-dropdown-menu-title-content {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: var(--gray-600);
}
.ant-dropdown-menu-submenu-title {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.ant-dropdown-menu-item {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.ant-dropdown-menu-item-disabled {
  opacity: 0.5;
}
.ant-dropdown-menu-item-danger:hover {
  background-color: var(--error-25) !important;
}
.ant-dropdown-menu-item-danger:hover .ant-dropdown-menu-title-content {
  /*span {*/
  /*  color: var(--primary-500) !important;*/
  /*}*/
}
.ant-dropdown-menu-item-danger .ant-dropdown-menu-title-content {
  color: var(--error-600) !important;
}
.ant-dropdown-menu-item:hover, .ant-dropdown-menu-item-active {
  background: var(--gray-100) !important;
}

.ant-dropdown .ant-dropdown-menu,
.ant-select-dropdown,
.ant-picker-dropdown,
.ant-menu-submenu-popup .ant-menu,
.ant-cascader-dropdown,
.ant-popover .ant-popover-inner,
.ant-popconfirm .ant-popover-inner {
  background: var(--white) !important;
  border: 0.0625rem solid var(--gray-200);
  box-shadow: 0 0.75rem 2rem rgba(16, 24, 40, 0.12);
}

.ant-select-dropdown .ant-select-item,
.ant-select-dropdown .ant-select-item-option-content,
.ant-picker-dropdown .ant-picker-content th,
.ant-picker-dropdown .ant-picker-cell-inner,
.ant-menu-submenu-popup .ant-menu-item,
.ant-menu-submenu-popup .ant-menu-title-content,
.ant-dropdown-menu .ant-dropdown-menu-item,
.ant-dropdown-menu .ant-dropdown-menu-submenu-title,
.ant-popover .ant-popover-inner-content {
  color: var(--gray-700) !important;
}

.ant-select-dropdown .ant-select-item-group,
.ant-picker-dropdown .ant-picker-header,
.ant-picker-dropdown .ant-picker-content th {
  color: var(--gray-500) !important;
}

.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.ant-select-dropdown .ant-select-item-option:hover,
.ant-menu-submenu-popup .ant-menu-item:hover,
.ant-menu-submenu-popup .ant-menu-submenu-title:hover,
.ant-dropdown-menu .ant-dropdown-menu-item:hover,
.ant-dropdown-menu .ant-dropdown-menu-submenu-title:hover {
  background: var(--interactive-surface-hover) !important;
}

.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--interactive-surface-selected) !important;
  color: var(--primary-700) !important;
}

.ant-menu-submenu-popup .ant-menu-item-selected,
.ant-dropdown-menu .ant-dropdown-menu-item-selected {
  background: var(--interactive-surface-selected) !important;
}
.ant-menu-submenu-popup .ant-menu-item-selected .ant-menu-title-content,
.ant-menu-submenu-popup .ant-menu-item-selected .ant-dropdown-menu-title-content,
.ant-dropdown-menu .ant-dropdown-menu-item-selected .ant-menu-title-content,
.ant-dropdown-menu .ant-dropdown-menu-item-selected .ant-dropdown-menu-title-content {
  color: var(--primary-700) !important;
}

.ant-picker-dropdown .ant-picker-panel-container,
.ant-picker-dropdown .ant-picker-panel-layout,
.ant-picker-dropdown .ant-picker-date-panel,
.ant-picker-dropdown .ant-picker-header,
.ant-picker-dropdown .ant-picker-body,
.ant-picker-dropdown .ant-picker-footer {
  background: var(--white) !important;
}
.ant-picker-dropdown .ant-picker-header,
.ant-picker-dropdown .ant-picker-footer {
  border-color: var(--gray-200) !important;
}
.ant-picker-dropdown .ant-picker-cell-in-view {
  color: var(--gray-700) !important;
}
.ant-picker-dropdown .ant-picker-cell:hover .ant-picker-cell-inner {
  background: var(--gray-100) !important;
}
.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner {
  background: var(--primary-500) !important;
}

/* table*/
.ant-table {
  border-radius: 0.75rem !important;
  border: 0.0625rem solid var(--gray-200);
  background: var(--surface-elevated);
  /*box-shadow: rem(0) rem(1) rem(2) rem(0) rgba(16, 24, 40, 0.06), rem(0) rem(1) rem(3) rem(0) rgba(16, 24, 40, 0.10);*/
  overflow: hidden;
}
.ant-table-thead .ant-table-cell {
  background-color: var(--surface-subtle) !important;
  border-bottom: 0.0625rem solid var(--gray-200) !important;
  border-right: 0.0625rem solid var(--gray-200) !important;
  padding: 0.75rem 1rem !important;
  color: var(--gray-600) !important;
  font-size: 0.75rem;
  font-weight: 500 !important;
  line-height: 1.125rem;
}
.ant-table-thead .ant-table-cell::before {
  display: none;
}
.ant-table-thead .ant-table-cell:last-child {
  border-right: none !important;
}
.ant-table-thead .ant-table-cell-fix-left,
.ant-table-thead .ant-table-cell-fix-right {
  background: var(--surface-subtle) !important;
}
.ant-table-tbody > .ant-table-row > .ant-table-cell {
  background: var(--surface-base);
}
.ant-table-tbody > .ant-table-row:hover > .ant-table-cell {
  background: var(--interactive-surface-hover);
}
.ant-table-tbody > .ant-table-row > .ant-table-cell-fix-left,
.ant-table-tbody > .ant-table-row > .ant-table-cell-fix-right {
  background: var(--surface-base) !important;
}
.ant-table-tbody > .ant-table-row:hover > .ant-table-cell-fix-left,
.ant-table-tbody > .ant-table-row:hover > .ant-table-cell-fix-right {
  background: var(--interactive-surface-hover) !important;
}
.ant-table-tbody .ant-table-measure-row {
  height: 0 !important;
  visibility: hidden !important;
}
.ant-table-tbody .ant-table-measure-row .ant-table-measure-cell {
  height: 0 !important;
  visibility: hidden !important;
  padding: 0 !important;
  border: 0 !important;
}
.ant-table-tbody .ant-table-row:last-child .ant-table-cell {
  border-bottom: none !important;
}
.ant-table-tbody .ant-table-cell {
  border-bottom: 0.0625rem solid var(--gray-200) !important;
  border-right: 0.0625rem solid var(--gray-200) !important;
  padding: 0.75rem 1rem !important;
  color: var(--gray-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.ant-table-tbody .ant-table-cell:last-child {
  border-right: none !important;
}
.ant-table-tbody .no-padding {
  padding: 0 !important;
}
.ant-table-content .ant-table-expanded-row .ant-table-cell:only-child {
  padding: 0.5rem !important;
}
.ant-table .ant-table-column-sort {
  background: var(--surface-subtle) !important;
}
.ant-table .ant-table-row-selected > .ant-table-cell {
  background: var(--interactive-surface-selected) !important;
}
.ant-table .ant-table-row-selected > .ant-table-cell-fix-left,
.ant-table .ant-table-row-selected > .ant-table-cell-fix-right {
  background: var(--interactive-surface-selected) !important;
}
.ant-table .ant-table-row-selected:hover > .ant-table-cell {
  background: var(--interactive-primary-selected) !important;
}
.ant-table .ant-table-row-selected:hover > .ant-table-cell-fix-left,
.ant-table .ant-table-row-selected:hover > .ant-table-cell-fix-right {
  background: var(--interactive-primary-selected) !important;
}

/* modal*/
.ant-modal-mask {
  background: rgba(2, 6, 23, 0.56) !important;
}
.ant-modal.no_padding .ant-modal-body {
  padding: 0 !important;
}
.ant-modal-confirm .ant-modal-content {
  padding: 0.25rem 0.5rem !important;
}
.ant-modal-confirm-body {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
}
.ant-modal-confirm-body .anticon {
  margin-top: 0 !important;
  margin-inline-end: 0 !important;
  margin-bottom: 1.5rem;
  height: 3.25rem;
  width: 3.25rem;
  font-size: 3.25rem !important;
}
.ant-modal-confirm-body .ant-modal-confirm-paragraph {
  max-width: 100%;
  row-gap: 0.25rem;
}
.ant-modal-confirm-body .ant-modal-confirm-paragraph .ant-modal-confirm-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
  color: var(--gray-900);
}
.ant-modal-confirm-body .ant-modal-confirm-paragraph .ant-modal-confirm-content {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  color: var(--gray-600);
}
.ant-modal-confirm-btns {
  display: flex;
  margin-top: 1.5rem !important;
}
.ant-modal-confirm-btns button {
  flex: 1;
}
.ant-modal-confirm-btns .confirm-cancel-button.ant-btn-default {
  background: var(--surface-subtle) !important;
  color: var(--gray-700) !important;
  border: none !important;
  box-shadow: 0rem 0rem 0rem 0.0625rem var(--gray-300);
}
.ant-modal-confirm-btns .confirm-cancel-button.ant-btn-default:hover, .ant-modal-confirm-btns .confirm-cancel-button.ant-btn-default:active {
  background: var(--surface-muted) !important;
  color: var(--gray-800) !important;
  border-color: transparent !important;
}
.ant-modal-confirm-btns .confirm-cancel-button.ant-btn-default[disabled] {
  background: var(--gray-200) !important;
  color: var(--gray-500) !important;
  box-shadow: 0rem 0rem 0rem 0.0625rem var(--gray-300);
}
.ant-modal-mask {
  /*z-index: 3000 !important;*/
}
.ant-modal-wrap {
  /*z-index: 3001 !important;*/
}
.ant-modal-content {
  padding: 0 !important;
  background: var(--white) !important;
  box-shadow: 0 1.125rem 3rem rgba(2, 6, 23, 0.28) !important;
}
.ant-modal-header {
  padding: 1rem !important;
  margin: 0 !important;
  border-bottom: 0.0625rem solid var(--gray-200) !important;
  background: var(--white) !important;
}
.ant-modal-header .ant-modal-title {
  color: var(--gray-900);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  /* 150% */
}
.ant-modal-body {
  padding: 1rem !important;
  max-height: calc(100vh - 10rem);
  overflow: auto;
  background: var(--white) !important;
  color: var(--gray-700);
}
.ant-modal-footer {
  padding: 1rem !important;
  margin: 0 !important;
  border-top: 0.0625rem solid var(--gray-200) !important;
  background: var(--white) !important;
}
.ant-modal-close, .ant-modal-close-x {
  color: var(--gray-500) !important;
}

/* drawer*/
.ant-drawer-mask {
  background: rgba(2, 6, 23, 0.56) !important;
}
.ant-drawer-content-wrapper {
  height: calc(100vh - 1.25rem);
  margin: 0.625rem;
  box-sizing: border-box;
  border-radius: 0.75rem;
}
.ant-drawer-content {
  border-radius: 0.75rem;
  background: var(--white) !important;
  color: var(--gray-700);
}
.ant-drawer-content-wrapper {
  height: calc(100vh - 1.25rem);
  height: calc(100dvh - 1.25rem);
}
.ant-drawer-header {
  display: flex;
  align-items: center;
  height: 3.5rem;
  min-height: 3.5rem;
  padding: 0 1rem !important;
  border-bottom: 0.0625rem solid var(--gray-200) !important;
  background: var(--white) !important;
}
.ant-drawer-header-title {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.ant-drawer-header-title .ant-drawer-title {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  color: var(--gray-900);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  /* 150% */
}
.ant-drawer-header-title button {
  width: 2rem;
  height: 2rem;
  margin-inline-end: 0 !important;
  color: var(--gray-500) !important;
}
.ant-drawer-body {
  padding: 1rem !important;
  background: var(--white) !important;
  color: var(--gray-700);
}
.ant-drawer-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 0.75rem;
  height: 4.5rem;
  min-height: 4.5rem;
  padding: 0 1rem !important;
  border-top: 0.0625rem solid var(--gray-200) !important;
  background: var(--white) !important;
}

/* flex*/
.ant-flex > div {
  flex: 1;
}

/* input-mask*/
.input-mask {
  background: var(--white);
  border: 0.0625rem solid var(--gray-300);
  box-sizing: border-box;
  margin: 0;
  padding: 0.5rem 0.6875rem;
  color: var(--gray-700);
  font-size: 0.875rem;
  line-height: 1.5714285714;
  width: 100%;
  border-radius: 0.5rem;
  transition: all 0.2s;
}
.input-mask::placeholder {
  color: var(--gray-400);
}
.input-mask:focus, .input-mask:focus-within {
  border-color: var(--primary-500);
  outline: 0;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.input-mask:hover {
  border-color: var(--primary-300);
}

.ant-form-item-has-error .input-mask {
  border-color: var(--error-600) !important;
}
.ant-form-item-has-error .input-mask:focus, .ant-form-item-has-error .input-mask:focus-within {
  outline: 0;
  border-color: var(--error-600) !important;
  box-shadow: 0 0 0 0.125rem rgba(255, 38, 5, 0.06);
}
.ant-form-item-has-error .input-mask:hover {
  border-color: var(--error-700) !important;
}

html[data-theme=dark] .ant-form-item-has-error .input-mask {
  border-color: var(--error-600) !important;
}
html[data-theme=dark] .ant-form-item-has-error .input-mask:focus, html[data-theme=dark] .ant-form-item-has-error .input-mask:focus-within {
  border-color: var(--error-600) !important;
  box-shadow: 0 0 0 0.125rem rgba(255, 120, 117, 0.2);
}
html[data-theme=dark] .ant-form-item-has-error .input-mask:hover {
  border-color: var(--error-700) !important;
}

.ant-form-item-has-error .ant-input,
.ant-form-item-has-error .ant-input-affix-wrapper,
.ant-form-item-has-error .ant-input-number,
.ant-form-item-has-error .ant-input-number-input-wrap,
.ant-form-item-has-error .ant-select .ant-select-selector,
.ant-form-item-has-error .ant-picker {
  border-color: var(--error-600) !important;
}
.ant-form-item-has-error .ant-input:focus, .ant-form-item-has-error .ant-input:focus-within,
.ant-form-item-has-error .ant-input-affix-wrapper:focus,
.ant-form-item-has-error .ant-input-affix-wrapper:focus-within,
.ant-form-item-has-error .ant-input-number:focus,
.ant-form-item-has-error .ant-input-number:focus-within,
.ant-form-item-has-error .ant-input-number-input-wrap:focus,
.ant-form-item-has-error .ant-input-number-input-wrap:focus-within,
.ant-form-item-has-error .ant-select .ant-select-selector:focus,
.ant-form-item-has-error .ant-select .ant-select-selector:focus-within,
.ant-form-item-has-error .ant-picker:focus,
.ant-form-item-has-error .ant-picker:focus-within {
  border-color: var(--error-600) !important;
  box-shadow: 0 0 0 0.125rem rgba(255, 38, 5, 0.06);
}
.ant-form-item-has-error .ant-input:hover,
.ant-form-item-has-error .ant-input-affix-wrapper:hover,
.ant-form-item-has-error .ant-input-number:hover,
.ant-form-item-has-error .ant-input-number-input-wrap:hover,
.ant-form-item-has-error .ant-select .ant-select-selector:hover,
.ant-form-item-has-error .ant-picker:hover {
  border-color: var(--error-700) !important;
}

html[data-theme=dark] .ant-form-item-has-error .ant-input,
html[data-theme=dark] .ant-form-item-has-error .ant-input-affix-wrapper,
html[data-theme=dark] .ant-form-item-has-error .ant-input-number,
html[data-theme=dark] .ant-form-item-has-error .ant-input-number-input-wrap,
html[data-theme=dark] .ant-form-item-has-error .ant-select .ant-select-selector,
html[data-theme=dark] .ant-form-item-has-error .ant-picker {
  border-color: var(--error-600) !important;
}
html[data-theme=dark] .ant-form-item-has-error .ant-input:focus, html[data-theme=dark] .ant-form-item-has-error .ant-input:focus-within,
html[data-theme=dark] .ant-form-item-has-error .ant-input-affix-wrapper:focus,
html[data-theme=dark] .ant-form-item-has-error .ant-input-affix-wrapper:focus-within,
html[data-theme=dark] .ant-form-item-has-error .ant-input-number:focus,
html[data-theme=dark] .ant-form-item-has-error .ant-input-number:focus-within,
html[data-theme=dark] .ant-form-item-has-error .ant-input-number-input-wrap:focus,
html[data-theme=dark] .ant-form-item-has-error .ant-input-number-input-wrap:focus-within,
html[data-theme=dark] .ant-form-item-has-error .ant-select .ant-select-selector:focus,
html[data-theme=dark] .ant-form-item-has-error .ant-select .ant-select-selector:focus-within,
html[data-theme=dark] .ant-form-item-has-error .ant-picker:focus,
html[data-theme=dark] .ant-form-item-has-error .ant-picker:focus-within {
  border-color: var(--error-600) !important;
  box-shadow: 0 0 0 0.125rem rgba(255, 120, 117, 0.2);
}
html[data-theme=dark] .ant-form-item-has-error .ant-input:hover,
html[data-theme=dark] .ant-form-item-has-error .ant-input-affix-wrapper:hover,
html[data-theme=dark] .ant-form-item-has-error .ant-input-number:hover,
html[data-theme=dark] .ant-form-item-has-error .ant-input-number-input-wrap:hover,
html[data-theme=dark] .ant-form-item-has-error .ant-select .ant-select-selector:hover,
html[data-theme=dark] .ant-form-item-has-error .ant-picker:hover {
  border-color: var(--error-700) !important;
}

/* segmented*/
.ant-segmented {
  border: 0.0625rem solid var(--gray-200);
  padding: 0.0625rem;
  background-color: var(--segmented-track-bg);
}
.ant-segmented-group {
  column-gap: 0.5rem;
}
.ant-segmented-thumb {
  background: var(--segmented-item-selected-bg) !important;
  box-shadow: 0 0.0625rem 0.125rem rgba(2, 6, 23, 0.12);
}
.ant-segmented-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 0.5rem;
}
.ant-segmented-item:hover .ant-segmented-item-label {
  color: var(--segmented-item-selected-text);
}
.ant-segmented-item:hover .ant-segmented-item-icon svg path {
  stroke: var(--segmented-item-selected-icon);
}
.ant-segmented-item:last-child input {
  opacity: 0 !important;
}
.ant-segmented-item input {
  opacity: 1 !important;
  right: 0 !important;
  top: 50%;
  inset-inline-start: unset !important;
  inset-block-start: unset !important;
  margin: 0 !important;
}
.ant-segmented-item input::after {
  content: "";
  position: absolute;
  right: -0.28125rem;
  top: -0.71875rem;
  height: 1.4375rem;
  width: 0;
  border-right: 0.0625rem solid var(--gray-200);
}
.ant-segmented-item-selected {
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.0588235294), 0rem 0.0625rem 0.1875rem 0rem rgba(16, 24, 40, 0.1019607843) !important;
}
.ant-segmented-item-selected .ant-segmented-item-icon svg path {
  stroke: var(--segmented-item-selected-icon) !important;
}
.ant-segmented-item-selected .ant-segmented-item-label {
  color: var(--segmented-item-selected-text) !important;
}
.ant-segmented-item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
  /*padding: 0 !important;*/
  /*width: rem(144);*/
  width: max-content;
  padding: 0 1rem !important;
  min-height: 2.25rem !important;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: var(--segmented-item-text);
  margin-inline-start: 0 !important;
  /*&::after {*/
  /*  content: '';*/
  /*  position: absolute;*/
  /*  right: rem(-4.5);*/
  /*  height: rem(23);*/
  /*  width: 0;*/
  /*  border-right: rem(1) solid var(--gray-200);*/
  /*  z-index: -1;*/
  /*}*/
}
.ant-segmented-item-label .ant-segmented-item-icon {
  display: flex;
}
.ant-segmented-item-label .ant-segmented-item-icon svg path {
  stroke: var(--segmented-item-icon);
}

/* select*/
.ant-select-item-group {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--gray-500);
}

/* message*/
.ant-message {
  /*z-index: 3300;*/
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.ant-input-suffix {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  color: var(--gray-500);
}

.highlighted-row,
.ant-table-tbody > .highlighted-row > td,
.ant-table-tbody > .highlighted-row:hover > td,
.ant-table-tbody > .highlighted-row.ant-table-row:hover > td {
  background: var(--gray-25) !important;
  color: var(--gray-400) !important;
}

.ant-table-tbody > .highlighted-row > .ant-table-cell-fix-left,
.ant-table-tbody > .highlighted-row > .ant-table-cell-fix-right,
.ant-table-tbody > .highlighted-row:hover > .ant-table-cell-fix-left,
.ant-table-tbody > .highlighted-row:hover > .ant-table-cell-fix-right,
.ant-table-tbody > .highlighted-row.ant-table-row:hover > .ant-table-cell-fix-left,
.ant-table-tbody > .highlighted-row.ant-table-row:hover > .ant-table-cell-fix-right {
  background: var(--gray-25) !important;
}

.highlighted-row p {
  color: var(--gray-400) !important;
}

.JURIDICAL,
.NATURAL {
  width: max-content;
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
}

.JURIDICAL {
  color: var(--blue-700);
  background: var(--blue-50);
}

.NATURAL {
  color: var(--success-700);
  background: var(--success-50);
}

p {
  margin: 0;
}

hr {
  border: 0.0625rem solid var(--gray-200);
  border-width: 0.03125rem !important;
  margin-right: 0rem;
  margin-right: -1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

th,
td {
  padding: 0rem;
  border-right: 0.0625rem solid var(--gray-200);
  border-bottom: 0.0625rem solid var(--gray-200);
}

thead {
  background: var(--gray-25);
}
thead th {
  padding: 1rem 0.75rem !important;
  box-sizing: border-box;
}

th {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-align: left;
  color: var(--gray-600);
  height: 2.75rem;
}

th:last-child,
td:last-child {
  border-right: none;
}
:root {
  --base-white: #ffffff;
  --base-black: #000000;
  --white: #ffffff;
  --black: #000000;
  --primary-25: #e6efff;
  --primary-50: #cce0ff;
  --primary-100: #b3d0ff;
  --primary-200: #99c1ff;
  --primary-300: #4d92ff;
  --primary-400: #1a73ff;
  --primary-500: #0063ff;
  --primary-600: #004fcc;
  --primary-700: #0045b3;
  --primary-800: #003280;
  --primary-900: #002866;
  --gray-25: #fcfcfd;
  --gray-50: #f9fafb;
  --gray-100: #f2f4f7;
  --gray-200: #eaecf0;
  --gray-300: #d0d5dd;
  --gray-400: #98a2b3;
  --gray-500: #667085;
  --gray-600: #475467;
  --gray-700: #344054;
  --gray-800: #1d2939;
  --gray-900: #101828;
  --error-25: #fffbfa;
  --error-50: #fef3f2;
  --error-100: #fee4e2;
  --error-200: #fecdca;
  --error-300: #fda29b;
  --error-400: #f97066;
  --error-500: #f04438;
  --error-600: #d92d20;
  --error-700: #b42318;
  --error-800: #912018;
  --error-900: #7a271a;
  --warning-25: #fffcf5;
  --warning-50: #fffaeb;
  --warning-100: #fef0c7;
  --warning-200: #fedf89;
  --warning-300: #fec84b;
  --warning-400: #fdb022;
  --warning-500: #f79009;
  --warning-600: #dc6803;
  --warning-700: #b54708;
  --warning-800: #93370d;
  --warning-900: #7a2e0e;
  --success-25: #f6fef9;
  --success-50: #ecfdf3;
  --success-100: #d1fadf;
  --success-200: #a6f4c5;
  --success-300: #6ce9a6;
  --success-400: #32d583;
  --success-500: #12b76a;
  --success-600: #039855;
  --success-700: #027a48;
  --success-800: #05603a;
  --success-900: #054f31;
  --blue-25: #f5faff;
  --blue-50: #eff8ff;
  --blue-100: #d1e9ff;
  --blue-200: #b2ddff;
  --blue-300: #84caff;
  --blue-400: #53b1fd;
  --blue-500: #2e90fa;
  --blue-600: #1570ef;
  --blue-700: #175cd3;
  --blue-800: #1849a9;
  --blue-900: #194185;
  --green-25: #f6fef9;
  --green-50: #edfcf2;
  --green-100: #d3f8df;
  --green-200: #aaf0c4;
  --green-300: #73e2a3;
  --green-400: #3ccb7f;
  --green-500: #16b364;
  --green-600: #099250;
  --green-700: #08744318;
  --green-800: #095c37;
  --green-900: #084c2e;
  --pink-50: #fdf2fa;
  --pink-200: #FCCEEE;
  --pink-700: #c11574;
  --indigo-25: #f5f5ff;
  --indigo-50: #ececff;
  --indigo-100: #dcdcff;
  --indigo-200: #bcbcfd;
  --indigo-300: #9a9afb;
  --indigo-400: #7878f0;
  --indigo-500: #5856d6;
  --indigo-600: #4543b4;
  --indigo-700: #373593;
  --indigo-800: #2d2a75;
  --indigo-900: #23205a;
  --legacy-danger: #ff4d4f;
  --legacy-scrollbar: #eaeaea;
  --legacy-shadow-xs: #1018280d;
  --legacy-shadow-sm: #1018280f;
  --legacy-shadow-md: #1018281a;
  --legacy-shadow-subtle: #10182805;
  --legacy-shadow-lg: #10182814;
  --legacy-shadow-strong: #1018282f;
  --legacy-brand-shadow-sm: #6941c60f;
  --legacy-brand-shadow-md: #6941c61a;
  --legacy-neutral-150: #f1f1f1;
  --legacy-neutral-400: #888;
  --legacy-neutral-500: #555;
  --legacy-aqua: #48cfcb;
  --legacy-surface-start: #f0f5ff;
  --legacy-surface-end: #e0eafd;
  --legacy-disabled-bg: #f5f5f5;
  --legacy-disabled-border: #d9d9d9;
  --legacy-selected-ring: #d0d5dd;
  --legacy-overlay-white: #fff5;
  --legacy-muted-text: #414e62;
  --legacy-placeholder-track: #ebebebcc;
  --legacy-status-red-bg: #ff174409;
  --legacy-status-orange-bg: #ff910019;
  --legacy-status-yellow-bg: #ffea0019;
  --legacy-status-green-bg: #00e67614;
  --legacy-status-red-bg-strong: #ff174419;
  --legacy-status-orange-bg-strong: #ff910015;
  --legacy-status-yellow-bg-soft: #ffea000f;
  --legacy-status-green-bg-soft: #00e6760d;
  --legacy-client-muted: #c1c1c1;
  --legacy-client-purple: #5856d6;
  --legacy-client-blue: #007aff;
  --legacy-client-brown: #a2845e;
  --legacy-client-slate: #5e5c64;
  --legacy-warning-main: #f79009;
  --legacy-warning-strong: #fdb022;
  --legacy-folder-gold: #e19a37;
  --legacy-upload-accent: #1890ff;
  --legacy-link-accent: #4a90e2;
  --legacy-link-overlay: #f0f4ff44;
  --legacy-link-surface: #eff3f8;
  --legacy-link-thumb: #e0e0e0;
  --legacy-ink-strong: #1a1a1a;
  --legacy-audio-accent: #60a5fa;
  --legacy-chat-bg-start: #f2f6f8;
  --legacy-chat-bg-end: #ebf1f4;
  --legacy-paint-surface: #f3f7ff;
  --legacy-datepicker-hover: #f0f0f0;
  --legacy-datepicker-surface: #f7f7f7;
  --legacy-datepicker-active: #1e60d8;
  --legacy-orange-main: #ff9500;
  --legacy-gradient-violet-start: #4776e6;
  --legacy-gradient-violet-end: #8e54e9;
  --legacy-gradient-azure-start: #216ee6;
  --legacy-gradient-azure-end: #3e81ea;
  --legacy-gradient-navy-start: #2d538d;
  --legacy-gradient-navy-end: #0086d1;
  --legacy-gradient-cyan-start: #00c6ff;
  --legacy-gradient-cyan-end: #0072ff;
  --legacy-gradient-olive-start: #add100;
  --legacy-gradient-olive-end: #7b920a;
  --legacy-gradient-purple-start: #6941c6;
  --legacy-gradient-purple-end: #7f56d9;
  --legacy-gradient-green-start: #0ba360;
  --legacy-gradient-green-end: #3cba92;
  --legacy-gradient-orange-start: #fe8c00;
  --legacy-gradient-orange-end: #f83600;
  --legacy-brand-border-strong: #236fd9;
  --legacy-focus-ring: #4c9ffe;
  --legacy-icon-muted: #919eab;
  --legacy-focus-surface: #f8f9fa;
  --legacy-focus-border: #d1d5db;
  --legacy-focus-text: #374151;
  --legacy-focus-text-soft: #6b7280;
  --legacy-focus-primary-soft: #93c5fd;
  --legacy-focus-primary-surface: #eff6ff;
  --legacy-selected-deep: #002866;
  --legacy-error-soft-border: #ffa39e;
  --legacy-shadow-2xs: #10182808;
  --legacy-folder-soft: #fbd984;
  --interactive-surface-subtle: #f2f4f7;
  --interactive-surface-hover: #eaecf0;
  --interactive-surface-selected: #cce0ff;
  --interactive-primary-subtle: #f2f4f7;
  --interactive-primary-hover: #cce0ff;
  --interactive-primary-selected: #b3d0ff;
  --page-bg: var(--gray-25);
  --surface-base: #ffffff;
  --surface-elevated: #ffffff;
  --surface-subtle: #f9fafb;
  --surface-muted: #f2f4f7;
  --calendar-range-bg: #e6efff;
  --calendar-range-text: #344054;
  --calendar-selected-bg: #4d92ff;
  --calendar-selected-text: #ffffff;
  --calendar-today-ring: #0063ff;
  --sticky-header-gradient: linear-gradient(
          -0deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 1) 10%,
          rgba(255, 255, 255, 1) 100%
  );
  --sticky-footer-gradient: linear-gradient(
          -180deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 1) 10%,
          rgba(255, 255, 255, 1) 100%
  );
  --nav-chip-bg: #f2f4f7;
  --nav-chip-border: #eaecf0;
  --nav-chip-text: #475467;
  --nav-chip-icon: #475467;
  --nav-chip-hover-bg: #e6efff;
  --nav-chip-hover-text: #004fcc;
  --segmented-track-bg: #f9fafb;
  --segmented-item-hover-bg: #eaecf0;
  --segmented-item-active-bg: #dbeafe;
  --segmented-item-selected-bg: #ffffff;
  --segmented-item-text: #667085;
  --segmented-item-selected-text: #344054;
  --segmented-item-icon: #98a2b3;
  --segmented-item-selected-icon: #475467;
  --empty-card-dot: #eaecf0;
  --empty-card-glow: var(--surface-base);
  --client-card-pattern: #d0d5dd;
  --client-card-pattern-opacity: 0.9;
  --logo-text-color: #101828;
  --tasks-column-bg: var(--gray-100);
  --tasks-column-border: transparent;
  --tasks-column-head-bg: var(--gray-100);
  --tasks-column-head-text: var(--gray-700);
  --tasks-column-count-bg: var(--gray-50);
  --tasks-column-count-text: var(--gray-700);
  --tasks-status-new: #98a2b3;
  --tasks-status-progress: #f59e0b;
  --tasks-status-done: #3b82f6;
  --tasks-status-reject: #f04438;
  --tasks-status-complete: #12b76a;
  --tasks-item-bg: var(--surface-base);
  --tasks-item-border: transparent;
  --tasks-item-shadow: var(--legacy-shadow-xs);
  --tasks-tag-bg: var(--gray-100);
  --tasks-tag-text: var(--gray-700);
  --tasks-tag-red-bg: #fee4e2;
  --tasks-tag-red-text: #d92d20;
  --tasks-tag-orange-bg: #fef0c7;
  --tasks-tag-orange-text: #b54708;
}
html[data-theme=dark] {
  --base-white: #ffffff;
  --base-black: #000000;
  --white: #191c21;
  --black: #f8fafc;
  --primary-25: #111722;
  --primary-50: #171d2b;
  --primary-100: #1d2536;
  --primary-200: #263146;
  --primary-300: #395071;
  --primary-400: #4b6791;
  --primary-500: #5d7ea9;
  --primary-600: #7f9fc2;
  --primary-700: #a8bdd8;
  --primary-800: #cad7e8;
  --primary-900: #e4ebf4;
  --gray-25: #111316;
  --gray-50: #17191d;
  --gray-100: #1d2025;
  --gray-200: #252a31;
  --gray-300: #363c45;
  --gray-400: #69707d;
  --gray-500: #99a1af;
  --gray-600: #c8d0d9;
  --gray-700: #e3e7ec;
  --gray-800: #f0f3f6;
  --gray-900: #f7f8fa;
  --error-25: #2a0f13;
  --error-50: #3a1118;
  --error-100: #5a1621;
  --error-200: #7f1d1d;
  --error-300: #991b1b;
  --error-400: #b91c1c;
  --error-500: #dc2626;
  --error-600: #ef4444;
  --error-700: #f87171;
  --error-800: #fca5a5;
  --error-900: #fecaca;
  --warning-25: #211407;
  --warning-50: #2b1a08;
  --warning-100: #422006;
  --warning-200: #713f12;
  --warning-300: #854d0e;
  --warning-400: #a16207;
  --warning-500: #ca8a04;
  --warning-600: #eab308;
  --warning-700: #facc15;
  --warning-800: #fde047;
  --warning-900: #fef08a;
  --success-25: #071b12;
  --success-50: #0b2217;
  --success-100: #0f2f1f;
  --success-200: #14532d;
  --success-300: #166534;
  --success-400: #15803d;
  --success-500: #16a34a;
  --success-600: #22c55e;
  --success-700: #4ade80;
  --success-800: #86efac;
  --success-900: #bbf7d0;
  --blue-25: #111823;
  --blue-50: #162031;
  --blue-100: #1c2940;
  --blue-200: #243752;
  --blue-300: #355173;
  --blue-400: #476892;
  --blue-500: #5c81ad;
  --blue-600: #7c9fc7;
  --blue-700: #a7bedb;
  --blue-800: #cad8ea;
  --blue-900: #e5edf5;
  --green-25: #071b12;
  --green-50: #0a2216;
  --green-100: #0e2b1d;
  --green-200: #14532d;
  --green-300: #166534;
  --green-400: #15803d;
  --green-500: #16a34a;
  --green-600: #22c55e;
  --green-700: #4ade80;
  --green-800: #86efac;
  --green-900: #bbf7d0;
  --pink-50: #2d1023;
  --pink-200: #9d174d;
  --pink-700: #f472b6;
  --indigo-25: #151723;
  --indigo-50: #1c1f30;
  --indigo-100: #262941;
  --indigo-200: #30365a;
  --indigo-300: #444a78;
  --indigo-400: #596193;
  --indigo-500: #737bad;
  --indigo-600: #949dc2;
  --indigo-700: #bac2da;
  --indigo-800: #d7ddef;
  --indigo-900: #eceff8;
  --legacy-danger: #f87171;
  --legacy-scrollbar: #363c45;
  --legacy-shadow-xs: #02061733;
  --legacy-shadow-sm: #02061740;
  --legacy-shadow-md: #02061759;
  --legacy-shadow-subtle: #02061726;
  --legacy-shadow-lg: #02061766;
  --legacy-shadow-strong: #0206178c;
  --legacy-brand-shadow-sm: #2563eb33;
  --legacy-brand-shadow-md: #2563eb59;
  --legacy-neutral-150: #252a31;
  --legacy-neutral-400: #69707d;
  --legacy-neutral-500: #99a1af;
  --legacy-aqua: #67e8f9;
  --legacy-surface-start: #1e2127;
  --legacy-surface-end: #272c34;
  --legacy-disabled-bg: #252a31;
  --legacy-disabled-border: #4b5563;
  --legacy-selected-ring: #69707d;
  --legacy-overlay-white: #0f172a88;
  --legacy-muted-text: #c8d0d9;
  --legacy-placeholder-track: #363c45cc;
  --legacy-status-red-bg: #7f1d1d33;
  --legacy-status-orange-bg: #9a341233;
  --legacy-status-yellow-bg: #854d0e33;
  --legacy-status-green-bg: #16653433;
  --legacy-status-red-bg-strong: #b91c1c40;
  --legacy-status-orange-bg-strong: #c2410c40;
  --legacy-status-yellow-bg-soft: #ca8a0433;
  --legacy-status-green-bg-soft: #16a34a33;
  --legacy-client-muted: #56606e;
  --legacy-client-purple: #a78bfa;
  --legacy-client-blue: #7ea0d1;
  --legacy-client-brown: #d6b48a;
  --legacy-client-slate: #99a1af;
  --legacy-warning-main: #fbbf24;
  --legacy-warning-strong: #fcd34d;
  --legacy-folder-gold: #f59e0b;
  --legacy-upload-accent: #7f9fc2;
  --legacy-link-accent: #7f9fc2;
  --legacy-link-overlay: #5d7ea933;
  --legacy-link-surface: #22262d;
  --legacy-link-thumb: #363c45;
  --legacy-ink-strong: #f8fafc;
  --legacy-audio-accent: #a8bdd8;
  --legacy-chat-bg-start: #191c21;
  --legacy-chat-bg-end: #23272e;
  --legacy-paint-surface: #20242b;
  --legacy-datepicker-hover: #363c45;
  --legacy-datepicker-surface: #252a31;
  --legacy-datepicker-active: #7f9fc2;
  --legacy-orange-main: #fb923c;
  --legacy-gradient-violet-start: #7f9fc2;
  --legacy-gradient-violet-end: #9f8fc7;
  --legacy-gradient-azure-start: #7f9fc2;
  --legacy-gradient-azure-end: #6ca8c5;
  --legacy-gradient-navy-start: #6f8daf;
  --legacy-gradient-navy-end: #50739b;
  --legacy-gradient-cyan-start: #22d3ee;
  --legacy-gradient-cyan-end: #5d7ea9;
  --legacy-gradient-olive-start: #bef264;
  --legacy-gradient-olive-end: #84cc16;
  --legacy-gradient-purple-start: #8b5cf6;
  --legacy-gradient-purple-end: #a78bfa;
  --legacy-gradient-green-start: #22c55e;
  --legacy-gradient-green-end: #34d399;
  --legacy-gradient-orange-start: #fb923c;
  --legacy-gradient-orange-end: #f97316;
  --legacy-brand-border-strong: #7f9fc2;
  --legacy-focus-ring: #a8bdd8;
  --legacy-icon-muted: #99a1af;
  --legacy-focus-surface: #1c1f25;
  --legacy-focus-border: #4b5563;
  --legacy-focus-text: #e3e7ec;
  --legacy-focus-text-soft: #c8d0d9;
  --legacy-focus-primary-soft: #7f9fc2;
  --legacy-focus-primary-surface: #232b36;
  --legacy-selected-deep: #cad7e8;
  --legacy-error-soft-border: #fca5a5;
  --legacy-shadow-2xs: #02061726;
  --legacy-folder-soft: #fcd34d;
  --interactive-surface-subtle: #17191d;
  --interactive-surface-hover: #23272e;
  --interactive-surface-selected: #2e343d;
  --interactive-primary-subtle: #181c23;
  --interactive-primary-hover: #242c38;
  --interactive-primary-selected: #303a48;
  --page-bg: #101215;
  --surface-base: #17191d;
  --surface-elevated: #1d2025;
  --surface-subtle: #23272e;
  --surface-muted: #2e343d;
  --calendar-range-bg: #23282f;
  --calendar-range-text: #e3e7ec;
  --calendar-selected-bg: #536b8b;
  --calendar-selected-text: #f7f8fa;
  --calendar-today-ring: #7f9fc2;
  --sticky-header-gradient: linear-gradient(
          -0deg,
          rgba(25, 28, 33, 0) 0%,
          rgba(25, 28, 33, 1) 10%,
          rgba(25, 28, 33, 1) 100%
  );
  --sticky-footer-gradient: linear-gradient(
          -180deg,
          rgba(25, 28, 33, 0) 0%,
          rgba(25, 28, 33, 1) 10%,
          rgba(25, 28, 33, 1) 100%
  );
  --nav-chip-bg: #1d2025;
  --nav-chip-border: #2b3139;
  --nav-chip-text: #99a1af;
  --nav-chip-icon: #99a1af;
  --nav-chip-hover-bg: #252a31;
  --nav-chip-hover-text: #e3e7ec;
  --segmented-track-bg: #14171b;
  --segmented-item-hover-bg: #23272e;
  --segmented-item-active-bg: #2d333c;
  --segmented-item-selected-bg: #1f2328;
  --segmented-item-text: #99a1af;
  --segmented-item-selected-text: #f8fafc;
  --segmented-item-icon: #69707d;
  --segmented-item-selected-icon: #c8d0d9;
  --empty-card-dot: #99a1af;
  --empty-card-glow: var(--surface-base);
  --client-card-pattern: #3a414b;
  --client-card-pattern-opacity: 1;
  --logo-text-color: #e3e7ec;
  --tasks-column-bg: #1e2228;
  --tasks-column-border: #2d333c;
  --tasks-column-head-bg: #1e2228;
  --tasks-column-head-text: #e3e7ec;
  --tasks-column-count-bg: #17191d;
  --tasks-column-count-text: #c8d0d9;
  --tasks-status-new: #99a1af;
  --tasks-status-progress: #d97706;
  --tasks-status-done: #7f9fc2;
  --tasks-status-reject: #f87171;
  --tasks-status-complete: #34d399;
  --tasks-item-bg: #181c22;
  --tasks-item-border: #2b3139;
  --tasks-item-shadow: #02061766;
  --tasks-tag-bg: #242a32;
  --tasks-tag-text: #c8d0d9;
  --tasks-tag-red-bg: #3b131a;
  --tasks-tag-red-text: #fca5a5;
  --tasks-tag-orange-bg: #3d2610;
  --tasks-tag-orange-text: #fdba74;
}
body {
  margin: 0;
  font-family: "Onest", serif !important;
  background-color: var(--page-bg);
  color: var(--gray-900);
}
.text-center {
  text-align: center;
}