.initialSetup_setupOverlay__h6Ghk.initialSetup_visible__mKP8h {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.initialSetup_visible__mKP8h {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.initialSetup_backdrop__YU4Ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 123, 255, 0.1), rgba(108, 117, 125, 0.1));
  backdrop-filter: blur(12px);
}

.initialSetup_setupContainer__tuR6a {
  position: relative;
  background: var(--color-white);
  border-radius: var(--br30);
  box-shadow: var(--box-shadow);
  max-width: 600px;
  width: 90%;
  height: 550px;
  max-height: 90vh;
  overflow: hidden;
  animation: var(--fadeIn3);
  display: flex;
  flex-direction: column;
}

.initialSetup_setupHeader___PzhR {
  padding: var(--paddingbox);
  text-align: center;
  background: linear-gradient(135deg, #007bff, #0056b3);
  color: #fff;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10);
}

.initialSetup_welcomeTitle__IfFz9 {
  font-size: var(--font-20);
  font-weight: var(--weight-800);
}

.initialSetup_welcomeSubtitle__H6Eks {
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}

.initialSetup_setupBody__wX_X7 {
  padding: var(--paddingbox);
  background-color: var(--color-white);
  flex-grow: 1;
  overflow-y: auto;
  align-content: center;
}

.initialSetup_stepHeader__UFWWM {
  text-align: center;
  margin-bottom: 30px;
}

.initialSetup_stepTitle__7pTAy {
  font-size: 22px;
  font-weight: bold;
  color: var(--text-h1);
  margin-bottom: 8px;
}

.initialSetup_stepSubtitle__UaWgW {
  font-size: 14px;
  color: var(--text-h2);
}

.initialSetup_optionsGrid__OZiCw {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}

.initialSetup_radioOption__EA21C {
  padding: 16px;
  border: 2px solid var(--color-gray60);
  border-radius: 12px;
  transition: var(--transition3);
  cursor: pointer;
}

.initialSetup_radioOption__EA21C:hover {
  border-color: var(--color-dark-blue);
  background-color: var(--background-root);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.1);
}

.initialSetup_radioOption__EA21C:has(input:checked) {
  border-color: var(--color-dark-blue);
  background-color: var(--background-root);
  box-shadow: var(--box-shadow);
}

.initialSetup_themeOptions__xjz7z {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
}

.initialSetup_themeCard__8tZ85 {
  text-align: center;
  padding: 20px;
  border: 2px solid var(--color-gray60);
  border-radius: 16px;
  transition: var(--transition3);
  cursor: pointer;
}

.initialSetup_themeCard__8tZ85:hover {
  border-color: var(--color-dark-blue);
  transform: translateY(-4px);
  box-shadow: var(--box-shadow);
}

.initialSetup_themeCard__8tZ85:has(input:checked) {
  border-color: var(--color-dark-blue);
  background-color: var(--color-dark-blue10);
  box-shadow: var(--box-shadow);
}

.initialSetup_themePreview__CLufP {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid var(--color-gray60);
}

.initialSetup_lightPreview___TsHU {
  width: 100%;
  height: 100%;
  background: #edf4ff;
  display: flex;
  flex-direction: column;
}

.initialSetup_darkPreview__hL3dR {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #2c3e50, #34495e);
  display: flex;
  flex-direction: column;
}

.initialSetup_previewHeader__TnKpG {
  height: 30px;
  background: rgba(0, 123, 255, 0.8);
  margin: 8px;
  border-radius: 6px;
}

.initialSetup_lightPreview___TsHU .initialSetup_previewContent__ct4uh {
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.05);
  margin: 0 8px 8px;
  border-radius: 6px;
}

.initialSetup_darkPreview__hL3dR .initialSetup_previewContent__ct4uh {
  flex-grow: 1;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 8px 8px;
  border-radius: 6px;
}

