.UE4qyBHn {
  flex-shrink: 0;
  border: none;
  border-radius: 4px;
  position: relative;
  top: 0;
  transition: 0.1s ease-in-out;
  cursor: pointer;
  user-select: none;

  &:focus {
    outline: none;
  }

  &:disabled {
    pointer-events: none;
  }

  &.pYY5hoNb {
    min-width: 77px;
    height: 32px;
    padding: 0 16px;
    font: var(--font-s-medium);
  }

  &.L1Q3RPDv {
    padding: 12px 24px;
    font: var(--font-s-medium);
  }

  &.UOdiqpTG {
    padding: 16px 24px;
    font: var(--font-s-medium);
  }
}

.i8ujSwaV {
  background-color: #26C281;
  color: white;
  
  &:hover {
    background-color: #00A760;
  }
  
  &:active {
    background-color: #008347;
  }
  
  &:disabled {
    background-color: #E4F6ED;
  }
}

.JRdtjojz {
  text-align: left;
  
  &.wp8187X5 {
    margin: 0;
    font: var(--font-xxl-semi-bold);
  }

  &.hoL18H24 {
    margin: 0;
    font: var(--font-xl-semi-bold);
  }
  
  &.Z93jtIA7 {
    margin: 0;
    font: var(--font-l-semi-bold);
  }
  
  &.ojaNgkuQ {
    margin: 0;
    font: 600 16px/24px "Inter";
  }
}

.WZq_uw2j {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 998; /* Below modals (999) but above sidebar/content */
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
}

