/* [project]/src/app/components/profile-dropdown/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__yfSELW__profileDropdown {
  display: inline-block;
  position: relative;
}

.styles-module-scss-module__yfSELW__profileDropdown__button {
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1), 0 2px 4px rgba(0, 0, 0, .1);
}

.styles-module-scss-module__yfSELW__profileDropdown__button:hover {
  background: linear-gradient(135deg, #2563eb, #1e40af);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, .15), 0 4px 8px rgba(0, 0, 0, .15);
}

.styles-module-scss-module__yfSELW__profileDropdown__button:focus {
  outline: none;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 0 0 3px rgba(59, 130, 246, .2);
}

.styles-module-scss-module__yfSELW__profileDropdown__button[aria-expanded="true"] {
  background: linear-gradient(135deg, #2563eb, #1e40af);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, .15), 0 4px 8px rgba(0, 0, 0, .15);
}

.styles-module-scss-module__yfSELW__profileDropdown__icon {
  color: #fff;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

.styles-module-scss-module__yfSELW__profileDropdown__srOnly {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.styles-module-scss-module__yfSELW__profileDropdown__menu {
  z-index: 50;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, .95);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  width: 12rem;
  margin-top: .5rem;
  animation: .2s cubic-bezier(.4, 0, .2, 1) styles-module-scss-module__yfSELW__dropdownFadeIn;
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  overflow: hidden;
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, .15), 0 8px 16px -4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2);
}

.styles-module-scss-module__yfSELW__profileDropdown__list {
  margin: 0;
  padding: .5rem 0;
  list-style: none;
}

.styles-module-scss-module__yfSELW__profileDropdown__item {
  text-align: left;
  color: #1e3a8a;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .75rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__yfSELW__profileDropdown__item:hover {
  color: #1d4ed8;
  background: rgba(59, 130, 246, .05);
}

.styles-module-scss-module__yfSELW__profileDropdown__item:focus {
  color: #1d4ed8;
  background: rgba(59, 130, 246, .05);
  outline: none;
}

.styles-module-scss-module__yfSELW__profileDropdown__itemIcon {
  color: #60a5fa;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  transition: color .3s cubic-bezier(.4, 0, .2, 1);
}

.styles-module-scss-module__yfSELW__profileDropdown__separator {
  border-top: 1px solid #bfdbfe;
  padding: .5rem 0;
}

.styles-module-scss-module__yfSELW__profileDropdown__logoutItem {
  text-align: left;
  color: #1e3a8a;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .75rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__yfSELW__profileDropdown__logoutItem:hover {
  color: #1d4ed8;
  background: rgba(59, 130, 246, .05);
}

.styles-module-scss-module__yfSELW__profileDropdown__logoutItem:focus {
  color: #1d4ed8;
  background: rgba(59, 130, 246, .05);
  outline: none;
}

@keyframes styles-module-scss-module__yfSELW__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-.5rem)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

/* [project]/src/app/components/event-card/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__BlpS9a__eventCard {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 1.5rem 0;
  display: flex;
}

.styles-module-scss-module__BlpS9a__eventCard__container {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, .9);
  border: 2px solid #93c5fd;
  border-radius: 16px;
  width: 100%;
  max-width: 380px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, .15), 0 8px 16px -4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2);
}

.styles-module-scss-module__BlpS9a__eventCard__container:hover {
  border-color: #1d4ed8;
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -8px rgba(0, 0, 0, .2), 0 12px 24px -4px rgba(0, 0, 0, .15), 0 0 0 1px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__BlpS9a__eventCard__header {
  text-align: center;
  margin-bottom: 1.5rem;
}

.styles-module-scss-module__BlpS9a__eventCard__city {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: 1.125rem;
  font-weight: 600;
  position: relative;
}

.styles-module-scss-module__BlpS9a__eventCard__city:after {
  content: "";
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.styles-module-scss-module__BlpS9a__eventCard__eventName {
  color: #1e40af;
  margin: 1rem 0 .75rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.styles-module-scss-module__BlpS9a__eventCard__address {
  color: #60a5fa;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.styles-module-scss-module__BlpS9a__eventCard__infoRow {
  background: rgba(59, 130, 246, .05);
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  padding: .75rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__BlpS9a__eventCard__infoRow:hover {
  background: rgba(59, 130, 246, .08);
  border-color: #93c5fd;
}

.styles-module-scss-module__BlpS9a__eventCard__infoItem {
  color: #1e3a8a;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.styles-module-scss-module__BlpS9a__eventCard__icon {
  color: #3b82f6;
  width: 1.25rem;
  height: 1.25rem;
}

.styles-module-scss-module__BlpS9a__eventCard__contactSection {
  background: rgba(59, 130, 246, .03);
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  padding: 1rem;
}

.styles-module-scss-module__BlpS9a__eventCard__contactItem {
  color: #1e40af;
  align-items: center;
  gap: .5rem;
  padding: .25rem 0;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.styles-module-scss-module__BlpS9a__eventCard__contactItem:not(:last-child) {
  border-bottom: 1px solid rgba(59, 130, 246, .1);
  margin-bottom: .5rem;
  padding-bottom: .5rem;
}

.styles-module-scss-module__BlpS9a__eventCard__actionContainer {
  justify-content: center;
  margin-top: 1rem;
  display: flex;
}

.styles-module-scss-module__BlpS9a__eventCard__actionButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 12px;
  padding: .75rem 2rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__BlpS9a__eventCard__actionButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__BlpS9a__eventCard__actionButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__BlpS9a__eventCard__actionButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 767px) {
  .styles-module-scss-module__BlpS9a__eventCard__container {
    max-width: 320px;
    padding: 1rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__city {
    font-size: 1rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__eventName {
    font-size: 1.125rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__address, .styles-module-scss-module__BlpS9a__eventCard__infoItem, .styles-module-scss-module__BlpS9a__eventCard__contactItem {
    font-size: .8rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__icon {
    width: 1rem;
    height: 1rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__actionButton {
    padding: .625rem 1.5rem;
    font-size: .8rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__BlpS9a__eventCard__container {
    max-width: 400px;
    padding: 1.25rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__city {
    font-size: 1.125rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__eventName {
    font-size: 1.25rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__address, .styles-module-scss-module__BlpS9a__eventCard__infoItem, .styles-module-scss-module__BlpS9a__eventCard__contactItem {
    font-size: .875rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__actionButton {
    padding: .75rem 2rem;
    font-size: .875rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__BlpS9a__eventCard__container {
    max-width: 350px;
    padding: 1.5rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__city {
    font-size: 1.25rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__eventName {
    font-size: 1.375rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__address, .styles-module-scss-module__BlpS9a__eventCard__infoItem, .styles-module-scss-module__BlpS9a__eventCard__contactItem {
    font-size: .9rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__icon {
    width: 1.375rem;
    height: 1.375rem;
  }

  .styles-module-scss-module__BlpS9a__eventCard__actionButton {
    padding: .875rem 2.25rem;
    font-size: .9rem;
  }
}

/* [project]/src/app/components/form-modal/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__DbLeLW__modalOverlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: flex-end;
  animation: .3s ease-out styles-module-scss-module__DbLeLW__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__DbLeLW__modalOverlay {
    align-items: center;
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__DbLeLW__modalOverlay {
    align-items: center;
    padding: 2rem;
  }
}

.styles-module-scss-module__DbLeLW__modalContainer {
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  overflow: hidden;
}

@media (max-width: 767px) {
  .styles-module-scss-module__DbLeLW__modalContainer {
    max-height: 95vh;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__DbLeLW__modalContainer {
    max-width: 700px;
    max-height: 90vh;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__DbLeLW__modalContainer {
    max-width: 800px;
    max-height: 85vh;
  }
}

.styles-module-scss-module__DbLeLW__modalContent {
  background: #fff;
  border-radius: 16px 16px 0 0;
  flex-direction: column;
  gap: 1.5rem;
  max-height: 100%;
  padding: 2rem;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, .15);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__DbLeLW__modalContent {
    border-radius: 8px;
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__DbLeLW__modalContent {
    border-radius: 8px;
    padding: 2.5rem;
  }
}

.styles-module-scss-module__DbLeLW__modalHeader {
  border-bottom: 1px solid #bfdbfe;
  margin-bottom: .5rem;
  padding-bottom: 1rem;
}

.styles-module-scss-module__DbLeLW__modalTitle {
  color: #1e3a8a;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .styles-module-scss-module__DbLeLW__modalTitle {
    font-size: 1.125rem;
  }
}

.styles-module-scss-module__DbLeLW__modalBody {
  flex: 1;
  min-height: 0;
  max-height: 60vh;
  padding-right: .5rem;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .styles-module-scss-module__DbLeLW__modalBody {
    max-height: 70vh;
    padding-right: .75rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__DbLeLW__modalBody {
    max-height: 50vh;
    padding-right: .5rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__DbLeLW__modalBody {
    max-height: 45vh;
    padding-right: .5rem;
  }
}

.styles-module-scss-module__DbLeLW__modalBody::-webkit-scrollbar {
  width: 6px;
}

.styles-module-scss-module__DbLeLW__modalBody::-webkit-scrollbar-track {
  background: none;
  margin: 8px 0;
}

.styles-module-scss-module__DbLeLW__modalBody::-webkit-scrollbar-thumb {
  background: #93c5fd;
  border-radius: 3px;
  margin: 4px;
}

.styles-module-scss-module__DbLeLW__modalBody::-webkit-scrollbar-thumb:hover {
  background: #60a5fa;
}

.styles-module-scss-module__DbLeLW__modalFooter {
  border-top: 1px solid #bfdbfe;
  gap: 1rem;
  margin-top: auto;
  padding-top: 1rem;
  display: flex;
}

@media (max-width: 767px) {
  .styles-module-scss-module__DbLeLW__modalFooter {
    flex-direction: column;
    gap: .75rem;
  }
}

.styles-module-scss-module__DbLeLW__primaryButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 8px;
  flex: 1;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__DbLeLW__primaryButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__DbLeLW__primaryButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__DbLeLW__primaryButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 767px) {
  .styles-module-scss-module__DbLeLW__primaryButton {
    padding: .875rem 1rem;
    font-size: .9rem;
  }
}

.styles-module-scss-module__DbLeLW__secondaryButton {
  color: #1e3a8a;
  cursor: pointer;
  background: #eff6ff;
  border: 1px solid #93c5fd;
  border-radius: 8px;
  flex: 1;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.styles-module-scss-module__DbLeLW__secondaryButton:hover:not(:disabled) {
  background: #2d3748;
  border-color: #93c5fd;
  transform: translateY(-1px);
}

.styles-module-scss-module__DbLeLW__secondaryButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__DbLeLW__secondaryButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 767px) {
  .styles-module-scss-module__DbLeLW__secondaryButton {
    padding: .875rem 1rem;
    font-size: .9rem;
  }
}

.styles-module-scss-module__DbLeLW__opening {
  animation: .3s ease-out styles-module-scss-module__DbLeLW__slideUp;
}

.styles-module-scss-module__DbLeLW__closing {
  animation: .3s ease-out styles-module-scss-module__DbLeLW__slideDown;
}

@keyframes styles-module-scss-module__DbLeLW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes styles-module-scss-module__DbLeLW__slideUp {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes styles-module-scss-module__DbLeLW__slideDown {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__DbLeLW__opening {
    animation: .3s ease-out styles-module-scss-module__DbLeLW__slideIn;
  }

  .styles-module-scss-module__DbLeLW__closing {
    animation: .3s ease-out styles-module-scss-module__DbLeLW__slideOut;
  }

  @keyframes styles-module-scss-module__DbLeLW__slideIn {
    from {
      opacity: 0;
      transform: scale(.95)translateY(-20px);
    }

    to {
      opacity: 1;
      transform: scale(1)translateY(0);
    }
  }

  @keyframes styles-module-scss-module__DbLeLW__slideOut {
    from {
      opacity: 1;
      transform: scale(1)translateY(0);
    }

    to {
      opacity: 0;
      transform: scale(.95)translateY(-20px);
    }
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__DbLeLW__opening {
    animation: .3s ease-out styles-module-scss-module__DbLeLW__slideIn;
  }

  .styles-module-scss-module__DbLeLW__closing {
    animation: .3s ease-out styles-module-scss-module__DbLeLW__slideOut;
  }
}

@supports (padding: max(0px)) {
  @media (max-width: 767px) {
    .styles-module-scss-module__DbLeLW__modalOverlay {
      padding-bottom: max(0px, env(safe-area-inset-bottom));
    }
  }
}

/* [project]/src/app/components/input/date-input/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__6vJ9CW__formGroup {
  flex-direction: column;
  gap: .25rem;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__6vJ9CW__label {
  color: #1e3a8a;
  align-items: center;
  gap: .25rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

@media (min-width: 768px) {
  .styles-module-scss-module__6vJ9CW__label {
    font-size: .875rem;
  }
}

.styles-module-scss-module__6vJ9CW__required {
  color: #ef4444;
  font-weight: 700;
}

.styles-module-scss-module__6vJ9CW__input {
  color: #1e3a8a;
  box-sizing: border-box;
  background: rgba(255, 255, 255, .9);
  border: 2px solid #bfdbfe;
  border-radius: 4px;
  width: 100%;
  min-height: 40px;
  padding: .5rem;
  font-size: .8rem;
  transition: all .2s;
}

@media (min-width: 768px) {
  .styles-module-scss-module__6vJ9CW__input {
    min-height: 44px;
    padding: .75rem;
    font-size: .875rem;
  }
}

.styles-module-scss-module__6vJ9CW__input:focus {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__6vJ9CW__input:disabled {
  opacity: .6;
  cursor: not-allowed;
  background: rgba(255, 255, 255, .5);
}

.styles-module-scss-module__6vJ9CW__input::placeholder {
  color: #60a5fa;
}

.styles-module-scss-module__6vJ9CW__input[type="date"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 44px;
}

.styles-module-scss-module__6vJ9CW__input[type="date"]::-webkit-calendar-picker-indicator {
  color: #1d4ed8;
  cursor: pointer;
  padding: .25rem;
}

.styles-module-scss-module__6vJ9CW__input[type="date"]::-webkit-datetime-edit-text {
  color: #1e3a8a;
}

.styles-module-scss-module__6vJ9CW__input[type="date"]::-webkit-datetime-edit-month-field {
  color: #1e3a8a;
}

.styles-module-scss-module__6vJ9CW__input[type="date"]::-webkit-datetime-edit-day-field {
  color: #1e3a8a;
}

.styles-module-scss-module__6vJ9CW__input[type="date"]::-webkit-datetime-edit-year-field {
  color: #1e3a8a;
}

.styles-module-scss-module__6vJ9CW__input[type="date"]::-moz-placeholder {
  color: #60a5fa;
  opacity: 1;
}

.styles-module-scss-module__6vJ9CW__input[type="date"]:hover {
  border-color: #1d4ed8;
}

/* [project]/src/app/components/input/time-input/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__gtoBXq__formGroup {
  flex-direction: column;
  gap: .25rem;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__gtoBXq__label {
  color: #1e3a8a;
  align-items: center;
  gap: .25rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

@media (min-width: 768px) {
  .styles-module-scss-module__gtoBXq__label {
    font-size: .875rem;
  }
}

.styles-module-scss-module__gtoBXq__required {
  color: #ef4444;
  font-weight: 700;
}

.styles-module-scss-module__gtoBXq__input {
  color: #1e3a8a;
  box-sizing: border-box;
  background: rgba(255, 255, 255, .9);
  border: 2px solid #bfdbfe;
  border-radius: 4px;
  width: 100%;
  min-height: 40px;
  padding: .5rem;
  font-size: .8rem;
  transition: all .2s;
}

@media (min-width: 768px) {
  .styles-module-scss-module__gtoBXq__input {
    min-height: 44px;
    padding: .75rem;
    font-size: .875rem;
  }
}

.styles-module-scss-module__gtoBXq__input:focus {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__gtoBXq__input:disabled {
  opacity: .6;
  cursor: not-allowed;
  background: rgba(255, 255, 255, .5);
}

.styles-module-scss-module__gtoBXq__input::placeholder {
  color: #60a5fa;
}

.styles-module-scss-module__gtoBXq__input[type="time"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 44px;
}

.styles-module-scss-module__gtoBXq__input[type="time"]::-webkit-calendar-picker-indicator {
  color: #1d4ed8;
  cursor: pointer;
  padding: .25rem;
}

.styles-module-scss-module__gtoBXq__input[type="time"]::-webkit-datetime-edit-text {
  color: #1e3a8a;
}

.styles-module-scss-module__gtoBXq__input[type="time"]::-webkit-datetime-edit-hour-field {
  color: #1e3a8a;
}

.styles-module-scss-module__gtoBXq__input[type="time"]::-webkit-datetime-edit-minute-field {
  color: #1e3a8a;
}

.styles-module-scss-module__gtoBXq__input[type="time"]::-moz-placeholder {
  color: #60a5fa;
  opacity: 1;
}

.styles-module-scss-module__gtoBXq__input[type="time"]:hover {
  border-color: #1d4ed8;
}

/* [project]/src/app/components/input/datetime-input/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__Yuz0-q__datetimeContainer {
  flex-direction: column;
  grid-column: 1 / -1;
  gap: .75rem;
  width: 100%;
  display: flex;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__Yuz0-q__datetimeContainer {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    display: grid;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__Yuz0-q__datetimeContainer {
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    display: grid;
  }
}

.styles-module-scss-module__Yuz0-q__dateInput, .styles-module-scss-module__Yuz0-q__timeInput {
  width: 100%;
}

/* [project]/src/app/components/input/multi-select/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__tccIcG__multiSelect {
  width: 100%;
  font-family: inherit;
  position: relative;
}

.styles-module-scss-module__tccIcG__multiSelect__input {
  cursor: pointer;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #bfdbfe;
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  padding: .75rem;
  transition: all .2s;
  display: flex;
}

.styles-module-scss-module__tccIcG__multiSelect__input:hover:not(.styles-module-scss-module__tccIcG__multiSelect__input--disabled) {
  border-color: #3b82f6;
}

.styles-module-scss-module__tccIcG__multiSelect__input:focus-within {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__tccIcG__multiSelect__input--open {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__tccIcG__multiSelect__input--disabled {
  cursor: not-allowed;
  opacity: .6;
  background: #eff6ff;
}

.styles-module-scss-module__tccIcG__multiSelect__selectedContainer {
  flex: 1;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.styles-module-scss-module__tccIcG__multiSelect__selectedItems {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.styles-module-scss-module__tccIcG__multiSelect__selectedItem {
  color: #fff;
  white-space: nowrap;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  align-items: center;
  gap: .375rem;
  padding: .5rem .75rem;
  font-size: .8rem;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 12px rgba(102, 126, 234, .3);
}

.styles-module-scss-module__tccIcG__multiSelect__selectedItem:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(102, 126, 234, .4);
}

.styles-module-scss-module__tccIcG__multiSelect__removeButton {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, .2);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: .375rem;
  padding: 0;
  font-size: .875rem;
  font-weight: bold;
  transition: all .2s;
  display: flex;
}

.styles-module-scss-module__tccIcG__multiSelect__removeButton:hover {
  background: rgba(255, 255, 255, .3);
  transform: scale(1.1);
}

.styles-module-scss-module__tccIcG__multiSelect__moreItems {
  color: #1e40af;
  font-size: .75rem;
  font-style: italic;
}

.styles-module-scss-module__tccIcG__multiSelect__placeholder {
  color: #60a5fa;
  font-size: .875rem;
}

.styles-module-scss-module__tccIcG__multiSelect__arrow {
  color: #1e40af;
  flex-shrink: 0;
  font-size: .75rem;
  transition: transform .2s;
}

.styles-module-scss-module__tccIcG__multiSelect__dropdown {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 1000;
  background: rgba(255, 255, 255, .95);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 16px;
  max-height: 320px;
  animation: .3s cubic-bezier(.4, 0, .2, 1) styles-module-scss-module__tccIcG__slideDown;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(31, 38, 135, .37);
}

@keyframes styles-module-scss-module__tccIcG__slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.styles-module-scss-module__tccIcG__multiSelect__searchContainer {
  background: rgba(255, 255, 255, .05);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  align-items: center;
  gap: .75rem;
  padding: 1rem;
  display: flex;
}

.styles-module-scss-module__tccIcG__multiSelect__searchInput {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #1e3a8a;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  outline: none;
  flex: 1;
  padding: .75rem 1rem;
  font-size: .875rem;
  transition: all .2s;
}

.styles-module-scss-module__tccIcG__multiSelect__searchInput:focus {
  background: rgba(255, 255, 255, .15);
  border-color: rgba(102, 126, 234, .6);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, .1);
}

.styles-module-scss-module__tccIcG__multiSelect__searchInput::placeholder {
  color: rgba(107, 114, 128, .8);
}

.styles-module-scss-module__tccIcG__multiSelect__clearButton {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border: none;
  border-radius: 12px;
  padding: .75rem 1rem;
  font-size: .8rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 4px 12px rgba(239, 68, 68, .3);
}

.styles-module-scss-module__tccIcG__multiSelect__clearButton:hover {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(239, 68, 68, .4);
}

.styles-module-scss-module__tccIcG__multiSelect__options {
  max-height: 220px;
  padding: .5rem 0;
  overflow-y: auto;
}

.styles-module-scss-module__tccIcG__multiSelect__options::-webkit-scrollbar {
  width: 6px;
}

.styles-module-scss-module__tccIcG__multiSelect__options::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .1);
  border-radius: 3px;
}

.styles-module-scss-module__tccIcG__multiSelect__options::-webkit-scrollbar-thumb {
  background: rgba(102, 126, 234, .5);
  border-radius: 3px;
}

.styles-module-scss-module__tccIcG__multiSelect__options::-webkit-scrollbar-thumb:hover {
  background: rgba(102, 126, 234, .7);
}

.styles-module-scss-module__tccIcG__multiSelect__category {
  margin-bottom: .75rem;
}

.styles-module-scss-module__tccIcG__multiSelect__category:last-child {
  margin-bottom: 0;
}

.styles-module-scss-module__tccIcG__multiSelect__categoryTitle {
  color: rgba(102, 126, 234, .9);
  text-transform: uppercase;
  letter-spacing: .8px;
  background: rgba(102, 126, 234, .05);
  border-bottom: 2px solid rgba(102, 126, 234, .2);
  margin-bottom: .5rem;
  padding: .75rem 1rem .5rem;
  font-size: .8rem;
  font-weight: 700;
}

.styles-module-scss-module__tccIcG__multiSelect__option {
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  gap: .75rem;
  margin: 0 .5rem;
  padding: .75rem 1rem;
  transition: all .2s;
  display: flex;
}

.styles-module-scss-module__tccIcG__multiSelect__option:hover {
  background: rgba(102, 126, 234, .1);
  transform: translateX(4px);
}

.styles-module-scss-module__tccIcG__multiSelect__option--selected {
  color: #667eea;
  background: rgba(102, 126, 234, .15);
  border-left: 3px solid rgba(102, 126, 234, .8);
  font-weight: 600;
}

.styles-module-scss-module__tccIcG__multiSelect__checkbox {
  accent-color: #667eea;
  cursor: pointer;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}

.styles-module-scss-module__tccIcG__multiSelect__optionText {
  color: #1e3a8a;
  flex: 1;
  font-size: .875rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .styles-module-scss-module__tccIcG__multiSelect__input {
    border-radius: 12px;
    min-height: 52px;
    padding: .875rem 1rem;
  }

  .styles-module-scss-module__tccIcG__multiSelect__selectedItem {
    border-radius: 12px;
    padding: .375rem .625rem;
    font-size: .75rem;
  }

  .styles-module-scss-module__tccIcG__multiSelect__moreItems {
    font-size: .75rem;
    font-weight: 500;
  }

  .styles-module-scss-module__tccIcG__multiSelect__searchContainer {
    flex-direction: column;
    align-items: stretch;
    gap: .5rem;
    padding: .75rem;
  }

  .styles-module-scss-module__tccIcG__multiSelect__searchInput {
    padding: .625rem .875rem;
    font-size: .8rem;
  }

  .styles-module-scss-module__tccIcG__multiSelect__clearButton {
    border-radius: 12px;
    padding: .625rem .875rem;
    font-size: .75rem;
  }

  .styles-module-scss-module__tccIcG__multiSelect__option {
    margin: 0 .25rem;
    padding: .625rem .875rem;
  }

  .styles-module-scss-module__tccIcG__multiSelect__optionText {
    font-size: .8rem;
  }

  .styles-module-scss-module__tccIcG__multiSelect__categoryTitle {
    letter-spacing: .6px;
    padding: .625rem .875rem .375rem;
    font-size: .75rem;
  }

  .styles-module-scss-module__tccIcG__multiSelect__dropdown {
    border-radius: 12px;
    max-height: 280px;
  }
}

/* [project]/src/app/components/calendar/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__k1SpWa__calendar {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.styles-module-scss-module__k1SpWa__calendarHeader {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.styles-module-scss-module__k1SpWa__calendarHeader h2 {
  color: #1e3a8a;
  border-bottom: 2px solid #1d4ed8;
  margin: 0 0 .5rem;
  padding-bottom: .5rem;
  font-size: 1.75rem;
  font-weight: 700;
  display: inline-block;
}

.styles-module-scss-module__k1SpWa__calendarHeader p {
  color: #1e40af;
  margin: 0 0 1.5rem;
  font-size: 1rem;
}

.styles-module-scss-module__k1SpWa__addEventButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 4px;
  align-items: center;
  gap: .5rem;
  padding: .75rem 2rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__k1SpWa__addEventButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__k1SpWa__addEventButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__k1SpWa__addEventButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.styles-module-scss-module__k1SpWa__calendarContent {
  background: #fff;
  border-radius: 8px;
  min-height: 400px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__k1SpWa__emptyState {
  text-align: center;
  color: #1e40af;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem;
  display: flex;
}

.styles-module-scss-module__k1SpWa__emptyState .styles-module-scss-module__k1SpWa__emptyIcon {
  color: #60a5fa;
  margin-bottom: 1rem;
}

.styles-module-scss-module__k1SpWa__emptyState h3 {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.styles-module-scss-module__k1SpWa__emptyState p {
  max-width: 400px;
  margin: 0;
  font-size: 1rem;
}

.styles-module-scss-module__k1SpWa__concertsList {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__k1SpWa__concertsList {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    display: grid;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__k1SpWa__concertsList {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    display: grid;
  }
}

.styles-module-scss-module__k1SpWa__concertCard {
  background: #eff6ff;
  border: 2px solid #bfdbfe;
  border-radius: 8px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
}

.styles-module-scss-module__k1SpWa__concertCard:hover {
  border-color: #1d4ed8;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, .15);
}

.styles-module-scss-module__k1SpWa__concertCard:before {
  content: "";
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.styles-module-scss-module__k1SpWa__concertDate {
  margin-bottom: 1rem;
}

.styles-module-scss-module__k1SpWa__dateInfo {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.styles-module-scss-module__k1SpWa__dateInfo .styles-module-scss-module__k1SpWa__date {
  color: #1e3a8a;
  font-size: 1rem;
  font-weight: 600;
}

.styles-module-scss-module__k1SpWa__dateInfo .styles-module-scss-module__k1SpWa__time {
  color: #1e40af;
  background: rgba(59, 130, 246, .1);
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  padding: .25rem .5rem;
  font-size: .875rem;
  display: inline-block;
}

.styles-module-scss-module__k1SpWa__concertDetails .styles-module-scss-module__k1SpWa__concertName {
  color: #1e3a8a;
  margin: 0 0 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.styles-module-scss-module__k1SpWa__concertInfo {
  flex-direction: column;
  gap: .5rem;
  margin-bottom: 1rem;
  display: flex;
}

.styles-module-scss-module__k1SpWa__infoItem {
  color: #1e40af;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  display: flex;
}

.styles-module-scss-module__k1SpWa__infoItem svg {
  color: #1d4ed8;
  flex-shrink: 0;
}

.styles-module-scss-module__k1SpWa__infoItem span {
  line-height: 1.4;
}

.styles-module-scss-module__k1SpWa__hirerInfo {
  background: rgba(59, 130, 246, .05);
  border-left: 3px solid #1d4ed8;
  border-radius: 4px;
  padding: 1rem;
}

.styles-module-scss-module__k1SpWa__hirerInfo h4 {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: .875rem;
  font-weight: 600;
}

.styles-module-scss-module__k1SpWa__hirerInfo p {
  color: #1e40af;
  margin: 0 0 .25rem;
  font-size: .875rem;
}

.styles-module-scss-module__k1SpWa__hirerInfo p:last-child {
  margin-bottom: 0;
}

.styles-module-scss-module__k1SpWa__loading {
  color: #1e40af;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.styles-module-scss-module__k1SpWa__loading p {
  margin-top: 1rem;
  font-size: 1rem;
}

.styles-module-scss-module__k1SpWa__spinner {
  border: 4px solid #bfdbfe;
  border-top-color: #1d4ed8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite styles-module-scss-module__k1SpWa__spin;
}

@keyframes styles-module-scss-module__k1SpWa__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.styles-module-scss-module__k1SpWa__formContent {
  flex-direction: column;
  gap: .75rem;
  max-height: 50vh;
  padding: .5rem 0;
  display: flex;
  overflow-y: auto;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__k1SpWa__formContent {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    max-height: 70vh;
    padding: 1rem 0;
    display: grid;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__k1SpWa__formContent {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    max-height: 80vh;
    padding: 1rem 0;
    display: grid;
  }
}

.styles-module-scss-module__k1SpWa__formGroup {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

@media (max-width: 767px) {
  .styles-module-scss-module__k1SpWa__formGroup {
    grid-column: 1 / -1;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__k1SpWa__formGroup:first-child, .styles-module-scss-module__k1SpWa__formGroup:nth-child(2), .styles-module-scss-module__k1SpWa__formGroup:nth-child(3), .styles-module-scss-module__k1SpWa__formGroup:nth-child(4), .styles-module-scss-module__k1SpWa__formGroup:nth-child(5) {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__k1SpWa__formGroup:first-child, .styles-module-scss-module__k1SpWa__formGroup:nth-child(2), .styles-module-scss-module__k1SpWa__formGroup:nth-child(3), .styles-module-scss-module__k1SpWa__formGroup:nth-child(4), .styles-module-scss-module__k1SpWa__formGroup:nth-child(5) {
    grid-column: 1 / -1;
  }
}

.styles-module-scss-module__k1SpWa__formGroup label {
  color: #1e3a8a;
  font-size: .8rem;
  font-weight: 600;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__k1SpWa__formGroup label {
    font-size: .875rem;
  }
}

.styles-module-scss-module__k1SpWa__formGroup input {
  color: #1e3a8a;
  box-sizing: border-box;
  background: rgba(255, 255, 255, .9);
  border: 2px solid #bfdbfe;
  border-radius: 4px;
  width: 100%;
  min-height: 40px;
  padding: .5rem;
  font-size: .8rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__k1SpWa__formGroup input {
    min-height: 44px;
    padding: .75rem;
    font-size: .875rem;
  }
}

.styles-module-scss-module__k1SpWa__formGroup input:focus {
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__k1SpWa__formGroup input::placeholder {
  color: #60a5fa;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="date"], .styles-module-scss-module__k1SpWa__formGroup input[type="time"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 44px;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="date"]::-webkit-calendar-picker-indicator {
  color: #1d4ed8;
  cursor: pointer;
  padding: .25rem;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="time"]::-webkit-calendar-picker-indicator {
  color: #1d4ed8;
  cursor: pointer;
  padding: .25rem;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="date"]::-webkit-datetime-edit-text {
  color: #1e3a8a;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="time"]::-webkit-datetime-edit-text {
  color: #1e3a8a;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="date"]::-webkit-datetime-edit-month-field {
  color: #1e3a8a;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="date"]::-webkit-datetime-edit-day-field {
  color: #1e3a8a;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="date"]::-webkit-datetime-edit-year-field {
  color: #1e3a8a;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="time"]::-webkit-datetime-edit-month-field {
  color: #1e3a8a;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="time"]::-webkit-datetime-edit-day-field {
  color: #1e3a8a;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="time"]::-webkit-datetime-edit-year-field {
  color: #1e3a8a;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="date"]::-moz-placeholder {
  color: #60a5fa;
  opacity: 1;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="time"]::-moz-placeholder {
  color: #60a5fa;
  opacity: 1;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="date"]:hover, .styles-module-scss-module__k1SpWa__formGroup input[type="time"]:hover {
  border-color: #1d4ed8;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="number"] {
  -moz-appearance: textfield;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.styles-module-scss-module__k1SpWa__formGroup input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.styles-module-scss-module__k1SpWa__detailsContent {
  padding: 1rem 0;
}

@media (max-width: 767px) {
  .styles-module-scss-module__k1SpWa__calendarHeader {
    margin-bottom: 1.5rem;
  }

  .styles-module-scss-module__k1SpWa__calendarHeader h2 {
    font-size: 1.5rem;
  }

  .styles-module-scss-module__k1SpWa__calendarContent {
    padding: 1.5rem;
  }

  .styles-module-scss-module__k1SpWa__concertCard {
    padding: 1rem;
  }

  .styles-module-scss-module__k1SpWa__concertName {
    font-size: 1rem;
  }

  .styles-module-scss-module__k1SpWa__infoItem {
    font-size: .8rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__k1SpWa__calendarHeader {
    margin-bottom: 2rem;
  }

  .styles-module-scss-module__k1SpWa__calendarHeader h2 {
    font-size: 1.75rem;
  }

  .styles-module-scss-module__k1SpWa__calendarContent {
    padding: 2rem;
  }

  .styles-module-scss-module__k1SpWa__concertCard {
    padding: 1.5rem;
  }

  .styles-module-scss-module__k1SpWa__concertName {
    font-size: 1.125rem;
  }

  .styles-module-scss-module__k1SpWa__infoItem {
    font-size: .875rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__k1SpWa__calendarHeader {
    margin-bottom: 2.5rem;
  }

  .styles-module-scss-module__k1SpWa__calendarHeader h2 {
    font-size: 2rem;
  }

  .styles-module-scss-module__k1SpWa__calendarContent {
    padding: 2.5rem;
  }

  .styles-module-scss-module__k1SpWa__concertCard {
    padding: 1.75rem;
  }

  .styles-module-scss-module__k1SpWa__concertName {
    font-size: 1.25rem;
  }

  .styles-module-scss-module__k1SpWa__infoItem {
    font-size: .9rem;
  }
}

/* [project]/src/app/components/queries/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__6v4hiW__queries {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.styles-module-scss-module__6v4hiW__queriesHeader {
  text-align: center;
  margin-bottom: 2rem;
}

.styles-module-scss-module__6v4hiW__queriesHeader h2 {
  color: #1e3a8a;
  border-bottom: 2px solid #1d4ed8;
  margin: 0 0 .5rem;
  padding-bottom: .5rem;
  font-size: 1.75rem;
  font-weight: 700;
  display: inline-block;
}

.styles-module-scss-module__6v4hiW__queriesHeader p {
  color: #1e40af;
  margin: 0;
  font-size: 1rem;
}

.styles-module-scss-module__6v4hiW__queriesContent {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  min-height: 400px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__6v4hiW__listWrapper {
  width: 100%;
  max-height: 80vh;
  padding-right: .25rem;
  overflow-y: auto;
}

.styles-module-scss-module__6v4hiW__listWrapper::-webkit-scrollbar {
  width: 6px;
}

.styles-module-scss-module__6v4hiW__listWrapper::-webkit-scrollbar-track {
  background: none;
}

.styles-module-scss-module__6v4hiW__listWrapper::-webkit-scrollbar-thumb {
  background: #93c5fd;
  border-radius: 3px;
}

.styles-module-scss-module__6v4hiW__emptyState {
  text-align: center;
  color: #1e40af;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem;
  display: flex;
}

.styles-module-scss-module__6v4hiW__emptyState .styles-module-scss-module__6v4hiW__emptyIcon {
  color: #60a5fa;
  margin-bottom: 1rem;
}

.styles-module-scss-module__6v4hiW__emptyState h3 {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.styles-module-scss-module__6v4hiW__emptyState p {
  max-width: 400px;
  margin: 0;
  font-size: 1rem;
}

.styles-module-scss-module__6v4hiW__approachesList {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__6v4hiW__approachesList {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    display: grid;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__6v4hiW__approachesList {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    display: grid;
  }
}

.styles-module-scss-module__6v4hiW__approachCard {
  background: #eff6ff;
  border: 2px solid #bfdbfe;
  border-radius: 8px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
}

.styles-module-scss-module__6v4hiW__approachCard:hover {
  border-color: #1d4ed8;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, .15);
}

.styles-module-scss-module__6v4hiW__approachCard:before {
  content: "";
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.styles-module-scss-module__6v4hiW__approachHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

@media (max-width: 767px) {
  .styles-module-scss-module__6v4hiW__approachHeader {
    flex-direction: column;
    gap: .5rem;
  }
}

.styles-module-scss-module__6v4hiW__approachInfo {
  flex: 1;
}

.styles-module-scss-module__6v4hiW__approachInfo .styles-module-scss-module__6v4hiW__approachName {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.styles-module-scss-module__6v4hiW__approachMeta {
  color: #1e40af;
  flex-wrap: wrap;
  gap: .5rem;
  font-size: .875rem;
  display: flex;
}

.styles-module-scss-module__6v4hiW__approachMeta span {
  background: rgba(59, 130, 246, .1);
  border-radius: 4px;
  padding: .25rem .5rem;
}

.styles-module-scss-module__6v4hiW__status {
  text-align: center;
  border-radius: 8px;
  flex-shrink: 0;
  min-width: 100px;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.styles-module-scss-module__6v4hiW__statusPending {
  color: #d97706;
  background: rgba(251, 191, 36, .1);
  border: 1px solid rgba(251, 191, 36, .3);
}

.styles-module-scss-module__6v4hiW__statusAccepted {
  color: #16a34a;
  background: rgba(34, 197, 94, .1);
  border: 1px solid rgba(34, 197, 94, .3);
}

.styles-module-scss-module__6v4hiW__statusDeclined {
  color: #dc2626;
  background: rgba(239, 68, 68, .1);
  border: 1px solid rgba(239, 68, 68, .3);
}

.styles-module-scss-module__6v4hiW__approachDetails {
  margin-bottom: 1rem;
}

.styles-module-scss-module__6v4hiW__detailRow {
  gap: 1rem;
  margin-bottom: .5rem;
  display: flex;
}

@media (max-width: 767px) {
  .styles-module-scss-module__6v4hiW__detailRow {
    flex-direction: column;
    gap: .5rem;
  }
}

.styles-module-scss-module__6v4hiW__detailItem {
  color: #1e40af;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  display: flex;
}

.styles-module-scss-module__6v4hiW__detailItem svg {
  color: #1d4ed8;
  flex-shrink: 0;
}

.styles-module-scss-module__6v4hiW__createdDate {
  color: #60a5fa;
  font-size: .8rem;
  font-style: italic;
}

.styles-module-scss-module__6v4hiW__actions {
  border-top: 1px solid #bfdbfe;
  gap: .75rem;
  padding-top: 1rem;
  display: flex;
}

@media (max-width: 767px) {
  .styles-module-scss-module__6v4hiW__actions {
    flex-direction: column;
  }
}

.styles-module-scss-module__6v4hiW__acceptButton, .styles-module-scss-module__6v4hiW__declineButton {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__6v4hiW__acceptButton:hover, .styles-module-scss-module__6v4hiW__declineButton:hover {
  transform: translateY(-1px);
}

.styles-module-scss-module__6v4hiW__acceptButton {
  color: #16a34a;
  background: rgba(34, 197, 94, .1);
  border: 1px solid rgba(34, 197, 94, .3);
}

.styles-module-scss-module__6v4hiW__acceptButton:hover {
  background: rgba(34, 197, 94, .2);
  box-shadow: 0 4px 12px rgba(34, 197, 94, .2);
}

.styles-module-scss-module__6v4hiW__declineButton {
  color: #dc2626;
  background: rgba(239, 68, 68, .1);
  border: 1px solid rgba(239, 68, 68, .3);
}

.styles-module-scss-module__6v4hiW__declineButton:hover {
  background: rgba(239, 68, 68, .2);
  box-shadow: 0 4px 12px rgba(239, 68, 68, .2);
}

.styles-module-scss-module__6v4hiW__loading {
  color: #1e40af;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.styles-module-scss-module__6v4hiW__loading p {
  margin-top: 1rem;
  font-size: 1rem;
}

.styles-module-scss-module__6v4hiW__spinner {
  border: 4px solid #bfdbfe;
  border-top-color: #1d4ed8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite styles-module-scss-module__6v4hiW__spin;
}

@keyframes styles-module-scss-module__6v4hiW__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 400px) {
  .styles-module-scss-module__6v4hiW__queriesHeader {
    margin-bottom: 1.5rem;
  }

  .styles-module-scss-module__6v4hiW__queriesHeader h2 {
    font-size: 1.5rem;
  }

  .styles-module-scss-module__6v4hiW__queriesContent {
    padding: 1.5rem;
  }

  .styles-module-scss-module__6v4hiW__approachCard {
    padding: 1rem;
  }

  .styles-module-scss-module__6v4hiW__approachName {
    font-size: 1rem;
  }

  .styles-module-scss-module__6v4hiW__detailItem {
    font-size: .8rem;
  }
}

/* [project]/src/app/components/approach-card/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__plaRQq__approachCard {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 1.5rem 0;
  display: flex;
}

.styles-module-scss-module__plaRQq__approachCard__container {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, .9);
  border: 2px solid #93c5fd;
  border-radius: 16px;
  width: 100%;
  max-width: 380px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, .15), 0 8px 16px -4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2);
}

.styles-module-scss-module__plaRQq__approachCard__container:hover {
  border-color: #1d4ed8;
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -8px rgba(0, 0, 0, .2), 0 12px 24px -4px rgba(0, 0, 0, .15), 0 0 0 1px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__plaRQq__approachCard__header {
  text-align: center;
  margin-bottom: 1.5rem;
}

.styles-module-scss-module__plaRQq__approachCard__city {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: 1.125rem;
  font-weight: 600;
  position: relative;
}

.styles-module-scss-module__plaRQq__approachCard__city:after {
  content: "";
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.styles-module-scss-module__plaRQq__approachCard__eventName {
  color: #1e40af;
  margin: 1rem 0 .75rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.styles-module-scss-module__plaRQq__approachCard__infoRow {
  background: rgba(59, 130, 246, .05);
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  padding: .75rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__plaRQq__approachCard__infoRow:hover {
  background: rgba(59, 130, 246, .08);
  border-color: #93c5fd;
}

.styles-module-scss-module__plaRQq__approachCard__infoItem {
  color: #1e3a8a;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.styles-module-scss-module__plaRQq__approachCard__icon {
  color: #3b82f6;
  width: 1.25rem;
  height: 1.25rem;
}

.styles-module-scss-module__plaRQq__approachCard__createdDate {
  color: #60a5fa;
  margin-bottom: 1rem;
  font-size: .8rem;
  font-style: italic;
}

.styles-module-scss-module__plaRQq__approachCard__actions {
  border-top: 1px solid #bfdbfe;
  gap: .75rem;
  padding-top: 1rem;
  display: flex;
}

.styles-module-scss-module__plaRQq__approachCard__acceptButton, .styles-module-scss-module__plaRQq__approachCard__declineButton {
  cursor: pointer;
  border: none;
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__plaRQq__approachCard__acceptButton:hover, .styles-module-scss-module__plaRQq__approachCard__declineButton:hover {
  transform: translateY(-1px);
}

.styles-module-scss-module__plaRQq__approachCard__acceptButton {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__plaRQq__approachCard__acceptButton:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__plaRQq__approachCard__declineButton {
  color: #3b82f6;
  background: #fff;
  border: 2px solid #3b82f6;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__plaRQq__approachCard__declineButton:hover {
  color: #fff;
  background: #3b82f6;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .3);
}

@media (max-width: 767px) {
  .styles-module-scss-module__plaRQq__approachCard__container {
    max-width: 320px;
    padding: 1rem;
  }

  .styles-module-scss-module__plaRQq__approachCard__city {
    font-size: 1rem;
  }

  .styles-module-scss-module__plaRQq__approachCard__eventName {
    font-size: 1.125rem;
  }

  .styles-module-scss-module__plaRQq__approachCard__infoItem {
    font-size: .8rem;
  }

  .styles-module-scss-module__plaRQq__approachCard__icon {
    width: 1rem;
    height: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__plaRQq__approachCard__container {
    max-width: 400px;
    padding: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__plaRQq__approachCard__container {
    max-width: 350px;
    padding: 1.5rem;
  }
}

/* [project]/src/app/components/band-info-card/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__Z2X_Nq__bandInfoCard {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 1.5rem 0;
  display: flex;
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__container {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, .9);
  border: 2px solid #93c5fd;
  border-radius: 16px;
  width: 100%;
  max-width: 380px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, .15), 0 8px 16px -4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2);
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__container:hover {
  border-color: #1d4ed8;
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -8px rgba(0, 0, 0, .2), 0 12px 24px -4px rgba(0, 0, 0, .15), 0 0 0 1px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__name {
  text-align: center;
  color: #1e3a8a;
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__name:after {
  content: "";
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: 2px;
  width: 3rem;
  height: 3px;
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__infoSection {
  background: rgba(59, 130, 246, .05);
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  flex-direction: column;
  gap: .75rem;
  margin: 1rem 0;
  padding: 1rem;
  display: flex;
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__infoRow {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__infoItem {
  color: #1e40af;
  font-weight: 600;
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__infoItem p {
  margin: 0;
  font-size: .875rem;
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__actionContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__actionButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 12px;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__actionButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__actionButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__actionButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.styles-module-scss-module__Z2X_Nq__bandInfoCard__icon {
  color: #fff;
  width: .875rem;
  height: .875rem;
}

@media (max-width: 767px) {
  .styles-module-scss-module__Z2X_Nq__bandInfoCard__container {
    max-width: 320px;
    padding: 1rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__name {
    font-size: 1.125rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoSection {
    gap: .5rem;
    padding: .75rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoRow, .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoItem p {
    font-size: .8rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__actionButton {
    padding: .625rem 1.25rem;
    font-size: .8rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__icon {
    width: .75rem;
    height: .75rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__Z2X_Nq__bandInfoCard__container {
    max-width: 400px;
    padding: 1.25rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__name {
    font-size: 1.25rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoSection {
    gap: .75rem;
    padding: 1rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoRow, .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoItem p {
    font-size: .875rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__actionButton {
    padding: .75rem 1.5rem;
    font-size: .875rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__icon {
    width: .875rem;
    height: .875rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__Z2X_Nq__bandInfoCard__container {
    max-width: 100%;
    padding: 1.5rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__name {
    font-size: 1.375rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoSection {
    gap: 1rem;
    padding: 1.25rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoRow, .styles-module-scss-module__Z2X_Nq__bandInfoCard__infoItem p {
    font-size: .9rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__actionButton {
    padding: .875rem 1.75rem;
    font-size: .9rem;
  }

  .styles-module-scss-module__Z2X_Nq__bandInfoCard__icon {
    width: 1rem;
    height: 1rem;
  }
}

/* [project]/src/app/components/users-card/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__lKWbwW__usersCard {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 1.5rem 0;
  display: flex;
}

.styles-module-scss-module__lKWbwW__usersCard__container {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, .9);
  border: 2px solid #93c5fd;
  border-radius: 16px;
  width: 100%;
  max-width: 380px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, .15), 0 8px 16px -4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2);
}

.styles-module-scss-module__lKWbwW__usersCard__container:hover {
  border-color: #1d4ed8;
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -8px rgba(0, 0, 0, .2), 0 12px 24px -4px rgba(0, 0, 0, .15), 0 0 0 1px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__lKWbwW__usersCard__title {
  text-align: center;
  color: #1e3a8a;
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
}

.styles-module-scss-module__lKWbwW__usersCard__title:after {
  content: "";
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: 2px;
  width: 3rem;
  height: 3px;
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.styles-module-scss-module__lKWbwW__usersCard__usersList {
  flex-direction: column;
  gap: .75rem;
  margin: 1rem 0;
  display: flex;
}

.styles-module-scss-module__lKWbwW__usersCard__userItem {
  background: rgba(59, 130, 246, .05);
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__lKWbwW__usersCard__userItem:hover {
  background: rgba(59, 130, 246, .08);
  border-color: #93c5fd;
}

.styles-module-scss-module__lKWbwW__usersCard__userInfo {
  flex-direction: column;
  flex: 1;
  gap: .25rem;
  display: flex;
}

.styles-module-scss-module__lKWbwW__usersCard__userName {
  color: #1e3a8a;
  margin: 0;
  font-size: .875rem;
  font-weight: 600;
}

.styles-module-scss-module__lKWbwW__usersCard__userEmail {
  color: #1e40af;
  font-size: .75rem;
}

.styles-module-scss-module__lKWbwW__usersCard__userEmail p {
  margin: 0;
}

.styles-module-scss-module__lKWbwW__usersCard__editBadge {
  background: rgba(34, 197, 94, .1);
  border: 1px solid rgba(34, 197, 94, .3);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: flex;
}

.styles-module-scss-module__lKWbwW__usersCard__editIcon {
  color: #15803d;
  width: .75rem;
  height: .75rem;
}

.styles-module-scss-module__lKWbwW__usersCard__emptyState {
  text-align: center;
  color: #60a5fa;
  padding: 2rem 1rem;
}

.styles-module-scss-module__lKWbwW__usersCard__emptyState p {
  margin: 0;
  font-size: .875rem;
  font-style: italic;
}

.styles-module-scss-module__lKWbwW__usersCard__actionContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.styles-module-scss-module__lKWbwW__usersCard__actionButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 12px;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__lKWbwW__usersCard__actionButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__lKWbwW__usersCard__actionButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__lKWbwW__usersCard__actionButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.styles-module-scss-module__lKWbwW__usersCard__icon {
  color: #fff;
  width: 1rem;
  height: 1rem;
}

@media (max-width: 767px) {
  .styles-module-scss-module__lKWbwW__usersCard__container {
    max-width: 320px;
    padding: 1rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__title {
    font-size: 1.125rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userItem {
    padding: .625rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userName {
    font-size: .8rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userEmail {
    font-size: .7rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__editIcon {
    width: .625rem;
    height: .625rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__actionButton {
    padding: .625rem 1.25rem;
    font-size: .8rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__icon {
    width: .875rem;
    height: .875rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__lKWbwW__usersCard__container {
    max-width: 400px;
    padding: 1.25rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__title {
    font-size: 1.25rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userItem {
    padding: .75rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userName {
    font-size: .875rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userEmail {
    font-size: .75rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__editIcon {
    width: .75rem;
    height: .75rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__actionButton {
    padding: .75rem 1.5rem;
    font-size: .875rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__icon {
    width: 1rem;
    height: 1rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__lKWbwW__usersCard__container {
    max-width: 100%;
    padding: 1.5rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__title {
    font-size: 1.375rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userItem {
    padding: .875rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userName {
    font-size: .9rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__userEmail {
    font-size: .8rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__editIcon {
    width: .875rem;
    height: .875rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__actionButton {
    padding: .875rem 1.75rem;
    font-size: .9rem;
  }

  .styles-module-scss-module__lKWbwW__usersCard__icon {
    width: 1.125rem;
    height: 1.125rem;
  }
}

/* [project]/src/app/components/band-info-view/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__5C0dtG__bandInfoView {
  opacity: 0;
  background: #fff;
  flex-direction: column;
  align-items: center;
  height: 100%;
  min-height: 100vh;
  padding: 1rem 0;
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  transform: translateY(4px);
}

.styles-module-scss-module__5C0dtG__bandInfoView__container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 420px;
  display: flex;
}

.styles-module-scss-module__5C0dtG__bandInfoView__actions {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
  padding: 1rem 0;
  display: grid;
}

.styles-module-scss-module__5C0dtG__bandInfoView__leaveButton {
  color: #1e40af;
  cursor: pointer;
  text-align: center;
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  border: 2px solid #bfdbfe;
  border-radius: 12px;
  align-self: center;
  margin-top: auto;
  margin-bottom: 1rem;
  padding: .75rem 1rem;
  font-size: .75rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1), 0 2px 4px rgba(0, 0, 0, .05);
}

.styles-module-scss-module__5C0dtG__bandInfoView__leaveButton:hover {
  border-color: #1d4ed8;
  box-shadow: 0 8px 20px rgba(59, 130, 246, .15), 0 4px 8px rgba(0, 0, 0, .1);
}

.styles-module-scss-module__5C0dtG__bandInfoView__actionButton {
  cursor: pointer;
  color: #1e3a8a;
  text-align: center;
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  border: 2px solid #bfdbfe;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem;
  font-size: .75rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1), 0 2px 4px rgba(0, 0, 0, .05);
}

.styles-module-scss-module__5C0dtG__bandInfoView__actionButton:before {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .4), rgba(0, 0, 0, 0));
  width: 100%;
  height: 100%;
  transition: left .5s;
  position: absolute;
  top: 0;
  left: -100%;
}

.styles-module-scss-module__5C0dtG__bandInfoView__actionButton:hover {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #1d4ed8;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, .15), 0 4px 8px rgba(0, 0, 0, .1);
}

.styles-module-scss-module__5C0dtG__bandInfoView__actionButton:hover:before {
  left: 100%;
}

.styles-module-scss-module__5C0dtG__bandInfoView__actionButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__5C0dtG__bandInfoView__icon {
  color: #1d4ed8;
  filter: drop-shadow(0 1px 2px rgba(59, 130, 246, .2));
  width: 1.25rem;
  height: 1.25rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.styles-module-scss-module__5C0dtG__bandInfoView__content {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 1rem;
  display: flex;
}

.styles-module-scss-module__5C0dtG__bandInfoView__modalContent {
  text-align: center;
  color: #1e3a8a;
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  border-radius: 16px;
  padding: 2.5rem;
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, .15), 0 8px 16px -4px rgba(0, 0, 0, .1);
}

.styles-module-scss-module__5C0dtG__bandInfoView__modalContent h3 {
  color: #1e3a8a;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.75rem;
  font-weight: 700;
}

.styles-module-scss-module__5C0dtG__bandInfoView__modalContent p {
  color: #1e40af;
  margin: 0 0 2.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
}

.styles-module-scss-module__5C0dtG__bandInfoView__modalContent .styles-module-scss-module__5C0dtG__bandInfoView__actionButton, .styles-module-scss-module__5C0dtG__bandInfoView__modalContent .styles-module-scss-module__5C0dtG__bandInfoView__leaveButton, .styles-module-scss-module__5C0dtG__bandInfoView__modalContent .styles-module-scss-module__5C0dtG__bandInfoView__closeButton {
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 1rem auto 0;
  padding: .75rem 1.25rem;
  display: inline-flex;
}

.styles-module-scss-module__5C0dtG__bandInfoView__closeButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 12px;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(59, 130, 246, .3), 0 4px 8px rgba(0, 0, 0, .1);
}

.styles-module-scss-module__5C0dtG__bandInfoView__closeButton:before {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .2), rgba(0, 0, 0, 0));
  width: 100%;
  height: 100%;
  transition: left .5s;
  position: absolute;
  top: 0;
  left: -100%;
}

.styles-module-scss-module__5C0dtG__bandInfoView__closeButton:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(59, 130, 246, .4), 0 6px 12px rgba(0, 0, 0, .15);
}

.styles-module-scss-module__5C0dtG__bandInfoView__closeButton:hover:before {
  left: 100%;
}

.styles-module-scss-module__5C0dtG__bandInfoView__closeButton:active {
  transform: translateY(-1px);
}

.styles-module-scss-module__5C0dtG__fadeIn {
  opacity: 1;
  transform: translateY(0);
}

.styles-module-scss-module__5C0dtG__loading {
  color: #1e40af;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.styles-module-scss-module__5C0dtG__loading p {
  font-size: 1rem;
}

.styles-module-scss-module__5C0dtG__spinner {
  border: 4px solid #bfdbfe;
  border-top-color: #1d4ed8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite styles-module-scss-module__5C0dtG__spin;
}

@keyframes styles-module-scss-module__5C0dtG__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 767px) {
  .styles-module-scss-module__5C0dtG__bandInfoView {
    padding: .5rem 0;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__container {
    gap: 1rem;
    max-width: 100%;
    padding: 0 .75rem;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__actions {
    gap: .75rem;
    padding: .75rem 0;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__actionButton {
    padding: .625rem .75rem;
    font-size: .65rem;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__content {
    padding: 0 .5rem;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__modalContent {
    padding: 1.5rem;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__modalContent h3 {
    font-size: 1.5rem;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__modalContent p {
    font-size: 1rem;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__closeButton {
    padding: .875rem 1.5rem;
    font-size: .9rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__5C0dtG__bandInfoView__container {
    max-width: 600px;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__actions {
    gap: 1.25rem;
    max-width: 500px;
    padding: 1rem 0;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__actionButton {
    padding: .875rem 1rem;
    font-size: .75rem;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__content {
    max-width: 500px;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__5C0dtG__bandInfoView__container {
    max-width: 800px;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__actions {
    max-width: 600px;
    padding: 1rem 0;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__actionButton {
    padding: 1rem 1.25rem;
    font-size: .8rem;
  }

  .styles-module-scss-module__5C0dtG__bandInfoView__content {
    max-width: 600px;
  }
}

.styles-module-scss-module__5C0dtG__qrModalBody {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__5C0dtG__qrImage {
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.styles-module-scss-module__5C0dtG__qrButtons {
  justify-content: center;
  width: 100%;
  margin-top: .75rem;
  display: flex;
}

.styles-module-scss-module__5C0dtG__qrNote {
  color: #1e40af;
  margin-top: 1rem;
  font-size: .95rem;
}

@media (min-width: 1024px) {
  .styles-module-scss-module__5C0dtG__bandInfoView__modalContent .styles-module-scss-module__5C0dtG__qrNote {
    display: none !important;
  }
}

/* [project]/src/app/components/band-selector/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__NM-sWa__bandSelector {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.styles-module-scss-module__NM-sWa__bandSelectorHeader {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__bandSelectorHeader h2 {
  color: #1e3a8a;
  border-bottom: 2px solid #1d4ed8;
  margin: 0 0 .5rem;
  padding-bottom: .5rem;
  font-size: 1.75rem;
  font-weight: 700;
  display: inline-block;
}

.styles-module-scss-module__NM-sWa__bandSelectorHeader p {
  color: #1e40af;
  margin: 0 0 .75rem;
  font-size: 1rem;
}

.styles-module-scss-module__NM-sWa__bandSelectorHeader .styles-module-scss-module__NM-sWa__addEventButton {
  margin-top: .25rem;
}

.styles-module-scss-module__NM-sWa__bandSelectorContent {
  opacity: 0;
  background: #fff;
  border-radius: 8px;
  min-height: 400px;
  padding: 2rem;
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
  transform: translateY(4px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1);
}

.styles-module-scss-module__NM-sWa__fadeIn {
  opacity: 1;
  transform: translateY(0);
}

.styles-module-scss-module__NM-sWa__emptyState {
  text-align: center;
  color: #1e40af;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__emptyState .styles-module-scss-module__NM-sWa__emptyIcon {
  color: #60a5fa;
  margin-bottom: 1rem;
}

.styles-module-scss-module__NM-sWa__emptyState h3 {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.styles-module-scss-module__NM-sWa__emptyState p {
  max-width: 400px;
  margin: 0 0 1.5rem;
  font-size: 1rem;
}

.styles-module-scss-module__NM-sWa__createButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__NM-sWa__createButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__NM-sWa__bandsGrid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
  display: grid;
}

@media (max-width: 767px) {
  .styles-module-scss-module__NM-sWa__bandsGrid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.styles-module-scss-module__NM-sWa__actionsBar {
  justify-content: center;
  margin-top: 1.5rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__addEventButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 4px;
  align-items: center;
  gap: .5rem;
  padding: .75rem 2rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__NM-sWa__addEventButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__NM-sWa__addEventButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__NM-sWa__addEventButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.styles-module-scss-module__NM-sWa__bandCard {
  cursor: pointer;
  background: #eff6ff;
  border: 2px solid #bfdbfe;
  border-radius: 8px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
}

.styles-module-scss-module__NM-sWa__bandCard:hover {
  border-color: #1d4ed8;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, .15);
}

.styles-module-scss-module__NM-sWa__bandCard:before {
  content: "";
  opacity: 0;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  height: 4px;
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.styles-module-scss-module__NM-sWa__bandCard:hover:before {
  opacity: 1;
}

.styles-module-scss-module__NM-sWa__bandCardSelected {
  background: rgba(59, 130, 246, .05);
  border-color: #1d4ed8;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .2);
}

.styles-module-scss-module__NM-sWa__bandCardSelected:before {
  opacity: 1;
}

.styles-module-scss-module__NM-sWa__bandIcon {
  text-align: center;
  margin-bottom: 1rem;
}

.styles-module-scss-module__NM-sWa__bandIcon span {
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 1.5rem;
  display: inline-flex;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.styles-module-scss-module__NM-sWa__bandInfo {
  text-align: center;
}

.styles-module-scss-module__NM-sWa__bandInfo .styles-module-scss-module__NM-sWa__bandName {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.styles-module-scss-module__NM-sWa__bandInfo .styles-module-scss-module__NM-sWa__bandCity {
  color: #1e40af;
  margin: 0 0 1rem;
  font-size: 1rem;
}

.styles-module-scss-module__NM-sWa__bandMeta {
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__metaItem {
  color: #1e40af;
  align-items: center;
  gap: .25rem;
  font-size: .875rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__metaItem svg {
  color: #1d4ed8;
}

.styles-module-scss-module__NM-sWa__genresList {
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__genreTag {
  color: #1d4ed8;
  background: rgba(59, 130, 246, .1);
  border: 1px solid rgba(59, 130, 246, .2);
  border-radius: 4px;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 600;
}

.styles-module-scss-module__NM-sWa__selectedIndicator {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  animation: 2s infinite styles-module-scss-module__NM-sWa__pulse;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  box-shadow: 0 2px 8px rgba(59, 130, 246, .3);
}

@keyframes styles-module-scss-module__NM-sWa__pulse {
  0% {
    box-shadow: 0 2px 8px rgba(59, 130, 246, .3);
  }

  50% {
    box-shadow: 0 2px 8px rgba(59, 130, 246, .3), 0 0 0 8px rgba(59, 130, 246, .1);
  }

  100% {
    box-shadow: 0 2px 8px rgba(59, 130, 246, .3);
  }
}

.styles-module-scss-module__NM-sWa__loading {
  color: #1e40af;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  display: flex;
}

.styles-module-scss-module__NM-sWa__loading p {
  margin-top: 1rem;
  font-size: 1rem;
}

.styles-module-scss-module__NM-sWa__spinner {
  border: 4px solid #bfdbfe;
  border-top-color: #1d4ed8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite styles-module-scss-module__NM-sWa__spin;
}

@keyframes styles-module-scss-module__NM-sWa__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 400px) {
  .styles-module-scss-module__NM-sWa__bandSelectorHeader {
    margin-bottom: 1.5rem;
  }

  .styles-module-scss-module__NM-sWa__bandSelectorHeader h2 {
    font-size: 1.5rem;
  }

  .styles-module-scss-module__NM-sWa__bandSelectorContent {
    padding: 1.5rem;
  }

  .styles-module-scss-module__NM-sWa__bandCard {
    padding: 1rem;
  }

  .styles-module-scss-module__NM-sWa__bandName {
    font-size: 1.125rem;
  }

  .styles-module-scss-module__NM-sWa__bandMeta {
    flex-direction: column;
    gap: .5rem;
  }
}

.styles-module-scss-module__NM-sWa__invitationsContainer {
  flex-direction: column;
  gap: .75rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__invitationItem {
  background: #fff;
  border: 1px solid #bfdbfe;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__invitationActions {
  gap: .5rem;
  display: flex;
}

.styles-module-scss-module__NM-sWa__acceptButton {
  color: #fff;
  cursor: pointer;
  background: #1d4ed8;
  border: none;
  border-radius: 4px;
  padding: .4rem .75rem;
  transition: background .2s;
}

.styles-module-scss-module__NM-sWa__acceptButton:hover {
  background: #1e40af;
}

.styles-module-scss-module__NM-sWa__declineButton {
  color: #fff;
  cursor: pointer;
  background: #ef4444;
  border: none;
  border-radius: 4px;
  padding: .4rem .75rem;
  transition: background .2s;
}

.styles-module-scss-module__NM-sWa__declineButton:hover {
  background: #dc2626;
}

@media (max-width: 767px) {
  .styles-module-scss-module__NM-sWa__invitationsContainer {
    margin-bottom: 1rem;
    padding: 0 1rem;
  }

  .styles-module-scss-module__NM-sWa__invitationItem {
    flex-direction: column;
    align-items: flex-start;
    padding: .5rem .75rem;
  }

  .styles-module-scss-module__NM-sWa__invitationActions {
    justify-content: center;
    gap: .5rem;
    width: 100%;
  }

  .styles-module-scss-module__NM-sWa__acceptButton, .styles-module-scss-module__NM-sWa__declineButton {
    margin-top: .5rem;
    padding: .5rem .75rem;
    font-size: .85rem;
  }
}

/* [project]/src/app/components/band-selector-card/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__9w1R5W__bandSelectorCard {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 1.5rem 0;
  display: flex;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__deleteButton {
  color: #1e3a8a;
  cursor: pointer;
  background: rgba(255, 255, 255, .85);
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  line-height: 0;
  transition: background .15s, transform .12s, box-shadow .15s;
  display: inline-flex;
  position: absolute;
  top: .5rem;
  right: .5rem;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .06);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__deleteButton span.styles-module-scss-module__9w1R5W__material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20;
  color: #1e3a8a;
  font-size: 1rem;
  transition: color .12s;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__deleteButton:hover:not(:disabled) {
  background: #ef4444;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(239, 68, 68, .18);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__deleteButton:hover:not(:disabled) span.styles-module-scss-module__9w1R5W__material-symbols-outlined {
  color: #fff;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__deleteButton:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, .12);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__deleteButton:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__container {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, .9);
  border: 2px solid #93c5fd;
  border-radius: 16px;
  width: 100%;
  max-width: 380px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, .15), 0 8px 16px -4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__container:hover {
  border-color: #1d4ed8;
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -8px rgba(0, 0, 0, .2), 0 12px 24px -4px rgba(0, 0, 0, .15), 0 0 0 1px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__name {
  text-align: center;
  color: #1e3a8a;
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__name:after {
  content: "";
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: 2px;
  width: 3rem;
  height: 3px;
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__infoSection {
  background: rgba(59, 130, 246, .05);
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  flex-direction: column;
  gap: .5rem;
  margin: 1rem 0;
  padding: .75rem 1rem;
  display: flex;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__infoRow {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__infoItem {
  color: #1e40af;
  font-weight: 600;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__infoItem p {
  margin: 0;
  font-size: .875rem;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__actionContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 44px;
  margin-top: 1rem;
  display: flex;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__actionButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  border-radius: 12px;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__actionButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, .4);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__actionButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__actionButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__icon {
  color: #fff;
  width: .875rem;
  height: .875rem;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__selectedContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__9w1R5W__bandSelectorCard__selectedLabel {
  color: #047857;
  background: rgba(4, 120, 87, .06);
  border: 2px solid rgba(4, 120, 87, .35);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

@media (max-width: 767px) {
  .styles-module-scss-module__9w1R5W__bandSelectorCard__container {
    max-width: 320px;
    padding: 1rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__name {
    font-size: 1.125rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__infoSection {
    gap: .5rem;
    padding: .75rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__infoRow, .styles-module-scss-module__9w1R5W__bandSelectorCard__infoItem p {
    font-size: .8rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__actionButton {
    padding: .625rem 1.25rem;
    font-size: .8rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__icon {
    width: .75rem;
    height: .75rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__9w1R5W__bandSelectorCard__container {
    max-width: 400px;
    padding: 1.25rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__name {
    font-size: 1.25rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__infoSection {
    gap: .75rem;
    padding: 1rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__infoRow, .styles-module-scss-module__9w1R5W__bandSelectorCard__infoItem p {
    font-size: .875rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__actionButton {
    padding: .75rem 1.5rem;
    font-size: .875rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__icon {
    width: .875rem;
    height: .875rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__9w1R5W__bandSelectorCard__container {
    max-width: 100%;
    padding: 1.5rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__name {
    font-size: 1.375rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__infoSection {
    gap: 1rem;
    padding: 1.25rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__infoRow, .styles-module-scss-module__9w1R5W__bandSelectorCard__infoItem p {
    font-size: .9rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__actionButton {
    padding: .875rem 1.75rem;
    font-size: .9rem;
  }

  .styles-module-scss-module__9w1R5W__bandSelectorCard__icon {
    width: 1rem;
    height: 1rem;
  }
}

/* [project]/src/app/components/tabs/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__gN6y_q__tabs {
  z-index: 100;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, .95);
  border-top: 1px solid #bfdbfe;
  justify-content: space-around;
  align-items: center;
  height: 5rem;
  padding: .5rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -2px 8px -2px rgba(59, 130, 246, .1);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__gN6y_q__tabs {
    height: 4rem;
    padding: .25rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__gN6y_q__tabs {
    z-index: 200;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .95);
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    max-width: 500px;
    height: 4.5rem;
    margin: 0 auto;
    padding: .5rem 1rem;
    position: fixed;
    bottom: 1rem;
    left: 0;
    right: 0;
    box-shadow: 0 8px 24px rgba(59, 130, 246, .1);
  }
}

.styles-module-scss-module__gN6y_q__tab {
  cursor: pointer;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 0;
  min-width: 3rem;
  height: 100%;
  padding: 0;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__gN6y_q__tab:hover {
  transform: translateY(-1px);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__gN6y_q__tab {
    gap: 0;
    min-width: 2.5rem;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__gN6y_q__tab {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    gap: 0;
    min-width: auto;
    padding: .75rem 1rem;
  }

  .styles-module-scss-module__gN6y_q__tab:hover {
    background: none;
    transform: translateY(-2px);
  }
}

.styles-module-scss-module__gN6y_q__tabActive {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: 4px;
}

.styles-module-scss-module__gN6y_q__tabActive:hover {
  transform: translateY(-1px);
}

@media (min-width: 1024px) {
  .styles-module-scss-module__gN6y_q__tabActive {
    color: #fff;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(59, 130, 246, .3);
  }

  .styles-module-scss-module__gN6y_q__tabActive:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    transform: translateY(-2px);
  }
}

.styles-module-scss-module__gN6y_q__tabIcon {
  color: #1e40af;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.styles-module-scss-module__gN6y_q__tabActive .styles-module-scss-module__gN6y_q__tabIcon {
  color: #fff;
}

@media (min-width: 1024px) {
  .styles-module-scss-module__gN6y_q__tabActive .styles-module-scss-module__gN6y_q__tabIcon {
    color: #fff;
  }
}

.styles-module-scss-module__gN6y_q__tabIcon svg {
  width: 2rem;
  height: 2rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__gN6y_q__tabIcon svg {
    width: 1.75rem;
    height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__gN6y_q__tabIcon svg {
    width: 1.75rem;
    height: 1.75rem;
  }
}

.styles-module-scss-module__gN6y_q__tabIcon .styles-module-scss-module__gN6y_q__material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  justify-content: center;
  align-items: center;
  font-size: 2.25rem;
  line-height: 2.25rem;
  display: inline-flex;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module__gN6y_q__tabIcon .styles-module-scss-module__gN6y_q__material-symbols-outlined {
    font-size: 2rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module__gN6y_q__tabIcon .styles-module-scss-module__gN6y_q__material-symbols-outlined {
    font-size: 2rem;
    line-height: 2rem;
  }
}

@media (max-width: 400px) {
  .styles-module-scss-module__gN6y_q__tabs {
    height: 4.5rem;
    padding: .25rem;
  }

  .styles-module-scss-module__gN6y_q__tab {
    gap: .25rem;
    min-width: 2.5rem;
    padding: .25rem;
  }

  .styles-module-scss-module__gN6y_q__tabIcon svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .styles-module-scss-module__gN6y_q__tabLabel {
    font-size: .625rem;
  }
}

/* [project]/src/app/home/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module___lrgDq__homePage {
  background: #fff;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 5rem;
  display: flex;
}

@media (min-width: 1024px) {
  .styles-module-scss-module___lrgDq__homePage {
    padding-bottom: 0;
  }
}

.styles-module-scss-module___lrgDq__homePage__header {
  z-index: 50;
  background: #fff;
  border-bottom: 1px solid #bfdbfe;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5rem;
  padding: 0 1.5rem;
  display: flex;
  position: fixed;
  top: 0;
  box-shadow: 0 2px 8px -2px rgba(59, 130, 246, .1);
}

.styles-module-scss-module___lrgDq__homePage__logoContainer {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.styles-module-scss-module___lrgDq__homePage__logo {
  cursor: pointer;
  width: 5rem;
  height: 5rem;
  transition: transform .3s;
}

.styles-module-scss-module___lrgDq__homePage__logo:hover {
  transform: scale(1.05);
}

.styles-module-scss-module___lrgDq__homePage__content {
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 1200px;
  margin: 5rem auto 0;
  padding: 1rem;
}

@media (min-width: 1024px) {
  .styles-module-scss-module___lrgDq__homePage__content {
    padding: 2rem;
  }
}

.styles-module-scss-module___lrgDq__selectedBand {
  text-align: center;
  margin-top: .5rem;
}

.styles-module-scss-module___lrgDq__selectedBand span {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: 4px;
  padding: .25rem .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.styles-module-scss-module___lrgDq__calendarContent, .styles-module-scss-module___lrgDq__queriesContent, .styles-module-scss-module___lrgDq__bandInfoContent, .styles-module-scss-module___lrgDq__profileContent {
  background: #fff;
  border-radius: 8px;
  min-height: 400px;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .1);
}

.styles-module-scss-module___lrgDq__calendarContent h2, .styles-module-scss-module___lrgDq__queriesContent h2, .styles-module-scss-module___lrgDq__bandInfoContent h2, .styles-module-scss-module___lrgDq__profileContent h2 {
  color: #1e3a8a;
  border-bottom: 2px solid #1d4ed8;
  margin: 0 0 1rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.styles-module-scss-module___lrgDq__calendarContent p, .styles-module-scss-module___lrgDq__queriesContent p, .styles-module-scss-module___lrgDq__bandInfoContent p, .styles-module-scss-module___lrgDq__profileContent p {
  color: #1e40af;
  font-size: 1rem;
  line-height: 1.6;
}

.styles-module-scss-module___lrgDq__bandSelector {
  gap: 1rem;
  margin-top: 1rem;
  display: grid;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .styles-module-scss-module___lrgDq__bandSelector {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .styles-module-scss-module___lrgDq__bandSelector {
    grid-template-columns: repeat(3, 1fr);
  }
}

.styles-module-scss-module___lrgDq__bandOption {
  cursor: pointer;
  text-align: center;
  background: #eff6ff;
  border: 2px solid #bfdbfe;
  border-radius: 8px;
  padding: 1.5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.styles-module-scss-module___lrgDq__bandOption:hover {
  border-color: #1d4ed8;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, .15);
}

.styles-module-scss-module___lrgDq__bandOption h3 {
  color: #1e3a8a;
  margin: 0 0 .5rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.styles-module-scss-module___lrgDq__bandOption p {
  color: #1e40af;
  margin: 0;
  font-size: .875rem;
}

.styles-module-scss-module___lrgDq__bandOptionSelected {
  background: rgba(59, 130, 246, .05);
  border-color: #1d4ed8;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .2);
}

.styles-module-scss-module___lrgDq__bandOptionSelected h3 {
  color: #1d4ed8;
}

.styles-module-scss-module___lrgDq__loading {
  background: #eff6ff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.styles-module-scss-module___lrgDq__loading p {
  color: #1e40af;
  margin-top: 1rem;
  font-size: 1rem;
}

.styles-module-scss-module___lrgDq__spinner {
  border: 4px solid #bfdbfe;
  border-top-color: #1d4ed8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite styles-module-scss-module___lrgDq__spin;
}

@keyframes styles-module-scss-module___lrgDq__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 400px) {
  .styles-module-scss-module___lrgDq__header {
    padding: .75rem;
  }

  .styles-module-scss-module___lrgDq__header h1 {
    font-size: 1.25rem;
  }

  .styles-module-scss-module___lrgDq__content {
    padding: .75rem;
  }

  .styles-module-scss-module___lrgDq__calendarContent, .styles-module-scss-module___lrgDq__queriesContent, .styles-module-scss-module___lrgDq__bandInfoContent, .styles-module-scss-module___lrgDq__profileContent {
    padding: 1.5rem;
  }

  .styles-module-scss-module___lrgDq__calendarContent h2, .styles-module-scss-module___lrgDq__queriesContent h2, .styles-module-scss-module___lrgDq__bandInfoContent h2, .styles-module-scss-module___lrgDq__profileContent h2 {
    font-size: 1.25rem;
  }

  .styles-module-scss-module___lrgDq__bandOption {
    padding: 1rem;
  }

  .styles-module-scss-module___lrgDq__bandOption h3 {
    font-size: 1rem;
  }
}

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