.initialSetup_stepIndicator__L4lBX {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.initialSetup_stepDot__BTtBI {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #dee2e6;
  transition: var(--transition3);
  position: relative;
}

.initialSetup_stepDot__BTtBI.initialSetup_active__hO9z0 {
  background-color: var(--color-dark-blue);
  box-shadow: var(--box-shadow);
  transform: scale(1.2);
}

.initialSetup_active__hO9z0 {
  background-color: var(--color-dark-blue);
}

.initialSetup_stepDot__BTtBI.initialSetup_completed__fv4Nw {
  background-color: var(--color-light-green);
}

.initialSetup_completed__fv4Nw {
  background-color: var(--color-light-green);
}

.initialSetup_setupFooter__3H_6F {
  padding: var(--paddingbox);
  background-color: var(--background-root);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: var(--box-shadow);
}

.initialSetup_stepCounter__WeO9z {
  font-size: 14px;
  color: #6c757d;
  direction: rtl;
}

.initialSetup_buttonGroup__ygDEY {
  display: flex;
  gap: 12px;
}

.initialSetup_prevButton__30QFc {
  background: #6c757d;
  border: none;
  color: white;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  transition: var(--transition3);

  animation: var(--fadeIn3);
  font-weight: 500;
}

.initialSetup_prevButton__30QFc:hover {
  background-color: #545b62;
  transform: translateY(-2px);
  box-shadow: var(--box-shadow);
}

.initialSetup_nextButton__FRpqy {
  background: linear-gradient(135deg, #007bff, #0056b3);
  border: none;
  color: white;
  padding: 12px 28px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  transition: var(--transition3);
  animation: var(--fadeIn3);
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

.initialSetup_nextButton__FRpqy:hover {
  transform: translateY(-2px);
  box-shadow: var(--box-shadow);
}

.initialSetup_nextButton__FRpqy::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.initialSetup_nextButton__FRpqy:hover::before {
  left: 100%;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
  .initialSetup_setupContainer__tuR6a {
    width: 100%;
    margin-top: auto;
    max-height: 95vh;
    min-height: 680px;
    border-radius: var(--br30) var(--br30) 0 0;
    animation: var(--bottom08);
  }
  .initialSetup_setupHeader___PzhR,
  .initialSetup_setupBody__wX_X7,
  .initialSetup_setupFooter__3H_6F {
    padding: var(--paddingboxmobile) !important;
  }

  .initialSetup_welcomeTitle__IfFz9 {
    font-size: 24px;
  }
  .initialSetup_welcomeSubtitle__H6Eks {
    font-size: 14px;
  }
  .initialSetup_optionsGrid__OZiCw {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .initialSetup_stepContent__AAOyA {
    margin-bottom: 0px;
  }
  .initialSetup_themeOptions__xjz7z {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .initialSetup_setupFooter__3H_6F {
    flex-direction: column;
    gap: var(--gap-10);
    text-align: center;
  }

  .initialSetup_buttonGroup__ygDEY {
    width: 100%;
    justify-content: center;
  }
}
.initialSetup_tooltip__YMWo9 {
  position: absolute;
  top: 100px;
  width: 200px;
  display: flex;
  cursor: pointer;
  background-color: var(--background-root);
  border-radius: var(--br8);
  padding: var(--padding-8);
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  transition: var(--transition3);
  box-shadow: var(--box-shadow);
  animation: var(--fadeIn3);
  z-index: 10;
  white-space: pre-line;
}
.initialSetup_tooltip__YMWo9:after {
  content: "";
  position: absolute;
  top: -10px;
  margin-inline-start: 15px;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--background-root) transparent;
}

.tutorialDesktop_tutorialOverlay__HYSP0 {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  /* background-color: var(--color-black80);
  backdrop-filter: blur(5px); */
}

.tutorialDesktop_tutorialOverlay__HYSP0.tutorialDesktop_visible__qWzIv {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.tutorialDesktop_visible__qWzIv {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.tutorialDesktop_backdrop__BAkVn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tutorialDesktop_tooltip__1SQWf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
  border: none;
  position: absolute;
  background: var(--background-root);
  border-radius: var(--br30);
  box-shadow: var(--box-shadow);
  max-width: 400px;
  width: auto;
  min-width: 320px;
  z-index: 999999;
  animation: tutorialDesktop_tooltipAppear__jMdmr 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: var(--paddingboxmobile);
}
.tutorialDesktop_tooltipbackground__aEe1a {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--br30);
  z-index: -1;
}
.tutorialDesktop_tooltipbackground__aEe1a:before {
  overflow: hidden;
  content: " ";
  width: 100%;
  height: 80%;
  filter: blur(70px);
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translatex(-50%);
  background: var(--color-gray60);
  border-radius: 50%;
}
/* .tooltip::after {
  content: " ";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 13px solid var(--background-root);
  filter: contrast(0.55);
} */
@keyframes tutorialDesktop_tooltipAppear__jMdmr {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) translateY(20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) translateY(0);
  }
}
.tutorialDesktop_closeButton__5HLPW {
  position: absolute;
  cursor: pointer;
  transition: all 0.2s ease;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  z-index: 2;
}
.tutorialDesktop_closeButton__5HLPW:hover {
  scale: 1.1;
}
.tutorialDesktop_tooltipTitle__pZA3O {
  min-height: 25px;
  font-size: var(--font-16);
  font-weight: var(--weight-700);
  color: var(--text-h1);
  padding-inline: var(--padding-30);
}
.tutorialDesktop_tooltipText__vhSTo {
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
}
.tutorialDesktop_navigation__tKqZJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10);
}

