._page_rexsh_1 {
  min-height: 100svh;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 0.8rem;
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-bold);
}
._spinner_rexsh_2 {
  width: 2.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.25rem solid rgba(92, 39, 198, 0.14);
  border-top-color: var(--color-brand-purple);
  animation: _auth-spin_rexsh_1 0.8s linear infinite;
}
@keyframes _auth-spin_rexsh_1 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._spinner_rexsh_2 {
    animation: none;
    border-top-color: var(--color-brand-blue);
  }
}
._page_1fchf_1 {
  display: grid;
  gap: 1.2rem;
}
._page_1fchf_1 h1 {
  margin: 0;
  font-size: clamp(2rem, 8vw, 3rem);
}
._page_1fchf_1 header span {
  color: var(--color-ink-muted);
}
._stats_1fchf_1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: 0.7rem;
}
._stats_1fchf_1 article,
._users_1fchf_1 {
  padding: 1rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._stats_1fchf_1 article {
  display: grid;
}
._stats_1fchf_1 strong {
  font-size: 1.6rem;
}
._stats_1fchf_1 span {
  color: var(--color-ink-muted);
  text-transform: capitalize;
}
._users_1fchf_1 {
  display: grid;
  gap: 0.5rem;
}
._users_1fchf_1 h2 {
  margin: 0 0 0.5rem;
}
._users_1fchf_1 article {
  padding: 0.7rem 0;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 0.7rem;
  border-bottom: 1px solid #ece9f1;
}
._users_1fchf_1 article:last-child {
  border: 0;
}
._users_1fchf_1 article div {
  min-width: 0;
  display: grid;
}
._users_1fchf_1 small {
  color: var(--color-ink-muted);
}
._users_1fchf_1 span {
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  background: #eee8ff;
  color: var(--color-brand-purple);
  font-size: 0.72rem;
}
._users_1fchf_1 b {
  font-size: 0.76rem;
}
._page_1ki1d_1 {
  display: grid;
  gap: 1.2rem;
}
._page_1ki1d_1 > header p {
  margin: 0 0 0.2rem;
  color: var(--color-brand-purple);
  font-size: 0.72rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.1em;
}
._page_1ki1d_1 > header h1 {
  margin: 0;
  font-size: clamp(2rem, 9vw, 3.25rem);
  letter-spacing: -0.06em;
}
._page_1ki1d_1 > header span {
  color: var(--color-ink-muted);
  font-size: 0.85rem;
}
._grid_1ki1d_5 {
  display: grid;
  gap: 0.75rem;
}
._card_1ki1d_6 {
  padding: 0.9rem;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 1.35rem;
  background: #ffffffd6;
  box-shadow: var(--shadow-soft);
}
._avatar_1ki1d_7 {
  width: 3rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  color: var(--color-brand-purple);
  background: #eee8ff;
  font-weight: var(--font-weight-black);
}
._title_1ki1d_8 {
  min-width: 0;
}
._title_1ki1d_8 h2 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
}
._title_1ki1d_8 > span {
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
._meta_1ki1d_11 {
  grid-column: 2 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.8rem;
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
._meta_1ki1d_11 span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
._actions_1ki1d_13 {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
._actions_1ki1d_13 button {
  padding: 0.42rem 0.62rem;
  border-radius: var(--radius-pill);
  color: var(--color-brand-purple);
  background: #f0ebff;
  font-size: 0.7rem;
  font-weight: var(--font-weight-black);
}
._actions_1ki1d_13 ._delete_1ki1d_15 {
  color: #9b3535;
  background: #fff0f0;
}
@media (min-width: 700px) {
  ._grid_1ki1d_5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 699px) {
  ._grid_1ki1d_5 {
    gap: 0.5rem;
  }
  ._card_1ki1d_6 {
    min-height: 4.55rem;
    padding: 0.58rem 0.65rem;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    gap: 0.35rem 0.58rem;
    border-radius: 1rem;
  }
  ._avatar_1ki1d_7 {
    width: 2.35rem;
    border-radius: 0.72rem;
    font-size: 0.8rem;
  }
  ._title_1ki1d_8 h2 {
    font-size: 0.82rem;
  }
  ._title_1ki1d_8 > span {
    font-size: 0.65rem;
  }
  ._meta_1ki1d_11 {
    grid-column: 2 / -1;
    gap: 0.2rem 0.55rem;
    font-size: 0.64rem;
    line-height: 1.15;
  }
  ._meta_1ki1d_11 svg {
    width: 12px;
    height: 12px;
  }
  ._actions_1ki1d_13 {
    align-self: center;
    flex-direction: row;
    gap: 0.35rem;
    white-space: nowrap;
  }
  ._actions_1ki1d_13 button {
    padding: 0.34rem 0.5rem;
    font-size: 0.6rem;
  }
}
._tabs_1ki1d_28 {
  padding: 0.3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
  border-radius: 1rem;
  background: #ffffffa8;
}
._tabs_1ki1d_28 button {
  min-height: 2.8rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.8rem;
  color: var(--color-ink-muted);
  font-size: 0.76rem;
  font-weight: var(--font-weight-black);
}
._tabs_1ki1d_28 ._activeTab_1ki1d_30 {
  color: #fff;
  background: var(--gradient-brand);
}
._empty_1ki1d_31 {
  margin: 0.5rem 0;
  padding: 1.25rem;
  border-radius: 1rem;
  color: var(--color-ink-muted);
  background: #ffffffb8;
  text-align: center;
}
._servicesPanel_1ki1d_32,
._services_1ki1d_32 {
  display: grid;
  gap: 0.6rem;
}
._serviceForm_1ki1d_33 {
  padding: 0.8rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 6.5rem auto;
  gap: 0.5rem;
  border-radius: 1.1rem;
  background: #ffffffd6;
}
._serviceForm_1ki1d_33 input {
  min-width: 0;
  min-height: 2.8rem;
  padding: 0.62rem 0.72rem;
  border: 1px solid #e1e1e9;
  border-radius: 0.8rem;
  background: #fff;
}
._serviceForm_1ki1d_33 button {
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-pill);
  color: #fff;
  background: var(--gradient-brand);
  font-size: 0.7rem;
  font-weight: var(--font-weight-black);
}
._serviceForm_1ki1d_33 button:disabled {
  opacity: 0.45;
}
._serviceRow_1ki1d_37 {
  padding: 0.75rem 0.82rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
  border-radius: 1rem;
  background: #ffffffd1;
}
._serviceRow_1ki1d_37 > div:first-child {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}
._serviceRow_1ki1d_37 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
}
._serviceRow_1ki1d_37 span {
  color: var(--color-ink-muted);
  font-size: 0.68rem;
}
@media (max-width: 620px) {
  ._serviceForm_1ki1d_33 {
    grid-template-columns: minmax(0, 1fr) 5.8rem;
  }
  ._serviceForm_1ki1d_33 button {
    grid-column: 1/-1;
    min-height: 2.7rem;
  }
  ._tabs_1ki1d_28 button {
    font-size: 0.68rem;
  }
}
._actions_1ki1d_13 ._delete_1ki1d_15 {
  width: 2.35rem;
  aspect-ratio: 1;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
._serviceRowEditing_1ki1d_44 {
  align-items: end;
}
._serviceEditFields_1ki1d_45 {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 7.2rem;
  gap: 0.5rem;
}
._serviceEditFields_1ki1d_45 label {
  min-width: 0;
  display: grid;
  gap: 0.25rem;
}
._serviceEditFields_1ki1d_45 label > span {
  color: var(--color-ink-muted);
  font-size: 0.62rem;
  font-weight: var(--font-weight-black);
}
._serviceEditFields_1ki1d_45 input {
  width: 100%;
  min-width: 0;
  min-height: 2.55rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid #dedee8;
  border-radius: 0.72rem;
  background: #fff;
  color: var(--color-ink);
}
._serviceEditFields_1ki1d_45 input:focus {
  outline: 2px solid rgba(112, 72, 232, 0.22);
  border-color: var(--color-brand-purple);
}
._serviceRowEditing_1ki1d_44 ._actions_1ki1d_13 button:disabled {
  opacity: 0.45;
}
@media (max-width: 620px) {
  ._serviceRowEditing_1ki1d_44 {
    grid-template-columns: 1fr;
  }
  ._serviceEditFields_1ki1d_45 {
    grid-template-columns: minmax(0, 1fr) 6.2rem;
  }
  ._serviceRowEditing_1ki1d_44 ._actions_1ki1d_13 {
    justify-content: flex-end;
  }
}
._icon_65ysh_1 {
  width: 3rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  box-shadow:
    inset 0 1px #ffffffb8,
    0 10px 24px #372a601f;
}
._icon_65ysh_1 svg {
  width: 1.45rem;
  height: 1.45rem;
}
._small_65ysh_10 {
  width: 2.45rem;
  border-radius: 0.85rem;
}
._purple_65ysh_11 {
  color: #6738d2;
  background: #eee8ff;
}
._blue_65ysh_12 {
  color: #1979c9;
  background: #e7f3ff;
}
._yellow_65ysh_13 {
  color: #8b5c08;
  background: #fff2cf;
}
._green_65ysh_14 {
  color: #248a62;
  background: #e5f7ef;
}
._pink_65ysh_15 {
  color: #c04e7a;
  background: #ffe7f0;
}
._grid_1u8sa_1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}
._card_1u8sa_2 {
  min-width: 0;
  padding: 0.85rem 0.7rem;
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.84);
  border-radius: 1.25rem;
  background: #ffffffd1;
  box-shadow: var(--shadow-soft);
  text-align: center;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
._card_1u8sa_2 div {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}
._card_1u8sa_2 strong {
  font-size: 1.35rem;
  line-height: 1;
}
._card_1u8sa_2 span {
  color: var(--color-ink-muted);
  font-size: 0.7rem;
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
}
@media (min-width: 680px) {
  ._card_1u8sa_2 {
    padding: 1.15rem;
    grid-template-columns: auto 1fr;
    justify-items: start;
    align-items: center;
    text-align: left;
  }
  ._card_1u8sa_2 strong {
    font-size: 1.65rem;
  }
  ._card_1u8sa_2 span {
    font-size: 0.8rem;
  }
}
._badge_10p5m_1 {
  min-height: 1.8rem;
  padding: 0.32rem 0.68rem;
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: var(--font-weight-black);
}
._pending_10p5m_11 {
  color: var(--color-pending);
  background: var(--color-pending-soft);
}
._approved_10p5m_12 {
  color: var(--color-success);
  background: var(--color-success-soft);
}
._void_10p5m_13 {
  color: var(--color-danger);
  background: var(--color-danger-soft);
}
._section_dksol_1 {
  display: grid;
  gap: 1rem;
}
._heading_dksol_2 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}
._heading_dksol_2 p {
  margin: 0 0 0.25rem;
  color: var(--color-brand-purple);
  font-size: 0.72rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.09em;
}
._heading_dksol_2 h2 {
  margin: 0;
  font-size: 1.25rem;
  letter-spacing: -0.03em;
}
._heading_dksol_2 a {
  color: var(--color-brand-purple);
  font-size: 0.82rem;
  font-weight: var(--font-weight-black);
}
._list_dksol_6 {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 1.55rem;
  background: #ffffffdb;
  box-shadow: var(--shadow-card);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
._row_dksol_7 {
  min-height: 5.4rem;
  padding: 0.85rem;
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  border-bottom: 1px solid #eeeff4;
}
._row_dksol_7:last-child {
  border: 0;
}
._number_dksol_9 {
  width: 2.65rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 0.85rem;
  color: var(--color-brand-purple);
  background: #eee8ff;
  font-size: 0.67rem;
  font-weight: var(--font-weight-black);
}
._details_dksol_10 {
  min-width: 0;
  display: grid;
  gap: 0.22rem;
}
._details_dksol_10 strong,
._details_dksol_10 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._details_dksol_10 strong {
  font-size: 0.9rem;
}
._details_dksol_10 small {
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
._trailing_dksol_14 {
  display: grid;
  justify-items: end;
  gap: 0.35rem;
}
._trailing_dksol_14 > strong {
  font-size: 0.85rem;
}
._arrow_dksol_16 {
  display: none;
  color: var(--color-ink-muted);
}
@media (min-width: 700px) {
  ._row_dksol_7 {
    grid-template-columns: 3rem minmax(0, 1fr) auto 1.3rem;
    padding: 1rem 1.2rem;
  }
  ._arrow_dksol_16 {
    display: block;
  }
  ._details_dksol_10 strong {
    font-size: 0.98rem;
  }
}
._page_q1zyy_1 {
  display: grid;
  gap: 1.2rem;
}
._welcome_q1zyy_2 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}
._welcome_q1zyy_2 p {
  margin: 0 0 0.2rem;
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-bold);
}
._welcome_q1zyy_2 h1 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(1.8rem, 8vw, 3rem);
  letter-spacing: -0.055em;
  line-height: 1.02;
}
._date_q1zyy_5 {
  display: none;
  text-transform: capitalize;
  color: var(--color-ink-muted);
  font-size: 0.82rem;
  font-weight: var(--font-weight-bold);
}
._balanceCard_q1zyy_6 {
  position: relative;
  isolation: isolate;
  min-height: 15.5rem;
  padding: 1.45rem;
  display: grid;
  align-content: start;
  overflow: hidden;
  border-radius: 1.8rem;
  color: #fff;
  background: linear-gradient(135deg, #5b2bd0, #6a46ea 52%, #248ee6);
  box-shadow: 0 24px 60px #4a2db145;
}
._glow_q1zyy_7 {
  position: absolute;
  pointer-events: none;
  width: 16rem;
  aspect-ratio: 1;
  right: -5rem;
  top: -7rem;
  border-radius: 50%;
  background: #e7ad3c57;
  filter: blur(8px);
}
._balanceTop_q1zyy_8 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffffc7;
  font-size: 0.85rem;
  font-weight: var(--font-weight-bold);
}
._balanceTop_q1zyy_8 svg {
  color: var(--color-accent-yellow);
}
._balanceCard_q1zyy_6 > strong {
  position: relative;
  margin-top: 1rem;
  font-size: clamp(2.25rem, 12vw, 4rem);
  letter-spacing: -0.07em;
  line-height: 1;
}
._balanceCard_q1zyy_6 > p {
  position: relative;
  margin: 0.6rem 0 1.25rem;
  color: #ffffffbf;
  font-size: 0.82rem;
}
._balanceCard_q1zyy_6 > a {
  position: relative;
  z-index: 3;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  width: fit-content;
  min-height: 3.35rem;
  padding: 0.75rem 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  border-radius: 1rem;
  color: var(--color-brand-deep);
  background: #fff;
  font-weight: var(--font-weight-black);
  box-shadow: 0 10px 24px #1e12502e;
}
._balanceCard_q1zyy_6 > a svg:last-child {
  margin-left: 0.25rem;
}
@media (min-width: 680px) {
  ._page_q1zyy_1 {
    gap: 1.5rem;
  }
  ._date_q1zyy_5 {
    display: block;
  }
  ._balanceCard_q1zyy_6 {
    min-height: 17rem;
    padding: 2rem;
  }
}
@media (min-width: 1100px) {
  ._page_q1zyy_1 {
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
    align-items: start;
  }
  ._welcome_q1zyy_2,
  ._page_q1zyy_1 > section:last-child {
    grid-column: 1 / -1;
  }
  ._balanceCard_q1zyy_6 {
    grid-row: 2 / span 1;
  }
  ._page_q1zyy_1 > section:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
    align-self: stretch;
    grid-template-columns: 1fr;
  }
}
._welcome_q1zyy_2 h1 {
  white-space: nowrap;
}
@media (max-width: 390px) {
  ._welcome_q1zyy_2 h1 {
    font-size: clamp(1.72rem, 8.4vw, 2.15rem);
  }
}
._brand_160oc_1 {
  display: inline-flex;
  align-items: center;
}
._logo_160oc_6 {
  width: clamp(7.6rem, 16vw, 10.2rem);
  height: auto;
}
._mark_160oc_11 {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}
._button_u1qdy_1 {
  min-height: 3.5rem;
  padding: 0.9rem 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  border-radius: var(--radius-pill);
  font-weight: var(--font-weight-bold);
  cursor: pointer;
  transition:
    transform var(--motion-fast) var(--ease-out),
    box-shadow var(--motion-normal) var(--ease-out),
    opacity var(--motion-fast) var(--ease-out);
}
._button_u1qdy_1:active {
  transform: translateY(1px) scale(0.99);
}
._button_u1qdy_1:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}
._primary_u1qdy_26 {
  color: #fff;
  background: var(--gradient-brand);
  box-shadow:
    0 14px 34px #5c27c645,
    inset 0 0 0 4px #ffffff3d;
}
._primary_u1qdy_26:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow:
    0 18px 42px #5c27c657,
    inset 0 0 0 4px #ffffff45;
}
._secondary_u1qdy_37 {
  color: var(--color-ink);
  background: #ffffffd6;
  border: 1px solid var(--color-border-neutral);
  box-shadow: var(--shadow-soft);
}
._fullWidth_u1qdy_44 {
  width: 100%;
}
._layer_1cn0a_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
._iconCard_1cn0a_9 {
  position: absolute;
  width: 4.2rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 1.35rem;
  background: #ffffffa8;
  box-shadow: var(--shadow-soft);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  color: var(--color-brand-purple);
  animation: _float_1cn0a_1 7s ease-in-out infinite;
}
._iconCard_1cn0a_9 svg {
  width: 2.1rem;
  height: 2.1rem;
}
._phone_1cn0a_29 {
  top: 14%;
  left: 4%;
  transform: rotate(-8deg);
  animation-delay: -1.5s;
}
._monitor_1cn0a_36 {
  top: 45%;
  left: 2.5%;
  color: var(--color-brand-blue);
  transform: rotate(-4deg);
  animation-delay: -5.1s;
}
._money_1cn0a_44 {
  bottom: 12%;
  left: 8%;
  color: var(--color-success);
  transform: rotate(7deg);
  animation-delay: -3.2s;
}
._helmet_1cn0a_52 {
  top: 11%;
  right: 7%;
  color: var(--color-accent-yellow);
  transform: rotate(8deg);
  animation-delay: -0.8s;
}
._glasses_1cn0a_60 {
  right: 5%;
  bottom: 15%;
  color: var(--color-brand-blue);
  transform: rotate(-6deg);
  animation-delay: -4.3s;
}
._receipt_1cn0a_68 {
  top: 46%;
  right: 2.5%;
  color: var(--color-brand-deep);
  transform: rotate(5deg);
  animation-delay: -2.1s;
}
@keyframes _float_1cn0a_1 {
  0%,
  to {
    translate: 0 0;
  }
  50% {
    translate: 0 -0.75rem;
  }
}
@media (max-width: 760px) {
  ._iconCard_1cn0a_9 {
    width: 3.3rem;
    border-radius: 1.05rem;
    opacity: 0.78;
  }
  ._iconCard_1cn0a_9 svg {
    width: 1.65rem;
    height: 1.65rem;
  }
  ._phone_1cn0a_29 {
    top: 6%;
    left: -0.6rem;
  }
  ._helmet_1cn0a_52 {
    top: 9%;
    right: -0.4rem;
  }
  ._monitor_1cn0a_36 {
    top: 46%;
    left: -1rem;
  }
  ._money_1cn0a_44 {
    bottom: 3.5%;
    left: -0.8rem;
  }
  ._glasses_1cn0a_60,
  ._receipt_1cn0a_68 {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._iconCard_1cn0a_9 {
    animation: none;
  }
}
._wrapper_ovmvl_1 {
  display: inline-flex;
  min-width: 7.6ch;
  align-items: center;
  color: transparent;
  background: var(--gradient-brand);
  background-clip: text;
  -webkit-background-clip: text;
  white-space: nowrap;
}
._text_ovmvl_12 {
  display: inline-block;
}
._cursor_ovmvl_16 {
  width: 0.09em;
  height: 0.92em;
  margin-left: 0.12em;
  border-radius: var(--radius-pill);
  background: var(--color-brand-violet);
  animation: _blink_ovmvl_1 0.74s steps(1) infinite;
}
@keyframes _blink_ovmvl_1 {
  50% {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._cursor_ovmvl_16 {
    animation: none;
  }
}
._hero_13vpt_1 {
  position: relative;
  min-height: 100svh;
  isolation: isolate;
  overflow: hidden;
}
._brandRow_13vpt_8 {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 2rem), var(--content-max));
  margin: 0 auto;
  padding-top: calc(max(1.25rem, env(safe-area-inset-top)) + 0.8rem);
  display: flex;
  justify-content: center;
}
._content_13vpt_18 {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 2rem), 68rem);
  min-height: calc(100svh - 6rem);
  margin: 0 auto;
  padding: 2rem 0 3rem;
  display: grid;
  place-items: center;
}
._copy_13vpt_29 {
  width: 100%;
  display: grid;
  justify-items: center;
  text-align: center;
}
._eyebrow_13vpt_36 {
  margin: 0 0 1.1rem;
  padding: 0.65rem 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: var(--radius-pill);
  background: #ffffff9e;
  box-shadow: var(--shadow-soft);
  color: var(--color-brand-deep);
  font-size: clamp(0.73rem, 2.9vw, 0.9rem);
  font-weight: var(--font-weight-black);
  letter-spacing: 0.08em;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
._title_13vpt_50 {
  max-width: 13ch;
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(2.65rem, 12vw, 5.9rem);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.065em;
  line-height: 0.98;
}
._professionLine_13vpt_60 {
  margin: 1.15rem 0 2rem;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.28em;
  color: var(--color-ink);
  font-size: clamp(2rem, 9vw, 4.6rem);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.055em;
  line-height: 1.02;
  white-space: nowrap;
}
._supportingCopy_13vpt_74 {
  max-width: 38rem;
  margin: -0.4rem 0 0;
  color: var(--color-ink-muted);
  font-size: clamp(1rem, 2.1vw, 1.18rem);
  font-weight: var(--font-weight-medium);
  line-height: 1.55;
  text-wrap: balance;
}
._cta_13vpt_84 {
  width: min(100%, 21rem);
  margin-top: 1.25rem;
}
@media (min-width: 900px) {
  ._brandRow_13vpt_8 {
    padding-top: 2.3rem;
  }
  ._content_13vpt_18 {
    padding-top: 0;
  }
  ._title_13vpt_50 {
    max-width: 13ch;
  }
}
@media (max-width: 380px) {
  ._content_13vpt_18 {
    width: min(calc(100% - 1.25rem), 68rem);
  }
  ._professionLine_13vpt_60 {
    font-size: clamp(1.75rem, 8.7vw, 2.2rem);
  }
}
@media (max-width: 899px) {
  ._brandRow_13vpt_8 {
    padding-top: calc(max(1.25rem, env(safe-area-inset-top)) + 42px);
  }
}
._footer_1b30r_1 {
  padding: 2rem 1rem;
  display: grid;
  justify-items: center;
  gap: 1rem;
  color: #6f6b7c;
  background: #f4f2f8;
  text-align: center;
}
._footer_1b30r_1 div {
  display: grid;
  gap: 0.25rem;
}
._footer_1b30r_1 strong {
  color: var(--color-brand-purple);
  font-size: 1.15rem;
}
._footer_1b30r_1 span,
._footer_1b30r_1 p,
._footer_1b30r_1 small {
  margin: 0;
  font-size: 0.78rem;
}
._footer_1b30r_1 nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem 1rem;
}
._footer_1b30r_1 nav a {
  color: #51476b;
  font-size: 0.76rem;
  font-weight: var(--font-weight-bold);
}
._page_1rbq3_1 {
  min-height: 100svh;
  padding: 1rem;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 1.5rem;
  background: #f7f6fa;
}
._page_1rbq3_1 > header,
._page_1rbq3_1 > article,
._page_1rbq3_1 > footer {
  width: min(100%, 52rem);
  margin: 0 auto;
}
._page_1rbq3_1 > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._page_1rbq3_1 > header > a:last-child {
  color: var(--color-brand-purple);
  font-weight: var(--font-weight-black);
}
._page_1rbq3_1 > article {
  padding: clamp(1rem, 4vw, 2.25rem);
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._page_1rbq3_1 h1 {
  margin: 0;
  font-size: clamp(1.8rem, 6vw, 2.7rem);
}
._updated_1rbq3_7 {
  color: var(--color-ink-muted);
  font-size: 0.78rem;
}
._page_1rbq3_1 section {
  margin-top: 1.5rem;
}
._page_1rbq3_1 h2 {
  margin-bottom: 0.35rem;
  font-size: 1.05rem;
}
._page_1rbq3_1 p {
  line-height: 1.7;
}
._page_1rbq3_1 > footer {
  padding: 1rem 0 2rem;
  display: grid;
  gap: 0.8rem;
  color: var(--color-ink-muted);
  font-size: 0.75rem;
}
._page_1rbq3_1 nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
._page_1rbq3_1 nav a {
  color: var(--color-brand-purple);
}
._wrapper_1lgm5_1 {
  width: 100%;
  display: grid;
  gap: 1rem;
}
._divider_1lgm5_7 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0.75rem;
  color: var(--color-ink-muted);
  font-size: 0.78rem;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
._divider_1lgm5_7:before,
._divider_1lgm5_7:after {
  content: "";
  height: 1px;
  background: var(--color-border-neutral);
}
._emailButton_1lgm5_26 {
  position: relative;
  min-height: 3.8rem;
  font-size: 1rem;
}
._emailButton_1lgm5_26 svg:first-child {
  color: var(--color-brand-purple);
}
._arrow_1lgm5_36 {
  position: absolute;
  right: 1.15rem;
  color: var(--color-brand-violet);
}
._panel_1lgm5_42 {
  width: 100%;
  display: grid;
  gap: 1rem;
  animation: _reveal_1lgm5_1 0.22s var(--ease-out);
}
._panelHeader_1lgm5_49 {
  display: grid;
  gap: 0.35rem;
}
._panelHeader_1lgm5_49 h2 {
  margin: 0;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
}
._panelHeader_1lgm5_49 p {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}
._form_1lgm5_67 {
  display: grid;
  gap: 0.9rem;
}
._field_1lgm5_72 {
  display: grid;
  gap: 0.42rem;
}
._field_1lgm5_72 label {
  color: var(--color-ink);
  font-size: 0.85rem;
  font-weight: var(--font-weight-bold);
}
._field_1lgm5_72 input {
  width: 100%;
  min-height: 3.55rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--color-border-neutral);
  border-radius: 1rem;
  background: #ffffffeb;
  color: var(--color-ink);
  font-size: 1rem;
  box-shadow: var(--shadow-soft);
  outline: none;
  transition:
    border-color var(--motion-fast),
    box-shadow var(--motion-fast);
}
._field_1lgm5_72 input:focus {
  border-color: #5c27c6b3;
  box-shadow: 0 0 0 4px #5c27c61f;
}
._honeypot_1lgm5_102 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
._turnstile_1lgm5_114 {
  min-height: 4.1rem;
  display: grid;
  align-items: center;
  overflow: hidden;
}
._formError_1lgm5_121,
._unavailable_1lgm5_122 {
  margin: 0;
  padding: 0.8rem 0.95rem;
  border-radius: 0.9rem;
  background: #ffecece0;
  color: #8d2f2f;
  font-size: 0.86rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.45;
}
._backButton_1lgm5_133 {
  justify-self: center;
  min-height: 2.7rem;
  padding: 0.45rem 0.8rem;
  color: var(--color-ink-muted);
  font-size: 0.86rem;
  font-weight: var(--font-weight-bold);
  cursor: pointer;
}
._sent_1lgm5_143 {
  width: 100%;
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  padding: 1rem 0 0;
  text-align: center;
  animation: _reveal_1lgm5_1 0.22s var(--ease-out);
}
._sentIcon_1lgm5_153 {
  width: 4rem;
  height: 4rem;
  display: grid;
  place-items: center;
  border-radius: 1.25rem;
  color: #fff;
  background: var(--gradient-brand);
  box-shadow: 0 14px 34px #5c27c640;
}
._sent_1lgm5_143 h2 {
  margin: 0;
  font-size: 1.55rem;
  letter-spacing: -0.04em;
}
._sent_1lgm5_143 p {
  max-width: 27rem;
  margin: 0;
  color: var(--color-ink-muted);
  line-height: 1.55;
}
._sent_1lgm5_143 strong {
  color: var(--color-ink);
  overflow-wrap: anywhere;
}
@keyframes _reveal_1lgm5_1 {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._panel_1lgm5_42,
  ._sent_1lgm5_143 {
    animation: none;
  }
}
._button_5gdpf_1 {
  position: relative;
  min-height: 3.8rem;
  border: 2px solid rgba(107, 74, 235, 0.36);
  font-size: 1rem;
}
._googleIcon_5gdpf_8 {
  color: #4285f4;
  font-size: 1.2rem;
}
._arrow_5gdpf_13 {
  position: absolute;
  right: 1.15rem;
  color: var(--color-brand-violet);
}
._card_1qdon_1 {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
._page_1ffyz_1 {
  min-height: 100svh;
  padding: max(1rem, env(safe-area-inset-top)) 1rem
    max(1.5rem, env(safe-area-inset-bottom));
  display: grid;
  align-content: center;
}
._backLink_1ffyz_8 {
  position: absolute;
  top: max(1.1rem, env(safe-area-inset-top));
  left: 1rem;
  min-height: var(--touch-target);
  padding: 0.65rem 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border-radius: var(--radius-pill);
  background: #ffffff9e;
  color: var(--color-ink-muted);
  font-size: 0.9rem;
  font-weight: var(--font-weight-bold);
  box-shadow: var(--shadow-soft);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
._layout_1ffyz_26 {
  width: min(100%, 68rem);
  margin: 4.5rem auto 0;
  display: grid;
  gap: 1rem;
}
._loginCard_1ffyz_33,
._messageCard_1ffyz_34 {
  padding: clamp(1.4rem, 5vw, 3rem);
}
._loginCard_1ffyz_33 {
  display: grid;
  justify-items: start;
  gap: 1.7rem;
}
._copy_1ffyz_44 {
  display: grid;
  gap: 0.75rem;
}
._kicker_1ffyz_49 {
  margin: 0;
  color: var(--color-brand-purple);
  font-size: 0.78rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.1em;
}
._copy_1ffyz_44 h1 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2.25rem, 10vw, 4.3rem);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.06em;
  line-height: 0.98;
}
._copy_1ffyz_44 p:not(._kicker_1ffyz_49) {
  max-width: 40rem;
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 1rem;
  line-height: 1.7;
}
._authOptions_1ffyz_74 {
  width: 100%;
  display: grid;
  gap: 1rem;
}
._note_1ffyz_80 {
  width: 100%;
  margin: -0.6rem 0 0;
  color: var(--color-ink-muted);
  font-size: 0.84rem;
  text-align: center;
}
._messageCard_1ffyz_34 {
  position: relative;
  min-height: 31rem;
  display: grid;
  align-content: end;
  overflow: hidden;
  isolation: isolate;
  background: #4d1cad;
  color: #fff;
}
._messageCard_1ffyz_34:before,
._messageCard_1ffyz_34:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
._messageCard_1ffyz_34:before {
  z-index: -1;
  background: linear-gradient(180deg, #4d1cad52, #5327bc8c 48%, #481ea5d1);
}
._messageCard_1ffyz_34:after {
  inset: auto 0 0;
  height: 48%;
  z-index: -1;
  background: linear-gradient(180deg, #5727be00, #5727be8a 42%, #5727be);
}
._iconBubble_1ffyz_119 {
  width: 3.25rem;
  aspect-ratio: 1;
  margin-bottom: 1rem;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  background: #ffffff29;
  border: 1px solid rgba(255, 255, 255, 0.24);
}
._iconBubble_1ffyz_119 svg {
  width: 1.75rem;
  height: 1.75rem;
}
._sparkles_1ffyz_135 {
  position: absolute;
  top: 1.4rem;
  right: 1.4rem;
  color: var(--color-accent-yellow);
}
._messageCopy_1ffyz_142 {
  position: relative;
  z-index: 2;
  max-width: 29rem;
  margin-top: auto;
  padding-top: 10rem;
}
._quote_1ffyz_150 {
  margin: 0;
  font-size: clamp(1.58rem, 6.2vw, 2.45rem);
  font-weight: var(--font-weight-bold);
  line-height: 1.18;
  letter-spacing: -0.04em;
}
._signature_1ffyz_158 {
  margin: 1.2rem 0 0;
  color: #ffffffeb;
  font-size: 1.06rem;
  font-weight: var(--font-weight-bold);
}
._designerImage_1ffyz_165 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 76%;
  object-fit: cover;
  object-position: center top;
  filter: grayscale(1) contrast(1.04);
}
@media (min-width: 820px) {
  ._page_1ffyz_1 {
    padding-inline: 2rem;
  }
  ._backLink_1ffyz_8 {
    left: 2rem;
  }
  ._layout_1ffyz_26 {
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
    gap: 1.5rem;
  }
  ._loginCard_1ffyz_33,
  ._messageCard_1ffyz_34 {
    min-height: 35rem;
  }
  ._designerImage_1ffyz_165 {
    height: 74%;
    object-position: center top;
  }
  ._loginCard_1ffyz_33 {
    align-content: center;
  }
}
._errorMessage_1ffyz_206 {
  width: 100%;
  margin: -0.4rem 0 0;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(201, 71, 71, 0.2);
  border-radius: 1rem;
  color: #8d2f2f;
  background: #ffecece0;
  font-size: 0.88rem;
  font-weight: var(--font-weight-bold);
}
._loginCard_1ffyz_33 .brand img,
._loginCard_1ffyz_33 img[src="/kecibo-mark.png"] {
  width: 4rem;
  height: 4rem;
}
@media (max-width: 819px) {
  ._messageCard_1ffyz_34 {
    min-height: 34rem;
  }
  ._messageCopy_1ffyz_142 {
    padding-top: 11rem;
  }
  ._designerImage_1ffyz_165 {
    height: 69%;
    object-position: center 0;
  }
  ._quote_1ffyz_150 {
    font-size: clamp(1.75rem, 7vw, 2.25rem);
  }
}
._receipt_1rj9p_1 {
  width: 100%;
  padding: 1.25rem;
  overflow: hidden;
  border-radius: 1.45rem;
  color: #202132;
  background: #fff;
  box-shadow: 0 24px 58px #27224621;
}
._receipt_1rj9p_1 header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ececf2;
}
._receipt_1rj9p_1 header img {
  width: 2.5rem;
  height: 2.5rem;
}
._receipt_1rj9p_1 header > div {
  display: grid;
  justify-items: end;
  gap: 0.15rem;
}
._receipt_1rj9p_1 header span {
  color: var(--color-brand-purple);
  font-size: 0.7rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.12em;
}
._receipt_1rj9p_1 header strong {
  font-size: 1.05rem;
}
._meta_1rj9p_7 {
  padding: 1rem 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.6rem;
  border-bottom: 1px solid #ececf2;
}
._meta_1rj9p_7 > span,
._delivery_1rj9p_8 span {
  color: #77798a;
  font-size: 0.75rem;
}
._meta_1rj9p_7 > strong {
  font-size: 0.83rem;
  text-align: right;
}
._delivery_1rj9p_8 {
  padding: 0.85rem 0;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid #ececf2;
}
._delivery_1rj9p_8 strong {
  color: #7a4a0b;
  font-size: 0.82rem;
  text-align: right;
}
._receipt_1rj9p_1 dl {
  margin: 0;
  display: grid;
}
._receipt_1rj9p_1 dl > div {
  padding: 1rem 0;
  display: grid;
  gap: 0.35rem;
  border-bottom: 1px solid #ececf2;
}
._receipt_1rj9p_1 dt {
  color: #77798a;
  font-size: 0.72rem;
  font-weight: var(--font-weight-bold);
}
._receipt_1rj9p_1 dd {
  margin: 0;
  font-size: 0.95rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.45;
}
._receipt_1rj9p_1 ._amount_1rj9p_16 dd {
  color: var(--color-brand-purple);
  font-size: 2rem;
  letter-spacing: -0.05em;
}
._itemsTable_1rj9p_17 {
  display: grid;
  gap: 0.55rem;
}
._itemRow_1rj9p_18 {
  padding: 0.7rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.2rem 0.75rem;
  border-radius: 0.75rem;
  background: #f8f7fb;
}
._itemRow_1rj9p_18 span {
  min-width: 0;
  font-size: 0.87rem;
}
._itemRow_1rj9p_18 strong {
  font-size: 0.87rem;
}
._itemRow_1rj9p_18 small {
  grid-column: 1 / -1;
  color: #77798a;
  font-size: 0.7rem;
  font-weight: var(--font-weight-medium);
}
._specifications_1rj9p_22 dd {
  white-space: pre-wrap;
  font-weight: var(--font-weight-medium);
}
._receipt_1rj9p_1 footer {
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
  color: #9698a6;
  font-size: 0.72rem;
}
._receipt_1rj9p_1 footer span {
  color: var(--color-brand-purple);
  font-weight: var(--font-weight-black);
}
._moneyRow_1rj9p_25 dd {
  font-size: 1.05rem;
}
._balanceDue_1rj9p_26 dd {
  color: #a34535;
}
._balancePaid_1rj9p_27 dd {
  color: #327a55;
}
@media (min-width: 600px) {
  ._receipt_1rj9p_1 {
    padding: 1.75rem;
    border-radius: 1.8rem;
  }
  ._receipt_1rj9p_1 dl > div {
    grid-template-columns: 9rem 1fr;
    align-items: baseline;
  }
  ._receipt_1rj9p_1 ._itemsBlock_1rj9p_28 {
    align-items: start;
  }
  ._receipt_1rj9p_1 ._amount_1rj9p_16 dd {
    font-size: 2.35rem;
  }
}
@media print {
  ._receipt_1rj9p_1 {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}
._page_36yv1_1 {
  min-height: 100svh;
  padding: max(1rem, env(safe-area-inset-top)) 1rem
    max(1.5rem, env(safe-area-inset-bottom));
  display: grid;
  place-items: center;
}
._wrap_36yv1_2 {
  width: min(100%, 38rem);
  display: grid;
  gap: 1rem;
}
._actions_36yv1_3 {
  padding: 1rem;
  display: grid;
  gap: 0.65rem;
  border-radius: 1.45rem;
  background: #ffffffb8;
  box-shadow: var(--shadow-card);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
._approved_36yv1_4 {
  min-height: 4.5rem;
  padding: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  color: var(--color-success);
  background: var(--color-success-soft);
}
._approved_36yv1_4 > svg {
  flex: 0 0 auto;
}
._approved_36yv1_4 div {
  display: grid;
  gap: 0.2rem;
}
._approved_36yv1_4 span {
  font-size: 0.78rem;
}
._confirm_36yv1_8 {
  padding: 0.7rem;
  display: grid;
  gap: 0.8rem;
  text-align: center;
}
._confirm_36yv1_8 > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}
._notFound_36yv1_10 {
  min-height: 100svh;
  display: grid;
  place-content: center;
  text-align: center;
}
._notFound_36yv1_10 p {
  color: var(--color-ink-muted);
}
@media print {
  body {
    background: #fff !important;
  }
  ._page_36yv1_1 {
    padding: 0;
  }
  ._actions_36yv1_3 {
    display: none;
  }
}
._gate_kwbrv_1 {
  min-height: 100svh;
  padding: 1rem;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at top, #eee8ff, transparent 45%), #f7f6fa;
}
._gate_kwbrv_1 > section {
  width: min(100%, 25rem);
  padding: 1.5rem;
  display: grid;
  justify-items: center;
  gap: 0.9rem;
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: var(--shadow-card);
  text-align: center;
}
._lock_kwbrv_3 {
  width: 3.5rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--color-brand-purple);
  background: #eee8ff;
}
._gate_kwbrv_1 h1,
._gate_kwbrv_1 p {
  margin: 0;
}
._gate_kwbrv_1 p {
  color: var(--color-ink-muted);
  font-size: 0.86rem;
  line-height: 1.5;
}
._gate_kwbrv_1 form {
  width: 100%;
  display: grid;
  gap: 0.7rem;
}
._gate_kwbrv_1 input {
  min-height: 4rem;
  border: 2px solid #ded9e9;
  border-radius: 1rem;
  outline: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.35em;
  font-size: 1.5rem;
  font-weight: var(--font-weight-black);
}
._gate_kwbrv_1 input:focus {
  border-color: var(--color-brand-purple);
}
._gate_kwbrv_1 button {
  min-height: 3.5rem;
  border-radius: 1rem;
  color: #fff;
  background: var(--color-brand-purple);
  font-weight: var(--font-weight-black);
}
._gate_kwbrv_1 button:disabled {
  opacity: 0.5;
}
._gate_kwbrv_1 > section > span {
  color: #a34535;
  font-size: 0.8rem;
}
._page_kwbrv_12 {
  min-height: 100svh;
  padding: 1rem;
  background: #f4f3f7;
}
._page_kwbrv_12 > header {
  width: min(100%, 64rem);
  margin: 0 auto 1rem;
  padding: 0.8rem 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
}
._heading_kwbrv_14 {
  min-width: 0;
}
._page_kwbrv_12 h1 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.35rem;
}
._page_kwbrv_12 header span {
  color: var(--color-ink-muted);
  font-size: 0.78rem;
}
._refreshButton_kwbrv_17 {
  min-height: 2.65rem;
  padding: 0 0.85rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 0.85rem;
  color: var(--color-brand-purple);
  background: #fff;
  font-size: 0.75rem;
  font-weight: var(--font-weight-black);
  box-shadow: var(--shadow-soft);
}
._refreshButton_kwbrv_17:disabled {
  opacity: 0.55;
}
._syncStatus_kwbrv_19 {
  width: min(100%, 64rem);
  margin: 0 auto 1rem;
  padding: 0.7rem 0.85rem;
  display: grid;
  gap: 0.15rem;
  border-radius: 0.9rem;
  color: #57486e;
  background: #eee8ff;
}
._syncStatus_kwbrv_19 span {
  font-size: 0.75rem;
  font-weight: var(--font-weight-black);
}
._syncStatus_kwbrv_19 small {
  color: #716783;
  font-size: 0.68rem;
  line-height: 1.4;
}
._page_kwbrv_12 > section {
  width: min(100%, 64rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 25rem), 1fr));
  align-items: start;
  gap: 1rem;
}
@media (max-width: 560px) {
  ._page_kwbrv_12 > header {
    grid-template-columns: auto minmax(0, 1fr);
  }
  ._refreshButton_kwbrv_17 {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: center;
  }
}
._tile_dvox0_1 {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 0.35rem;
  color: #36394a;
  font-size: 0.62rem;
  font-weight: var(--font-weight-medium);
}
._icon_dvox0_11 {
  width: 2.65rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 0.85rem;
  color: #fff;
  box-shadow: 0 7px 18px #32295924;
}
._icon_dvox0_11 svg {
  width: 1.45rem;
  height: 1.45rem;
}
._icon_dvox0_11 img {
  width: 86%;
  height: 86%;
  object-fit: contain;
}
._popover_1p2ui_1 {
  width: min(20rem, 84vw);
  display: grid;
  justify-items: center;
  gap: 0.85rem;
}
._label_1p2ui_8 {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: var(--radius-pill);
  background: #ffffffbd;
  box-shadow: var(--shadow-soft);
  color: var(--color-ink);
  font-size: 0.9rem;
  font-weight: var(--font-weight-bold);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
._statusDot_1p2ui_23 {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--color-accent-yellow);
  box-shadow: 0 0 0 0.25rem #e7ad3c2b;
}
._phoneShell_1p2ui_31 {
  position: relative;
  width: 14rem;
  padding: 0.58rem;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 2.35rem;
  background: #ffffffc2;
  box-shadow: var(--shadow-float);
  transform: rotate(2.4deg);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
._speaker_1p2ui_43 {
  position: absolute;
  z-index: 2;
  top: 0.92rem;
  left: 50%;
  width: 3.35rem;
  height: 0.3rem;
  border-radius: var(--radius-pill);
  background: #17182a26;
  transform: translate(-50%);
}
._screen_1p2ui_55 {
  min-height: 24.7rem;
  padding: 1.1rem 0.8rem 1rem;
  overflow: hidden;
  border-radius: 1.9rem;
  background:
    radial-gradient(
      circle at 15% 4%,
      rgba(255, 230, 238, 0.92),
      transparent 43%
    ),
    radial-gradient(
      circle at 80% 12%,
      rgba(221, 232, 255, 0.94),
      transparent 48%
    ),
    linear-gradient(160deg, #f6f3fb, #e9f1fa 54%, #e8f4ed);
}
._statusBar_1p2ui_66 {
  display: flex;
  justify-content: space-between;
  padding: 0 0.32rem 1.2rem;
  color: #17182ab8;
  font-size: 0.58rem;
  font-weight: var(--font-weight-bold);
}
._appGrid_1p2ui_75 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem 0.45rem;
}
._keciboTile_1p2ui_81 {
  grid-column: 2;
  animation: _keciboPop_1p2ui_1 6.5s var(--ease-bounce) infinite;
  transform-origin: center;
}
@keyframes _keciboPop_1p2ui_1 {
  0%,
  7% {
    opacity: 0;
    transform: scale(0.15) translateY(1.1rem);
  }
  12% {
    opacity: 1;
    transform: scale(1.18) translateY(-0.18rem);
  }
  16% {
    transform: scale(0.91) translateY(0.12rem);
  }
  20%,
  88% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  95%,
  to {
    opacity: 0;
    transform: scale(0.72) translateY(0.4rem);
  }
}
@media (min-width: 760px) {
  ._phoneShell_1p2ui_31 {
    width: 15.4rem;
  }
  ._screen_1p2ui_55 {
    min-height: 27.2rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._keciboTile_1p2ui_81 {
    animation: none;
  }
}
._backdrop_h4new_1 {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: max(1rem, env(safe-area-inset-top)) 1rem
    max(1rem, env(safe-area-inset-bottom));
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: #17182a7a;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  animation: _backdropIn_h4new_1 0.18s var(--ease-out) both;
}
._popover_h4new_14 {
  position: relative;
  width: min(100%, 30rem);
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  padding: 1rem;
  display: grid;
  justify-items: center;
  gap: 1rem;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 2rem;
  background:
    radial-gradient(
      circle at 12% 4%,
      rgba(255, 232, 239, 0.98),
      transparent 43%
    ),
    radial-gradient(
      circle at 86% 16%,
      rgba(224, 233, 255, 0.98),
      transparent 48%
    ),
    linear-gradient(160deg, #fffffffa, #ebf4f0f7);
  box-shadow: 0 30px 80px #1f184247;
  animation: _popIn_h4new_1 0.48s var(--ease-bounce) both;
}
._close_h4new_33 {
  position: sticky;
  z-index: 2;
  top: 0;
  justify-self: end;
  width: 2.8rem;
  aspect-ratio: 1;
  margin-bottom: -3rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  color: var(--color-ink);
  background: #ffffffe0;
  box-shadow: var(--shadow-soft);
}
._visual_h4new_50 {
  width: 100%;
  display: grid;
  place-items: center;
  transform: scale(0.82);
  transform-origin: top center;
  margin-bottom: -4.3rem;
}
._copy_h4new_59 {
  max-width: 24rem;
  display: grid;
  gap: 0.55rem;
  text-align: center;
}
._copy_h4new_59 h2 {
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(1.8rem, 8vw, 2.6rem);
  line-height: 1;
  letter-spacing: -0.055em;
}
._copy_h4new_59 p {
  margin: 0;
  color: var(--color-ink-muted);
  line-height: 1.55;
}
._message_h4new_80 {
  padding: 0.75rem 0.9rem;
  border-radius: 1rem;
  color: var(--color-brand-deep);
  background: #ffffffbf;
  font-size: 0.82rem;
  font-weight: var(--font-weight-bold);
}
._actions_h4new_89 {
  width: 100%;
  display: grid;
  gap: 0.7rem;
}
@keyframes _backdropIn_h4new_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _popIn_h4new_1 {
  0% {
    opacity: 0;
    transform: scale(0.72) translateY(2rem);
  }
  60% {
    opacity: 1;
    transform: scale(1.035) translateY(-0.25rem);
  }
  78% {
    transform: scale(0.985) translateY(0.1rem);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@media (max-height: 720px) {
  ._visual_h4new_50 {
    transform: scale(0.68);
    margin-bottom: -8.4rem;
  }
}
@media (min-width: 700px) {
  ._popover_h4new_14 {
    padding: 1.4rem 1.5rem 1.5rem;
  }
  ._visual_h4new_50 {
    transform: scale(0.9);
    margin-bottom: -2.5rem;
  }
  ._actions_h4new_89 {
    grid-template-columns: 1.25fr 0.75fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._backdrop_h4new_1,
  ._popover_h4new_14 {
    animation: none;
  }
}
._qr_jt9dt_1 {
  width: 9.5rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._qr_jt9dt_1 img {
  width: 100%;
  height: 100%;
  padding: 0.45rem;
  object-fit: contain;
}
._qr_jt9dt_1 span {
  color: var(--color-ink-muted);
  font-size: 0.75rem;
}
._actions_1j2ak_1 {
  display: grid;
  gap: 0.65rem;
}
@media (min-width: 640px) {
  ._actions_1j2ak_1 {
    grid-template-columns: 1.2fr 1fr 1fr;
  }
}
@media print {
  ._actions_1j2ak_1 {
    display: none;
  }
}
._message_1j2ak_5 {
  margin: 0;
  color: var(--color-brand-purple);
  font-size: 0.78rem;
  font-weight: var(--font-weight-bold);
  text-align: center;
}
@media (min-width: 640px) {
  ._message_1j2ak_5 {
    grid-column: 1 / -1;
  }
}
._hiddenTitle_1j2ak_7 {
  display: none;
}
._page_2iext_1 {
  min-height: 100svh;
  padding: max(1rem, env(safe-area-inset-top)) 1rem
    max(1.5rem, env(safe-area-inset-bottom));
}
._header_2iext_2 {
  width: min(100%, 70rem);
  margin: 0 auto 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
._header_2iext_2 > a {
  width: 3rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  background: #fffc;
  box-shadow: var(--shadow-soft);
}
._success_2iext_4 {
  min-height: 2.75rem;
  padding: 0.55rem 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  border-radius: var(--radius-pill);
  color: var(--color-success);
  background: var(--color-success-soft);
  font-size: 0.78rem;
  font-weight: var(--font-weight-black);
}
._layout_2iext_5 {
  width: min(100%, 70rem);
  margin: 0 auto;
  display: grid;
  gap: 1rem;
}
._preview_2iext_6 {
  min-width: 0;
}
._panel_2iext_7 {
  min-width: 0;
  padding: 1.25rem;
  display: grid;
  align-content: start;
  gap: 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 1.65rem;
  background: #ffffffbf;
  box-shadow: var(--shadow-card);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
._panel_2iext_7 > div:first-child {
  display: grid;
  gap: 0.45rem;
}
._panel_2iext_7 p {
  margin: 0;
}
._panel_2iext_7 > div:first-child p {
  color: var(--color-brand-purple);
  font-size: 0.72rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.09em;
}
._panel_2iext_7 h1 {
  margin: 0;
  font-size: clamp(1.8rem, 8vw, 2.8rem);
  line-height: 1;
  letter-spacing: -0.055em;
}
._panel_2iext_7 > div:first-child span {
  color: var(--color-ink-muted);
  line-height: 1.55;
}
._linkBox_2iext_13 {
  min-width: 0;
  padding: 0.9rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.3rem 0.7rem;
  border-radius: 1rem;
  background: #fff;
}
._linkBox_2iext_13 span {
  grid-column: 1 / -1;
  color: var(--color-ink-muted);
  font-size: 0.7rem;
  font-weight: var(--font-weight-black);
}
._linkBox_2iext_13 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
}
._linkBox_2iext_13 a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--color-brand-purple);
  font-size: 0.78rem;
  font-weight: var(--font-weight-black);
}
._qrRow_2iext_17 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._qrRow_2iext_17 p {
  color: var(--color-ink-muted);
  font-size: 0.78rem;
  line-height: 1.5;
}
._notFound_2iext_19 {
  min-height: 100svh;
  display: grid;
  place-content: center;
  justify-items: center;
  text-align: center;
}
@media (min-width: 840px) {
  ._layout_2iext_5 {
    grid-template-columns: minmax(22rem, 0.95fr) minmax(24rem, 1.05fr);
    align-items: center;
    gap: 1.5rem;
  }
  ._panel_2iext_7 {
    padding: 2rem;
  }
}
@media print {
  body {
    background: #fff !important;
  }
  ._header_2iext_2,
  ._panel_2iext_7 {
    display: none;
  }
  ._layout_2iext_5 {
    display: block;
  }
  ._page_2iext_1 {
    padding: 0;
  }
  ._preview_2iext_6 {
    width: 100%;
  }
}
._closeButton_2iext_22 {
  width: 2.6rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #5b5868;
  background: #f0eef5;
}
._root_48hr6_1 {
  display: grid;
  gap: 1rem;
}
._tableHeader_48hr6_2 {
  display: none;
}
._rows_48hr6_3 {
  display: grid;
  gap: 0.8rem;
}
._row_48hr6_3 {
  padding: 0.85rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  border-radius: 1.15rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._name_48hr6_5 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1.8rem 1fr;
  align-items: center;
  gap: 0.55rem;
}
._name_48hr6_5 > span {
  width: 1.8rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--color-brand-purple);
  background: #eee8ff;
  font-size: 0.75rem;
  font-weight: var(--font-weight-black);
}
._name_48hr6_5 strong {
  font-size: 0.92rem;
  line-height: 1.35;
}
._row_48hr6_3 label {
  display: grid;
  gap: 0.35rem;
}
._row_48hr6_3 label > span {
  color: var(--color-ink-muted);
  font-size: 0.73rem;
  font-weight: var(--font-weight-bold);
}
._moneyInput_48hr6_10 {
  min-height: 3.15rem;
  padding: 0 0.7rem;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid #e4e2eb;
  border-radius: 0.85rem;
  background: #fafafe;
}
._moneyInput_48hr6_10 b {
  color: var(--color-brand-purple);
}
._moneyInput_48hr6_10 input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 1rem;
  font-weight: var(--font-weight-black);
}
._summary_48hr6_13 {
  padding: 0.9rem 1rem;
  display: grid;
  gap: 0.55rem;
  border-radius: 1rem;
  background: #f3efff;
}
._summary_48hr6_13 > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
._summary_48hr6_13 span {
  color: var(--color-ink-muted);
  font-size: 0.8rem;
}
._summary_48hr6_13 strong {
  font-size: 0.92rem;
}
._summary_48hr6_13 ._balance_48hr6_17 {
  padding-top: 0.55rem;
  border-top: 1px solid rgba(92, 39, 198, 0.15);
}
._summary_48hr6_13 ._balance_48hr6_17 strong {
  color: #a34535;
}
@media (min-width: 720px) {
  ._tableHeader_48hr6_2 {
    padding: 0 0.85rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 9rem 9rem;
    gap: 0.75rem;
    color: var(--color-ink-muted);
    font-size: 0.75rem;
    font-weight: var(--font-weight-bold);
  }
  ._row_48hr6_3 {
    grid-template-columns: minmax(0, 1fr) 9rem 9rem;
    align-items: end;
  }
  ._name_48hr6_5 {
    grid-column: auto;
  }
  ._row_48hr6_3 label > span {
    display: none;
  }
}
._root_o5g0w_1 {
  position: relative;
  display: grid;
  gap: 0.65rem;
}
._label_o5g0w_2 {
  font-size: 0.88rem;
  font-weight: var(--font-weight-black);
}
._inputWrap_o5g0w_3 {
  min-height: 4.2rem;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.75rem;
  border: 2px solid transparent;
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._inputWrap_o5g0w_3:focus-within {
  border-color: #5c27c68c;
  box-shadow:
    0 0 0 5px #5c27c617,
    var(--shadow-soft);
}
._inputWrap_o5g0w_3 > svg {
  color: var(--color-brand-purple);
}
._inputWrap_o5g0w_3 input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--color-ink);
  background: transparent;
  font-size: 1.02rem;
  font-weight: var(--font-weight-bold);
}
._inputWrap_o5g0w_3 input::placeholder {
  color: #a0a2af;
  font-weight: var(--font-weight-medium);
}
._clear_o5g0w_8 {
  width: 2.3rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 0.75rem;
  color: var(--color-ink-muted);
  background: #f2f3f7;
}
._hint_o5g0w_9 {
  margin: 0 0.25rem;
  color: var(--color-ink-muted);
  font-size: 0.78rem;
  line-height: 1.5;
}
._results_o5g0w_10 {
  position: absolute;
  z-index: 200;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  max-height: min(17rem, 42svh);
  overflow-y: auto;
  overscroll-behavior: contain;
  display: grid;
  gap: 0.25rem;
  padding: 0.45rem;
  border-radius: 1.3rem;
  background: #fffffffc;
  box-shadow: 0 24px 65px #2a1f4f33;
}
._option_o5g0w_11 {
  min-height: 3.45rem;
  padding: 0.55rem 0.65rem;
  display: grid;
  grid-template-columns: 2.4rem 1fr auto;
  align-items: center;
  gap: 0.65rem;
  border-radius: 0.95rem;
  color: var(--color-ink);
  background: transparent;
  text-align: left;
}
._option_o5g0w_11:hover {
  background: #f5f1ff;
}
._avatar_o5g0w_13 {
  width: 2.4rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 0.8rem;
  color: var(--color-brand-purple);
  background: #eee8ff;
  font-size: 0.88rem;
  font-weight: var(--font-weight-black);
}
._option_o5g0w_11 > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}
._option_o5g0w_11 strong,
._option_o5g0w_11 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._option_o5g0w_11 strong {
  font-size: 0.9rem;
}
._option_o5g0w_11 small {
  color: var(--color-ink-muted);
  font-size: 0.76rem;
}
._check_o5g0w_18 {
  color: var(--color-success);
}
._root_1s9yg_1 {
  display: grid;
  gap: 1rem;
}
._selectedList_1s9yg_2 {
  display: grid;
  gap: 0.65rem;
}
._selectedCard_1s9yg_3 {
  min-height: 4rem;
  padding: 0.7rem 0.75rem;
  display: grid;
  grid-template-columns: 2.65rem 1fr 2.35rem;
  align-items: center;
  gap: 0.75rem;
  border: 1px solid rgba(92, 39, 198, 0.12);
  border-radius: 1.15rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._serviceIcon_1s9yg_4 {
  width: 2.65rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #1a1725;
  background: #83e3a6;
  font-weight: var(--font-weight-black);
}
._selectedCard_1s9yg_3 div {
  min-width: 0;
  display: grid;
  gap: 0.2rem;
}
._selectedCard_1s9yg_3 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.94rem;
}
._selectedCard_1s9yg_3 small {
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
._selectedCard_1s9yg_3 button {
  width: 2.35rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #b23838;
  background: #ffe9e9;
}
._field_1yi20_1 {
  display: grid;
  gap: 0.55rem;
}
._field_1yi20_1 > span {
  font-size: 0.82rem;
  font-weight: var(--font-weight-black);
}
._field_1yi20_1 > div {
  min-height: 4.2rem;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.75rem;
  border: 2px solid transparent;
  border-radius: 1.15rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._field_1yi20_1 svg {
  color: var(--color-brand-purple);
}
._field_1yi20_1 input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-weight: var(--font-weight-bold);
}
._root_1lybc_1 {
  display: grid;
  gap: 1rem;
}
._choices_1lybc_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
._choices_1lybc_2 button {
  min-height: 3.8rem;
  border: 2px solid transparent;
  border-radius: 1rem;
  color: var(--color-ink);
  background: #fff;
  box-shadow: var(--shadow-soft);
  font-size: 1rem;
  font-weight: var(--font-weight-black);
}
._choices_1lybc_2 button._active_1lybc_4 {
  border-color: var(--color-brand-purple);
  color: var(--color-brand-purple);
  background: #f6f2ff;
}
._root_1lybc_1 textarea {
  min-height: 11rem;
  padding: 1rem;
  resize: vertical;
  border: 2px solid transparent;
  border-radius: 1.15rem;
  outline: 0;
  background: #fff;
  box-shadow: var(--shadow-soft);
  font: inherit;
  line-height: 1.55;
}
._root_1lybc_1 textarea:focus {
  border-color: #5c27c68c;
  box-shadow:
    0 0 0 5px #5c27c617,
    var(--shadow-soft);
}
._root_1lybc_1 small {
  color: var(--color-ink-muted);
  line-height: 1.5;
}
._progress_hp9uv_1 {
  display: grid;
  gap: 0.55rem;
}
._progress_hp9uv_1 > span {
  color: var(--color-ink-muted);
  font-size: 0.78rem;
  font-weight: var(--font-weight-black);
}
._progress_hp9uv_1 > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.35rem;
}
._progress_hp9uv_1 i {
  height: 0.32rem;
  border-radius: var(--radius-pill);
  background: #60657929;
}
._progress_hp9uv_1 i._done_hp9uv_5 {
  background: var(--gradient-brand);
}
._page_v96qg_1 {
  min-height: 100vh;
  min-height: 100dvh;
  padding: max(1rem, env(safe-area-inset-top)) 1rem
    calc(7.5rem + env(safe-area-inset-bottom) + var(--kecibo-keyboard-offset, 0px));
  display: grid;
  grid-template-rows: auto 1fr;
}
._header_v96qg_2 {
  width: min(100%, 58rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 3rem 1fr;
  align-items: center;
  gap: 1rem;
}
._header_v96qg_2 > button {
  width: 3rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  color: var(--color-ink);
  background: #ffffffbf;
  box-shadow: var(--shadow-soft);
}
._layout_v96qg_4 {
  width: min(100%, 58rem);
  margin: 1.8rem auto 0;
  display: grid;
  align-content: center;
  gap: 1.3rem;
}
._copy_v96qg_5 {
  display: grid;
  gap: 0.45rem;
}
._copy_v96qg_5 p {
  margin: 0;
  color: var(--color-brand-purple);
  font-size: 0.75rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.1em;
}
._copy_v96qg_5 h1 {
  max-width: 15ch;
  margin: 0;
  font-size: clamp(2rem, 10vw, 3.5rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
}
._copy_v96qg_5 span {
  color: var(--color-ink-muted);
  line-height: 1.55;
}
._stepCard_v96qg_9 {
  min-width: 0;
  padding: 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 1.65rem;
  background: #ffffff94;
  box-shadow: var(--shadow-card);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
._footer_v96qg_10 {
  position: fixed;
  z-index: 60;
  left: 0;
  right: 0;
  bottom: var(--kecibo-keyboard-offset, 0px);
  padding: 0.85rem 1rem max(0.9rem, env(safe-area-inset-bottom));
  transition: bottom 0.18s ease;
  display: grid;
  justify-items: center;
  gap: 0.35rem;
  background: linear-gradient(to top, #eef3f6fa 70%, #eef3f600);
}
._footer_v96qg_10 > button {
  width: min(100%, 36rem);
}
._footer_v96qg_10 small {
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
@media (min-width: 800px) {
  ._page_v96qg_1 {
    padding-inline: 2rem;
  }
  ._layout_v96qg_4 {
    grid-template-columns: minmax(16rem, 0.7fr) minmax(24rem, 1.3fr);
    align-items: center;
    gap: 2.5rem;
  }
  ._stepCard_v96qg_9 {
    padding: 1.8rem;
  }
}
._stepCardPlain_v96qg_15 {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media (min-width: 800px) {
  ._stepCardPlain_v96qg_15 {
    padding: 0;
  }
}
._error_v96qg_18 {
  color: #9b3535 !important;
  font-weight: var(--font-weight-bold);
}
._empty_k7quf_1 {
  padding: 3rem 1.5rem;
  display: grid;
  justify-items: center;
  text-align: center;
}
._icon_k7quf_7 {
  width: 4rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 1.35rem;
  color: var(--color-brand-purple);
  background: #eee8ff;
}
._empty_k7quf_1 h2 {
  margin: 1rem 0 0.35rem;
  font-size: 1.2rem;
}
._empty_k7quf_1 p {
  max-width: 28rem;
  margin: 0;
  color: var(--color-ink-muted);
  line-height: 1.6;
}
._page_1thvp_1 {
  display: grid;
  gap: 1.2rem;
}
._page_1thvp_1 > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}
._page_1thvp_1 > header p {
  margin: 0 0 0.2rem;
  color: var(--color-brand-purple);
  font-size: 0.72rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.1em;
}
._page_1thvp_1 > header h1 {
  margin: 0;
  font-size: clamp(2rem, 9vw, 3.25rem);
  letter-spacing: -0.06em;
}
._page_1thvp_1 > header span {
  color: var(--color-ink-muted);
  font-size: 0.85rem;
}
._page_1thvp_1 > header a {
  min-height: 3rem;
  padding: 0.65rem 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: 0;
  border-radius: 1rem;
  color: #fff;
  background: var(--gradient-brand);
  font-size: 0.82rem;
  font-weight: var(--font-weight-black);
  box-shadow: var(--shadow-soft);
}
._list_1thvp_7 {
  overflow: hidden;
  border-radius: 1.55rem;
  background: #ffffffdb;
  box-shadow: var(--shadow-card);
}
._row_1thvp_8 {
  position: relative;
  display: block;
  padding: 0;
  min-height: 5.7rem;
  border-bottom: 1px solid #ececf2;
}
._row_1thvp_8:last-child {
  border: 0;
}
._rowLink_1thvp_10 {
  min-height: 5.7rem;
  padding: 0.9rem 7.5rem 0.9rem 0.9rem;
  display: grid;
  grid-template-columns: 2.8rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
}
._number_1thvp_11 {
  width: 2.8rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 0.9rem;
  color: var(--color-brand-purple);
  background: #eee8ff;
  font-size: 0.68rem;
  font-weight: var(--font-weight-black);
}
._info_1thvp_12 {
  min-width: 0;
  display: grid;
  gap: 0.25rem;
}
._info_1thvp_12 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}
._info_1thvp_12 small {
  color: var(--color-ink-muted);
  font-size: 0.72rem;
  line-height: 1.4;
}
._end_1thvp_15 {
  display: grid;
  justify-items: end;
  gap: 0.4rem;
}
._end_1thvp_15 > strong {
  font-size: 0.85rem;
}
._rowActions_1thvp_17 {
  position: absolute;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 0.42rem;
}
._editButton_1thvp_18,
._deleteButton_1thvp_18 {
  width: 2.5rem;
  aspect-ratio: 1;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
._editButton_1thvp_18 {
  color: var(--color-brand-purple);
  background: #eee8ff;
}
._deleteButton_1thvp_18 {
  color: #9b3535;
  background: #fff0f0;
}
._modalBackdrop_1thvp_21 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  padding: 1rem;
  display: grid;
  place-items: center;
  background: #1a172580;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
._modal_1thvp_21 {
  width: min(100%, 34rem);
  max-height: calc(100svh - 2rem);
  overflow-y: auto;
  padding: 1.15rem;
  display: grid;
  gap: 1rem;
  border-radius: 1.4rem;
  background: #fff;
  box-shadow: 0 30px 80px #16122a47;
}
._modal_1thvp_21 > header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 1rem;
}
._modal_1thvp_21 > header span {
  color: var(--color-brand-purple);
  font-size: 0.7rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.08em;
}
._modal_1thvp_21 h2 {
  margin: 0.2rem 0 0;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
}
._modal_1thvp_21 > header button {
  width: 2.55rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #5b5868;
  background: #f1eff5;
}
._modal_1thvp_21 > p {
  margin: 0;
  padding: 0.72rem 0.85rem;
  border-radius: 0.85rem;
  color: #665f72;
  background: #f7f5fa;
  font-size: 0.78rem;
  line-height: 1.45;
}
._modal_1thvp_21 label {
  display: grid;
  gap: 0.4rem;
}
._modal_1thvp_21 label > span {
  font-size: 0.78rem;
  font-weight: var(--font-weight-black);
}
._modal_1thvp_21 input,
._modal_1thvp_21 textarea {
  width: 100%;
  padding: 0.82rem 0.9rem;
  border: 1px solid #dfdbe7;
  border-radius: 0.9rem;
  outline: none;
  background: #fff;
  font: inherit;
}
._modal_1thvp_21 input {
  min-height: 3.2rem;
}
._modal_1thvp_21 textarea {
  resize: vertical;
  min-height: 9rem;
  line-height: 1.5;
}
._modal_1thvp_21 input:focus,
._modal_1thvp_21 textarea:focus {
  border-color: var(--color-brand-purple);
  box-shadow: 0 0 0 3px #5c27c61a;
}
._modal_1thvp_21 label small {
  justify-self: end;
  color: var(--color-ink-muted);
  font-size: 0.68rem;
}
._error_1thvp_35 {
  padding: 0.72rem 0.85rem;
  border-radius: 0.8rem;
  color: #983c3c;
  background: #ffeded;
  font-size: 0.78rem;
}
._modalActions_1thvp_36 {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
}
._modalActions_1thvp_36 button {
  min-height: 3rem;
  padding: 0 1rem;
  border-radius: 0.9rem;
  color: #5f596b;
  background: #f0eef4;
  font-weight: var(--font-weight-black);
}
._modalActions_1thvp_36 ._saveButton_1thvp_38 {
  color: #fff;
  background: var(--color-brand-purple);
}
._modalActions_1thvp_36 ._saveButton_1thvp_38:disabled {
  opacity: 0.55;
}
@media (max-width: 520px) {
  ._rowLink_1thvp_10 {
    padding-right: 6.7rem;
    grid-template-columns: 2.6rem minmax(0, 1fr);
  }
  ._number_1thvp_11 {
    width: 2.6rem;
  }
  ._end_1thvp_15 {
    grid-column: 2;
    grid-row: 2;
    justify-items: start;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  ._rowActions_1thvp_17 {
    right: 0.42rem;
    gap: 0.28rem;
  }
  ._editButton_1thvp_18,
  ._deleteButton_1thvp_18 {
    width: 2.35rem;
  }
  ._modalBackdrop_1thvp_21 {
    align-items: end;
    padding: 0.55rem;
  }
  ._modal_1thvp_21 {
    width: 100%;
    max-height: calc(100svh - 1.1rem);
    border-radius: 1.35rem 1.35rem 0.8rem 0.8rem;
  }
}
._card_vhum9_1 {
  padding: 1rem;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  align-items: center;
  gap: 0.85rem;
  border-radius: 1.35rem;
  background: linear-gradient(135deg, #fffffff0, #efeaffe6);
  box-shadow: var(--shadow-soft);
}
._card_vhum9_1 > div:nth-child(2) {
  display: grid;
  gap: 0.25rem;
}
._card_vhum9_1 strong {
  font-size: 0.95rem;
}
._card_vhum9_1 span {
  color: var(--color-ink-muted);
  font-size: 0.75rem;
  line-height: 1.45;
}
._card_vhum9_1 em {
  color: var(--color-brand-deep);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: var(--font-weight-bold);
}
._card_vhum9_1 button {
  grid-column: 1 / -1;
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border: 0;
  border-radius: 1rem;
  color: #fff;
  background: var(--gradient-brand);
  font-size: 0.8rem;
  font-weight: var(--font-weight-black);
}
@media (min-width: 620px) {
  ._card_vhum9_1 {
    grid-template-columns: 3rem minmax(0, 1fr) auto;
  }
  ._card_vhum9_1 button {
    grid-column: auto;
    padding: 0 1rem;
  }
}
._root_1e2pu_1 {
  padding: 1rem;
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  align-items: center;
  gap: 0.9rem;
  border-radius: 1.35rem;
  background: #ffffffe0;
  box-shadow: var(--shadow-soft);
}
._preview_1e2pu_2 {
  width: 4rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 1.15rem;
  color: var(--color-brand-purple);
  background: #eee8ff;
}
._preview_1e2pu_2 img {
  width: 100%;
  height: 100%;
  padding: 0.3rem;
  object-fit: contain;
}
._copy_1e2pu_4 {
  min-width: 0;
  display: grid;
  gap: 0.25rem;
}
._copy_1e2pu_4 strong {
  font-size: 0.95rem;
}
._copy_1e2pu_4 span {
  color: var(--color-ink-muted);
  font-size: 0.75rem;
  line-height: 1.45;
}
._copy_1e2pu_4 b {
  color: #2d7a4b;
  font-size: 0.75rem;
}
._copy_1e2pu_4 em {
  color: var(--color-danger);
  font-size: 0.75rem;
  font-style: normal;
}
._button_1e2pu_9 {
  grid-column: 1 / -1;
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border-radius: 1rem;
  color: var(--color-brand-purple);
  background: #f0ebff;
  font-size: 0.8rem;
  font-weight: var(--font-weight-black);
  cursor: pointer;
}
._button_1e2pu_9 input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 620px) {
  ._root_1e2pu_1 {
    grid-template-columns: 4.5rem minmax(0, 1fr) auto;
  }
  ._button_1e2pu_9 {
    grid-column: auto;
    padding: 0 1rem;
  }
}
._page_vqf71_1 {
  display: grid;
  gap: 1.35rem;
}
._page_vqf71_1 > header p {
  margin: 0 0 0.2rem;
  color: var(--color-brand-purple);
  font-size: 0.72rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.1em;
}
._page_vqf71_1 > header h1 {
  margin: 0;
  font-size: clamp(2rem, 9vw, 3.25rem);
  letter-spacing: -0.06em;
}
._page_vqf71_1 > header span {
  color: var(--color-ink-muted);
  font-size: 0.85rem;
}
._section_vqf71_5 {
  display: grid;
  gap: 0.65rem;
}
._section_vqf71_5 h2 {
  margin: 0;
  font-size: 1rem;
}
._setting_vqf71_7 {
  padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 2.45rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1.25rem;
  background: #ffffffd6;
  box-shadow: var(--shadow-soft);
}
._setting_vqf71_7 > div:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 0.2rem;
}
._setting_vqf71_7 strong {
  font-size: 0.9rem;
}
._setting_vqf71_7 span {
  color: var(--color-ink-muted);
  font-size: 0.74rem;
}
._setting_vqf71_7 button {
  padding: 0.45rem 0.65rem;
  border-radius: var(--radius-pill);
  color: var(--color-brand-purple);
  background: #f0ebff;
  font-size: 0.7rem;
  font-weight: var(--font-weight-black);
}
._accountCard_vqf71_12 {
  padding: 1rem;
  display: grid;
  gap: 1rem;
  border-radius: 1.25rem;
  background: #ffffffd6;
  box-shadow: var(--shadow-soft);
}
._accountCard_vqf71_12 > div {
  min-width: 0;
  display: grid;
  gap: 0.25rem;
}
._accountCard_vqf71_12 strong,
._accountCard_vqf71_12 span {
  overflow-wrap: anywhere;
}
._accountCard_vqf71_12 span {
  color: var(--color-ink-muted);
  font-size: 0.78rem;
}
._accountCard_vqf71_12 button {
  min-height: 3rem;
  padding: 0.7rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: var(--radius-pill);
  color: #8d2f2f;
  background: #ffecece6;
  font-weight: var(--font-weight-black);
}
._accountCard_vqf71_12 button:disabled {
  opacity: 0.58;
  cursor: wait;
}
@media (min-width: 620px) {
  ._accountCard_vqf71_12 {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
}
._serviceForm_vqf71_19 {
  padding: 0.85rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 7rem auto;
  gap: 0.5rem;
  border-radius: 1.25rem;
  background: #ffffffd6;
  box-shadow: var(--shadow-soft);
}
._serviceForm_vqf71_19 input {
  min-width: 0;
  min-height: 2.9rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e1e1e9;
  border-radius: 0.85rem;
  background: #fff;
  outline: 0;
}
._serviceForm_vqf71_19 input:focus {
  border-color: #5c27c68c;
  box-shadow: 0 0 0 3px #5c27c614;
}
._serviceForm_vqf71_19 button,
._serviceRow_vqf71_22 button {
  padding: 0.5rem 0.7rem;
  border-radius: var(--radius-pill);
  color: var(--color-brand-purple);
  background: #f0ebff;
  font-size: 0.7rem;
  font-weight: var(--font-weight-black);
}
._serviceForm_vqf71_19 button:disabled {
  opacity: 0.45;
}
._services_vqf71_24 {
  display: grid;
  gap: 0.45rem;
}
._serviceRow_vqf71_22 {
  padding: 0.72rem 0.8rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  border-radius: 1rem;
  background: #ffffffc7;
}
._serviceRow_vqf71_22 > div {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}
._serviceRow_vqf71_22 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
}
._serviceRow_vqf71_22 span {
  color: var(--color-ink-muted);
  font-size: 0.7rem;
}
._serviceActions_vqf71_29 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}
._serviceRow_vqf71_22 ._dangerText_vqf71_30 {
  color: #9b3535;
  background: #fff0f0;
}
._dangerCard_vqf71_31 {
  padding: 1rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  border: 1px solid rgba(181, 53, 53, 0.16);
  border-radius: 1.25rem;
  background: #fff5f5e6;
}
._dangerCard_vqf71_31 > div {
  display: grid;
  gap: 0.2rem;
}
._dangerCard_vqf71_31 strong {
  color: #812d2d;
}
._dangerCard_vqf71_31 span {
  color: #936060;
  font-size: 0.74rem;
  line-height: 1.4;
}
._dangerCard_vqf71_31 button {
  min-height: 2.8rem;
  padding: 0.65rem 0.8rem;
  border-radius: var(--radius-pill);
  color: #fff;
  background: #a43b3b;
  font-size: 0.72rem;
  font-weight: var(--font-weight-black);
}
@media (max-width: 620px) {
  ._serviceForm_vqf71_19 {
    grid-template-columns: 1fr 6.5rem;
  }
  ._serviceForm_vqf71_19 button {
    grid-column: 1 / -1;
    min-height: 2.8rem;
  }
  ._dangerCard_vqf71_31 {
    grid-template-columns: 1fr;
  }
  ._serviceRow_vqf71_22 {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
  }
  ._serviceRow_vqf71_22 strong {
    font-size: 0.76rem;
  }
  ._serviceRow_vqf71_22 button {
    padding: 0.42rem 0.52rem;
    font-size: 0.62rem;
  }
  ._serviceActions_vqf71_29 {
    gap: 0.28rem;
  }
}
._planGrid_vqf71_39 {
  display: grid;
  gap: 0.75rem;
}
._planCard_vqf71_40 {
  padding: 1rem;
  display: grid;
  gap: 0.75rem;
  border-radius: 1.25rem;
  background: #ffffffd6;
  box-shadow: var(--shadow-soft);
}
._planCurrent_vqf71_41 {
  border: 1px solid rgba(92, 39, 198, 0.16);
  background: linear-gradient(180deg, #ffffffeb, #f4f0ffeb);
}
._planHeader_vqf71_42 {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 0.75rem;
}
._planHeader_vqf71_42 > div {
  display: grid;
  gap: 0.18rem;
}
._planHeader_vqf71_42 strong {
  font-size: 0.96rem;
}
._planHeader_vqf71_42 span {
  color: var(--color-ink-muted);
  font-size: 0.74rem;
  line-height: 1.35;
}
._planBadge_vqf71_46 {
  padding: 0.32rem 0.55rem;
  border-radius: var(--radius-pill);
  color: var(--color-brand-purple);
  background: #f0ebff;
  font-size: 0.68rem !important;
  font-weight: var(--font-weight-black);
  white-space: nowrap;
}
._planPrice_vqf71_47 {
  margin: 0;
  color: var(--color-ink);
  font-size: 1.8rem;
  font-weight: var(--font-weight-black);
  letter-spacing: -0.05em;
}
._planPrice_vqf71_47 small {
  color: var(--color-ink-muted);
  font-size: 0.82rem;
  font-weight: var(--font-weight-bold);
}
._planList_vqf71_49 {
  margin: 0;
  padding-left: 1.1rem;
  display: grid;
  gap: 0.35rem;
  color: var(--color-ink-muted);
  font-size: 0.78rem;
}
._planButton_vqf71_50 {
  min-height: 2.85rem;
  padding: 0.65rem 0.9rem;
  border-radius: var(--radius-pill);
  color: #fff;
  background: var(--gradient-brand);
  font-size: 0.76rem;
  font-weight: var(--font-weight-black);
}
@media (min-width: 820px) {
  ._planGrid_vqf71_39 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  ._planHeader_vqf71_42 {
    flex-direction: column;
  }
  ._planBadge_vqf71_46 {
    align-self: start;
  }
}
._dangerCard_vqf71_31 > button {
  width: 2.55rem;
  aspect-ratio: 1;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
._page_zoh6s_1 {
  width: min(100%, 62rem);
  margin: 0 auto;
  padding: 1rem 1rem 7rem;
  display: grid;
  gap: 1.25rem;
}
._header_zoh6s_2 {
  display: grid;
  grid-template-columns: 2.7rem 1fr;
  align-items: start;
  gap: 0.8rem;
}
._header_zoh6s_2 > a {
  width: 2.7rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--color-ink);
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._header_zoh6s_2 h1 {
  margin: 0;
  font-size: clamp(1.45rem, 5vw, 2rem);
}
._header_zoh6s_2 span {
  color: var(--color-ink-muted);
  font-size: 0.86rem;
}
._setup_zoh6s_6 {
  padding: 1rem;
  display: grid;
  gap: 0.8rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._setup_zoh6s_6 label {
  display: grid;
  gap: 0.35rem;
}
._setup_zoh6s_6 span {
  font-size: 0.75rem;
  font-weight: var(--font-weight-black);
}
._setup_zoh6s_6 input {
  min-height: 3.1rem;
  padding: 0 0.85rem;
  border: 1px solid #e5e2ed;
  border-radius: 0.85rem;
  outline: none;
  font: inherit;
}
._setup_zoh6s_6 label:last-child input {
  text-transform: uppercase;
  letter-spacing: 0.28em;
  font-weight: var(--font-weight-black);
}
._picker_zoh6s_11 {
  display: grid;
  gap: 0.75rem;
}
._pickerTop_zoh6s_12 {
  display: grid;
  gap: 0.6rem;
}
._search_zoh6s_13 {
  min-height: 3.3rem;
  padding: 0 0.85rem;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.6rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._search_zoh6s_13 svg {
  color: var(--color-brand-purple);
}
._search_zoh6s_13 input {
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
}
._pickerTop_zoh6s_12 > button,
._actions_zoh6s_16 > button:not(._primary_zoh6s_16),
._existing_zoh6s_16 article > button {
  padding: 0.65rem 0.85rem;
  border-radius: 0.8rem;
  color: var(--color-brand-purple);
  background: #eee8ff;
  font-weight: var(--font-weight-black);
}
._counter_zoh6s_17 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 0.78rem;
}
._receipts_zoh6s_18 {
  max-height: 31rem;
  overflow-y: auto;
  display: grid;
  gap: 0.55rem;
  padding-right: 0.15rem;
}
._receiptRow_zoh6s_19 {
  position: relative;
  min-height: 4.4rem;
  padding: 0.75rem;
  display: grid;
  grid-template-columns: 1.45rem 1fr auto;
  align-items: center;
  gap: 0.75rem;
  border: 2px solid transparent;
  border-radius: 1rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
  cursor: pointer;
}
._receiptRow_zoh6s_19._selected_zoh6s_20 {
  border-color: #5c27c68c;
  background: #faf8ff;
}
._receiptRow_zoh6s_19 input {
  position: absolute;
  opacity: 0;
}
._checkmark_zoh6s_22 {
  width: 1.35rem;
  aspect-ratio: 1;
  border: 2px solid #b9b5c6;
  border-radius: 0.4rem;
}
._selected_zoh6s_20 ._checkmark_zoh6s_22 {
  border-color: var(--color-brand-purple);
  background: var(--color-brand-purple);
  box-shadow: inset 0 0 0 3px #fff;
}
._receiptRow_zoh6s_19 div {
  min-width: 0;
  display: grid;
  gap: 0.18rem;
}
._receiptRow_zoh6s_19 strong,
._receiptRow_zoh6s_19 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._receiptRow_zoh6s_19 strong {
  font-size: 0.91rem;
}
._receiptRow_zoh6s_19 small {
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
._receiptRow_zoh6s_19 b {
  font-size: 0.82rem;
}
._actions_zoh6s_16 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
._primary_zoh6s_16 {
  flex: 1;
  min-height: 3.5rem;
  padding: 0 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.55rem;
  border-radius: 1rem;
  color: #fff;
  background: var(--color-brand-purple);
  font-weight: var(--font-weight-black);
}
._primary_zoh6s_16:disabled {
  opacity: 0.5;
}
._result_zoh6s_32,
._existing_zoh6s_16 {
  padding: 1rem;
  display: grid;
  gap: 0.8rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
._result_zoh6s_32 h2,
._existing_zoh6s_16 h2 {
  margin: 0;
  font-size: 1.05rem;
}
._result_zoh6s_32 > div {
  padding: 0.75rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.25rem 0.65rem;
  border-radius: 0.85rem;
  background: #f7f5fb;
}
._result_zoh6s_32 span {
  grid-column: 1 / -1;
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
._result_zoh6s_32 strong {
  overflow-wrap: anywhere;
  font-size: 0.82rem;
}
._result_zoh6s_32 button {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--color-brand-purple);
  background: transparent;
  font-weight: var(--font-weight-black);
}
._result_zoh6s_32 ._code_zoh6s_38 {
  font-size: 1.45rem;
  letter-spacing: 0.25em;
}
._message_zoh6s_39 {
  margin: 0;
  padding: 0.75rem 1rem;
  border-radius: 0.85rem;
  color: #4e386f;
  background: #eee8ff;
}
._existing_zoh6s_16 article {
  padding: 0.7rem 0;
  display: grid;
  grid-template-columns: 1fr auto 2.4rem;
  align-items: center;
  gap: 0.6rem;
  border-bottom: 1px solid #ece9f1;
}
._existing_zoh6s_16 article:last-child {
  border-bottom: 0;
}
._existing_zoh6s_16 article div {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}
._existing_zoh6s_16 small {
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
._existing_zoh6s_16 ._trash_zoh6s_44 {
  width: 2.4rem;
  aspect-ratio: 1;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #b23838;
  background: #ffe9e9;
}
@media (min-width: 700px) {
  ._setup_zoh6s_6 {
    grid-template-columns: 1fr 15rem;
  }
  ._pickerTop_zoh6s_12 {
    grid-template-columns: 1fr auto;
  }
}
._editNotice_zoh6s_46 {
  padding: 0.85rem 1rem;
  display: grid;
  gap: 0.7rem;
  border: 1px solid #ddd5f2;
  border-radius: 1rem;
  background: #f8f5ff;
}
._editNotice_zoh6s_46 div {
  min-width: 0;
  display: grid;
  gap: 0.2rem;
}
._editNotice_zoh6s_46 strong {
  font-size: 0.82rem;
}
._editNotice_zoh6s_46 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-ink-muted);
  font-size: 0.72rem;
}
._editNotice_zoh6s_46 button {
  min-height: 2.7rem;
  padding: 0 0.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border-radius: 0.8rem;
  color: var(--color-brand-purple);
  background: #fff;
  font-weight: var(--font-weight-black);
  box-shadow: var(--shadow-soft);
}
@media (min-width: 700px) {
  ._editNotice_zoh6s_46 {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}
._desktop_128e6_1 {
  display: none;
}
._mobile_128e6_2 {
  position: fixed;
  z-index: 70;
  left: max(0.75rem, env(safe-area-inset-left));
  right: max(0.75rem, env(safe-area-inset-right));
  bottom: max(0.65rem, env(safe-area-inset-bottom));
  min-height: 4.65rem;
  padding: 0.45rem 0.55rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.84);
  border-radius: 1.55rem;
  background: #ffffffeb;
  box-shadow: 0 18px 50px #2c265230;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
._mobileLink_128e6_19 {
  min-width: 0;
  min-height: 3.25rem;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0.2rem;
  border-radius: 1rem;
  color: #77798a;
  font-size: 0.68rem;
  font-weight: var(--font-weight-bold);
}
._mobileLink_128e6_19 svg {
  transition: transform var(--motion-fast) var(--ease-out);
}
._mobileLink_128e6_19._active_128e6_21 {
  color: var(--color-brand-purple);
  background: #f0ebff;
}
._mobileLink_128e6_19._active_128e6_21 svg {
  transform: translateY(-1px);
}
._mobileCreate_128e6_23 {
  width: 3.55rem;
  aspect-ratio: 1;
  margin: -1.55rem auto 0;
  display: grid;
  place-items: center;
  border-radius: 1.2rem;
  color: #fff;
  background: var(--gradient-brand);
  box-shadow: none;
}
@media (min-width: 960px) {
  ._mobile_128e6_2 {
    display: none;
  }
  ._desktop_128e6_1 {
    width: 15.5rem;
    min-height: calc(100svh - 2rem);
    padding: 7rem 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 2rem;
    background: #ffffffbf;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: var(--shadow-card);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  ._desktopItems_128e6_28 {
    display: grid;
    gap: 0.45rem;
  }
  ._desktopLink_128e6_29 {
    min-height: 3.35rem;
    padding: 0.75rem 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border-radius: 1rem;
    color: var(--color-ink-muted);
    font-weight: var(--font-weight-bold);
  }
  ._desktopLink_128e6_29:hover {
    background: #ffffffbf;
  }
  ._desktopLink_128e6_29._active_128e6_21 {
    color: var(--color-brand-purple);
    background: #eee8ff;
  }
  ._newReceipt_128e6_32 {
    min-height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    border-radius: 1.15rem;
    color: #fff;
    background: var(--gradient-brand);
    font-weight: var(--font-weight-black);
    box-shadow: 0 13px 28px #5c27c647;
  }
}
._shell_8k8t5_1 {
  width: min(100%, 92rem);
  min-height: 100svh;
  margin: 0 auto;
  padding: max(0.85rem, env(safe-area-inset-top)) 1rem 6.8rem;
}
._header_8k8t5_2 {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._header_8k8t5_2 img {
  width: 3.45rem;
  height: 3.45rem;
}
._profile_8k8t5_4 {
  width: 2.9rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 0.95rem;
  color: #fff;
  background: var(--gradient-brand);
  font-size: 0.78rem;
  font-weight: var(--font-weight-black);
  box-shadow: var(--shadow-soft);
}
._profile_8k8t5_4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._content_8k8t5_6 {
  min-width: 0;
  padding-top: 0.6rem;
}
@media (min-width: 960px) {
  ._shell_8k8t5_1 {
    padding: 1rem;
    display: grid;
    grid-template-columns: 15.5rem minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    gap: 0 1.4rem;
  }
  ._header_8k8t5_2 {
    position: fixed;
    z-index: 4;
    width: 15.5rem;
    padding: 1.35rem 1.2rem;
  }
  ._profile_8k8t5_4 {
    display: none;
  }
  ._content_8k8t5_6 {
    grid-column: 2;
    padding: 1.25rem 0.5rem 3rem;
  }
}
._profile_8k8t5_4:focus-visible {
  outline: 3px solid rgba(92, 39, 198, 0.28);
  outline-offset: 3px;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  min-width: 320px;
  color-scheme: light;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html,
body,
#root {
  min-height: 100%;
  margin: 0;
}
body,
button,
input,
textarea,
select {
  font: inherit;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
button {
  border: 0;
}
img,
svg {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
:root {
  --color-brand-purple: #5c27c6;
  --color-brand-violet: #6b4aeb;
  --color-brand-blue: #018dea;
  --color-brand-deep: #4319a9;
  --color-accent-yellow: #e7ad3c;
  --color-ink: #17182a;
  --color-ink-muted: #606579;
  --color-surface: rgba(255, 255, 255, 0.92);
  --color-surface-strong: #ffffff;
  --color-border: rgba(255, 255, 255, 0.74);
  --color-border-neutral: #e7e8f0;
  --color-success: #248a62;
  --color-success-soft: #e6f6ef;
  --color-pending: #78510b;
  --color-pending-soft: #fff4da;
  --color-danger: #c94747;
  --color-danger-soft: #fdebea;
  --gradient-brand: linear-gradient(
    120deg,
    var(--color-brand-purple),
    var(--color-brand-violet) 54%,
    var(--color-brand-blue)
  );
  --gradient-page:
    radial-gradient(
      circle at 8% 0%,
      rgba(255, 239, 243, 0.96),
      transparent 46%
    ),
    radial-gradient(
      circle at 88% 9%,
      rgba(222, 234, 248, 0.96),
      transparent 52%
    ),
    radial-gradient(
      circle at 68% 100%,
      rgba(228, 244, 235, 0.92),
      transparent 57%
    ),
    linear-gradient(145deg, #faf4f6 0%, #e6edf7 54%, #e4f0eb 100%);
}
:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: 0.875rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-xl: 2.25rem;
  --radius-pill: 999px;
  --shadow-soft: 0 16px 44px rgba(50, 41, 89, 0.08);
  --shadow-card: 0 24px 70px rgba(50, 41, 89, 0.13);
  --shadow-float: 0 28px 80px rgba(50, 41, 89, 0.18);
  --content-max: 76rem;
  --touch-target: 3rem;
}
:root {
  --font-sans:
    "Manrope", Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 750;
  --font-weight-black: 850;
}
:root {
  --motion-fast: 0.16s;
  --motion-normal: 0.26s;
  --motion-slow: 0.52s;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-bounce: cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 1ms;
    --motion-normal: 1ms;
    --motion-slow: 1ms;
  }
}
:root {
  font-family: var(--font-sans);
  color: var(--color-ink);
  background: #e6edf7;
  font-synthesis: none;
}
body {
  min-height: 100vh;
  background: var(--gradient-page);
  background-attachment: fixed;
  overflow-x: hidden;
}
button,
a {
  outline-offset: 4px;
}
:focus-visible {
  outline: 3px solid rgba(92, 39, 198, 0.42);
}
::selection {
  color: #fff;
  background: var(--color-brand-purple);
}
.srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Kecibo v0.8.3 — panel administrativo de usuarios */
.k-admin-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 22px 16px 110px;
  max-width: 1040px;
  margin: 0 auto;
}
.k-admin-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.k-admin-header h1,
.k-admin-section h2,
.k-admin-modal h2 {
  margin: 0;
}
.k-admin-header span,
.k-admin-section-heading p,
.k-admin-modal-header span {
  display: block;
  color: #777085;
  margin-top: 4px;
}
.k-admin-secondary-button,
.k-admin-primary-button,
.k-admin-manage-button,
.k-admin-search button {
  border: 0;
  border-radius: 14px;
  padding: 11px 16px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.k-admin-secondary-button {
  background: #eee9f7;
  color: #4e2b80;
}
.k-admin-primary-button,
.k-admin-search > button:first-of-type,
.k-admin-manage-button {
  background: #6428c8;
  color: #fff;
}
.k-admin-secondary-button:disabled,
.k-admin-primary-button:disabled,
.k-admin-manage-button:disabled,
.k-admin-search button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.k-admin-alert {
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
}
.k-admin-alert-success {
  background: #eaf8ee;
  color: #176934;
}
.k-admin-alert-error {
  background: #fff0f1;
  color: #9b2331;
}
.k-admin-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.k-admin-stat {
  background: #fff;
  border: 1px solid #ece7f4;
  border-radius: 18px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.k-admin-stat strong {
  font-size: 1.65rem;
  color: #2d1a44;
}
.k-admin-stat span {
  font-size: 0.83rem;
  color: #777085;
}
.k-admin-section {
  background: #fff;
  border: 1px solid #ece7f4;
  border-radius: 22px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.k-admin-section-heading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}
.k-admin-section-heading p {
  margin-bottom: 0;
}
.k-admin-search {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.k-admin-search input {
  min-width: 220px;
  border: 1px solid #dcd4e8;
  border-radius: 13px;
  padding: 10px 12px;
  font: inherit;
  background: #fff;
}
.k-admin-search-clear {
  background: #f5f2f8 !important;
  color: #6a6274 !important;
}
.k-admin-empty {
  padding: 26px;
  text-align: center;
  color: #777085;
}
.k-admin-user-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.k-admin-user-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  border: 1px solid #eee9f5;
  border-radius: 17px;
  padding: 13px;
}
.k-admin-user-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #efe6ff;
  color: #5d23b8;
  font-weight: 900;
}
.k-admin-user-main {
  min-width: 0;
}
.k-admin-user-title {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.k-admin-user-title strong {
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-admin-user-main small {
  display: block;
  color: #777085;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-admin-user-meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 6px;
  font-size: 0.8rem;
  color: #5f566b;
}
.k-admin-badge {
  display: inline-flex;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 0.7rem;
  font-weight: 900;
}
.k-admin-badge-admin {
  background: #eee4ff;
  color: #5b20b8;
}
.k-admin-badge-active {
  background: #e9f8ed;
  color: #18713a;
}
.k-admin-badge-suspended {
  background: #ffe9ec;
  color: #a11f32;
}
.k-admin-plan-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.k-admin-plan-card {
  border: 1px solid #eee9f5;
  border-radius: 16px;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}
.k-admin-plan-card div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.k-admin-plan-card span {
  font-size: 0.82rem;
  color: #777085;
}
.k-admin-plan-card b {
  white-space: nowrap;
  color: #5d23b8;
  font-size: 0.85rem;
}
.k-admin-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(25, 12, 42, 0.55);
  z-index: 1000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 14px;
}
.k-admin-modal {
  background: #fff;
  width: min(720px, 100%);
  max-height: 92vh;
  overflow-y: auto;
  border-radius: 24px 24px 18px 18px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.k-admin-modal-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.k-admin-close-button {
  border: 0;
  background: #f0ebf6;
  color: #503f60;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
}
.k-admin-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.k-admin-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.k-admin-field > span {
  font-size: 0.82rem;
  font-weight: 800;
  color: #51465d;
}
.k-admin-field input,
.k-admin-field select,
.k-admin-field textarea {
  width: 100%;
  border: 1px solid #dcd4e8;
  border-radius: 13px;
  padding: 11px 12px;
  background: #fff;
  font: inherit;
  box-sizing: border-box;
}
.k-admin-field textarea {
  resize: vertical;
}
.k-admin-field small {
  color: #82788d;
}
.k-admin-field-wide {
  grid-column: 1/-1;
}
.k-admin-switch-row {
  grid-column: 1/-1;
  border: 1px solid #e5deef;
  border-radius: 15px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 11px;
}
.k-admin-switch-row input {
  width: 20px;
  height: 20px;
}
.k-admin-switch-row span {
  display: flex;
  flex-direction: column;
}
.k-admin-switch-row small {
  color: #777085;
}
.k-admin-user-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.k-admin-user-summary div {
  background: #f7f4fa;
  border-radius: 14px;
  padding: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.k-admin-user-summary strong {
  font-size: 1.25rem;
}
.k-admin-user-summary span {
  font-size: 0.75rem;
  color: #777085;
}
.k-admin-receipts-details {
  border-top: 1px solid #eee9f5;
  padding-top: 12px;
}
.k-admin-receipts-details summary {
  cursor: pointer;
  font-weight: 800;
  color: #5d23b8;
}
.k-admin-receipts-list {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.k-admin-receipts-list div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #f0edf3;
  font-size: 0.82rem;
}
.k-admin-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  position: sticky;
  bottom: -18px;
  background: #fff;
  padding: 12px 0 2px;
}
.k-admin-manage-button {
  white-space: nowrap;
}
.k-admin-manage-button:focus,
.k-admin-primary-button:focus,
.k-admin-secondary-button:focus,
.k-admin-search button:focus,
.k-admin-close-button:focus,
.k-admin-search input:focus,
.k-admin-field input:focus,
.k-admin-field select:focus,
.k-admin-field textarea:focus {
  outline: 3px solid rgba(100, 40, 200, 0.22);
  outline-offset: 2px;
}
@media (max-width: 720px) {
  .k-admin-header,
  .k-admin-section-heading {
    flex-direction: column;
  }
  .k-admin-header .k-admin-secondary-button {
    align-self: stretch;
  }
  .k-admin-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .k-admin-search {
    width: 100%;
    justify-content: stretch;
  }
  .k-admin-search input {
    min-width: 0;
    flex: 1 1 100%;
  }
  .k-admin-search button {
    flex: 1;
  }
  .k-admin-user-card {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .k-admin-user-card .k-admin-manage-button {
    grid-column: 1/-1;
    width: 100%;
  }
  .k-admin-plan-list {
    grid-template-columns: 1fr;
  }
  .k-admin-editor-grid {
    grid-template-columns: 1fr;
  }
  .k-admin-field-wide,
  .k-admin-switch-row {
    grid-column: auto;
  }
  .k-admin-modal-backdrop {
    padding: 0;
  }
  .k-admin-modal {
    border-radius: 22px 22px 0 0;
    max-height: 94vh;
  }
  .k-admin-modal-actions {
    flex-direction: column-reverse;
  }
  .k-admin-modal-actions button {
    width: 100%;
  }
}


/* Reparación v0.8.3: suscripciones PayPal */
.k-paypal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(24, 18, 38, .58);
  backdrop-filter: blur(8px);
}
.k-paypal-dialog {
  width: min(100%, 48rem);
  max-height: calc(100svh - 2rem);
  overflow: auto;
  padding: clamp(1rem, 3vw, 1.6rem);
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: 0 1.5rem 5rem rgba(24, 18, 38, .28);
}
.k-paypal-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
.k-paypal-header h2 {
  margin: 0;
  font-size: clamp(1.45rem, 4vw, 2rem);
  letter-spacing: -.04em;
}
.k-paypal-header p {
  margin: .35rem 0 0;
  color: var(--color-ink-muted);
  font-size: .88rem;
}
.k-paypal-close {
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: 50%;
  background: #f1eef7;
  font-size: 1.3rem;
  cursor: pointer;
}
.k-paypal-grid {
  display: grid;
  gap: .85rem;
  margin-top: 1.2rem;
}
.k-paypal-card {
  padding: 1rem;
  border: 1px solid #e6e0ef;
  border-radius: 1.15rem;
  background: #fff;
}
.k-paypal-card-featured {
  border-color: rgba(92, 39, 198, .45);
  box-shadow: 0 .8rem 2rem rgba(92, 39, 198, .1);
}
.k-paypal-card-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: .8rem;
  margin-bottom: .75rem;
}
.k-paypal-card-header strong { display: block; font-size: 1.05rem; }
.k-paypal-card-header span { color: var(--color-ink-muted); font-size: .76rem; }
.k-paypal-price {
  margin: 0;
  font-size: 1.75rem;
  font-weight: var(--font-weight-black);
  letter-spacing: -.05em;
}
.k-paypal-price small {
  color: var(--color-ink-muted);
  font-size: .78rem;
  letter-spacing: 0;
}
.k-paypal-list {
  margin: .7rem 0 1rem;
  padding-left: 1.15rem;
  color: var(--color-ink-muted);
  font-size: .8rem;
}
.k-paypal-badge {
  padding: .25rem .5rem;
  border-radius: 999px;
  color: var(--color-brand-purple) !important;
  background: #f0ebff;
  font-weight: var(--font-weight-black);
}
.k-paypal-error {
  display: block;
  margin-top: .9rem;
  color: #b42318;
  font-size: .78rem;
  font-weight: var(--font-weight-bold);
}
.k-paypal-loading {
  padding: 2rem 0;
  text-align: center;
  color: var(--color-ink-muted);
}
.k-paypal-note {
  margin: 1rem 0 0;
  color: var(--color-ink-muted);
  font-size: .7rem;
  text-align: center;
}
.k-plan-notice,
.k-plan-error {
  margin: 0 0 .75rem;
  padding: .7rem .8rem;
  border-radius: .85rem;
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.4;
}
.k-plan-notice { color: #2f6b3b; background: #edf8ef; }
.k-plan-error { color: #9f241d; background: #fff0ee; }
.k-plan-change-help {
  display: block;
  margin-top: .75rem;
  color: var(--color-ink-muted);
  font-size: .72rem;
  line-height: 1.45;
}
@media (min-width: 700px) {
  .k-paypal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

:root {
  --kecibo-keyboard-offset: 0px;
}
html.kecibo-keyboard-open ._footer_v96qg_10 {
  padding-bottom: 0.65rem;
  background: #eef3f6;
}
html.kecibo-keyboard-open ._layout_v96qg_4 {
  align-content: start;
}
@media (max-width: 799px) {
  input,
  textarea,
  select {
    font-size: 16px;
  }
}


/* Landing: funcionalidades y planes */
.k-landing-features,
.k-landing-pricing {
  position: relative;
  padding: clamp(4.5rem, 9vw, 7.5rem) 1rem;
  overflow: hidden;
}
.k-landing-features {
  background: #f7f7fb;
}
.k-landing-pricing {
  background: #fff;
}
.k-landing-section-heading {
  width: min(100%, 52rem);
  margin: 0 auto clamp(2.25rem, 5vw, 3.6rem);
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  text-align: center;
}
.k-landing-section-heading > span {
  display: block;
  color: var(--color-brand-purple);
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.045em;
  line-height: 0.95;
  text-transform: uppercase;
  text-wrap: balance;
}
.k-landing-section-heading h2 {
  max-width: 24ch;
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(2rem, 5.5vw, 3.65rem);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.055em;
  line-height: 1.04;
  text-wrap: balance;
}
.k-landing-section-heading p {
  max-width: 43rem;
  margin: 0;
  color: var(--color-ink-muted);
  font-size: clamp(1rem, 2vw, 1.15rem);
  line-height: 1.65;
  text-wrap: balance;
}
.k-landing-feature-grid {
  width: min(100%, 71rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem;
}
.k-landing-feature-column {
  display: grid;
  align-content: start;
  gap: 1.1rem;
}
.k-landing-feature-card {
  min-height: 10rem;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  align-items: start;
  gap: 1.1rem;
  border: 1px solid rgba(93, 63, 145, 0.08);
  border-radius: 1.6rem;
  background: #fff;
  box-shadow: 0 14px 38px rgba(39, 24, 75, 0.06);
}
.k-landing-feature-icon {
  width: 3.8rem;
  height: 3.8rem;
  display: grid;
  place-items: center;
  border-radius: 1.25rem;
  color: var(--color-brand-purple);
  background: rgba(92, 39, 198, 0.11);
}
.k-landing-feature-card h3 {
  margin: 0 0 0.55rem;
  color: var(--color-ink);
  font-size: clamp(1.05rem, 2.1vw, 1.28rem);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.025em;
  line-height: 1.25;
}
.k-landing-feature-card p {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 0.94rem;
  line-height: 1.62;
}
.k-landing-plan-grid {
  width: min(100%, 71rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 1.15rem;
}
.k-landing-plan-card {
  position: relative;
  min-width: 0;
  padding: clamp(1.45rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(93, 63, 145, 0.14);
  border-radius: 1.7rem;
  background: #fff;
  box-shadow: 0 16px 42px rgba(39, 24, 75, 0.07);
}
.k-landing-plan-featured {
  border: 2px solid var(--color-brand-purple);
  background: linear-gradient(180deg, rgba(92, 39, 198, 0.055), #fff 32%);
  box-shadow: 0 22px 55px rgba(92, 39, 198, 0.15);
}
.k-landing-plan-badge {
  align-self: flex-start;
  margin: -0.1rem 0 1rem;
  padding: 0.45rem 0.7rem;
  border-radius: var(--radius-pill);
  color: #fff;
  background: var(--color-brand-purple);
  font-size: 0.72rem;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.k-landing-plan-card h3 {
  margin: 0;
  color: var(--color-ink);
  font-size: 1.4rem;
  font-weight: var(--font-weight-black);
  letter-spacing: -0.035em;
}
.k-landing-plan-price {
  min-height: 4.5rem;
  margin: 0.7rem 0 0.55rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.k-landing-plan-price strong {
  color: var(--color-ink);
  font-size: clamp(2rem, 4vw, 2.7rem);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.055em;
}
.k-landing-plan-price span {
  color: var(--color-ink-muted);
  font-size: 0.88rem;
  font-weight: var(--font-weight-bold);
}
.k-landing-plan-description {
  min-height: 3rem;
  margin: 0 0 1rem;
  color: var(--color-ink-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}
.k-landing-plan-card ul {
  margin: 0 0 1.5rem;
  padding: 0;
  display: grid;
  gap: 0.75rem;
  list-style: none;
}
.k-landing-plan-card li {
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr);
  gap: 0.55rem;
  color: var(--color-ink);
  font-size: 0.88rem;
  line-height: 1.45;
}
.k-landing-plan-card li > span {
  width: 1.25rem;
  height: 1.25rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--color-brand-purple);
  background: rgba(92, 39, 198, 0.1);
  font-size: 0.74rem;
  font-weight: var(--font-weight-black);
}
.k-landing-plan-button {
  width: 100%;
  min-height: 3.45rem;
  margin-top: auto;
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  border: 0;
  border-radius: 1rem;
  color: #fff;
  background: var(--gradient-brand);
  box-shadow: 0 12px 28px rgba(92, 39, 198, 0.22);
  font-size: 0.92rem;
  font-weight: var(--font-weight-black);
  cursor: pointer;
  transition: transform var(--motion-fast), box-shadow var(--motion-fast);
}
.k-landing-plan-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(92, 39, 198, 0.27);
}
.k-landing-plan-button:focus-visible {
  outline: 3px solid rgba(92, 39, 198, 0.28);
  outline-offset: 3px;
}
.k-landing-plan-note {
  min-height: 2.4rem;
  margin-top: 0.8rem;
  display: block;
  color: var(--color-ink-muted);
  font-size: 0.75rem;
  line-height: 1.45;
  text-align: center;
}
@media (max-width: 860px) {
  .k-landing-plan-grid {
    grid-template-columns: 1fr;
    width: min(100%, 34rem);
  }
  .k-landing-plan-free { order: 1; }
  .k-landing-plan-pro_yearly { order: 2; }
  .k-landing-plan-pro_monthly { order: 3; }
  .k-landing-plan-description,
  .k-landing-plan-price,
  .k-landing-plan-note {
    min-height: 0;
  }
}
@media (max-width: 740px) {
  .k-landing-features,
  .k-landing-pricing {
    padding: 4.2rem 0.85rem;
  }
  .k-landing-feature-grid {
    grid-template-columns: 1fr;
    width: min(100%, 36rem);
  }
  .k-landing-feature-card {
    min-height: 0;
    grid-template-columns: 3.35rem minmax(0, 1fr);
    gap: 0.9rem;
    border-radius: 1.35rem;
  }
  .k-landing-feature-icon {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
  }
}
@media (max-width: 390px) {
  .k-landing-feature-card {
    padding: 1.1rem;
    grid-template-columns: 3rem minmax(0, 1fr);
  }
  .k-landing-feature-icon {
    width: 2.9rem;
    height: 2.9rem;
  }
}

/* Kecibo v1.0.7: historial de abonos y edición de recibos pendientes */
.kecibo-payment-history dd {
  display: grid;
  gap: 0.55rem;
}
.kecibo-payment-history-row {
  padding: 0.72rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 0.8rem;
  background: #f8f7fb;
}
.kecibo-payment-history-row > span {
  display: grid;
  gap: 0.15rem;
}
.kecibo-payment-history-row small {
  color: var(--color-ink-muted);
  font-size: 0.68rem;
  font-weight: var(--font-weight-medium);
}
.kecibo-payment-history-row > strong {
  color: #327a55;
  white-space: nowrap;
}
.kecibo-edit-payment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}
.kecibo-edit-payment-summary > div {
  min-width: 0;
  padding: 0.75rem;
  display: grid;
  gap: 0.2rem;
  border: 1px solid #ece8f2;
  border-radius: 0.9rem;
  background: #faf9fc;
}
.kecibo-edit-payment-summary span {
  color: var(--color-ink-muted);
  font-size: 0.66rem;
  font-weight: var(--font-weight-bold);
}
.kecibo-edit-payment-summary strong {
  overflow-wrap: anywhere;
  font-size: 0.92rem;
}
.kecibo-edit-payment-summary > div:last-child strong {
  color: #a34535;
}
.kecibo-edit-payment-history {
  display: grid;
  gap: 0.55rem;
}
.kecibo-edit-payment-history h3 {
  margin: 0;
  font-size: 0.8rem;
}
.kecibo-edit-payment-history > div {
  display: grid;
  gap: 0.45rem;
}
.kecibo-edit-payment-history article {
  padding: 0.72rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 0.85rem;
  background: #f7f5fa;
}
.kecibo-edit-payment-history article > span {
  display: grid;
  gap: 0.12rem;
}
.kecibo-edit-payment-history article small {
  color: var(--color-ink-muted);
  font-size: 0.68rem;
}
.kecibo-edit-payment-history article > strong {
  color: #327a55;
  white-space: nowrap;
}
.kecibo-edit-new-payment {
  margin: 0;
  padding: 0.9rem;
  display: grid;
  gap: 0.7rem;
  border: 1px solid #dcd3f3;
  border-radius: 1rem;
  background: #f8f5ff;
}
.kecibo-edit-new-payment legend {
  padding: 0 0.35rem;
  color: var(--color-brand-purple);
  font-size: 0.8rem;
  font-weight: var(--font-weight-black);
}
.kecibo-edit-new-payment > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}
.kecibo-edit-new-payment > small {
  color: var(--color-ink-muted);
  font-size: 0.68rem;
  line-height: 1.4;
}
@media (max-width: 520px) {
  .kecibo-edit-payment-summary {
    grid-template-columns: 1fr;
  }
  .kecibo-edit-payment-summary > div {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
  .kecibo-edit-new-payment > div {
    grid-template-columns: 1fr;
  }
}

/* Kecibo v1.0.11: edición completa, PWA corregida y acceso a lista compartida */
.kecibo-full-receipt-editor {
  width: min(100%, 44rem);
}
.kecibo-edit-items {
  display: grid;
  gap: 0.7rem;
}
.kecibo-edit-items-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.kecibo-edit-items-heading h3 {
  margin: 0;
  font-size: 0.84rem;
}
.kecibo-edit-items-heading button {
  min-height: 2.5rem;
  padding: 0 0.8rem;
  border-radius: 0.8rem;
  color: var(--color-brand-purple);
  background: #eee8ff;
  font-size: 0.72rem;
  font-weight: var(--font-weight-black);
}
.kecibo-edit-items-list {
  display: grid;
  gap: 0.6rem;
}
.kecibo-edit-items-list article {
  padding: 0.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 8rem auto;
  align-items: end;
  gap: 0.6rem;
  border: 1px solid #e7e2ee;
  border-radius: 1rem;
  background: #faf9fc;
}
.kecibo-edit-item-remove {
  min-height: 3.2rem;
  padding: 0 0.75rem;
  border-radius: 0.85rem;
  color: #983c3c;
  background: #ffeded;
  font-size: 0.7rem;
  font-weight: var(--font-weight-black);
}
.kecibo-edit-item-remove:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.kecibo-full-receipt-editor input:disabled {
  cursor: not-allowed;
  color: #8b8793;
  background: #f1eff4;
}
@media (max-width: 620px) {
  .kecibo-edit-items-list article {
    grid-template-columns: minmax(0, 1fr) 7rem;
  }
  .kecibo-edit-item-remove {
    grid-column: 1 / -1;
    min-height: 2.65rem;
  }
}

/* ---- Autómata: menú inferior tipo sándwich + sección Cotizaciones ---- */
._kcMenuDock_v1 {
  position: fixed;
  z-index: 80;
  right: max(0.9rem, env(safe-area-inset-right));
  bottom: max(0.9rem, env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.6rem;
}
._kcMenuScrim_v1 {
  position: fixed;
  inset: 0;
  z-index: 79;
  border: 0;
  padding: 0;
  background: #1a143a26;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}
._kcMenuSheet_v1 {
  position: relative;
  z-index: 81;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  width: 15rem;
  max-width: calc(100vw - 1.8rem);
  padding: 0.5rem;
  background: #fff;
  border: 1px solid var(--color-border-neutral);
  border-radius: 1.4rem;
  box-shadow: 0 22px 60px #2c265238;
}
._kcMenuItem_v1 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 3rem;
  padding: 0.7rem 0.85rem;
  border-radius: 1rem;
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}
._kcMenuItem_v1._kcActive_v1 {
  color: var(--color-brand-purple);
  background: #f0ebff;
}
._kcMenuCreate_v1 {
  margin-top: 0.25rem;
  justify-content: center;
  color: #fff;
  background: var(--gradient-brand);
  font-weight: var(--font-weight-black);
}
._kcMenuToggle_v1 {
  position: relative;
  z-index: 81;
  width: 3.5rem;
  height: 3.5rem;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 1.25rem;
  color: #fff;
  background: var(--gradient-brand);
  box-shadow: 0 14px 34px #5c27c657;
  cursor: pointer;
}
@media (min-width: 960px) {
  ._kcMenuDock_v1,
  ._kcMenuScrim_v1 {
    display: none;
  }
}