.rtumcyXY17GRRr0oIS8g,
.AyDTH9Xq_h6aHM8NHSDq {
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.rtumcyXY17GRRr0oIS8g {
  background: #0073aa;
  color: #fff;
}

.rtumcyXY17GRRr0oIS8g:hover:not(:disabled) {
  background: #005a87;
}

.rtumcyXY17GRRr0oIS8g:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.AyDTH9Xq_h6aHM8NHSDq {
  background: #f0f0f0;
  color: #333;
}

.AyDTH9Xq_h6aHM8NHSDq:hover:not(:disabled) {
  background: #e0e0e0;
}

.AyDTH9Xq_h6aHM8NHSDq:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}


.c5AZ9pCDrtuCMcIPZ5cU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  width: 100%;
  gap: 20px;
}

.S3Y8Cdv9CsfQ39AfgSqQ {
  width: 50px;
  height: 50px;
  border: 4px solid var(--color-border-light, #e0e0e0);
  border-top-color: var(--color-primary, #11365A);
  border-radius: 50%;
  animation: dEJnkJfCYOhEaqkHUhOm 1s linear infinite;
}

.C0jdtyjaz1ldHRF19Id5 {
  color: var(--color-text-secondary, #666);
  font-size: 16px;
  font-weight: 500;
}

@keyframes dEJnkJfCYOhEaqkHUhOm {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.vCiMdNpqPefaN7tTsjgV {
  background: #ffe6e6;
  color: #d32f2f;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.D3LRrMFbpINW7Xhu2BFb {
  padding: 8px 16px;
  font-size: 14px;
}


.adpbIDPcyOnOTlfjlwuR {
  padding: 20px;
  border: 2px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
  background: #fff;
}

.adpbIDPcyOnOTlfjlwuR:hover {
  border-color: #0073aa;
  background: #f0f8ff;
}

.adpbIDPcyOnOTlfjlwuR.eaQcyhkM2213eNh0Dzil {
  border-color: #0073aa;
  background: #0073aa;
  color: #fff;
}


.Z28ngo4Fe9ocsuSYYzsl {
  position: relative;
  width: 100%;
}

.EcDV7uMi0P_XMuk6kJEU {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.loD4FfJ6xIvMbFwD8qF7 {
  position: relative;
  width: 100%;
}

.M6l8Jm79jgSYX6RMLNvX {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--color-text-secondary, #666);
  pointer-events: none;
  z-index: 2;
}

.sM3UMOQwXYbnXcING6Em {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text-secondary, #999);
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background: var(--color-background-white, #ffffff);
  padding: 0 4px;
  white-space: nowrap;
  z-index: 1;
  line-height: 1;
}

.hZU6aZuPMEM6xIlMlQNc {
  top: 0;
  left: 12px;
  transform: translateY(-50%) scale(0.75);
  transform-origin: left top;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
  background: var(--color-background-white, #ffffff);
}

.u3GbKQCSj7pIbPsB3vAm {
  color: var(--color-primary, #11365A);
}

.CIHrBHjPJwQy184CVU8k {
  width: 100%;
  padding: 16px;
  padding-right: 48px;
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-family: inherit;
  color: var(--color-text-primary, #1a1a1a);
  box-sizing: border-box;
  transition: all 0.2s ease;
  outline: none;
}

.CIHrBHjPJwQy184CVU8k::placeholder {
  color: transparent;
}

.CIHrBHjPJwQy184CVU8k:focus {
  outline: none;
  border-color: var(--color-primary, #11365A);
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.1);
}

.CIHrBHjPJwQy184CVU8k:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.ulUS9B2PrvyJNQHjFI54 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
  margin-bottom: 8px;
  display: block;
}

.ifFBmRR4aSHXEQwbN9b4 {
  min-height: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.ifFBmRR4aSHXEQwbN9b4 .loadingContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: auto;
  padding: 0;
}

.ifFBmRR4aSHXEQwbN9b4 .spinner {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

.ifFBmRR4aSHXEQwbN9b4 .message {
  font-size: 12px;
  color: var(--color-text-secondary, #666);
  margin: 0;
}

.GFy6ACVu1T1hRqqrr2Fu {
  min-height: 0;
}

.qYn8QTz6OZzbIAoxbWdw {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: var(--color-background-white, #ffffff);
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
}

.lDZnEqPa5LkpNEeR4dcA {
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.lDZnEqPa5LkpNEeR4dcA:hover {
  background-color: var(--color-background-light, #fafafa);
}

.lDZnEqPa5LkpNEeR4dcA.jySFpXWIna3M43cES9cn {
  background-color: var(--color-primary, #fafafa);
  color: var(--color-text-light, #11365A);
}

.fuz8CaHSK4CvYVSlMMKQ {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fuz8CaHSK4CvYVSlMMKQ strong {
  font-size: 16px;
}

.e4yEHvHWQMBZFPuPHqMJ {
  font-size: 14px;
}

.hFrhU1XgHmo1VNlyV_ap {
  border-top: 1px solid var(--color-border-light, #e0e0e0);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  font-weight: 500;
  font-size: 16px;
  color: var(--color-primary, #11365A);
  background: var(--color-background-white, #ffffff);
  transition: all 0.2s ease;
}

.hFrhU1XgHmo1VNlyV_ap:hover {
  background-color: var(--color-background-light, #fafafa);
  color: var(--color-primary-dark, #0d2a47);
}

.JFGxrS4OAUpEuMpPAu6G {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.MiZzK8ZROpjBdSLYczNC {
  padding: 12px 16px;
  color: #666;
  font-style: italic;
  text-align: center;
}


.GVX56MxPKW9BYUI6Zc9w {
  display: flex;
  gap: 16px;
}

.zuyNYo6oYLz_GZ7ZzY1C {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 16px;
  border: 2px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 16px;
  min-height: 140px;
  box-sizing: border-box;
}

.zuyNYo6oYLz_GZ7ZzY1C:hover:not(:disabled) {
  border-color: var(--color-primary, #11365A);
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.1);
}

.zuyNYo6oYLz_GZ7ZzY1C:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.zuyNYo6oYLz_GZ7ZzY1C.E7SJuETuHyBd7TTkA1rB {
  border-color: var(--color-primary, #11365A);
  background-color: var(--color-background-light, #fafafa);
}

._WHIhUWdpkAE5A0KWokQ {
  display: inline-flex;
  font-size: 48px;
  line-height: 1;
}

._WHIhUWdpkAE5A0KWokQ svg {
  display: inline-block;
  width: 54px;
  aspect-ratio: 1 / 1;
}

.JhmJsGm21SGpNmCSvmQK {
  font-weight: 500;
  color: var(--color-text-primary, #1a1a1a);
  font-size: 16px;
}

.zuyNYo6oYLz_GZ7ZzY1C.E7SJuETuHyBd7TTkA1rB .JhmJsGm21SGpNmCSvmQK {
  color: var(--color-primary, #11365A);
}


.tSh0A7fBHtX0C05KpI7P {
  position: relative;
  width: 100%;
}

.tSh0A7fBHtX0C05KpI7P.C6sYLv45t8YQZv5r_6Q5::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--color-text-secondary, #666);
  pointer-events: none;
  z-index: 1;
}

.grHht1iG5hxmJCH7jKkS {
  width: 100%;
  padding: 16px;
  padding-right: 48px;
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-family: inherit;
  color: var(--color-text-primary, #1a1a1a);
  box-sizing: border-box;
  transition: all 0.2s ease;
  outline: none;
}

.grHht1iG5hxmJCH7jKkS::placeholder {
  color: var(--color-text-secondary, #999);
}

.grHht1iG5hxmJCH7jKkS:focus {
  outline: none;
  border-color: var(--color-primary, #11365A);
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.1);
}

.Ed6XlzUaySoefsoRgZqw {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: var(--color-background-white, #ffffff);
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
}

.pJnGe1FkdHJ8ZGqdfqmS {
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-size: 16px;
  color: var(--color-text-primary, #1a1a1a);
}

.pJnGe1FkdHJ8ZGqdfqmS:hover {
  background-color: var(--color-background-light, #fafafa);
}


.iQVN3Ytc9z0wuf7igGkb {
  height: var(--progress-height);
}

._vzgi8EKEOfG9WUUdzah {
  height: 100%;
  background-color: var(--color-primary);
  transition: width 0.3s linear;
}
.a2Vwph8Tox0woLcZL2VM {
  background-color: var(--color-background-white, #ffffff);
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  padding: 20px 24px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  margin-bottom: 2px;
  width: 100%;
  color: var(--color-text-primary, #1a1a1a);

  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.a2Vwph8Tox0woLcZL2VM:hover {
  background-color: #f0f0f0;
}

.a2Vwph8Tox0woLcZL2VM.Wi9PKADTy8kVt4GkTd4j {
  border-color: var(--color-primary, #4a90e2);
  background-color: var(--color-background-selected, #4a90e2);
}


.RGqppqWUdV0PeojXrEiX {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light, #e0e0e0);
  margin-bottom: 24px;
}

.uP9ZBVvJCZL6D6uQ3VQq {
  background: none;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
}

.uP9ZBVvJCZL6D6uQ3VQq:hover {
  color: var(--color-text-primary, #1a1a1a);
}

.uP9ZBVvJCZL6D6uQ3VQq.vVPhi7HS3RjZQpgaQuTj {
  color: var(--color-primary, #11365A);
  border-bottom-color: var(--color-primary, #11365A);
}


.WxQl3B4XQmpt_T62ewAO {
  width: 100%;
  height: 100%;
  position: relative;
}

.VnU6zNSNKC0qWdQQYxEx {
  width: 100%;
  height: 100%;
  min-height: 600px;
}

.L_EVC9N4cDRArunjo1z6 {
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-background-light, #fafafa);
  color: var(--color-text-secondary, #666);
}


.NPNV_RgsJRkAd5RRdSq9 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wkZ6xoEJgUcjeNoQ36lU {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
}

.nWQzye6slgCAkeoPA5sC {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VZEH0lQmxlAbe5PbxJqw {
  position: relative;
}

.I4Fp6s1zlU2i7xaLPqUW {
  width: 100%;
  padding: 12px 16px;
  border: none;
  border-bottom: 2px solid var(--color-primary, #11365A);
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-primary, #11365A);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

/* .selectButton:hover {
  border-bottom-color: var(--secondary-color, #ff4d4d);
}

.selectButton:focus {
  outline: none;
  border-bottom-color: var(--secondary-color, #ff4d4d);
} */

.h1XmajHiIR1m3iSwOE1B {
  flex: 1;
}

.n98euPFq_rDzd1nOJd9_ {
  color: var(--color-secondary, #11365A);
  flex-shrink: 0;
  margin-left: 8px;
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}

.u563_npScSUX5rBLuhgp {
  transform: rotate(270deg);
}

.Ahp0D3My4_CQnODT5C7R {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--color-background-white, #ffffff);
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  margin-top: 4px;
  max-height: 300px;
  display: flex;
  flex-direction: column;
}

.WnNqa2LpxX73r60iBxgq {
  width: 100%;
  padding: 12px 16px;
  border: none;
  border-bottom: 1px solid var(--color-border-light, #e0e0e0);
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}

.WnNqa2LpxX73r60iBxgq:focus {
  border-bottom-color: var(--color-primary, #11365A);
}

.RkkwY9qmXjWnAbuEMBBN {
  max-height: 250px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.D40PcgMI0aY0Q1OAf9QO {
  padding: 12px 16px;
  border: none;
  background: transparent;
  text-align: left;
  font-size: 14px;
  color: var(--color-text-primary, #1a1a1a);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.D40PcgMI0aY0Q1OAf9QO:hover {
  background-color: var(--color-background-light, #fafafa);
}

.D40PcgMI0aY0Q1OAf9QO._Misk23rPUr_yg1Gu9SC {
  background-color: var(--color-primary, #11365A);
  color: var(--color-background-white, #ffffff);
}

.rAx4n8p6r670k9nD0o5P {
  padding: 12px 16px;
  text-align: center;
  color: var(--color-text-secondary, #666);
  font-size: 14px;
}

.jPTmiHyYk37f8Lh85TGg {
  min-height: 0;
}
.kyFV_gk24Lghntm2rK8W {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.JDPLAS_mujfA1A_sQWgU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.Lq1MgZzsgReMWx0w8MYc {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
}

.tQbLVvWt5O8e7EKezip3 {
  background: var(--color-background-white, #ffffff);
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-text-primary, #1a1a1a);
  transition: all 0.2s ease;
}

.tQbLVvWt5O8e7EKezip3:hover:not(:disabled) {
  background: var(--color-background-light, #fafafa);
  border-color: var(--color-primary, #11365A);
}

.tQbLVvWt5O8e7EKezip3:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.osZuQbBiRSAtRjwIP_IL {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  position: relative;
}

.m4CvJcfSpTtW10DqHZJJ {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
}

.Q0L6gpiJBPVBoe9160QZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 8px;
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 60px;
  position: relative;
}

.Q0L6gpiJBPVBoe9160QZ:hover:not(:disabled) {
  border-color: var(--color-primary, #11365A);
  background: var(--color-background-light, #fafafa);
}

.Q0L6gpiJBPVBoe9160QZ.OBHmMSleTydme5h_cjJI.OBHmMSleTydme5h_cjJI {
  background: var(--color-primary, #11365A);
  border-color: var(--color-primary, #11365A);
  color: var(--color-background-white, #ffffff);
  position: relative;
}

.Q0L6gpiJBPVBoe9160QZ.ZbuTXtkUJU3RpsR4U_oj {
  opacity: 0.3;
  cursor: not-allowed;
  background: transparent;
}

.Q0L6gpiJBPVBoe9160QZ.try_1JRiwDIBisaCmEl8:not(.OBHmMSleTydme5h_cjJI):not(.ZbuTXtkUJU3RpsR4U_oj) {
  color: var(--color-primary, #11365A);
  font-weight: 600;
  position: relative;
}

.Q0L6gpiJBPVBoe9160QZ.try_1JRiwDIBisaCmEl8:not(.OBHmMSleTydme5h_cjJI):not(.ZbuTXtkUJU3RpsR4U_oj)::after {
  content: '';
  position: absolute;
  bottom: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentColor;
}

.Q0L6gpiJBPVBoe9160QZ.try_1JRiwDIBisaCmEl8.OBHmMSleTydme5h_cjJI:not(.ZbuTXtkUJU3RpsR4U_oj)::after {
  content: '';
  position: absolute;
  bottom: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--color-background-white, #ffffff);
}

.sXipts_pdW_OQTAnWaoz {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}

.WH5TovvEwZbT9h4C68wP {
  font-size: 16px;
  font-weight: 500;
}

.Q0L6gpiJBPVBoe9160QZ.OBHmMSleTydme5h_cjJI .sXipts_pdW_OQTAnWaoz,
.Q0L6gpiJBPVBoe9160QZ.OBHmMSleTydme5h_cjJI .WH5TovvEwZbT9h4C68wP {
  color: var(--color-background-white, #ffffff);
}

.PaCTGAOVHVrpKnw8ookp {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.hubSJZGOfwJC4DqPqTaQ {
  position: relative;
  width: 100%;
}

.xVn4UvXSS7hczkLI7RsV.xVn4UvXSS7hczkLI7RsV {
  width: 100%;
  padding: 16px;
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-family: inherit;
  color: var(--color-text-primary, #1a1a1a);
  box-sizing: border-box;
  transition: all 0.2s ease;
  outline: none;
}

.xVn4UvXSS7hczkLI7RsV.xVn4UvXSS7hczkLI7RsV::placeholder {
  color: transparent;
}

.xVn4UvXSS7hczkLI7RsV.xVn4UvXSS7hczkLI7RsV:focus {
  border-color: var(--color-primary, #11365A);
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.1);
}

.H7EscViLLNKapZqbk6E2 {
  border-color: #d63638;
}

.H7EscViLLNKapZqbk6E2:focus {
  border-color: #d63638;
  box-shadow: 0 0 0 3px rgba(214, 54, 56, 0.1);
}

.DVgVPDaCdbvf9Tv_EIuL {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text-secondary, #999);
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background: var(--color-background-white, #ffffff);
  padding: 0 4px;
  white-space: nowrap;
  z-index: 1;
  line-height: 1;
}

.fyCc9k3_ygm46A99KGVB {
  top: 0;
  left: 12px;
  transform: translateY(-50%) scale(0.75);
  transform-origin: left top;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
  background: var(--color-background-white, #ffffff);
}

.IFs1takWMuQQ_v9TcGyx {
  color: var(--color-primary, #11365A);
}

.CO_IU44Z5KylYqu7ovvN {
  color: inherit;
}

.SuVoGgkllx_1r0pBaB_w {
  font-size: 14px;
  color: #d63638;
  margin: 0;
  padding-left: 4px;
}


._8LFE1pcLqVFz9CqbTLvO {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.XwjiYmFci8btI23F4E3W {
  position: relative;
  width: 100%;
}

.QiGMoPvhemfmz16eqcTm {
  width: 100%;
  padding: 16px;
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-family: inherit;
  color: var(--color-text-primary, #1a1a1a);
  box-sizing: border-box;
  transition: all 0.2s ease;
  outline: none;
  resize: none;
  min-height: 120px;
  line-height: 1.5;
}

.QiGMoPvhemfmz16eqcTm::placeholder {
  color: transparent;
}

.QiGMoPvhemfmz16eqcTm:focus {
  border-color: var(--color-primary, #11365A);
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.1);
}

.KTwb5lNoLLRE36MxaCPD {
  border-color: #d63638;
}

.KTwb5lNoLLRE36MxaCPD:focus {
  border-color: #d63638;
  box-shadow: 0 0 0 3px rgba(214, 54, 56, 0.1);
}

.KZSJFhvT8enlrpDRCzL9 {
  position: absolute;
  left: 16px;
  top: 16px;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text-secondary, #999);
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background: var(--color-background-white, #ffffff);
  padding: 0 4px;
  white-space: nowrap;
  z-index: 1;
  line-height: 1;
  transform-origin: left top;
}

.rcGiibA35QK3PjBut_mI {
  top: 0;
  left: 12px;
  transform: translateY(-50%) scale(0.75);
  transform-origin: left top;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
  background: var(--color-background-white, #ffffff);
}

.vU4mRbTcF0Uvzw3_oOxI {
  color: var(--color-primary, #11365A);
}

.XG13KRh8iyurUA57mpi_ {
  color: inherit;
}

.QuJ8K9ol27zFUCLh7Qzg {
  font-size: 14px;
  color: #d63638;
  margin: 0;
  padding-left: 4px;
}

.XUNUxKnoaXyNRmssXpRl {
  font-size: 12px;
  color: var(--color-text-secondary, #666);
  margin: 0;
  padding-left: 4px;
  text-align: right;
}


.S_PDDzDfrRrncLx4O7hQ {
    max-width: 1400px;
    margin: 0 auto;
}

.iHeqT_M3QLrc0Jy9VNCY {
    display: grid;
    grid-template-columns: 1fr min-content 1fr;
    align-items: center;
    border-bottom: 1px solid #f4d7c6;
    height: var(--nav-height);
}

.OwEnFa1zBbcTL63apA0l {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.RZprhGhhs8Kajd5A9cjZ {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary, #666);
    transition: color 0.2s ease;
}

.RZprhGhhs8Kajd5A9cjZ:hover {
    color: var(--color-primary, #11365A);
}

.YSQVykUo7q7Kqs6UorvK {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.UFb7RPZSzS3KIj5ECebP {
    max-height: 50px;
    width: auto;
    max-width: unset;
}

@media (max-width: 768px) {
    .UFb7RPZSzS3KIj5ECebP {
        max-height: 40px;
    }
}

@media (max-width: 400px) {
    .UFb7RPZSzS3KIj5ECebP {
        max-height: 30px;
    }
}
.KgHVSFYNeoyLRSRe3ZpL {
  width: 100%;
  padding: 0;
}

.Nz2xzbVBt4uYVtv4ddDA {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  gap: 0;
}

.qyCZEoerKlr8LrKGOMfe {
  padding: 60px 40px;
  display: flex;
  flex-direction: column;
}

.nI_KXx7KmU2884Rx3LQ2 {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 40px 0;
  letter-spacing: -0.5px;
}

.WU3KrcvcmD27SASx1EBh {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.y5q1953t32xqHnqIdabb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.viFzyULGwo_f__UnZS4H {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vWALXnzcjQmI3exAyqIY {
  font-size: 18px;
  font-weight: 500;
}

.EJkh9DjVNW__Wg5WcvYX {
  font-size: 14px;
  font-weight: 400;
}

.Xf0vkuL8Lt090CalbvDN {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Styles when item is selected */
.selectableItem.selected .vWALXnzcjQmI3exAyqIY {
  color: var(--color-background-white, #ffffff);
}

.selectableItem.selected .EJkh9DjVNW__Wg5WcvYX {
  color: rgba(255, 255, 255, 0.9);
}

.selectableItem.selected .Xf0vkuL8Lt090CalbvDN {
  color: var(--color-background-white, #ffffff);
}

.p57WfTEAJtVRb1iMcHQ7 {
  background-color: var(--color-background-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.at2eKZMaNOeqeR3k88GZ {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.N_KBaUC728mdHRgINOFE {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Mobile styles - hide right panel */
@media (max-width: 768px) {
  .Nz2xzbVBt4uYVtv4ddDA {
    grid-template-columns: 1fr;
  }

  .p57WfTEAJtVRb1iMcHQ7 {
    display: none;
  }

  .qyCZEoerKlr8LrKGOMfe {
    padding: 40px 24px;
    min-height: auto;
  }

  .nI_KXx7KmU2884Rx3LQ2 {
    font-size: 28px;
    margin-bottom: 32px;
  }
}


.OgSXk6ad0zmK5T0bSUBz {
  width: 100%;
  padding: 0;
}

.w6DRwGHPdAAGsKKoat8U {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  gap: 0;
}

.fC2HfuvBrm8s7AoayNd5 {
  padding: 60px 40px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.maWcwqnV_oYWcECqbIt5 {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 40px 0;
  letter-spacing: -0.5px;
}

.LelZsAaaGkdRkOgT30RD {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.c_kJgJmXE8ZEQPO2NvWg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.LKr_io6oKWGq0zloDJEh {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.Z6bM9_pW4TaZLAV4xuLP {
  font-size: 18px;
  font-weight: 500;
}

.uOsWohcnTz66KEJW3y7m {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text-secondary, #666);
}

.DnRDt3mwsbGskLqUgK5Q {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Styles when item is selected */
.selectableItem.selected .Z6bM9_pW4TaZLAV4xuLP {
  color: var(--color-background-white, #ffffff);
}

.selectableItem.selected .uOsWohcnTz66KEJW3y7m {
  color: rgba(255, 255, 255, 0.9);
}

.selectableItem.selected .DnRDt3mwsbGskLqUgK5Q {
  color: var(--color-background-white, #ffffff);
}

.NPvH1h58goHxVP2URBiO {
  background-color: var(--color-background-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.DbadAFVt5SyROKfax6Ox {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arQtfIIQHYRDZdfU9yq5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.VcPs1MigyD7nGKjvo56D {
  display: none;
}

/* Mobile styles - hide right panel, show map in left panel */
@media (max-width: 768px) {
  .w6DRwGHPdAAGsKKoat8U {
    grid-template-columns: 1fr;
  }

  .NPvH1h58goHxVP2URBiO {
    display: none;
  }

  .VcPs1MigyD7nGKjvo56D {
    display: block;
    width: 100%;
    min-height: 400px;
  }

  .fC2HfuvBrm8s7AoayNd5 {
    padding: 40px 24px;
    min-height: auto;
}

  .maWcwqnV_oYWcECqbIt5 {
    font-size: 28px;
    margin-bottom: 32px;
  }
}

.r_2dA54JBUL0B5PChfDe {
  width: 100%;
  padding: 0;
}

.QT0P1Db4800VgUdRqv2X {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  gap: 0;
}

.n7FI5fFvJYP1extURoXj {
  padding: 60px 40px;
  display: flex;
  flex-direction: column;
}

.LcHEG1KnNwiU1Yt6Cnqf {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 40px 0;
  letter-spacing: -0.5px;
}

.tvTzOGt0fgX8sR68Ahpb {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.kJlE71AaqMMSnXxIDWQw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.Y2Hnr147TCzDd3d3yp7a {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.gRAqNCcltTLtxGLTMsjH {
  font-size: 18px;
  font-weight: 500;
}

.iV0mb3ZTLv8M4nTg95Wu {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text-secondary, #666);
}

.Kbb4UNTXLlcyzzP7PGmI {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-text-secondary, #666);
  font-style: italic;
  margin-top: 4px;
}

._j0R2lYT_5M7yZSd0SVV {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Styles when item is selected */
.selectableItem.selected .gRAqNCcltTLtxGLTMsjH {
  color: var(--color-background-white, #ffffff);
}

.selectableItem.selected .iV0mb3ZTLv8M4nTg95Wu {
  color: rgba(255, 255, 255, 0.9);
}

.selectableItem.selected .Kbb4UNTXLlcyzzP7PGmI {
  color: rgba(255, 255, 255, 0.8);
}

.selectableItem.selected ._j0R2lYT_5M7yZSd0SVV {
  color: var(--color-background-white, #ffffff);
}

.tVIfY9WPXZPJA9UkWuuE {
  background-color: var(--color-background-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.EE1U7HA30ubvKTKbomC4 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.XsrnDwxdrcRN_71VEpGK {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Mobile styles - hide right panel */
@media (max-width: 768px) {
  .QT0P1Db4800VgUdRqv2X {
    grid-template-columns: 1fr;
}

  .tVIfY9WPXZPJA9UkWuuE {
    display: none;
}

  .n7FI5fFvJYP1extURoXj {
    padding: 40px 24px;
    min-height: auto;
}

  .LcHEG1KnNwiU1Yt6Cnqf {
    font-size: 28px;
    margin-bottom: 32px;
}

  .ZgvtIe3SPlolupxrmIi6 {
    margin-top: 32px;
}
}

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: 'Arial', 'Helvetica', sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.cF9q6dRlNQtMCYvPFSy0 {
  width: 100%;
  padding: 0;
}

.LAYgzZtBpfJm1FDjNec1 {
  max-width: 1400px;
  margin: 40px auto 0;
  padding: 0 40px;
  box-sizing: border-box;
}

._GMhtnr3d3ncchymAo_R {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  padding: 24px 40px;
  min-height: 600px;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}

.xr75qOvh9p4JMyh78abe {
  display: flex;
  flex-direction: column;
  width: 420px;
  flex-shrink: 0;
}

.QEDfipvHguVY1KBDpbMV {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 40px 0;
  letter-spacing: -0.5px;
  line-height: 1.2;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

.QEDfipvHguVY1KBDpbMV strong {
  font-weight: 600;
}

._9KV9BggXO0BAYD5VU5j {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.ROXl3CzfQunjTOObke2s {
  display: none;
}

.sJfCTf1B06eYEPv35WoQ {
  width: 360px;
  border: none;
  font-family: inherit;
  flex-shrink: 0;
}

.fROwMPK_txOvNFzPzjK4 {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.c4fr0L25J0gJe6DVUBA1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.CmzExMDOYaHDHXcqh1pl {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.JvVIP56EOmWqEcrjKBoV {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.RPDu67Yos7qGGoboT_r0 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-primary, #11365A);
  margin: 8px 0;
}

.EaQSTpSqbHZjqgeU0mvE {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 12px;
  margin-top: 8px;
}

.QIWQEJPimbAPTosfM2C4 {
  padding: 12px 16px;
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-primary, #1a1a1a);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

.QIWQEJPimbAPTosfM2C4:hover {
  border-color: var(--color-primary, #11365A);
  background: var(--color-background-white, #ffffff);
}

.QIWQEJPimbAPTosfM2C4.SUXLPG1mbYulKLNX9eMB {
  border-color: var(--color-primary, #11365A);
  background-color: var(--color-primary, #11365A);
  color: var(--color-background-white, #ffffff);
}

.yPpM7Pkb3nKo5cppZv4U {
  padding: 20px 0;
  color: var(--color-text-secondary, #666);
}

/* React Calendar custom styles */
.react-calendar {
  border: none;
  background: transparent;
  font-family: inherit;
}

.react-calendar__navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  position: relative;
}

.react-calendar__navigation button {
  background: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  cursor: pointer;
  padding: 8px;
  min-width: auto;
}

.react-calendar__navigation button:disabled {
  display: none;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background: transparent;
  color: var(--color-primary, #11365A);
}

.react-calendar__navigation__label {
  flex: 1;
  text-align: center;
  pointer-events: none;
  font-size: 18px;
  font-weight: 600;
}

.react-calendar__navigation__prev2-button,
.react-calendar__navigation__next2-button {
  display: none;
}

.react-calendar__month-view__weekdays {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.react-calendar__month-view__weekdays__weekday {
  flex: 1;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
  text-transform: uppercase;
  padding: 8px 0;
}

.react-calendar__month-view__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  /* gap: 8px; */
}

.react-calendar__tile {
  background: transparent;
  border: none;
  font-size: 16px;
  color: var(--color-text-primary, #1a1a1a);
  cursor: pointer;
  padding: 12px 8px;
  border-radius: 50%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  position: relative;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background: var(--color-border-light, #e0e0e0);
  color: var(--color-text-primary, #1a1a1a);
}

.react-calendar__tile--active.react-calendar__tile--active.react-calendar__tile--active.react-calendar__tile--active {
  background-color: var(--color-primary, #11365A);
  color: var(--color-background-white, #ffffff);
}

.react-calendar__tile--active.react-calendar__tile--now::after {
  background-color: currentColor;
}

.react-calendar__tile--now {
  background: transparent;
  color: var(--color-primary, #11365A);
  font-weight: 600;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: var(--color-border-light, #e0e0e0);
}

.react-calendar__tile--now:not(.react-calendar__tile--disabled)::after {
  content: '';
  position: absolute;
  bottom: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentColor;
}

.react-calendar__tile--disabled {
  opacity: 0.3;
  cursor: not-allowed;
  background: transparent;
}

.react-calendar__tile--disabled:enabled:hover,
.react-calendar__tile--disabled:enabled:focus,
.react-calendar__tile--disabled:hover,
.react-calendar__tile--disabled:focus {
  background: transparent;
}

.react-calendar__tile[disabled] {
  background: transparent;
}

/* Mobile styles */
@media (max-width: 768px) {
  ._GMhtnr3d3ncchymAo_R {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px 24px;
  }

  .xr75qOvh9p4JMyh78abe {
    min-height: auto;
    width: 100%;
    box-sizing: border-box;
  }

  .LAYgzZtBpfJm1FDjNec1 {
    padding: 0 24px;
    box-sizing: border-box;
  }

  .QEDfipvHguVY1KBDpbMV {
    font-size: 24px;
    margin-bottom: 24px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }

  .NCmvwq_8tN4iVvjjUQMR {
    display: block;
    font-size: 24px;
    margin-bottom: 24px;
  }

  ._9KV9BggXO0BAYD5VU5j {
    display: none;
  }

  .ROXl3CzfQunjTOObke2s {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }

  .EaQSTpSqbHZjqgeU0mvE {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 8px;
  }

  .QIWQEJPimbAPTosfM2C4 {
    padding: 10px 12px;
    font-size: 14px;
  }
}

.LBS1x4hX8XTgRM4B0iuk {
  width: 100%;
  padding: 0;
}

.bkYxFSj8COGLmNnPaDTm {
  max-width: 1400px;
  margin: 40px auto 0;
  padding: 0 40px;
  box-sizing: border-box;
  text-align: center;
}

.l0Jm6k_U0erUh56waKVd {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px 40px;
  min-height: 600px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}

.ZL0hVQhsB9Vmqy2MK0fX {
  width: 100%;
  max-width: 680px;
  display: flex;
  justify-content: center;
}

.K5dCwsTVQaXyXF_ZwTp1 {
  background: var(--color-background-light, #fafafa);
  border-radius: 12px;
  padding: 32px;
  box-sizing: border-box;
  width: 100%;
}

.VpN2rk_f6OU_5XArPuIQ {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 16px 0;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.gHvl6OjkfhkCnN3nIqaU {
  font-size: 16px;
  color: var(--color-text-secondary, #666);
  margin: 0 0 32px 0;
  line-height: 1.5;
}

.gHvl6OjkfhkCnN3nIqaU strong {
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
}

.fmckrE2xfddFQufggcAY {
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto;
  width: 680px;
  max-width: 100%;
}

.ntQMxlScHPzCpIFKYluW {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.qoV38makibxofbUUAXe4 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.GEXE07g2L_BztJZ7b9ue {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.lxqj7FNVWnNfVhkjuOVn {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-secondary, #666);
}

.lLl34xkpOB87ly0ALHrW {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-family: inherit;
  color: var(--color-text-primary, #1a1a1a);
  box-sizing: border-box;
  transition: all 0.2s ease;
}

.lLl34xkpOB87ly0ALHrW:focus {
  outline: none;
  border-color: var(--color-primary, #11365A);
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.1);
}

.lLl34xkpOB87ly0ALHrW::placeholder {
  color: var(--color-text-secondary, #999);
}

.cgNZYqa_ywNkqMZT54EP {
  font-size: 14px;
  color: #d63638;
  margin-top: 4px;
}

.nXhgkdwOgeOpyi4ucYwz {
  font-size: 14px;
  color: #00a32a;
  margin-top: 4px;
}

.JTAHFDYyUYJIEQkXYw0_ {
  font-size: 14px;
  color: var(--color-text-secondary, #666);
  margin: 8px 0 0 4px;
  line-height: 1.5;
}

.JTAHFDYyUYJIEQkXYw0_ strong {
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
}

.hnyupGX_H7PcP2MKD2pH {
  font-size: 14px;
  color: var(--color-text-secondary, #666);
  font-style: italic;
  margin: 0 0 20px 0;
}

.j63hOsc3Mcq5yvm3BY0g {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Sg9G1WiN_gz4zIQo8Cg3 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

.vF64YYLeFemNSsViPt9J {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary, #11365A);
}

.yhZ459FEHtaJ0aM5cGAu {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  line-height: 1.5;
}

.nNavkRKwdens7WZ4VwHo {
  font-size: 12px;
  color: var(--color-text-secondary, #666);
  line-height: 1.5;
  margin: 0;
  padding-left: 32px;
}

.XWZjKgbYD_w8EIwMI34e {
  color: var(--color-primary, #11365A);
  text-decoration: underline;
  transition: color 0.2s ease;
}

.XWZjKgbYD_w8EIwMI34e:hover {
  color: var(--color-primary-dark, #0d2a47);
}

.sZCM9ihyoNV6wY0JkDC0 {
  width: 100%;
  padding: 16px 24px;
  border: none;
  border-radius: 8px;
  background: var(--color-primary, #11365A);
  color: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 24px;
}

.sZCM9ihyoNV6wY0JkDC0:hover:not(:disabled) {
  background: var(--color-primary-dark, #0d2a47);
}

.sZCM9ihyoNV6wY0JkDC0:disabled {
  background: var(--color-border-light, #e0e0e0);
  color: var(--color-text-secondary, #999);
  cursor: not-allowed;
}

.sZCM9ihyoNV6wY0JkDC0:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.2);
}

.j63hOsc3Mcq5yvm3BY0g {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Sg9G1WiN_gz4zIQo8Cg3 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

.vF64YYLeFemNSsViPt9J {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary, #11365A);
}

.yhZ459FEHtaJ0aM5cGAu {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  line-height: 1.5;
}

.nNavkRKwdens7WZ4VwHo {
  font-size: 12px;
  color: var(--color-text-secondary, #666);
  line-height: 1.5;
  margin: 0;
  padding-left: 32px;
}

.XWZjKgbYD_w8EIwMI34e {
  color: var(--color-primary, #11365A);
  text-decoration: underline;
  transition: color 0.2s ease;
}

.XWZjKgbYD_w8EIwMI34e:hover {
  color: var(--color-primary-dark, #0d2a47);
}

/* Mobile styles */
@media (max-width: 768px) {
  .bkYxFSj8COGLmNnPaDTm {
    padding: 0 24px;
  }

  .l0Jm6k_U0erUh56waKVd {
    padding: 16px 24px;
    min-height: auto;
  }

  .VpN2rk_f6OU_5XArPuIQ {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .gHvl6OjkfhkCnN3nIqaU {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .K5dCwsTVQaXyXF_ZwTp1 {
    padding: 24px;
    width: 100%;
  }

  .fmckrE2xfddFQufggcAY {
    padding: 0;
  }

  .GEXE07g2L_BztJZ7b9ue {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .lLl34xkpOB87ly0ALHrW {
    font-size: 16px; /* Prevent zoom on iOS */
  }
}


.jtoPv5_F1b_9ZXeXoFEc {
  width: 100%;
  padding: 0;
}

.LugT7qCcaSHldOCGMk1M {
  max-width: 1400px;
  margin: 40px auto 0;
  padding: 0 40px;
  box-sizing: border-box;
  text-align: center;
}

.eKrrAv8AtR6TVIhqPDxT {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px 40px;
  min-height: 600px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.dq8w2ttxEMw5KRDYDtQg {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 16px 0;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.Yn6p9UuzIznnmysoUq5F {
  font-size: 16px;
  color: var(--color-text-secondary, #666);
  margin: 0 0 32px 0;
  line-height: 1.5;
}

.Yn6p9UuzIznnmysoUq5F strong {
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
}

.l5SjiIgYyzRWrGXj_jcn {
  background: var(--color-background-light, #fafafa);
  border-radius: 12px;
  padding: 32px;
  box-sizing: border-box;
  width: 100%;
}

.a71Dx9fpCP5HaQXQ5Lo_ {
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto;
  width: 680px;
  max-width: 100%;
}

.IzRQqu1OTByifyRyCA3V {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bYfu0jkxrF_9SonTUUwA {
  width: 100%;
}

.M6rOT9oDiZKa6uiiLIi5 {
  width: 100%;
}

.KnzpHb5xSYRtme2KvJyB {
  width: 100%;
}

.HItyojOzhATaL06TAWw9 {
  width: 100%;
}

.wf0b34_TgUwhfPH2Pg_6 {
  width: 100%;
  padding: 16px 24px;
  border: none;
  border-radius: 8px;
  background: var(--color-primary, #11365A);
  color: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 24px;
}

.wf0b34_TgUwhfPH2Pg_6:hover:not(:disabled) {
  background: var(--color-primary-dark, #0d2a47);
}

.wf0b34_TgUwhfPH2Pg_6:disabled {
  background: var(--color-border-light, #e0e0e0);
  color: var(--color-text-secondary, #999);
  cursor: not-allowed;
}

.wf0b34_TgUwhfPH2Pg_6:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.2);
}

/* Mobile styles */
@media (max-width: 768px) {
  .LugT7qCcaSHldOCGMk1M {
    padding: 0 24px;
  }

  .eKrrAv8AtR6TVIhqPDxT {
    padding: 16px 24px;
    min-height: auto;
  }

  .dq8w2ttxEMw5KRDYDtQg {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .Yn6p9UuzIznnmysoUq5F {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .l5SjiIgYyzRWrGXj_jcn {
    padding: 24px;
    width: 100%;
  }

  .a71Dx9fpCP5HaQXQ5Lo_ {
    padding: 0;
  }

  .S3QazcaEMeNiRxZGpVNA {
    font-size: 16px; /* Prevent zoom on iOS */
    min-height: 100px;
  }
}


.ukfjuyOX8qdo0lNO6toW {
  width: 100%;
  padding: 0;
}

.Z1HR6ibilQViJzuIEWV9 {
  max-width: 1400px;
  margin: 40px auto 0;
  padding: 0 40px;
  box-sizing: border-box;
  text-align: center;
}

.m0kW2dOJVP1g00hAm99e {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px 40px;
  min-height: 600px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.f8mnlpCCxz7IpCXnoBrM {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 16px 0;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.iVL3sc5yNuw0fOx_Udog {
  font-size: 16px;
  color: var(--color-text-secondary, #666);
  margin: 0 0 32px 0;
  line-height: 1.5;
}

.iVL3sc5yNuw0fOx_Udog strong {
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
}

.EnIWLWpcAEP4LMdy3BrR {
  background: var(--color-background-light, #fafafa);
  border-radius: 12px;
  padding: 32px;
  box-sizing: border-box;
  width: 100%;
  max-width: 680px;
}

.Qrj5jm37yKsC2Buuu97l {
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}

.zgaWzsxsmVmy1eqGwOkq {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.i_QuTfDdZjXZesVJcOCq {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-border-light, #e0e0e0);
}

.i_QuTfDdZjXZesVJcOCq:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.sgAijz9E3I0YV_YJ6BCH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.nk04hMZdQtZkxj1_j3Kr {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0;
}

.XQ0cXgFRnKBzEHe8FrvU {
  font-size: 14px;
  color: var(--color-primary, #11365A);
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
  transition: color 0.2s ease;
}

.XQ0cXgFRnKBzEHe8FrvU:hover {
  color: var(--color-primary-dark, #0d2a47);
}

.XQ0cXgFRnKBzEHe8FrvU:focus {
  outline: none;
  text-decoration: none;
}

.vfuIADhDzovoBLIgipWQ {
  font-size: 16px;
  color: var(--color-text-secondary, #666);
  line-height: 1.5;
}

.vfuIADhDzovoBLIgipWQ:not(:last-child) {
  margin-bottom: 4px;
}

.LhM2jX9h8AvkEj3E3m9M {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.Bxejczel2W61LkDU7cNr {
  display: flex;
  gap: 16px;
  margin-top: 32px;
  width: 100%;
}

._BATn4hM6FoXbCzDNg9A {
  flex: 1;
  padding: 16px 24px;
  border: 1px solid var(--color-border-light, #e0e0e0);
  border-radius: 8px;
  background: var(--color-background-white, #ffffff);
  color: var(--color-text-primary, #1a1a1a);
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
}

._BATn4hM6FoXbCzDNg9A:hover:not(:disabled) {
  background: var(--color-background-light, #fafafa);
  border-color: var(--color-text-secondary, #999);
}

._BATn4hM6FoXbCzDNg9A:disabled {
  background: var(--color-border-light, #e0e0e0);
  color: var(--color-text-secondary, #999);
  cursor: not-allowed;
  border-color: var(--color-border-light, #e0e0e0);
}

._BATn4hM6FoXbCzDNg9A:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.1);
}

.lO4ndCH6r6Z1dRh_wLxE {
  flex: 1;
  padding: 16px 24px;
  border: none;
  border-radius: 8px;
  background: var(--color-primary, #11365A);
  color: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
}

.lO4ndCH6r6Z1dRh_wLxE:hover:not(:disabled) {
  background: var(--color-primary-dark, #0d2a47);
}

.lO4ndCH6r6Z1dRh_wLxE:disabled {
  background: var(--color-border-light, #e0e0e0);
  color: var(--color-text-secondary, #999);
  cursor: not-allowed;
}

.lO4ndCH6r6Z1dRh_wLxE:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.2);
}

@media (max-width: 768px) {
  .Z1HR6ibilQViJzuIEWV9 {
    padding: 0 20px;
  }

  .m0kW2dOJVP1g00hAm99e {
    padding: 24px 20px;
  }

  .EnIWLWpcAEP4LMdy3BrR {
    padding: 24px;
  }

  .Bxejczel2W61LkDU7cNr {
    flex-direction: column;
  }

  ._BATn4hM6FoXbCzDNg9A,
  .lO4ndCH6r6Z1dRh_wLxE {
    width: 100%;
  }
}


.enx_XpoIXJLB6JaY00Ug {
  width: 100%;
  padding: 0;
}

.rLzTx_b3nCevjlmHlFpZ {
  max-width: 1400px;
  margin: 40px auto 0;
  padding: 0 40px;
  box-sizing: border-box;
  text-align: center;
}

.p2J7nTwwwabCXUNI0PHF {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px 40px;
  min-height: 600px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}

.Mu3qzjYctBS0IHP413Tc {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 16px 0;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.XL2tCh4v4G0F9FdQWyNp {
  font-size: 16px;
  color: var(--color-text-secondary, #666);
  margin: 0 0 32px 0;
  line-height: 1.5;
}

.XL2tCh4v4G0F9FdQWyNp strong {
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
}

.CDPD9R0UixCkwb1gpxQr {
  background: var(--color-background-light, #fafafa);
  border-radius: 12px;
  padding: 32px;
  box-sizing: border-box;
  width: 100%;
  max-width: 680px;
}

.DAqdhfMV2roOp2RSWLsg {
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}

.idXsDw37H23q3Jl4o7Bw {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.dv7lijwcUyUidr__Apjx {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-border-light, #e0e0e0);
}

.dv7lijwcUyUidr__Apjx:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.HCSfmpBfKq8QLu7D1aYy {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0;
}

.VOUiW3tvziPulsChcxQf {
  font-size: 16px;
  color: var(--color-text-secondary, #666);
  line-height: 1.5;
}

.VOUiW3tvziPulsChcxQf:not(:last-child) {
  margin-bottom: 4px;
}

.c1IB5sRolKMasOpZ5rFw {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 680px;
}

.uAL5Ud4Wx_AcpjanJLiT {
  padding: 16px 24px;
  border: none;
  border-radius: 8px;
  background: var(--color-primary, #11365A);
  color: var(--color-background-white, #ffffff);
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.uAL5Ud4Wx_AcpjanJLiT:hover {
  background: var(--color-primary-dark, #0d2a47);
  color: var(--color-background-white, #ffffff);
  text-decoration: none;
}

.uAL5Ud4Wx_AcpjanJLiT:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 54, 90, 0.2);
}

@media (max-width: 768px) {
  .rLzTx_b3nCevjlmHlFpZ {
    padding: 0 20px;
  }

  .p2J7nTwwwabCXUNI0PHF {
    padding: 24px 20px;
  }

  .CDPD9R0UixCkwb1gpxQr {
    padding: 24px;
  }
}


/* CSS Variables for theme colors */
:root {
  --color-primary: #11365A;

  --color-secondary: #ff4d4d;
  --secondary-light-color: #f7f0eb;
  
  --color-text-primary: #1a1a1a;
  --color-text-light: #dae6ed;
  --color-text-secondary: #666;
  
  --color-background-light: #fafafa;
  --color-background-selected: #D9E6ED;
  --color-background-white: #ffffff;
  
  --color-border-light: #e0e0e0;
  --color-success: #10b981;

  --progress-height: 8px;
  --nav-height: 80px;
}

.UPalDbGJEvAnNeP8DvG9 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  background-color: var(--color-background-white);
}