/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/styles/pages/auth/register.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.register_passwordError__n32ia {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  animation: register_fadeIn__nOJS6 0.3s ease-in;
}

.register_passwordMessage__S6m5I {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  animation: register_fadeIn__nOJS6 0.3s ease-in;
}
.register_passwordMessage__S6m5I.register_valid__nd46q {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.register_passwordMessage__S6m5I.register_invalid__JoWdT {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

@keyframes register_fadeIn__nOJS6 {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.register_register__container__yx3lG {
  width: 100%;
  max-width: 500px;
  margin: 4rem auto;
  padding: 0 1rem;
}
.register_register__title___TvwM {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}
.register_register__form__uz52G {
  background-color: var(--surface);
  border: 1px solid var(--border-color);
  padding: 2rem;
  border-radius: 16px;
}
.register_register__grid__IBWch {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 601px) {
  .register_register__grid__IBWch {
    grid-template-columns: repeat(2, 1fr);
  }
}
.register_register__group__o_FRb {
  margin-bottom: 1.5rem;
}
.register_register__group__o_FRb:last-child {
  margin-bottom: 0;
}
@media (min-width: 601px) {
  .register_register__group--full__1WToM {
    grid-column: span 2;
  }
}
.register_register__label__Z8QKD {
  display: block;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.register_register__input__CXjbo {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
}
.register_register__input__CXjbo:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}
.register_register__input--error__2l3Ya {
  border-color: #dc2626;
}
.register_register__input--error__2l3Ya:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);
}
.register_register__password_container__sjAw8, .register_register__password-container__2WIL6 {
  position: relative;
}
.register_register__phone_row__eajpZ {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
.register_register__country_select__qkN0L {
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  min-width: 5rem;
  background: white;
}
.register_register__country_select__qkN0L:focus {
  outline: none;
  border-color: #2563eb;
}
.register_register__eye_button__DnqR8, .register_register__eye-button__xeHh4 {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 0.25rem;
}
.register_register__eye_button__DnqR8:hover, .register_register__eye-button__xeHh4:hover {
  color: #374151;
}
.register_register__error-text__zfB7I {
  color: #dc2626;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.register_register__submit__f21pN {
  width: 100%;
  padding: 0.9rem;
  background-color: var(--button-primary);
  color: var(--button-text);
  border: none;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-top: 2rem;
}
.register_register__submit__f21pN:hover {
  background-color: var(--button-primary-hover);
}
.register_register__submit__f21pN:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.register_register__spinner__XdoMA {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.register_register__spinner_dot__BYoZM, .register_register__spinner-dot__wZsWo {
  width: 0.5rem;
  height: 0.5rem;
  background-color: white;
  border-radius: 50%;
  animation: register_bounce__jqb_V 0.5s infinite alternate;
}
.register_register__spinner_dot__BYoZM:nth-child(2), .register_register__spinner-dot__wZsWo:nth-child(2) {
  animation-delay: 0.1s;
}
.register_register__spinner_dot__BYoZM:nth-child(3), .register_register__spinner-dot__wZsWo:nth-child(3) {
  animation-delay: 0.2s;
}

.register_success_modal__gpBW1 {
  text-align: center;
  padding: 1.5rem;
}
.register_success_modal__gpBW1 p {
  margin-bottom: 1rem;
  line-height: 1.6;
}
.register_success_modal__button__qcY6e {
  margin-top: 1rem;
  padding: 0.75rem 1.5rem;
  background-color: #2563eb;
  color: white;
  border: none;
  border-radius: 0.25rem;
  font-weight: 500;
  cursor: pointer;
}
.register_success_modal__button__qcY6e:hover {
  background-color: #1d4ed8;
}

.register_error__o7cIo {
  text-align: center;
  color: #dc2626;
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #fee2e2;
  border-radius: 0.25rem;
}

@keyframes register_bounce__jqb_V {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-0.25rem);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/styles/components/ui/modal.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal_modal__overlay__rtJga {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modal_modal__content__1c0UL {
  background: #ffffff;
  border-radius: 0.5rem;
  padding: 1rem;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  cursor: default;
  animation: modal_modalIn__3gExM 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.modal_modal__header__z_QY_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.modal_modal__header__z_QY_ h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
}
.modal_modal__title__97Vs5 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #111827;
}
.modal_modal__text__Wz0AO {
  margin-bottom: 1rem;
  color: #374151;
}
.modal_modal__form_group__89mS7 {
  margin-bottom: 1rem;
}
.modal_modal__form_group__89mS7 label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #374151;
}
.modal_modal__textarea__sALZ_ {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-family: inherit;
  resize: vertical;
  min-height: 100px;
}
.modal_modal__textarea__sALZ_:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.modal_modal__close__bRcOF {
  font-size: 1.5rem;
  color: #6b7280;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0.25rem;
  line-height: 1;
  transition: color 0.2s;
}
.modal_modal__close__bRcOF:hover {
  color: #1f2937;
}
.modal_modal__body__CD5bN {
  color: #4b5563;
}
.modal_modal__body__CD5bN p {
  margin: 1rem 0;
  color: #374151;
  font-size: 1rem;
}
.modal_modal__actions__IgJbU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}
.modal_modal__buttons__swzio {
  display: flex;
  gap: 0.5rem;
}
.modal_modal__button__68LLi {
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.modal_modal__button__68LLi:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.modal_modal__button__68LLi:not(.modal_modal__button--danger__LIPdu):not(.modal_modal__button--confirm__VFHm5):not(.modal_modal__button--cancel__EXvL_):not(.modal_modal__button--primary__LXdqh):not(.modal_modal__button--secondary__D5k18) {
  background-color: #2563eb;
  color: #ffffff;
}
.modal_modal__button__68LLi:not(.modal_modal__button--danger__LIPdu):not(.modal_modal__button--confirm__VFHm5):not(.modal_modal__button--cancel__EXvL_):not(.modal_modal__button--primary__LXdqh):not(.modal_modal__button--secondary__D5k18):hover:not(:disabled) {
  background-color: #1d4ed8;
}
.modal_modal__button--danger__LIPdu {
  background-color: #dc2626;
  color: #ffffff;
}
.modal_modal__button--danger__LIPdu:hover:not(:disabled) {
  background-color: #b91c1c;
}
.modal_modal__button--primary__LXdqh {
  background-color: #2563eb;
  color: #ffffff;
}
.modal_modal__button--primary__LXdqh:hover:not(:disabled) {
  background-color: #1d4ed8;
}
.modal_modal__button--secondary__D5k18 {
  background-color: #6b7280;
  color: #ffffff;
}
.modal_modal__button--secondary__D5k18:hover:not(:disabled) {
  background-color: #4b5563;
}
.modal_modal__button--confirm__VFHm5 {
  background-color: #16a34a;
  color: #ffffff;
}
.modal_modal__button--confirm__VFHm5:hover:not(:disabled) {
  background-color: #15803d;
}
.modal_modal__button--cancel__EXvL_ {
  background-color: #f3f4f6;
  color: #374151;
}
.modal_modal__button--cancel__EXvL_:hover:not(:disabled) {
  background-color: #e5e7eb;
}
.modal_modal__button_cancel__ilhEA {
  background-color: #ef4444;
  color: #ffffff;
}
.modal_modal__button_cancel__ilhEA:active {
  background-color: #b91c1c;
}
.modal_modal__button_cancel__ilhEA:hover {
  background-color: #dc2626;
}
.modal_modal__button_confirm__xbXV6 {
  background-color: #10b981;
  color: #ffffff;
}
.modal_modal__button_confirm__xbXV6:active {
  background-color: #16a34a;
}
.modal_modal__button_confirm__xbXV6:hover {
  background-color: #059669;
}

@keyframes modal_modalIn__3gExM {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/styles/components/layout/Header.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Header_Header__4iXLO {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  height: 76px;
  background-color: var(--header-background);
  border-bottom: 1px solid var(--border-color);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}
.Header_Header__container__x_avh {
  width: 100%;
  max-width: none;
  height: 76px;
  margin: 0;
  padding: 0 1.25rem 0 0.65rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.Header_Header__logo__TMGIb {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 76px;
  margin: 0;
  margin-right: auto;
  overflow: visible;
  transform: none;
}
.Header_Header__logo_link__v9O35 {
  display: flex;
  align-items: center;
  text-decoration: none !important;
}
.Header_Header__logo_image__hjIn_ {
  height: 68px;
  width: 68px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
  background: #000;
}
@media (max-width: 600px) {
  .Header_Header__logo_image__hjIn_ {
    height: 52px;
    width: 52px;
  }
}
.Header_Header__welcome__rtOuI {
  display: none;
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0;
}
@media (min-width: 1024px) {
  .Header_Header__welcome__rtOuI {
    display: inline;
  }
}
.Header_Header__nav__QaOS6 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
  width: auto;
  margin: 0;
  padding: 0;
  left: auto;
  position: static;
}
.Header_Header__nav__QaOS6::before, .Header_Header__nav__QaOS6::after {
  display: none;
}
.Header_Header__menu__cRM3D {
  width: auto;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.15rem;
  padding: 0;
  margin: 0;
}
.Header_Header__menu-item__frcZX {
  position: relative;
  margin: 0 !important;
}
.Header_Header__menu-item--auth__uG8Hi {
  margin-left: 0.25rem !important;
}
.Header_Header__menu-link__1cPdq {
  color: var(--text-primary);
  text-decoration: none !important;
  font-weight: 600;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.7rem;
  border-radius: 10px;
  transition: background-color 0.15s, color 0.15s;
}
.Header_Header__menu-link__1cPdq svg {
  font-size: 0.95rem;
  color: var(--accent);
}
.Header_Header__menu-link__1cPdq:hover {
  background: var(--surface-raised);
  color: var(--text-primary);
  text-decoration: none !important;
}
.Header_Header__menu-link--active__NiISA {
  background: var(--surface-raised);
  color: var(--accent);
}
.Header_Header__menu-link__1cPdq::after {
  display: none;
}
.Header_Header__logout-btn__bEP0E {
  background: none;
  border: none;
  color: var(--danger);
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.7rem;
  border-radius: 10px;
  font-size: 0.9rem;
}
.Header_Header__logout-btn__bEP0E:hover {
  background: rgba(255, 69, 58, 0.12);
}
.Header_Header__logout-btn__bEP0E::after {
  display: none;
}
.Header_Header__profileButton__6yFD2 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  border-radius: 10px;
  color: var(--text-primary);
}
.Header_Header__profileButton__6yFD2:hover {
  background-color: var(--surface-raised);
}
.Header_Header__profileIcon__iu6vK {
  display: flex;
  font-size: 18px;
  color: var(--accent);
}
.Header_Header__admin-link__f_noR {
  color: var(--success);
  font-weight: 600;
}
.Header_Header__4iXLO.Header_scrolled__MDW34 {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
.Header_Header__actions___fW96 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}
.Header_Header__burger__SG_Sq {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--text-primary);
  border-radius: 10px;
  font-size: 1.25rem;
  cursor: pointer;
}
.Header_Header__burger__SG_Sq:hover {
  background: var(--surface-raised);
}
.Header_Header__overlay__BLZGS {
  position: fixed;
  inset: 76px 0 0 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 60;
}
.Header_Header__drawer__MgWLk {
  position: fixed;
  top: 76px;
  right: 0;
  bottom: 0;
  width: min(20rem, 86vw);
  z-index: 70;
  background: var(--header-background);
  border-left: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 0.85rem 1.5rem;
  overflow-y: auto;
}
.Header_Header__drawer__MgWLk a,
.Header_Header__drawer__MgWLk button {
  width: 100%;
  justify-content: flex-start;
  padding: 0.85rem 0.9rem;
  font-size: 1rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/styles/components/layout/layout.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.layout_mainLayout__2kFEM {
  min-height: 100vh;
  background-color: var(--background-primary);
  padding-top: 92px;
}

.layout_main__rMLgj {
  padding-top: 92px;
  background-color: var(--background-primary);
  color: var(--text-primary);
  min-height: calc(100vh - 450px);
  width: 100%;
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
@media (min-width: 601px) {
  .layout_main__rMLgj {
    padding-top: 96px;
  }
}
.layout_main__rMLgj.layout_form_page__Px2Rr, .layout_main__rMLgj.layout_team_page__cU2Yi, .layout_main__rMLgj.layout_dashboard_page__DCg8T, .layout_main__rMLgj.layout_account_page__7gl8Y, .layout_main__rMLgj.layout_teams_page__C6PWk, .layout_main__rMLgj.layout_teams_create_page__vjmPO {
  padding-top: 96px;
}
.layout_main__rMLgj.layout_dashboard_page__DCg8T {
  background: var(--background-primary);
  min-height: 100vh;
}
.layout_main__rMLgj [class*=__container] {
  padding-top: 2rem;
}
.layout_main__rMLgj [class*=__list],
.layout_main__rMLgj [class*=__table] {
  margin-top: 1.5rem;
}

.layout_themeSwitch__N7FJ9 {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 40;
}