html[dir="ltr"] .tutorialDesktop_navigation__tKqZJ > div:nth-child(2) > button > svg {
  transform: rotate(180deg);
}

.tutorialDesktop_stepIndicator__gwYXI {
  display: flex;
  justify-content: center;
  gap: var(--gap-10);
}
.tutorialDesktop_stepDot__A7_tM {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-gray30);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.tutorialDesktop_stepDot__A7_tM:hover {
  background-color: var(--color-gray);
  transform: scale(1.1);
}
.tutorialDesktop_stepDot__A7_tM.tutorialDesktop_active__u2L4x {
  background-color: var(--color-dark-blue);
  box-shadow: 0 0 0 3px var(--color-dark-blue30);
}
.tutorialDesktop_active__u2L4x {
  background-color: var(--color-dark-blue);
}
.tutorialDesktop_stepDot__A7_tM.tutorialDesktop_completed__yXgFE {
  background-color: var(--color-gray);
}
.tutorialDesktop_completed__yXgFE {
  background-color: var(--color-gray);
}
.tutorialDesktop_highlighted__UVWMf {
  position: relative !important;
  z-index: 999999 !important;
  padding: var(--padding-10) !important;
  border-radius: var(--br15) !important;
  animation: tutorialDesktop_highlightPulse__nbj2k 2s infinite !important;
}
@keyframes tutorialDesktop_highlightPulse__nbj2k {
  0%,
  100% {
    box-shadow: 0 0 0 2px var(--color-light-red);
  }
  50% {
    box-shadow: 0 0 0 4px var(--color-light-red);
  }
}
@media (max-width: 720px) {
  .tutorialDesktop_tutorialOverlay__HYSP0 {
    display: none !important;
  }
}

/* فقط در صفحات کوچک نمایش داده شود */
@media (min-width: 720px) {
  .tutorialMobile_tutorialOverlay__6Wbye {
    display: none !important;
  }
}
.tutorialMobile_tooltipparent__AZvgw {
  position: fixed;
  z-index: 1000000;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  flex-direction: column;
}
.tutorialMobile_controls__fPh58 {
  position: relative;
  z-index: 1000000;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-15);
  justify-self: anchor-center;
  padding: var(--padding-16) var(--padding-18);
  border-radius: var(--br25);
  box-shadow: var(--box-shadow);
  animation: var(--bottom14);
  background: var(--background-root);
  transition: var(--transition3);
  backdrop-filter: blur(8px);
}
.tutorialMobile_tutorialOverlay__6Wbye {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  /* background-color: var(--color-black80);
  backdrop-filter: blur(5px); */
}
.tutorialMobile_tutorialOverlay__6Wbye.tutorialMobile_visible__zEIRl {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.tutorialMobile_visible__zEIRl {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
/* ----------------------------------------- */
.tutorialMobile_backdrop__WY_I_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tutorialMobile_tooltip__6fiy1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
  border: none;
  position: relative;
  background: var(--content-box);
  border-radius: var(--br30);
  box-shadow: 0px 5px 20px 15px #00000080;

  max-width: 400px;
  width: auto;
  min-width: 320px;
  z-index: 1000000;
  animation: tutorialMobile_tooltipAppear__TD47m 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: var(--paddingboxmobile);
}
.tutorialMobile_tooltipbackground__5aWDH {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--br30);
  z-index: -1;
}
.tutorialMobile_tooltipbackground__5aWDH:before {
  overflow: hidden;
  content: " ";
  width: 100%;
  height: 80%;
  filter: blur(70px);
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translatex(-50%);
  background: var(--color-gray);
  border-radius: 50%;
}