.WZq_uw2j.jOx4rsJe {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.VwbbvIwT {
  width: 100%;
  max-width: 459px;
  background: white;
  border-radius: 16px;
  box-shadow:
    0 4px 4px 0 rgb(23 24 24 / 8%),
    0 8px 20px 0 rgb(23 24 24 / 12%);
  display: flex;
  flex-direction: column;
  font: var(--font-s-regular);
  color: #0f1310;
  animation: Nt_Hxu_A 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  transform-origin: bottom right;
}

@keyframes Nt_Hxu_A {
  0% {
    opacity: 0;
    transform: scale(0.96) translateY(8px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.e64XGmvj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  gap: 10px;
  border-bottom: 1px solid #e5e7eb;
  min-height: 56px;
}

.IYajCopC {
  font: var(--font-s-semi-bold);
  font-size: 16px;
  line-height: 24px;
  color: #0f1310;
  margin: 0;
  flex: 1;
}

.rFaOS93C {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  padding: 0;
  color: #9ca3af;
  flex-shrink: 0;
  transition:
    color 0.15s ease,
    background 0.15s ease,
    transform 0.15s ease;

  &:hover {
    color: #6b7280;
    background: #f3f4f6;
  }

  &:active {
    transform: scale(0.92);
    transition: transform 0.1s ease;
  }

  &:focus {
    outline: 2px solid #008347;
    outline-offset: 2px;
    border-radius: 6px;
  }
}

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

.H9gNUXul {
  font: var(--font-s-regular);
  font-size: 14px;
  line-height: 20px;
  color: #1f2937;
  margin: 0;
}

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

.QCbLUSdT {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

.QCbLUSdT::-webkit-scrollbar {
  width: 6px;
}

.QCbLUSdT::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.QCbLUSdT::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.QCbLUSdT::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.mZ3kHrrk {
  display: flex;
  align-items: center;
  gap: 8px;
  animation: tj316k02 0.25s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

.mZ3kHrrk:nth-child(1) {
  animation-delay: 0.05s;
}

.mZ3kHrrk:nth-child(2) {
  animation-delay: 0.1s;
}

.mZ3kHrrk:nth-child(3) {
  animation-delay: 0.15s;
}

@keyframes tj316k02 {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.ulojquB9 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  min-height: 60px;
  justify-content: center;
}

.e3rB2MZp {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 20px;
}

.fSxNJ989 {
  font: var(--font-s-medium);
  color: #6b7280;
}

.c24yUjVx {
  font: var(--font-s-regular);
  color: #1f2937;
}

.sZIzoJCq {
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}

.aLXapX_g {
  font-size: 12px;
  line-height: 18px;
  color: #059669;
  font-weight: 500;
}

.OI6bJreU {
  color: #dc2626;
}

.jjMHnyCG {
  color: #f4a82a;
}

.aFifId9y {
  flex-shrink: 0;
  height: 32px;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #008347;
  font: var(--font-s-medium);
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease;

  &:hover {
    background: #ecfdf5;
    color: #047857;
  }

  &:focus {
    outline: 2px solid #008347;
    outline-offset: 2px;
  }

  &:active {
    transform: scale(0.96);
    transition: transform 0.1s ease;
  }
}

.FT3_8wE0 {
  display: flex;
  align-items: center;
  width: 100%;
}

.lVzhZVug {
  flex: 1;
  height: 44px;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font: var(--font-s-medium);
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}

.hRbyAyZQ {
  height: 1px;
  background-color: #e4e5e7;
  width: 100%;
}

.B9CLTEkU {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background-color: #f7fcfa;
  border-radius: 0 0 16px 16px;
}

.B9CLTEkU button {
  width: 100%;
  justify-content: center;
}

.VeZ9TWHK {
  width: 100%;
  justify-content: center;
}

.LfCoOffW {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow:
    0 1px 3px 0 rgb(0 0 0 / 4%),
    0 4px 12px 0 rgb(0 0 0 / 6%);
  cursor: pointer;
  font: var(--font-s-medium);
  font-size: 13px;
  line-height: 1;
  color: #1f2937;
  white-space: nowrap;
  animation: w7QEEZ03 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  transform-origin: bottom right;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

@keyframes w7QEEZ03 {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.LfCoOffW:hover {
  background: #fafafa;
  border-color: #d1d5db;
  box-shadow:
    0 2px 4px 0 rgb(0 0 0 / 5%),
    0 6px 16px 0 rgb(0 0 0 / 8%);
  transform: translateY(-1px);
}

.LfCoOffW:active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 1px 2px 0 rgb(0 0 0 / 4%),
    0 2px 8px 0 rgb(0 0 0 / 6%);
  transition: transform 0.1s ease;
}

.LfCoOffW:focus {
  outline: none;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #008347;
}

.N1HtLcw_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #fef3c7;
  border-radius: 5px;
  color: #d97706;
  flex-shrink: 0;
}

.qtP8qqSZ {
  color: #374151;
}

.LXAtQWJE {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  margin-left: 2px;
  transition:
    transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.15s ease;
}

.LfCoOffW:hover .LXAtQWJE {
  color: #6b7280;
  transform: translateY(-2px);
}


.KW5t4bTE {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 16px;
}

._dk0X8fS {
  background: #F7FCFA;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-radius: 0 0 16px 16px;
}
.Q7czJ70v {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: fixed;
  z-index: -1;
  transition: opacity 0.3s ease;
  cursor: default;
  inset: 0;
}

.gHsmFoAP {
  z-index: var(--z-index-overlay);
  opacity: 1;
}

._yTOKZW2 {
  opacity: 0;
}

.PDO8OImR {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

._jMGGNic {
  background-color: rgb(0 0 0 / 20%);
}

.PDO8OImR .rJkyz7PZ {
  width: 100%;
  max-width: 645px;
  background: white;
  display: flex;
  border-radius: 16px;
  position: relative;
  font: var(--font-m-regular);
  box-shadow:
    0 4px 4px 0 rgb(23 24 24 / 8%),
    0 8px 20px 0 rgb(23 24 24 / 12%);
  opacity: 0;
  transition:
    transform 0.36s cubic-bezier(0.166, 0, 0.66, 1),
    opacity 0.36s cubic-bezier(0.166, 0, 0.66, 1);
  transform: translateY(-50px);
}

.PDO8OImR .rJkyz7PZ .BuOySpna {
  width: 100%;
  max-height: calc(var(--window-height) - 100px);
  display: flex;
  flex-direction: column;
}

.PDO8OImR .rJkyz7PZ .w5liGCGv {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  color: #6f7170;
  cursor: pointer;
}

.PDO8OImR .rJkyz7PZ .gcK7fHqs {
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

.PDO8OImR.SGgtLrEJ {
  z-index: var(--z-index-modal);
  opacity: 1;
  pointer-events: auto;
}

.PDO8OImR.SGgtLrEJ .rJkyz7PZ {
  z-index: 2;
  opacity: 1;
  transform: translateY(0);
}

.PDO8OImR.tsFaN02M .rJkyz7PZ {
  transform: translateY(-50px);
  opacity: 0;
}

.IQK1ift1 {
  margin-top: 8px!important;
  padding: 4px 8px!important;
  border-radius: 4px!important;
  font: var(--font-s-regular)!important;
}
.aBCUDn_h {
  margin: 4px 0 0;
  font: var(--font-xs-medium);
  color: var(--color-input-value-has-error);
}

.f939vFm1 {
  margin-bottom: 8px;
  
  label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font: var(--font-s-regular);
    color: var(--color-input-label);
  }
  
  &.wJr7Aibs {
    label {
      color: var(--color-input-label-disabled);
    }
  }
}

.e7mQEQms {
  width: 100%;
  display: flex;
  flex-direction: column;
}

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

.rbt_c5lh {
  width: 100%;
  background-color: var(--color-input-bg);
  display: block;
  padding: var(--input-text-padding);
  border: solid 1px var(--color-input-border);
  border-radius: var(--input-text-border-radius);
  font: var(--font-s-regular);
  color: var(--color-text-primary);
  transition: var(--transition-input);
  outline: none;
  box-sizing: border-box;
  text-rendering: geometricprecision;
  
  &::placeholder {
    color: var(--color-input-placeholder);
  }
  
  &:disabled {
    background-color: var(--color-input-bg-disabled);
    border-color: var(--color-input-border-disabled);
    
    &::placeholder {
      color: var(--color-input-placeholder-disabled);
    }
  }
  
  &:read-only {
    background-color: var(--color-input-bg-read-only);
    border-color: var(--color-input-border-read-only);
    color: var(--color-input-value-read-only);
    pointer-events: none;
  }
  
  &.x4goKuBX {
    border-color: var(--color-input-border-focus);
  }
  
  &.p9t0tNBk {
    padding-right: 40px;
  }
  
  &:invalid,
  &.P0mz3Zb0 {
    background-color: var(--color-input-bg-has-error);
    border: solid 1px var(--color-input-border-has-error);
    
    &::placeholder {
      color: var(--color-input-value-has-error);
    }
    
    &:hover {
      border: solid 1px var(--color-input-border-has-error);
    }
    
    &.x4goKuBX {
      border-color: var(--color-input-border-has-error);
    }
  }
  
  &:-webkit-autofill {
    background-color: var(--color-input-bg) !important;
    box-shadow: 0 0 0 1000px var(--color-input-bg) inset !important;
  }
}

._b7T33zA:hover .rbt_c5lh:not(:disabled, :read-only) {
  border: solid 1px var(--color-input-border-hover);
}

._b7T33zA:hover .rbt_c5lh.P0mz3Zb0:not(:disabled, :read-only) {
  border: solid 1px var(--color-input-border-has-error);
}

.uxmXclz4 {
  resize: none;
}

.tr5oGuTU {
  margin-bottom: 4px;
}

.FcwSh5ZK {
  margin-bottom: 8px;
  font: var(--font-s-regular);
  color: #6F7170;
}

.qixWd7jY {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  pointer-events: none;
  margin-left: 16px;
}

.eJX0qO7R {
  width: 16px;
  height: 16px;
  background: none;
  padding: 0;
  margin: -8px 0 0;
  border: none;
  position: absolute;
  top: 50%;
  right: 14px;
  color: var(--color-input-placeholder);
  outline: none;
  
  &:hover {
    color: var(--color-input-value);
    cursor: pointer;
  }
}

.rbt_c5lh:disabled ~ .eJX0qO7R,
.rbt_c5lh:read-only ~ .eJX0qO7R {
  opacity: 0.5;
  pointer-events: none;
}

.prOXA6us {
  overflow-y: visible;
}
.FlEIiglf {
  background-color: var(--color-input-bg);
  display: flex;
  padding: var(--dropdown-v1-control-padding);
  border: solid 1px var(--dropdown-border);
  border-radius: var(--dropdown-control-border-radius);
  transition: var(--transition-input);
  
  .QsHj_eoq {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
  }
  
  &:hover {
    border: solid 1px var(--dropdown-border-hover);
    cursor: pointer;
  }
  
  &.rz2aeQXL {
    background-color: var(--color-input-bg-has-error);
    border: solid 1px var(--dropdown-border-has-error);
    
    &:hover {
      border: solid 1px var(--dropdown-border-has-error);
    }
  }
  
  &.boj7jTLx {
    background-color: var(--dropdown-control-disabled-bg);
    border: solid 1px var(--dropdown-control-disabled-border);
    cursor: not-allowed;
    
    &:hover {
      border: solid 1px var(--dropdown-control-disabled-border);
      cursor: not-allowed;
    }
  }
  
  &.boj7jTLx.rz2aeQXL {
    background-color: var(--color-input-bg-has-error);
    border: solid 1px var(--dropdown-border-has-error);
    
    &:hover {
      border: solid 1px var(--dropdown-border-has-error);
    }
  }
}

.y0h2y6iV {
  background-color: var(--color-input-bg);
  display: flex;
  padding: var(--dropdown-v2-control-padding);
  border: solid 1px var(--dropdown-border-v2);
  border-radius: var(--input-text-v2-border-radius);
  transition: var(--transition-input);
  
  .Vm4z_1Uv {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
  }
  
  &:hover {
    border: solid 1px var(--dropdown-border-hover-v2);
    cursor: pointer;
  }
  
  &.PCUVBgKc {
    background-color: var(--color-input-bg-has-error);
    border: solid 1px var(--dropdown-border-has-error);
    
    &:hover {
      border: solid 1px var(--dropdown-border-has-error);
    }
  }
  
  &.I9W4Bhos {
    background-color: var(--dropdown-control-disabled-bg);
    border: solid 1px var(--dropdown-control-disabled-border);
    cursor: not-allowed;
    
    &:hover {
      border: solid 1px var(--dropdown-control-disabled-border);
      cursor: not-allowed;
    }
  }
  
  &.I9W4Bhos.PCUVBgKc {
    background-color: var(--color-input-bg-has-error);
    border: solid 1px var(--dropdown-border-has-error);
    
    &:hover {
      border: solid 1px var(--dropdown-border-has-error);
    }
  }
}

.uhbLJSDA {
  display: flex;
  padding: 8px 4px;
  color: var(--color-input-placeholder);
  transition: color 150ms;
  box-sizing: border-box;
  
  &:hover {
    color: var(--color-input-value);
    cursor: pointer;
  }
  
  &.aH1SDG1x {
    transform: rotate(180deg);
  }
  
  &.OIgTQAln {
    color: var(--dropdown-control-disabled-border);
  }
}
.y9h0DQHb {
  display: flex;
  padding: 7px 4px;
  color: var(--color-input-placeholder);
  transition: color 150ms;
  box-sizing: border-box;
  
  &:hover {
    color: var(--color-input-value);
    cursor: pointer;
  }
  
  &.CoxHSwg8 {
    transform: rotate(180deg);
  }
  
  &.Ac4UnR1Z {
    color: var(--dropdown-control-disabled-border);
  }
}
.nHl31Z4_ {
  width: 100%;
  background-color: white;
  padding: 8px 0;
  margin: 8px 0 0;
  border-radius: 8px;
  position: absolute;
  top: 100%;
  z-index: calc(var(--z-index-overlay) + 1);
  box-shadow: var(--box-shadow-popup);
  
  &.dN6yVSLu {
    margin: 0;
    position: relative;
    box-shadow: none;
  }
}
.dfnWJcw7 {
  padding: 0;
  font: var(--font-s-regular);
}

@media (width <= 1366px) {
  .dfnWJcw7 {
    max-height: 200px;
  }
}
.f3k_KWN7 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  font: var(--font-s-regular);
}

@media (width <= 1366px) {
  .f3k_KWN7 {
    max-height: 200px;
  }
}
.hmpJ0Al9 {
  color: #6F7170;
  
  &:hover {
    color: black;
    cursor: pointer;
  }
}
.Hkmbmob_ {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  margin: 0 8px 0 0;
  cursor: pointer;
  
  &.axRgP2Q2 {
    cursor: default;
  }
}

.On3vAEl8 {
  width: 3px;
  background-color: transparent;
  flex-shrink: 0;
  border-radius: 0 4px 4px 0;
  
  &.Jb0LlCwY {
    background-color: #26C281;
  }
}

.lPAvxN28 {
  background-color: #FFF;
  display: flex;
  align-items: center;
  gap: 3px;
  flex-grow: 1;
  padding: 10px;
  border-radius: 4px;
  color: inherit;
  
  &.Jb0LlCwY {
    background-color: #F7FCFA;
  }
  
  &.axRgP2Q2 {
    color: #6F7170;
  }
}

.uu4Nrbs2 {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  margin: 0 8px;
  cursor: pointer;
  
  &.BBit9wTL {
    cursor: default;
  }
}

.BEusJPcr {
  background-color: #FFF;
  display: flex;
  align-items: center;
  gap: 3px;
  flex-grow: 1;
  padding: 3px 10px;
  border-radius: 4px;
  color: inherit;
  
  &.bFnjupEh {
    background-color: #F7FCFA;
    color: #166344;
  }
  
  &.BBit9wTL {
    color: #6F7170;
  }
}

.pPyb8l4l {
  position: relative;
  z-index: 1;
  
  span {
    color: #2653C2;
    text-decoration: underline;
    cursor: pointer;
    
    &:hover {
      text-decoration: none;
    }
  }
}

.n952_Cux {
  color: var(--color-input-value-read-only);
}
.yiQdLghv{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.yiQdLghv .Envk9EaL{background:#bde9d2;display:flex;align-items:center;gap:2px;padding:4px 8px 3px 10px;border-radius:4px;font:var(--font-s-medium);color:#008347;user-select:none}.yiQdLghv .Envk9EaL .Ky6OEIqh{width:20px;height:20px;background:none;padding:0;border:none;color:#008347;cursor:pointer;outline:none}
.SOL13_Xj {
  width: 100%;
  user-select: none;
}

.nYbyBEq9 {
  gap: 16px;
  overflow-y: visible;
}
.U0EPi0s0 {
  gap: 16px;
  overflow-y: visible;
  
  .f_B4ufou {
    width: 20px;
    height: 20px;
    background: url(/images/fe4e4f7235884505a2bf.svg) no-repeat;
  }
}
.OZihLlGo {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
  font: var(--font-s-regular);
  
  .a90OXeTL {
    background: #E4F6ED;
    color: #008347;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px 8px 3px 12px;
    border-radius: 4px;
    font: 500 14px/20px "Inter";
    user-select: none;
    
    &.Ke2UkAak {
      background: #E7EAF8;
      color: #2653C2;
    }
    
    &.DxsCfzT9 {
      background: #FEEBEE;
      color: #CF2D2D;
    }
  }
  
  &.bvn8Uqsi {
    .a90OXeTL {
      padding-right: 12px;
    }
  }
}

.Rh5RuBZZ {
  background-color: #E4F6ED;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px 12px 4px 8px;
  border-radius: 4px;
  font: 500 14px/20px "Inter";
  color: #008347;
  cursor: pointer;
  
  &.bvn8Uqsi {
    opacity: 0.6;
    cursor: not-allowed;
  }
}

.vK_Rn6ko {
  cursor: pointer;
}
.uXJZiWQY {
  .JzHXHFg8 {
    display: flex;

    .YBy1f77P {
      border-color: var(--color-input-border-focus);
    }
  }
  
  &:not(.oyUSn4fE) {
    .JzHXHFg8:hover {
      .MSZdYJWd,
      .RvvlcMi2 {
        border-color: var(--color-input-border-hover);
      }
    }
  }

  .D3Z87LsN {
    width: 120px;
    flex-shrink: 0;
    
    .MSZdYJWd {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  .KQ7wZ1ll {
    flex-grow: 1;
    
    .RvvlcMi2 {
      border-left: none!important;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  
  &.oyUSn4fE {
    .Fvj3_InF {
      color: var(--color-input-placeholder-disabled);
    }
  }
}

.Fvj3_InF {
  font: var(--font-s-regular);
  color: var(--color-text-primary);
}

.K6Zfpsns {
  width: 24px;
  height: 24px;
  background-size: cover;
  
  &._qoVRq4Q {
    background-image: url(/images/564c044f20596a9b5577.png);
  }
  
  &.LsQTH4Xb {
    background-image: url(/images/08fa46020eaaad31efac.png);
  }
  
  &.hXoCvqLo {
    background-image: url(/images/caac9e8a34a46da69786.png);
  }
  
  &._zfCI2ZA {
    background-image: url(/images/0c93e4cf66a18437af2f.png);
  }
  
  &.eyM2jG4o {
    background-image: url(/images/6b88cacf0fe096c982ff.png);
  }
  
  &.IU0YNNY6 {
    background-image: url(/images/9e1244b0f3d4fbf68419.png);
  }
}


.lhC6t7SN {
  width: 100%;
}

.p6cL5GBs {
  width: 100%;
  background-color: var(--color-input-bg);

  & > :first-child {
    gap: 6px;
    padding-left: 12px;
    padding-right: 12px;
    
    input {
      padding: 11px 0;
      font: var(--font-s-regular);
      color: var(--color-text-primary);
      
      &::placeholder {
        color: var(--color-input-placeholder);
        opacity: 1;
      }
    }
    
    fieldset {
      border: solid 1px var(--color-input-border);
      border-radius: var(--inputdate-border-radius);
      transition: var(--transition-input);
      outline: none;
    }
    
    &:hover {
      fieldset {
        border: solid 1px var(--color-input-border-hover);
      }
    }
  }
  
  &.b2qityq6 {
    & > :first-child {
      background-color: var(--color-input-bg-disabled);

      fieldset {
        border: solid 1px var(--color-input-border-disabled);
      }
    }
  }
  
  &.Q5Zd8XDx {
    /* empty */
  }
  
  &.RbWdgfAO {
    & > :first-child {
      background-color: var(--color-input-bg-has-error);
      
      input {
        color: var(--color-input-value-has-error);
      }

      fieldset {
        border: solid 1px var(--color-input-border-has-error);
      }
    }
  }
}

.p6cL5GBs .Mui-disabled input::placeholder {
  -webkit-text-fill-color: var(--color-input-placeholder-disabled);
  color: var(--color-input-placeholder-disabled);
}

.dB88wg2e {
  width: 20px;
  height: 20px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  color: var(--inputdate-icon);
  cursor: pointer;
  
  &:hover {
    color: var(--inputdate-icon-hover);
  }

  &.b2qityq6 {
    color: var(--inputdate-icon-disabled);
    cursor: default;
  }
}

.zMvGAHZR {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 24px;
  
  .jtjKbkBz {
    width: calc(50% - 12px);
  }
  
  .J1bJfa0Y {
    width: 100%;
  }
  
  .OOQhffsC {
    background-color: var(--color-input-bg);
    padding: 6px 16px;
    border: solid 1px var(--color-input-border);
    border-radius: var(--input-border-radius);
    transition: var(--transition-input);
    
    &:hover {
      border: solid 1px var(--color-input-border-hover);
    }
  }
}

.MjHPEUFH {
  width: 100%;
}

.FrKDtvTq {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
  
  &.RqYjBGNU {
    grid-template-columns: 100px calc(50% - 136px) minmax(0, 50%);
  }
}

.zKGybfUE.zKGybfUE {
  max-width: 1200px;
}
.GvrAqa7W {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
  
  .yOrAL0d4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    
    .aXRmLwaY {
      background: transparent;
      padding: 0;
      border: none;
      font: var(--font-s-medium);
      color: #008347;
      text-decoration: underline;
      cursor: pointer;
      outline: none;
      
      &:hover {
        text-decoration: none;
      }
    }
  }
}

.xCFte9lv {
  width: 20px;
  height: 20px;
  background: url(/images/fe4e4f7235884505a2bf.svg) no-repeat;
  margin-left: auto;
}

.V1Gr8VcB {
  width: 20px;
  height: 20px;
  background: url(/images/a0941b937aa8da1534f3.svg) no-repeat;
  margin-left: auto;
  filter: grayscale(100%);
  
  &:hover {
    filter: grayscale(0%);
  }
}

.tCG3PuhG {

}

.ONwhf8f4 {
  display: flex;
  gap: 30px;
  
  .absK5fw4 {
    display: flex;
    align-items: center;
    gap: 8px;
    font: var(--font-s-regular);
    cursor: pointer;
    
    label {
      cursor: pointer;
    }
    
    .CikHS5hm {
      width: 20px;
      height: 20px;
      background-color: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
      border: none;
      cursor: pointer;
      background-image: url(/images/bb81e8d8cdf3ba8b5c23.svg);
      background-repeat: no-repeat;
      background-size: 20px;
      
      &[data-state="checked"] {
        background-image: url(/images/4c2eeccc2dfc4d94c0be.svg);
      }
    }
  }
}

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

.s1VqJPJ2 {
  width: 100%;
  
  .NKpP758e {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
    
    .BW0cKjnr {
      position: relative;
      
      .tc6tn6ib {
        width: 20px;
        height: 20px;
        background-color: transparent;
        background-image: url(/images/b8c61680ffd0af02b6ba.svg);
        background-repeat: no-repeat;
        border: none;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
      }
    }
  }
  
  .jQgeZQib {
    height: 20px;
    background-color: transparent;
    background-image: url(/images/fe4e4f7235884505a2bf.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    border: none;
    margin: 24px 0 0 0;
    padding: 0 0 0 24px;
    font: var(--font-s-medium);
    color: #008347;
    cursor: pointer;
  }
}

.Z7oH4apy {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
}

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

.mKyLxhQw {
  background: #F7FCFA;
  border-radius: 16px;
  border: 2px solid #E4F6ED;
  
  .ZpXcPZX1 {
    all: unset;
    display: flex;
    
    .yWcbYAPN {
      all: unset;
      width: 100%;
      height: 32px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 16px;
      cursor: pointer;
      padding: 24px;
      font: 600 16px/24px "Inter", sans-serif;
      
      .FXyINSYP {
        color: #E4F6ED;
      }
      
      .MO1LXP36 {
        width: 24px;
        height: 24px;
        background-image: url(/images/106bca14cef5cf9167c3.svg);
        transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
        margin-left: auto;
        
        .yWcbYAPN[data-state="open"] > & {
          transform: rotate(180deg);
        }
      }
    }
    
    &[data-state="open"] {
      border-bottom: 2px solid #E4F6ED;
    }
  }
  
  .kghQt_1_ {
    background: #fff;
    border-radius: 0 0 16px 16px;
    
    .DP583GP3 {
      display: flex;
      padding: 24px;
      
      .m6GO6HU0 {
        width: 25%;
        
        span {
          font: var(--font-m-semi-bold);
        }
        
        p {
          margin: 8px 0 0 0;
          font: var(--font-s-regular);
          color: #6F7170;
        }
      }
      
      .p72rybki {
        width: 75%;
      }
    }
    
    &[data-state="open"] {
      animation: MiFlxc43 300ms cubic-bezier(0.87, 0, 0.13, 1);
    }
    
    &[data-state="closed"] {
      animation: cQOptE6O 300ms cubic-bezier(0.87, 0, 0.13, 1);
    }
  }

  &:focus-within {
    position: relative;
    z-index: 1;
  }
  
  &.E2APMiV3 {
    .ZpXcPZX1 {
      .FXyINSYP {
        color: #26C281;
      }
    }
  }
}

@keyframes MiFlxc43 {
  from {
    height: 0;
    overflow: hidden;
  }
  to {
    height: var(--radix-accordion-content-height);
    overflow: auto;
  }
}

@keyframes cQOptE6O {
  from {
    height: var(--radix-accordion-content-height);
    overflow: hidden;
  }
  to {
    height: 0;
    overflow: hidden;
  }
}

.Wj9J5xFK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 32px 0;
  
  .OMQYtla7 {
    opacity: 0.8;
  }
}

.NqIns98i {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 32px 0 0 0;
}

.pwjBCIPp {
  background-color: #F7FCFA;
  
  .vjVXo2qw {
    padding: 16px 12px;
    text-align: left;
    font: var(--font-s-medium);
    color: #0F1310;
    white-space: nowrap;
    
    .rtE3obhL {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
  }
  
  .DepFfpzu {
    cursor: pointer;
    
    &.DVOzPPiJ {
      transform: rotate(180deg);
    }
    
    &.rKy2mo1D {
      color: #008347;
    }
  }
}
.E3qDmOEq {
  .sf2ht2v4 {
    padding: 16px 12px;
    text-align: left;
    font: var(--font-s-regular);
    color: #0F1310;
  }
}
.dMTRZes4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 16px;
  
  .mwig8uDh {
    width: 48px;
    height: 48px;
    background-image: url(/images/f00aa7ea2fbd7a4719cd.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .X1_skm7M {
    color: #6F7170;
    font: var(--font-m-semi-bold);
  }
  
  .AB4TxfRZ {
    color: #6F7170;
    font: var(--font-s-regular);
  }
}

.aLkV7uji {
  width: 100%;
  border-radius: 12px;
  border-spacing: 0;
  border: 1px solid #E4F6ED;
  border-collapse: separate;
  box-sizing: border-box;
  
  th,
  td {
    border-right: 1px solid #E4F6ED;
    border-bottom: 1px solid #E4F6ED;
    box-sizing: border-box;
  }
  
  th:last-child,
  td:last-child {
    border-right: none;
  }
  
  tr:last-child td {
    border-bottom: none;
  }
  
  th:first-child {
    border-top-left-radius: 12px;
  }
  
  th:last-child {
    border-top-right-radius: 12px;
  }
  
  tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
  }
  
  tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
  }
}

.tx1Bvn2u.tx1Bvn2u {
  max-width: 1200px;
}
.RtLnvN4m {
  width: 100dvw;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  .cz7IpS8P {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px;
    
    h1 {
      font: var(--font-xxl-semi-bold);
      color: var(--color-text-primary);
      text-align: center;
    }
    
    img {
      width: 120px;
      height: 120px;
    }
    
    .aWSMj8gm {
      font: var(--font-m-semi-bold);
      color: #6F7170;
      text-align: center;
    }
    
    .GqUrqD2z {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
    }
  }
}

:root {
  /* colors */
  --color-text-primary: #0f1310;
  --color-background: #fff;
  --color-modal: rgb(175 175 175 / 60%);
  --green-light-1: #65d46e;
  --green-light-2: #9ff7bc;
  --green-light-3: #55deb5;
  --green-dark-1: #296673;
  --green-dark-2: #0d3f4b;
  --green-dark-3: #012933;
  --color-light-grey-1: #ebebeb;
  --color-light-grey: #e1dde0;
  --color-mid-grey: #707070;
  --color-dark-grey-1: #4b4b4b;
  --color-dark-grey-2: #212121;
  --color-yellow: #f4ce48;
  --color-red: #e25251;
  --color-blue: #396571;
  --color-light-blue: #0f66e8;
  --color-button-text: #212121;
  --color-textfield: #f7f7f7;
  --color-white: #fff;
  --color-white-text: #fbfafa;
  --color-black-text: #151515;
  --color-white-75: rgb(255 255 255 / 75%);
  
  /* other */
  --window-height: min(100dvh, 100vh);
  --transition-input: border-color 0.2s, box-shadow 0.2s;
  --box-shadow-popup: 0px 3px 6px -3px rgb(23 24 24 / 8%), 0px 8px 20px -4px rgb(23 24 24 / 12%);
  --z-index-alert: 10000;
  
  /* dropdown should be higher than modal */
  --z-index-dropdown-menu: 101;
  --z-index-modal: 99;
  --z-index-popover: 100;
  --z-index-overlay: 1;
  --z-index-tooltip: 100;
  
  /* size */
  --app-width: min(100vw, 1600px);
  
  /* date calendar */
  --date-calendar-cell-radius: 50%;
  --date-calendar-padding-x: 1px;
  --date-calendar-padding-y: 1px;
  
  /* skeleton */
  --skeleton-color: #efefef;
  --skeleton-shadow: #e8e8e8;
}

:root {
  --font-xxs-regular: 400 10px/14px "Inter";
  --font-xxs-medium: 500 10px/14px "Inter";
  --font-xxs-semi-bold: 600 10px/14px "Inter";
  --font-xs-regular: 400 12px/18px "Inter";
  --font-xs-medium: 500 12px/18px "Inter";
  --font-xs-semi-bold: 600 12px/18px "Inter";
  --font-s-regular: 400 14px/20px "Inter";
  --font-s-medium: 500 14px/20px "Inter";
  --font-s-semi-bold: 600 14px/20px "Inter";
  --font-m-regular: 400 16px/24px "Inter";
  --font-m-medium: 500 16px/24px "Inter";
  --font-m-semi-bold: 600 16px/24px "Inter";
  --font-l-regular: 400 20px/28px "Inter";
  --font-l-medium: 500 20px/28px "Inter";
  --font-l-semi-bold: 600 20px/28px "Inter";
  --font-xl-regular: 400 28px/32px "Inter";
  --font-xl-medium: 500 28px/32px "Inter";
  --font-xl-semi-bold: 600 28px/32px "Inter";
  --font-xxl-semi-bold: 600 42px/44px "Inter";
}

:root {
  /* mutual styles */
  --input-border-radius: 8px;
  --color-input-bg: #fff;
  --color-input-bg-disabled: #f4f4f4;
  --color-input-bg-read-only: #f4f4f4;
  --color-input-bg-has-error: #FECCD1;
  --color-input-value: #0F1310;
  --color-input-value-disabled: #CFD0CF;
  --color-input-value-read-only: #CFD0CF;
  --color-input-value-has-error: #93122B;
  --color-input-placeholder: #6F7170;
  --color-input-placeholder-disabled: #D1D5DB;
  --color-input-box-shadow: #CFCFCF33;
  --color-input-border: #E4E5E7;
  --color-input-border-v2: #E5E7EB;
  --color-input-border-hover: #9CA3AF;
  --color-input-border-hover-v2: #9CA3AF;
  --color-input-border-disabled: #E5E7EB;
  --color-input-border-read-only: #E5E7EB;
  --color-input-border-focus: #9CA3AF;
  --color-input-border-has-error: #E84157;
  --color-input-text-disabled: #A3A3A3;
  --color-input-label: #0F1310;
  --color-input-label-disabled: #CFD0CF;
  --color-input-label-read-only: #CFD0CF;

  /* shared/ui/Dropdown */
  --dropdown-control-border-radius: 8px;
  --dropdown-control-disabled-bg: #f4f4f4;
  --dropdown-control-disabled-border: #E5E7EB;
  --dropdown-control-disabled-placeholder: #D1D5DB;
  --dropdown-border: #E4E5E7;
  --dropdown-border-v2: #E5E7EB;
  --dropdown-border-hover: #9CA3AF;
  --dropdown-border-hover-v2: #9CA3AF;
  --dropdown-border-read-only: #E5E7EB;
  --dropdown-border-focus: #9CA3AF;
  --dropdown-border-has-error: #E84157;
  --dropdown-v1-control-padding: 2px 6px 2px 14px;
  --dropdown-v2-control-padding: 0 6px 0 14px;
  
  /* shared/ui/InputText */
  --input-text-padding: 10px 16px;
  --input-text-border-radius: 8px;
  --input-text-v2-border-radius: 8px;

  /* shared/ui/InputDate */
  --inputdate-border-radius: 8px;
  --inputdate-icon: #6F7170;
  --inputdate-icon-hover: #0F1310;
  --inputdate-icon-disabled: #D1D5DB;
  
  /* shared/ui/InputDateRange */
  --inputdaterange-border-radius: 8px;
  --inputdaterange-padding: 10px 13px;
  --inputdaterange-icon: #6F7170;
  --inputdaterange-icon-hover: #0F1310;
  --inputdaterange-icon-disabled: #D1D5DB;
  
  /* shared/ui/InputPhone */
  --inputphone-border-radius: 8px;
}

body {
  background: white;
  font-family: Inter, sans-serif;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

h1 {
  color: #0f1310;
  font-weight: 600;
  font-size: 42px;
}

h2 {
  font-weight: 600;
  font-size: 28px;
  color: #0f1310;
}

h3 {
  font-weight: 400;
  font-size: 26px;
  color: #0f1310;
}

h4 {
  font-weight: 400;
  font-size: 20px;
  color: #0f1310;
}

h5 {
  font-weight: 600;
  font-size: 16px;
  color: #0f1310;
}

/* Body styling */
p {
  font-weight: 400;
  font-size: 14px;
  color: #0f1310;
}

/* Subheading */
p.subheader {
  font-weight: 600;
  font-size: 12px;
  color: #0f1310;
}

/* Caption */
p.caption {
  font-weight: 400;
  font-size: 12px;
  color: #0f1310;
}

a {
  text-decoration: none;
  color: inherit;
}

li {
  list-style-type: none;
}

div.MuiTooltip-popper div {
  color: #0f1310 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-family: Inter, sans-serif !important;
}