/* .tooltip::after {
  content: " ";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 13px solid var(--background-root);
  filter: contrast(0.55);
} */

@keyframes tutorialMobile_tooltipAppear__TD47m {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) translateY(20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) translateY(0);
  }
}

.tutorialMobile_closeButton___q0IV {
  position: absolute;
  cursor: pointer;
  transition: all 0.2s ease;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  z-index: 2;
}

.tutorialMobile_closeButton___q0IV:hover {
  scale: 1.1;
}

.tutorialMobile_tooltipTitle__IwQYb {
  min-height: 25px;
  font-size: var(--font-16);
  font-weight: var(--weight-700);
  color: var(--text-h1);
  padding-inline: var(--padding-30);
}

.tutorialMobile_tooltipText__65p7f {
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
}

.tutorialMobile_navigation__cESN0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10);
}

html[dir="ltr"] .tutorialMobile_controls__fPh58 > div > button > svg {
  transform: rotate(180deg);
}
.tutorialMobile_stepIndicator__f8Tz5 {
  display: flex;
  justify-content: center;
  gap: var(--gap-10);
}

.tutorialMobile_stepDot__XW_iL {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-white);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.tutorialMobile_stepDot__XW_iL:hover {
  background-color: var(--color-gray);
  transform: scale(1.1);
}
.tutorialMobile_stepDot__XW_iL.tutorialMobile_active__sb1nG {
  background-color: var(--color-dark-blue);
  box-shadow: 0 0 0 3px var(--color-dark-blue60);
}
.tutorialMobile_active__sb1nG {
  background-color: var(--color-dark-blue);
}
.tutorialMobile_stepDot__XW_iL.tutorialMobile_completed__tfZRX {
  background-color: var(--color-gray);
}
.tutorialMobile_completed__tfZRX {
  background-color: var(--color-gray);
}

/* هایلایت کردن المنت‌های هدف */
.tutorialMobile_highlighted__0rhaE {
  position: relative !important;
  z-index: 999999 !important;
  border-radius: var(--br25) !important;
  animation: tutorialMobile_highlightPulse__OOrx9 2s infinite !important;
}

@keyframes tutorialMobile_highlightPulse__OOrx9 {
  0%,
  100% {
    box-shadow: 0 0 0 4px var(--color-dark-red);
  }
  50% {
    box-shadow: 0 0 0 8px var(--color-light-red);
  }
}

.homeIndex_headerTab__4P4Uj,
.homeIndex_inboxContainer__rNeuI {
  display: flex;
  flex-direction: row;
}

.homeIndex_headerTab__4P4Uj {
  position: sticky;
  height: 80px;
  top: 0;
  backdrop-filter: blur(20px);
  z-index: 100;
  text-align: center;
  font-size: var(--font-16);
  color: var(--text-h1);
  width: 100%;
  gap: var(--gap-20);
  justify-content: right;
}

.homeIndex_inboxContainer__rNeuI {
  position: relative;
  width: calc(100% - 40px);
  margin-inline: 20px;
  justify-content: center;
  gap: var(--gap-20);
  flex-wrap: wrap;
  animation: var(--bottom08);
  margin-bottom: 5px;
}


/*# sourceMappingURL=df0f3909810287d4.css.map*/