@charset "UTF-8";._accordionGroup_lr648_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--radius-card, 14px);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  background: var(--color-surface, #ffffff);
  overflow: hidden;
}
._accordionGroup_lr648_1._separated_lr648_10 {
  border: none;
  background: transparent;
  gap: 12px;
  overflow: visible;
}
._accordionGroup_lr648_1._separated_lr648_10 ._accordionItem_lr648_16 {
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 14px);
  background: var(--color-surface, #ffffff);
}
._accordionGroup_lr648_1._bordered_lr648_21 {
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
}
._accordionGroup_lr648_1._bordered_lr648_21 ._accordionItem_lr648_16:not(:last-child) {
  border-bottom: 1.5px solid var(--color-panel-border, #dfeaf6);
}

._accordionItem_lr648_16 {
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: background-color 0.15s ease;
}
._accordionItem_lr648_16:not(:last-child) {
  border-bottom: 1px solid var(--color-panel-border, #dfeaf6);
}
._accordionItem_lr648_16._isExpanded_lr648_37 {
  background: var(--color-surface, #ffffff);
}
._accordionItem_lr648_16._isDisabled_lr648_40 {
  opacity: 0.5;
  cursor: not-allowed;
}

._headerButton_lr648_45 {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px 20px;
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s ease;
}
._headerButton_lr648_45:hover:not(:disabled) {
  background: var(--color-navy-25, #f4f7fb);
}
._headerButton_lr648_45:focus-visible {
  outline: 2px solid var(--color-navy, #23395a);
  outline-offset: -2px;
}
._headerButton_lr648_45:disabled {
  cursor: not-allowed;
}

._leadingIcon_lr648_69 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-muted, #8590a3);
  flex-shrink: 0;
}

._titleWrapper_lr648_77 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

._title_lr648_77 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14.5px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
  line-height: 1.3;
}

._subtitle_lr648_93 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
  line-height: 1.4;
}

._metaWrapper_lr648_100 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  ._metaWrapper_lr648_100 {
    gap: 8px;
  }
}

._badge_lr648_112 {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-pill, 9999px);
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 480px) {
  ._badge_lr648_112 {
    display: none;
  }
}

._metaText_lr648_129 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
  font-weight: 500;
}

._chevronIcon_lr648_136 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-body, #525d6f);
  transition: transform 0.2s ease;
}
._chevronIcon_lr648_136._rotated_lr648_143 {
  transform: rotate(180deg);
}

._contentBody_lr648_147 {
  padding: 0 20px 18px 54px;
  font-family: var(--font-ui);
  font-size: 13.5px;
  color: var(--color-body, #525d6f);
  line-height: 1.6;
  border-top: 1px dashed var(--color-border, #e9eef6);
  padding-top: 14px;
  margin-top: -2px;
}
@media (max-width: 600px) {
  ._contentBody_lr648_147 {
    padding-left: 20px;
  }
}._avatar_15fn3_1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: visible;
  user-select: none;
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
  font-family: var(--font-display, var(--font-ui));
  font-weight: 700;
  flex-shrink: 0;
}
._avatar_15fn3_1._xs_15fn3_15 {
  width: 24px;
  height: 24px;
  font-size: 10px;
}
._avatar_15fn3_1._sm_15fn3_20 {
  width: 32px;
  height: 32px;
  font-size: 12px;
}
._avatar_15fn3_1._md_15fn3_25 {
  width: 40px;
  height: 40px;
  font-size: 14px;
}
._avatar_15fn3_1._lg_15fn3_30 {
  width: 48px;
  height: 48px;
  font-size: 16px;
}
._avatar_15fn3_1._xl_15fn3_35 {
  width: 64px;
  height: 64px;
  font-size: 20px;
}

._image_15fn3_41 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

._initials_15fn3_48 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

._statusIndicator_15fn3_57 {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
._statusIndicator_15fn3_57._xs_15fn3_15 {
  width: 7px;
  height: 7px;
  border-width: 1px;
}
._statusIndicator_15fn3_57._sm_15fn3_20 {
  width: 9px;
  height: 9px;
  border-width: 1.5px;
}
._statusIndicator_15fn3_57._md_15fn3_25 {
  width: 12px;
  height: 12px;
}
._statusIndicator_15fn3_57._lg_15fn3_30 {
  width: 14px;
  height: 14px;
}
._statusIndicator_15fn3_57._xl_15fn3_35 {
  width: 18px;
  height: 18px;
}
._statusIndicator_15fn3_57._online_15fn3_86 {
  background: var(--color-success-ink, #166a44);
}
._statusIndicator_15fn3_57._offline_15fn3_89 {
  background: var(--color-muted, #8590a3);
}
._statusIndicator_15fn3_57._busy_15fn3_92 {
  background: var(--color-error-ink, #b8101a);
}
._statusIndicator_15fn3_57._away_15fn3_95 {
  background: var(--color-warning-ink, #97560c);
}

._avatarGroup_15fn3_99 {
  display: inline-flex;
  align-items: center;
}
._avatarGroup_15fn3_99 ._groupItem_15fn3_103 {
  margin-left: -10px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  transition: transform 0.15s ease;
}
._avatarGroup_15fn3_99 ._groupItem_15fn3_103:first-child {
  margin-left: 0;
}
._avatarGroup_15fn3_99 ._groupItem_15fn3_103:hover {
  transform: translateY(-2px);
  z-index: 10;
}
._avatarGroup_15fn3_99._tight_15fn3_116 ._groupItem_15fn3_103 {
  margin-left: -14px;
}
._avatarGroup_15fn3_99._tight_15fn3_116 ._groupItem_15fn3_103:first-child {
  margin-left: 0;
}
._avatarGroup_15fn3_99._loose_15fn3_122 ._groupItem_15fn3_103 {
  margin-left: -6px;
}
._avatarGroup_15fn3_99._loose_15fn3_122 ._groupItem_15fn3_103:first-child {
  margin-left: 0;
}

._overflowBadge_15fn3_129 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-family: var(--font-ui);
  font-weight: 600;
  margin-left: -10px;
  border: 2px solid #ffffff;
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
}
._overflowBadge_15fn3_129._xs_15fn3_15 {
  width: 24px;
  height: 24px;
  font-size: 10px;
}
._overflowBadge_15fn3_129._sm_15fn3_20 {
  width: 32px;
  height: 32px;
  font-size: 11px;
}
._overflowBadge_15fn3_129._md_15fn3_25 {
  width: 40px;
  height: 40px;
  font-size: 13px;
}
._overflowBadge_15fn3_129._lg_15fn3_30 {
  width: 48px;
  height: 48px;
  font-size: 15px;
}
._overflowBadge_15fn3_129._xl_15fn3_35 {
  width: 64px;
  height: 64px;
  font-size: 18px;
}
._overflowBadge_15fn3_129:hover {
  background: var(--color-navy-hover, #1d314e);
}._button_1kjiu_1 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  letter-spacing: -0.2px;
  border-radius: var(--radius-control, 8px);
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  transition: all 0.15s ease;
}
._button_1kjiu_1._fullWidth_1kjiu_18 {
  width: 100%;
}
._button_1kjiu_1 > span {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 0 4px;
}
._button_1kjiu_1._sm_1kjiu_27 {
  height: 32px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 20px;
  border-radius: var(--radius-control, 8px);
}
._button_1kjiu_1._md_1kjiu_34 {
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: var(--radius-control, 8px);
}
._button_1kjiu_1._lg_1kjiu_40 {
  height: 48px;
  padding: 0 24px;
  font-size: 16px;
  border-radius: var(--radius-card, 12px);
}
._button_1kjiu_1._primary_1kjiu_46 {
  background: var(--color-navy-600, #43597d);
  color: #ffffff;
  border-color: rgba(14, 15, 17, 0.12);
  box-shadow: var(--shadow-button-primary);
}
._button_1kjiu_1._primary_1kjiu_46 > svg, ._button_1kjiu_1._primary_1kjiu_46 > span {
  filter: var(--filter-shadow-sm);
}
._button_1kjiu_1._primary_1kjiu_46:hover:not(:disabled) {
  background: var(--color-navy, #23395a);
}
._button_1kjiu_1._secondary_1kjiu_58 {
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
}
._button_1kjiu_1._secondary_1kjiu_58:hover:not(:disabled) {
  background: var(--color-panel-border, #dfeaf6);
}
._button_1kjiu_1._subtle_1kjiu_65 {
  background: var(--color-navy-25, #f4f7fb);
  color: var(--color-navy, #23395a);
}
._button_1kjiu_1._subtle_1kjiu_65:hover:not(:disabled) {
  background: var(--color-navy-50, #e9eef6);
}
._button_1kjiu_1._outline_1kjiu_72 {
  background: transparent;
  border-color: var(--color-panel-border, #dfeaf6);
  color: var(--color-navy, #23395a);
}
._button_1kjiu_1._outline_1kjiu_72:hover:not(:disabled) {
  background: var(--color-navy-25, #f4f7fb);
  border-color: var(--color-navy, #23395a);
}
._button_1kjiu_1._ghost_1kjiu_81 {
  background: transparent;
  color: var(--color-body, #525d6f);
}
._button_1kjiu_1._ghost_1kjiu_81:hover:not(:disabled) {
  background: var(--color-navy-25, #f4f7fb);
  color: var(--color-navy, #23395a);
}
._button_1kjiu_1._danger_1kjiu_89 {
  background: var(--color-error-ink, #b8101a);
  color: #ffffff;
}
._button_1kjiu_1._danger_1kjiu_89:hover:not(:disabled) {
  background: #960c14;
}
._button_1kjiu_1:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._button_1kjiu_1:active:not(:disabled) {
  transform: translateY(1px);
}._badge_agexr_1 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  white-space: nowrap;
  border: 1px solid transparent;
}

._icon_agexr_18 {
  display: inline-flex;
  align-items: center;
}

._neutral_agexr_23 {
  background: var(--color-surface);
  color: var(--color-neutral-700);
  border-color: var(--color-border-strong);
}

._success_agexr_29 {
  background: var(--color-badge-solid-success);
  color: #ffffff;
}

._warning_agexr_34 {
  background: var(--color-gold-outline);
  color: #ffffff;
}

._navy_agexr_39 {
  background: var(--color-navy-800);
  color: #ffffff;
}

._muted_agexr_44 {
  background: var(--color-addon-bg);
  color: #ffffff;
}._wrapper_2xl9b_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-self: stretch;
}

._row_2xl9b_8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

._boxWrap_2xl9b_15 {
  display: flex;
  flex: none;
  align-items: flex-start;
  width: 24px;
  height: 24px;
  padding: 4px;
}

._box_2xl9b_15 {
  appearance: none;
  box-sizing: border-box;
  flex: none;
  width: 16px;
  height: 16px;
  margin: 0;
  background: #f9fafb;
  border: 1px solid #e9eff6;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
._box_2xl9b_15:hover:not(:disabled, :checked) {
  border-color: #c5d0de;
}
._box_2xl9b_15:checked {
  background: var(--color-navy-600) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/12px no-repeat;
  border-color: var(--color-navy-600);
}
._box_2xl9b_15:focus-visible {
  outline: 2px solid var(--color-focus-border);
  outline-offset: 2px;
}
._box_2xl9b_15:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._box_2xl9b_15._invalid_2xl9b_52 {
  border-color: var(--color-danger-600, #c0342b);
}

._label_2xl9b_56 {
  flex: 1;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}
._label_2xl9b_56._disabled_2xl9b_65 {
  opacity: 0.6;
}

._error_2xl9b_69 {
  margin-left: 36px;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-danger-600, #c0342b);
}._chip_1t4tp_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: var(--radius-pill, 9999px);
  font-family: var(--font-ui);
  font-weight: 500;
  white-space: nowrap;
  user-select: none;
  transition: all 0.15s ease-in-out;
  border: 1px solid var(--color-panel-border, #dfeaf6);
  background: var(--color-surface, #ffffff);
  color: var(--color-navy, #23395a);
  box-shadow: 0 1px 2px rgba(24, 29, 37, 0.03);
}
._chip_1t4tp_1:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
._chip_1t4tp_1._sm_1t4tp_22 {
  height: 28px;
  padding: 0 12px;
  font-size: 13px;
}
._chip_1t4tp_1._md_1t4tp_27 {
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
}
._chip_1t4tp_1._lg_1t4tp_32 {
  height: 40px;
  padding: 0 20px;
  font-size: 15px;
}
._chip_1t4tp_1._clickable_1t4tp_37 {
  cursor: pointer;
}
._chip_1t4tp_1._clickable_1t4tp_37:hover:not(._disabled_1t4tp_40) {
  background: var(--color-navy-25, #f4f7fb);
  border-color: var(--color-navy, #23395a);
}
._chip_1t4tp_1._clickable_1t4tp_37:active:not(._disabled_1t4tp_40) {
  transform: translateY(1px);
}
._chip_1t4tp_1._active_1t4tp_47 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
  border-color: var(--color-navy, #23395a);
  font-weight: 600;
}
._chip_1t4tp_1._active_1t4tp_47._clickable_1t4tp_37:hover:not(._disabled_1t4tp_40) {
  background: var(--color-navy-hover, #1d314e);
  border-color: var(--color-navy-hover, #1d314e);
}
._chip_1t4tp_1._subtle_1t4tp_57 {
  background: var(--color-navy-25, #f4f7fb);
  border-color: transparent;
  color: var(--color-body, #525d6f);
}
._chip_1t4tp_1._subtle_1t4tp_57._clickable_1t4tp_37:hover:not(._disabled_1t4tp_40) {
  background: var(--color-navy-50, #e9eef6);
}
._chip_1t4tp_1._subtle_1t4tp_57._active_1t4tp_47 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
}
._chip_1t4tp_1._disabled_1t4tp_40 {
  opacity: 0.5;
  cursor: not-allowed;
}

._icon_1t4tp_74 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

._dismissBtn_1t4tp_81 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: -4px;
  margin-left: 2px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: inherit;
  opacity: 0.7;
  cursor: pointer;
  transition: opacity 0.15s ease, background-color 0.15s ease;
}
._dismissBtn_1t4tp_81:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.1);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._modalOverlay_1ygu6_125 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-transparent-dark-48, rgba(14, 15, 17, 0.45));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
  padding: var(--spacing-md);
}

._modalContent_1ygu6_140 {
  box-sizing: border-box;
  width: 100%;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  background: var(--color-surface);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-xl);
  display: flex;
  flex-direction: column;
}

._structured_1ygu6_152 {
  max-height: 90dvh;
}

._header_1ygu6_156 {
  display: flex;
  flex: none;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px 10px;
  border-bottom: 1px solid var(--color-border);
}
@media (max-width: 767px) {
  ._header_1ygu6_156 {
    align-items: center;
    padding: 10px 16px;
  }
}

._title_1ygu6_172 {
  margin: 0;
  color: var(--color-neutral-950);
  font: 600 20px/1.3 var(--font-ui);
}

._close_1ygu6_178 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._close_1ygu6_178:hover {
  background: var(--color-neutral-100, #f1f3f7);
}

._subheader_1ygu6_196 {
  position: relative;
  z-index: 1;
  flex: none;
  width: 100%;
}

._body_1ygu6_203 {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
  padding: 20px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
._body_1ygu6_203::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  ._body_1ygu6_203 {
    padding: 16px;
  }
}

._footer_1ygu6_221 {
  flex: none;
  width: 100%;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._body_11kv6_125 {
  display: flex;
  flex-direction: column;
  padding: 25px 40px 28px;
}

._iconCircle_11kv6_131 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 28px;
  border-radius: var(--radius-full-round);
  background: #f6e8e9;
  color: #8c2f36;
}

._title_11kv6_143 {
  margin: 0 0 12px;
  font-family: var(--font-ui);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #0f1115;
}

._text_11kv6_152 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  color: #4b5568;
}

._footer_11kv6_161 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

._footer_11kv6_161 button {
  min-width: 148px;
  height: 49px;
  padding: 0 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
}

._footer_11kv6_161 ._confirmBtn_11kv6_179 {
  background: #8c2f36;
  color: #ffffff;
}
._footer_11kv6_161 ._confirmBtn_11kv6_179:hover:not(:disabled) {
  background: #75262c;
}

@media (max-width: 640px) {
  ._body_11kv6_125 {
    padding: 24px 24px 24px;
  }
  ._iconCircle_11kv6_131 {
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
  }
  ._title_11kv6_143 {
    font-size: 20px;
    line-height: 28px;
  }
  ._text_11kv6_152 {
    font-size: 15px;
    line-height: 24px;
  }
  ._footer_11kv6_161 {
    gap: 12px;
    padding: 16px 24px;
  }
  ._footer_11kv6_161 button {
    flex: 1 1 0;
    min-width: 0;
    height: 44px;
    padding: 0 12px;
    font-size: 15px;
  }
}._container_1w39r_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

._header_1w39r_8 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._label_1w39r_14 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 15px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._description_1w39r_21 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
  line-height: 1.4;
}

/* Dropzone States */
._dropzone_1w39r_29 {
  position: relative;
  width: 100%;
  background: var(--color-navy-25, #f4f8fc);
  border: 1.5px dashed var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 16px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  overflow: hidden;
}
._dropzone_1w39r_29:hover, ._dropzone_1w39r_29._isDragging_1w39r_45 {
  border-color: var(--color-navy, #23395a);
  background: var(--color-navy-50, #eef5fc);
}
._dropzone_1w39r_29._hasError_1w39r_49 {
  border-color: var(--color-error-ink, #b8101a);
}
._dropzone_1w39r_29._disabled_1w39r_52 {
  opacity: 0.6;
  cursor: not-allowed;
}
._dropzone_1w39r_29 {
  /* Variant Specific Heights / Ratios */
}
._dropzone_1w39r_29._variantCover_1w39r_59, ._dropzone_1w39r_29._variantImage_1w39r_59 {
  aspect-ratio: var(--upload-aspect-ratio, 16/9);
  min-height: 220px;
}
._dropzone_1w39r_29._variantVideo_1w39r_63 {
  aspect-ratio: var(--upload-aspect-ratio, 16/9);
  min-height: 240px;
}
._dropzone_1w39r_29._variantFile_1w39r_67 {
  min-height: 140px;
  padding: 20px 24px;
}

._hiddenInput_1w39r_72 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

._uploadIconCircle_1w39r_83 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  box-shadow: 0 4px 12px rgba(35, 57, 90, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-navy, #23395a);
  margin-bottom: 12px;
  transition: transform 0.2s ease;
}
._dropzone_1w39r_29:hover ._uploadIconCircle_1w39r_83 {
  transform: translateY(-2px);
}
._uploadIconCircle_1w39r_83._videoIconCircle_1w39r_100 {
  color: var(--color-navy, #23395a);
}
._uploadIconCircle_1w39r_83._fileIconCircle_1w39r_103 {
  color: var(--color-navy, #23395a);
}

._uploadTitle_1w39r_107 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 16px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
  margin-bottom: 4px;
}

._uploadSubtitle_1w39r_115 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
  margin-bottom: 12px;
}

._recommendationBadge_1w39r_122 {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-pill, 9999px);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--color-body, #525d6f);
  text-transform: uppercase;
}

/* Uploaded Preview Card */
._previewCard_1w39r_138 {
  width: 100%;
  background: var(--color-surface, #ffffff);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 16px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._previewMediaContainer_1w39r_148 {
  position: relative;
  width: 100%;
  aspect-ratio: var(--upload-aspect-ratio, 16/9);
  background: var(--color-navy, #23395a);
  overflow: hidden;
}
._previewMediaContainer_1w39r_148 img,
._previewMediaContainer_1w39r_148 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
._previewMediaContainer_1w39r_148 video {
  object-fit: contain;
}
._previewMediaContainer_1w39r_148._autoRatio_1w39r_165 {
  aspect-ratio: auto;
  max-height: 400px;
}

._previewMetaBar_1w39r_170 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--color-surface, #ffffff);
  border-top: 1px solid var(--color-panel-border, #dfeaf6);
  gap: 12px;
  flex-wrap: wrap;
}
._previewMetaBar_1w39r_170._standaloneFileBar_1w39r_180 {
  border-top: none;
}

._fileInfoGroup_1w39r_184 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

._fileIconBox_1w39r_191 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--color-navy-50, #e9eef6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-navy, #23395a);
  flex-shrink: 0;
}
._fileIconBox_1w39r_191._videoType_1w39r_202 {
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
}
._fileIconBox_1w39r_191._docType_1w39r_206 {
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
}

._fileDetailsText_1w39r_211 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
._fileDetailsText_1w39r_211 ._fileName_1w39r_216 {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._fileDetailsText_1w39r_211 ._fileMeta_1w39r_225 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
}

._actionControls_1w39r_231 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._typeBadge_1w39r_237 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: var(--radius-pill, 9999px);
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

._replaceBtn_1w39r_250 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-control, 8px);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  transition: all 0.15s ease;
}
._replaceBtn_1w39r_250:hover {
  background: var(--color-navy-25, #f4f7fb);
  border-color: var(--color-navy, #23395a);
}

._deleteBtn_1w39r_271 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-control, 8px);
  border: none;
  background: transparent;
  color: var(--color-body, #525d6f);
  cursor: pointer;
  transition: all 0.15s ease;
}
._deleteBtn_1w39r_271:hover {
  color: var(--color-error-ink, #b8101a);
  background: var(--color-error-bg, #fdecec);
}

._footer_1w39r_289 {
  margin-top: 4px;
}

._helperText_1w39r_293 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-muted, #8590a3);
}
._helperText_1w39r_293._errorText_1w39r_298 {
  color: var(--color-error-ink, #b8101a);
}._container_yv005_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  position: relative;
}

._headerGroup_yv005_9 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._label_yv005_15 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._requiredStar_yv005_22 {
  color: var(--color-error-ink, #b8101a);
  font-weight: 600;
  margin-left: 2px;
}

._helperText_yv005_28 {
  font-family: var(--font-ui);
  font-size: 12.5px;
  color: var(--color-body, #64748b);
  line-height: 1.4;
}

._triggerButton_yv005_35 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border-radius: var(--radius-card, 12px);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  background: #ffffff;
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  transition: all 0.15s ease;
}
._triggerButton_yv005_35:hover:not(:disabled) {
  border-color: var(--color-navy, #23395a);
}
._triggerButton_yv005_35._isOpen_yv005_55, ._triggerButton_yv005_35:focus-within {
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f));
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16));
}
._triggerButton_yv005_35._hasError_yv005_59 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._triggerButton_yv005_35._hasError_yv005_59._isOpen_yv005_55, ._triggerButton_yv005_35._hasError_yv005_59:focus-within {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
  box-shadow: 0 0 0 3px var(--color-error-focus-ring, rgba(154, 42, 52, 0.16));
}
._triggerButton_yv005_35:disabled {
  opacity: 0.55;
  background: #f8fafc;
  cursor: not-allowed;
}

._calendarIcon_yv005_72 {
  color: var(--color-muted, #8590a3);
  display: flex;
  align-items: center;
  justify-content: center;
}

._placeholderText_yv005_79 {
  color: var(--color-muted, #8590a3);
}

._popover_yv005_83 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 100;
  width: 350px;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid var(--color-border, #e9eef6);
  box-shadow: var(--shadow-e-card, 0 12px 32px rgba(24, 29, 37, 0.12));
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  animation: _fadeIn_yv005_1 0.15s ease;
}
._popover_yv005_83._popoverFloating_yv005_101 {
  position: fixed;
  z-index: 1100;
}
._popover_yv005_83._popoverDual_yv005_105 {
  width: 660px;
}
@media (max-width: 700px) {
  ._popover_yv005_83._popoverDual_yv005_105 {
    width: 350px;
  }
  ._popover_yv005_83._popoverDual_yv005_105 ._dualColumns_yv005_112 {
    flex-direction: column;
  }
  ._popover_yv005_83._popoverDual_yv005_105 ._columnDivider_yv005_115 {
    display: none;
  }
}

._dualColumns_yv005_112 {
  display: flex;
  gap: 20px;
  width: 100%;
}

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

._columnDivider_yv005_115 {
  width: 1px;
  background: var(--color-border, #e9eef6);
  align-self: stretch;
}

._rangeInputsRow_yv005_139 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
}

._rangeInputBox_yv005_147 {
  flex: 1;
  min-width: 0;
  height: 40px;
  padding: 0 8px;
  border-radius: var(--radius-control, 8px);
  border: 1.5px solid var(--color-border, #e9eef6);
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
  text-align: center;
  font-weight: 600;
  box-sizing: border-box;
}
._rangeInputBox_yv005_147:focus {
  outline: none;
  border-color: var(--color-navy, #23395a);
}

._rangeSeparator_yv005_166 {
  color: var(--color-muted, #8590a3);
  font-weight: 500;
}

._presetsRow_yv005_171 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  padding: 2px 0;
}

._presetBtn_yv005_179 {
  background: transparent;
  border: none;
  font-family: var(--font-ui);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.15s ease;
}
._presetBtn_yv005_179:hover {
  color: var(--color-navy-hover, #1d314e);
  background: var(--color-navy-50, #e9eef6);
}

@keyframes _fadeIn_yv005_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._monthHeader_yv005_206 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._monthNavBtn_yv005_212 {
  background: transparent;
  border: none;
  color: var(--color-body, #525d6f);
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease;
}
._monthNavBtn_yv005_212:hover {
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
}

._monthTitle_yv005_229 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._quickRow_yv005_236 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._quickInput_yv005_242 {
  flex: 1;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid var(--color-border, #e9eef6);
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
}
._quickInput_yv005_242:focus {
  outline: none;
  border-color: var(--color-navy, #23395a);
}

._todayBtn_yv005_257 {
  height: 36px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border, #e9eef6);
  background: #ffffff;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  transition: all 0.15s ease;
}
._todayBtn_yv005_257:hover {
  background: var(--color-navy-50, #e9eef6);
}

._weekGrid_yv005_274 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 2px;
}

._weekHeader_yv005_281 {
  font-family: var(--font-ui);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--color-body, #525d6f);
  padding: 6px 0;
}

._daysGrid_yv005_289 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  row-gap: 4px;
}

._dayCell_yv005_296 {
  position: relative;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 13.5px;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  user-select: none;
  transition: all 0.15s ease;
}
._dayCell_yv005_296:hover:not(._outOfMonth_yv005_313):not(._selected_yv005_313):not(._isToday_yv005_313):not(:disabled) {
  background: var(--color-navy-50, #e9eef6);
}
._dayCell_yv005_296:disabled {
  color: var(--color-neutral-300, #bdc4d1);
  cursor: not-allowed;
}
._dayCell_yv005_296._outOfMonth_yv005_313 {
  color: var(--color-neutral-300, #bdc4d1);
}
._dayCell_yv005_296._selected_yv005_313 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
  z-index: 2;
}
._dayCell_yv005_296._inRange_yv005_329 {
  background: var(--color-navy-50, #e9eef6);
  border-radius: 0;
  color: var(--color-navy-800, #111e32);
  font-weight: 600;
}
._dayCell_yv005_296._rangeStart_yv005_335 {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
  z-index: 2;
}
._dayCell_yv005_296._rangeEnd_yv005_343 {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
  z-index: 2;
}
._dayCell_yv005_296._isToday_yv005_313:not(._selected_yv005_313) {
  border: 1.5px solid var(--color-navy, #23395a);
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
}

._eventDot_yv005_358 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--color-gold, #d69d3e);
  position: absolute;
  bottom: 3px;
}

._footerActions_yv005_367 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--color-border, #e9eef6);
}

._cancelBtn_yv005_376 {
  padding: 8px 16px;
  border-radius: var(--radius-control, 8px);
  border: 1px solid var(--color-border, #e9eef6);
  background: #ffffff;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  transition: all 0.15s ease;
}
._cancelBtn_yv005_376:hover {
  background: var(--color-navy-25, #f4f7fb);
}

._applyBtn_yv005_392 {
  padding: 8px 16px;
  border-radius: var(--radius-control, 8px);
  border: none;
  background: var(--color-navy, #23395a);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.15s ease;
}
._applyBtn_yv005_392:hover {
  background: var(--color-navy-hover, #1d314e);
}

._errorText_yv005_408 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-error-ink, #b8101a);
  margin-top: 2px;
}._dropdownWrapper_1lbvf_1 {
  position: relative;
  display: inline-block;
}
._dropdownWrapper_1lbvf_1._isOpen_1lbvf_5 {
  z-index: 100;
}

._triggerContainer_1lbvf_9 {
  display: inline-block;
  cursor: pointer;
}

._menuPanel_1lbvf_14 {
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 195px;
  padding: 0;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-border, #e9eef6);
  border-radius: var(--radius-card, 12px);
  box-shadow: var(--shadow-2xl, 0 25px 80px -12px rgba(14, 15, 17, 0.12));
  z-index: 1100;
}

._itemRow_1lbvf_29 {
  width: 100%;
}

._menuItem_1lbvf_33 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
  height: 44px;
  padding: 12px 16px;
  border-radius: var(--radius-control, 8px);
  background: transparent;
  border: none;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700, #455468);
  text-align: left;
  cursor: pointer;
  transition: background-color 0.12s ease;
}
._menuItem_1lbvf_33:hover:not(:disabled) {
  background: var(--color-neutral-25, #f9fafb);
}
._menuItem_1lbvf_33._success_1lbvf_59 {
  color: var(--color-badge-success-ink, #1f8a5b);
}
._menuItem_1lbvf_33._success_1lbvf_59:hover:not(:disabled) {
  background: var(--color-success-bg, #e5f4ec);
}
._menuItem_1lbvf_33._danger_1lbvf_65 {
  color: var(--color-error-ink, #b8101a);
}
._menuItem_1lbvf_33._danger_1lbvf_65:hover:not(:disabled) {
  background: var(--color-error-bg, #fdecec);
}
._menuItem_1lbvf_33:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

._itemLeftGroup_1lbvf_76 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

._itemLabel_1lbvf_85 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._itemIcon_1lbvf_93 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

._itemRightIcon_1lbvf_100 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  opacity: 0.6;
}

._divider_1lbvf_108 {
  height: 1px;
  background: var(--color-panel-border, #dfeaf6);
  margin: 6px 0;
}._container_12ujn_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._headerGroup_12ujn_8 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 4px;
}

._label_12ujn_15 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._requiredStar_12ujn_22 {
  color: var(--color-error-ink, #b8101a);
  font-weight: 600;
  margin-left: 2px;
}

._helperText_12ujn_28 {
  font-family: var(--font-ui);
  font-size: 12.5px;
  color: var(--color-body, #525d6f);
  line-height: 1.4;
}

._listContainer_12ujn_35 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._rowItem_12ujn_41 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

._numberedBadge_12ujn_48 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._bulletMarker_12ujn_62 {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-muted, #8590a3);
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

._inputWrapper_12ujn_73 {
  flex: 1;
  display: flex;
  align-items: center;
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 12px);
  background: var(--color-surface, #ffffff);
  padding: 0 14px;
  min-height: 44px;
  transition: all 0.15s ease;
}
._inputWrapper_12ujn_73:focus-within {
  border-color: var(--color-navy, #23395a);
  box-shadow: 0 0 0 3px rgba(35, 57, 90, 0.06);
}
._inputWrapper_12ujn_73._hasError_12ujn_88 {
  border-color: var(--color-error-ink, #b8101a);
}

._input_12ujn_73 {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-navy, #23395a);
}
._input_12ujn_73::placeholder {
  color: var(--color-muted, #8590a3);
}

._charCount_12ujn_105 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-muted, #8590a3);
  margin-left: 12px;
  flex-shrink: 0;
}

._deleteBtn_12ujn_113 {
  background: transparent;
  border: none;
  color: var(--color-muted, #8590a3);
  cursor: pointer;
  padding: 8px;
  border-radius: var(--radius-control, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
._deleteBtn_12ujn_113:hover {
  color: var(--color-error-ink, #b8101a);
  background: var(--color-error-bg, #fdecec);
}
._deleteBtn_12ujn_113:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._fullWidthAddBtn_12ujn_135 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: var(--color-navy-25, #f4f7fb);
  border: 1px dashed var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 12px);
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-top: 4px;
}
._fullWidthAddBtn_12ujn_135:hover:not(:disabled) {
  background: var(--color-navy-50, #e9eef6);
  border-color: var(--color-navy, #23395a);
}
._fullWidthAddBtn_12ujn_135:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._compactAddBtn_12ujn_162 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  padding: 8px 16px;
  background: var(--color-surface, #ffffff);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-control, 8px);
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-top: 4px;
}
._compactAddBtn_12ujn_162:hover:not(:disabled) {
  background: var(--color-navy-25, #f4f7fb);
  border-color: var(--color-navy, #23395a);
}
._compactAddBtn_12ujn_162:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._errorText_12ujn_188 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-error-ink, #b8101a);
  margin-top: 2px;
}._filterTabsGroup_1iq7q_1 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--color-border, #e9eef6);
  border-radius: var(--radius-sm, 6px);
  background: var(--color-surface, #ffffff);
  box-shadow: inset 0 -2px 8px rgba(14, 15, 17, 0.02), 0 1px 2px rgba(14, 15, 17, 0.08);
  user-select: none;
}
._filterTabsGroup_1iq7q_1._fullWidth_1iq7q_13 {
  width: 100%;
}
._filterTabsGroup_1iq7q_1._fullWidth_1iq7q_13 ._filterTab_1iq7q_1 {
  flex: 1;
}
._filterTabsGroup_1iq7q_1._sm_1iq7q_19 {
  height: 32px;
}
._filterTabsGroup_1iq7q_1._sm_1iq7q_19 ._filterTab_1iq7q_1 {
  padding: 6px;
}
._filterTabsGroup_1iq7q_1._sm_1iq7q_19 ._tabLabel_1iq7q_25 {
  font-size: 13px;
  line-height: 18px;
}
._filterTabsGroup_1iq7q_1._sm_1iq7q_19 ._countBadge_1iq7q_29 {
  min-width: 16px;
  height: 16px;
  font-size: 10px;
}
._filterTabsGroup_1iq7q_1._md_1iq7q_34 {
  height: 38px;
}
._filterTabsGroup_1iq7q_1._md_1iq7q_34 ._filterTab_1iq7q_1 {
  padding: 8px;
}
._filterTabsGroup_1iq7q_1._md_1iq7q_34 ._tabLabel_1iq7q_25 {
  font-size: 14px;
  line-height: 20px;
}
._filterTabsGroup_1iq7q_1._md_1iq7q_34 ._countBadge_1iq7q_29 {
  min-width: 18px;
  height: 18px;
  font-size: 11px;
}
._filterTabsGroup_1iq7q_1._lg_1iq7q_49 {
  height: 44px;
}
._filterTabsGroup_1iq7q_1._lg_1iq7q_49 ._filterTab_1iq7q_1 {
  padding: 10px;
}
._filterTabsGroup_1iq7q_1._lg_1iq7q_49 ._tabLabel_1iq7q_25 {
  font-size: 15px;
  line-height: 22px;
}
._filterTabsGroup_1iq7q_1._lg_1iq7q_49 ._countBadge_1iq7q_29 {
  min-width: 20px;
  height: 20px;
  font-size: 12px;
}

._filterTab_1iq7q_1 {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  isolation: isolate;
  border: none;
  border-radius: 0;
  background: var(--color-surface, #ffffff);
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}
._filterTab_1iq7q_1::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: var(--color-border, #e9eef6);
  z-index: 3;
}
._filterTab_1iq7q_1:last-child::after {
  display: none;
}
._filterTab_1iq7q_1:hover:not(._active_1iq7q_93):not(._disabled_1iq7q_93) {
  background: var(--color-neutral-25, #fafbfc);
}
._filterTab_1iq7q_1._active_1iq7q_93 {
  background: var(--color-neutral-100, #f0f3f9);
}
._filterTab_1iq7q_1._disabled_1iq7q_93 {
  opacity: 0.5;
  cursor: not-allowed;
}

._tabLabel_1iq7q_25 {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-family: var(--font-ui);
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700, #455468);
  filter: drop-shadow(var(--shadow-xs, 0 1px 2px rgba(14, 15, 17, 0.06)));
  z-index: 1;
}

._countBadge_1iq7q_29 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: var(--radius-pill, 9999px);
  font-family: var(--font-ui);
  font-weight: 600;
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
  transition: background-color 0.15s ease;
  z-index: 2;
}._headerCard_12j5d_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 20px 24px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 16px);
  box-shadow: 0 2px 6px rgba(24, 29, 37, 0.03);
}

._topRow_12j5d_13 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

._title_12j5d_21 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 17px;
  font-weight: 500;
  color: var(--color-navy, #23395a);
  margin: 0;
  line-height: 1.2;
}

._subtitle_12j5d_30 {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-body, #525d6f);
  margin: 4px 0 0 0;
}

._actionBtn_12j5d_38 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--radius-control, 8px);
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.15s ease, transform 0.1s ease;
}
._actionBtn_12j5d_38:hover {
  background: var(--color-navy-hover, #1d314e);
}
._actionBtn_12j5d_38:active {
  transform: translateY(1px);
}

._bottomRow_12j5d_63 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  flex-wrap: wrap;
}

._controlsGroup_12j5d_72 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

._iconBtn_12j5d_79 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-control, 8px);
  color: var(--color-body, #525d6f);
  cursor: pointer;
  transition: all 0.15s ease;
}
._iconBtn_12j5d_79:hover {
  border-color: var(--color-navy, #23395a);
  color: var(--color-navy, #23395a);
}

._searchExpandWrapper_12j5d_97 {
  display: inline-flex;
  align-items: center;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

._searchInputContainer_12j5d_103 {
  display: inline-flex;
  align-items: center;
  width: 220px;
  height: 36px;
  padding: 0 10px;
  background: var(--color-surface, #ffffff);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-control, 8px);
  color: var(--color-navy, #23395a);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._searchInputContainer_12j5d_103:focus-within {
  border-color: var(--color-navy, #23395a);
}

._searchInput_12j5d_103 {
  flex: 1;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font-family: var(--font-ui);
  font-size: 13px;
  padding: 0 6px;
  box-shadow: none;
}
._searchInput_12j5d_103::placeholder {
  color: var(--color-muted, #8590a3);
}

._clearSearchBtn_12j5d_135 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-muted, #8590a3);
  cursor: pointer;
  padding: 2px;
  border-radius: 4px;
  transition: color 0.15s ease;
}
._clearSearchBtn_12j5d_135:hover {
  color: var(--color-navy, #23395a);
}

._viewToggleGroup_12j5d_151 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  background: var(--color-navy-25, #f4f7fb);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-control, 8px);
}

._viewToggleBtn_12j5d_161 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: var(--color-body, #525d6f);
  cursor: pointer;
  transition: all 0.15s ease;
}
._viewToggleBtn_12j5d_161._active_12j5d_174 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
._viewToggleBtn_12j5d_161:hover:not(._active_12j5d_174) {
  color: var(--color-navy, #23395a);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._iconButton_45t3o_125 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border: 1px solid var(--color-panel-border);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-icon-muted);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
._iconButton_45t3o_125:hover {
  background: var(--color-neutral-25);
  color: var(--color-neutral-700);
}
._iconButton_45t3o_125:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._iconButton_45t3o_125._sm_45t3o_146 {
  width: 32px;
  height: 32px;
}
._iconButton_45t3o_125._md_45t3o_150 {
  width: 36px;
  height: 36px;
  box-shadow: 0 1px 2px rgba(24, 29, 37, 0.03);
}
._iconButton_45t3o_125._active_45t3o_155 {
  background: var(--color-l2-active-bg);
  border-color: var(--color-gold);
  color: var(--color-l2-active-fg);
}
._iconButton_45t3o_125._ghost_45t3o_160 {
  border: none;
  border-radius: var(--radius-full-round);
  background: transparent;
  box-shadow: none;
}
._iconButton_45t3o_125._ghost_45t3o_160:hover {
  background: var(--color-neutral-50);
  color: var(--color-neutral-900);
}._wrapper_3ful6_1 {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
._wrapper_3ful6_1._fullWidth_3ful6_6 {
  width: 100%;
}

._label_3ful6_10 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700, #455468);
}

._optionalText_3ful6_19 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-icon-muted, #8897ae);
}

._requiredStar_3ful6_28 {
  color: var(--color-required-star, var(--color-action-foreground-error-normal, #9a2a34));
  font-weight: 600;
  margin-left: 2px;
}

._description_3ful6_34 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #64748b);
  margin-bottom: 4px;
  line-height: 1.4;
}

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

._addonBefore_3ful6_48,
._addonAfter_3ful6_49 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  background: var(--color-addon-bg, #5e718d);
  border: none;
  font-family: var(--font-ui);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #ffffff;
  font-size: 14px;
  user-select: none;
}

._addonBefore_3ful6_48 {
  align-self: stretch;
  border-right: 1px solid var(--color-border-strong, #d7dfe9);
  border-top-left-radius: var(--radius-control, 8px);
  border-bottom-left-radius: var(--radius-control, 8px);
}

._addonAfter_3ful6_49 {
  align-self: stretch;
  border-left: 1px solid var(--color-border-strong, #d7dfe9);
  border-top-right-radius: var(--radius-control, 8px);
  border-bottom-right-radius: var(--radius-control, 8px);
}

._inputContainer_3ful6_79._addonSubtle_3ful6_79 ._addonBefore_3ful6_48,
._inputContainer_3ful6_79._addonSubtle_3ful6_79 ._addonAfter_3ful6_49 {
  padding: 0 12px;
  background: #f9fafb;
  color: #8897ae;
}

._inputContainer_3ful6_79 {
  display: inline-flex;
  align-items: center;
  flex: 1;
  width: 100%;
  border-radius: var(--radius-control, 8px);
  border: 1px solid var(--color-border, #e9eef6);
  background: var(--color-surface, #ffffff);
  box-shadow: var(--shadow-xs, 0 1px 2px rgba(14, 15, 17, 0.06));
  color: var(--color-neutral-950, #0a0c11);
  overflow: hidden;
  transition: all 0.15s ease;
}
._inputContainer_3ful6_79._hasAddonBefore_3ful6_99._hasAddonBefore_3ful6_99 {
  padding-left: 0;
}
._inputContainer_3ful6_79._hasAddonBefore_3ful6_99._hasAddonBefore_3ful6_99 ._input_3ful6_42 {
  padding-left: 6px;
}
._inputContainer_3ful6_79._hasAddonAfter_3ful6_105._hasAddonAfter_3ful6_105 {
  padding-right: 0;
}
._inputContainer_3ful6_79._hasAddonAfter_3ful6_105._hasAddonAfter_3ful6_105 ._input_3ful6_42 {
  padding-right: 6px;
}
._inputContainer_3ful6_79:hover:not(._disabled_3ful6_111) {
  border-color: var(--color-navy-50, #cbd5e1);
}
._inputContainer_3ful6_79:focus-within {
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f));
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16));
}
._inputContainer_3ful6_79._subtle_3ful6_118 {
  background: var(--color-page, #f2f7fc);
  border-color: var(--color-panel-border, #dfeaf6);
}
._inputContainer_3ful6_79._subtle_3ful6_118:focus-within {
  background: var(--color-surface, #ffffff);
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f));
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16));
}
._inputContainer_3ful6_79._sm_3ful6_127 {
  min-height: 36px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 20px;
}
._inputContainer_3ful6_79._md_3ful6_133 {
  min-height: 40px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 20px;
}
._inputContainer_3ful6_79._lg_3ful6_139 {
  min-height: 52px;
  padding: 0 18px;
  font-size: 15px;
  border-radius: 14px;
}
._inputContainer_3ful6_79._hasError_3ful6_145 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._inputContainer_3ful6_79._hasError_3ful6_145:focus-within {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
  box-shadow: 0 0 0 3px var(--color-error-focus-ring, rgba(154, 42, 52, 0.16));
}
._inputContainer_3ful6_79._hasSuccess_3ful6_152 {
  border-color: var(--color-success-border, var(--color-action-border-success-normal, #2e9e6b));
}
._inputContainer_3ful6_79._hasSuccess_3ful6_152:focus-within {
  border-color: var(--color-success-border, var(--color-action-border-success-normal, #2e9e6b));
  box-shadow: 0 0 0 3px var(--color-success-focus-ring, rgba(46, 158, 107, 0.16));
}
._inputContainer_3ful6_79._disabled_3ful6_111 {
  opacity: 0.55;
  background: var(--color-neutral-50, #f4f5f9);
  cursor: not-allowed;
}

._input_3ful6_42 {
  flex: 1;
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: inherit;
  font-family: var(--font-ui);
  font-size: inherit;
  padding: 0;
  box-shadow: none;
}
._input_3ful6_42:focus, ._input_3ful6_42:focus-visible {
  outline: none;
  border: 0;
  box-shadow: none;
}
._input_3ful6_42::placeholder {
  color: var(--color-icon-subtle, #afbaca);
  opacity: 1;
}
._input_3ful6_42:-webkit-autofill, ._input_3ful6_42:-webkit-autofill:hover, ._input_3ful6_42:-webkit-autofill:focus, ._input_3ful6_42:-webkit-autofill:active {
  -webkit-text-fill-color: var(--color-neutral-950, #0a0c11);
  box-shadow: 0 0 0 1000px var(--color-surface, #ffffff) inset;
  caret-color: var(--color-neutral-950, #0a0c11);
  transition: background-color 100000s ease-in-out 0s;
}
._input_3ful6_42:disabled {
  cursor: not-allowed;
}

._prefix_3ful6_196,
._suffix_3ful6_197 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-muted, #8590a3);
  font-size: 14px;
  user-select: none;
}

._prefix_3ful6_196 {
  margin-right: 8px;
}

._suffix_3ful6_197 {
  margin-left: 8px;
}

._footer_3ful6_214 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
}

._helperText_3ful6_222 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-400, #8590a3);
}
._helperText_3ful6_222._errorText_3ful6_232 {
  color: var(--color-error-ink, #b8101a);
}
._helperText_3ful6_222._successText_3ful6_235 {
  color: var(--color-success-ink, #166a44);
  font-weight: 500;
}

._successIcon_3ful6_240 {
  color: var(--color-success-ink, #166a44);
}

._charCount_3ful6_244 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-muted, #8590a3);
  margin-left: 8px;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  user-select: none;
}._section_b8xlf_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background: #f9fafb;
  border-radius: 8px;
}

._titleRow_b8xlf_10 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._title_b8xlf_10 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #3261af;
}

._info_b8xlf_26 {
  display: inline-flex;
  color: #455468;
  cursor: help;
}

._row_b8xlf_32 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._number_b8xlf_38 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 4px;
  color: #8897ae;
}

._inputBox_b8xlf_50 {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  height: 40px;
  padding: 0 6px 0 12px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
}
._inputBox_b8xlf_50._filled_b8xlf_64 {
  padding-right: 8px;
  border-color: rgba(14, 15, 17, 0.48);
}
._inputBox_b8xlf_50._filled_b8xlf_64 ._input_b8xlf_50 {
  font-weight: 500;
  color: #455468;
}
._inputBox_b8xlf_50:focus-within {
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}

._input_b8xlf_50 {
  flex: 1;
  min-width: 0;
  height: 38px;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}
._input_b8xlf_50::placeholder {
  color: #afbaca;
}
._input_b8xlf_50:focus-visible {
  outline: none;
}

._counter_b8xlf_97 {
  flex: none;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #d7dfe9;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._actions_b8xlf_109 {
  flex: none;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  width: 60px;
}
._actions_b8xlf_109._actionsSolo_b8xlf_116 {
  width: auto;
}

._iconBtn_b8xlf_120 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 4px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #8897ae;
  cursor: pointer;
}
._iconBtn_b8xlf_120:hover:not(:disabled) {
  background: #eef2f8;
  color: #455468;
}
._iconBtn_b8xlf_120:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._srOnly_b8xlf_143 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

._numberText_b8xlf_152 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  font-family: var(--font-ui);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}._wrapper_1nlc4_1 {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
._wrapper_1nlc4_1._isOpen_1nlc4_7 {
  z-index: 100;
}
._wrapper_1nlc4_1._fullWidth_1nlc4_10 {
  width: 100%;
}

._label_1nlc4_14 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._requiredStar_1nlc4_21 {
  color: var(--color-required-star, var(--color-action-foreground-error-normal, #9a2a34));
}

._description_1nlc4_25 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
  margin-bottom: 4px;
  line-height: 1.4;
}

._selectTrigger_1nlc4_33 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 6px 14px;
  background: var(--color-surface, #ffffff);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 14px);
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._selectTrigger_1nlc4_33:focus, ._selectTrigger_1nlc4_33._isOpen_1nlc4_7 {
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f));
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16));
}
._selectTrigger_1nlc4_33._hasError_1nlc4_55 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._selectTrigger_1nlc4_33._hasError_1nlc4_55:focus, ._selectTrigger_1nlc4_33._hasError_1nlc4_55._isOpen_1nlc4_7 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
  box-shadow: 0 0 0 3px var(--color-error-focus-ring, rgba(154, 42, 52, 0.16));
}
._selectTrigger_1nlc4_33._disabled_1nlc4_62 {
  opacity: 0.55;
  background: var(--color-navy-25, #f4f7fb);
  cursor: not-allowed;
}

._chipsContainer_1nlc4_68 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex: 1;
}

._overflowBadge_1nlc4_76 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-pill, 9999px);
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
  font-size: 12px;
  font-weight: 600;
}

._placeholder_1nlc4_89 {
  color: var(--color-muted, #8590a3);
}

._caretIcon_1nlc4_93 {
  color: var(--color-muted, #8590a3);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
._caretIcon_1nlc4_93._rotated_1nlc4_98 {
  transform: rotate(180deg);
}

._dropdownPanel_1nlc4_102 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  max-height: 280px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 14px);
  box-shadow: 0 10px 25px rgba(23, 37, 61, 0.12);
  z-index: 300;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._searchHeader_1nlc4_118 {
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-panel-border, #dfeaf6);
  background: var(--color-navy-25, #f4f7fb);
}

._searchInputWrapper_1nlc4_124 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-control, 8px);
  color: var(--color-body, #525d6f);
}
._searchInputWrapper_1nlc4_124 input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
}
._searchInputWrapper_1nlc4_124 input::placeholder {
  color: var(--color-muted, #8590a3);
}

._optionsList_1nlc4_147 {
  overflow-y: auto;
  padding: 8px 0;
  max-height: 220px;
}

._groupHeader_1nlc4_153 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-muted, #8590a3);
  padding: 10px 16px 4px 16px;
}

._optionItem_1nlc4_163 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  transition: background-color 0.12s ease;
}
._optionItem_1nlc4_163:hover:not(._disabled_1nlc4_62) {
  background: var(--color-navy-25, #f4f7fb);
}
._optionItem_1nlc4_163._selected_1nlc4_177 {
  background: var(--color-navy-50, #e9eef6);
  font-weight: 600;
}
._optionItem_1nlc4_163._disabled_1nlc4_62 {
  opacity: 0.45;
  cursor: not-allowed;
}

._checkbox_1nlc4_186 {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.12s ease;
}
._selected_1nlc4_177 ._checkbox_1nlc4_186 {
  background: var(--color-navy, #23395a);
  border-color: var(--color-navy, #23395a);
  color: #ffffff;
}

._noOptions_1nlc4_203 {
  padding: 16px;
  text-align: center;
  font-size: 13px;
  color: var(--color-muted, #8590a3);
}

._footer_1nlc4_210 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
}

._helperText_1nlc4_218 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-muted, #8590a3);
}
._helperText_1nlc4_218._errorText_1nlc4_223 {
  color: var(--color-error-ink, #b8101a);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._banner_16qoz_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  border: none;
  border-radius: var(--radius-control);
  background: var(--color-navy);
  color: #ffffff;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._banner_16qoz_125:hover {
  background: var(--color-navy-hover);
}._container_1ua0i_1 {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--content-max-width) + 2 * var(--page-gutter));
  margin-inline: auto;
  padding-inline: var(--page-gutter);
}._pageHeader_1r5yt_1 {
  flex: none;
  display: flex;
  flex-direction: column;
  padding: 0 var(--page-padding, 20px);
  background: var(--color-surface, #ffffff);
  border-bottom: 1px solid rgba(27, 56, 96, 0.12);
}

._titleRow_1r5yt_10 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 0 4px;
  width: 100%;
}

._title_1r5yt_10 {
  font-family: var(--font-serif);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: -0.4px;
  color: #0a0c11;
  margin: 0;
}

._actions_1r5yt_31 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._actionButton_1r5yt_38._actionButton_1r5yt_38 {
  height: 32px;
  padding: 6px 10px;
  gap: 4px;
  border-radius: 8px;
  background: #3c609b;
  border: 1px solid rgba(14, 15, 17, 0.12);
  box-shadow: 0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #ffffff;
}
._actionButton_1r5yt_38._actionButton_1r5yt_38:hover:not(:disabled) {
  background: #34558a;
}

._controlsRow_1r5yt_57 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 24px;
  padding: 4px 0 12px;
}

._toolbar_1r5yt_67 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

._iconButton_1r5yt_74 {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  padding: 6px;
  border-radius: 6px;
  border: none;
  background-color: transparent;
  color: #8897ae;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}
._iconButton_1r5yt_74:hover {
  background-color: #f0f3f9;
  color: #455468;
}
._iconButton_1r5yt_74._active_1r5yt_93 {
  background-color: #f0f3f9;
  color: #3c609b;
}

._search_1r5yt_98 {
  display: inline-flex;
  align-items: center;
  height: 32px;
  background-color: var(--color-surface, #ffffff);
  border: 1px solid var(--color-border, #e9eef6);
  border-radius: var(--radius-sm, 6px);
  padding: 0 8px;
  gap: 6px;
}

._searchIcon_1r5yt_109 {
  color: var(--color-icon-muted, #8897ae);
  flex-shrink: 0;
}

._searchInput_1r5yt_114 {
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-neutral-900, #23395a);
  width: 160px;
}
._searchInput_1r5yt_114::placeholder {
  color: var(--color-neutral-400, #8590a3);
}

._searchClose_1r5yt_127 {
  border: none;
  background: transparent;
  color: var(--color-icon-muted, #8897ae);
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._searchClose_1r5yt_127:hover {
  color: var(--color-neutral-900, #23395a);
}

._viewToggle_1r5yt_141 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 64px;
  height: 38px;
  padding: 0;
  overflow: hidden;
  background: var(--color-surface, #ffffff);
  border: 1px solid #e9eff6;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
}

._viewToggleBtn_1r5yt_156 {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 8px;
  border: none;
  border-radius: 0;
  background: #ffffff;
  color: #343330;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._viewToggleBtn_1r5yt_156 svg {
  flex: none;
  width: 16px;
  height: 16px;
  filter: drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
}
._viewToggleBtn_1r5yt_156:first-child {
  border-radius: 5px 0 0 5px;
}
._viewToggleBtn_1r5yt_156:last-child {
  border-radius: 0 5px 5px 0;
}
._viewToggleBtn_1r5yt_156 + ._viewToggleBtn_1r5yt_156 {
  border-left: 1px solid #e9eff6;
}
._viewToggleBtn_1r5yt_156:hover:not(._active_1r5yt_93) {
  background: #f7f9fc;
}
._viewToggleBtn_1r5yt_156._active_1r5yt_93 {
  background: #f0f3f9;
}

._iconButton_1r5yt_74:focus-visible,
._searchClose_1r5yt_127:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._viewToggleBtn_1r5yt_156:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: -2px;
}

@media (max-width: 768px) {
  ._controlsRow_1r5yt_57 {
    flex-wrap: wrap;
    gap: 12px;
  }
  ._toolbar_1r5yt_67 {
    margin-left: auto;
  }
}._wrapper_1uiyy_1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

._boxWrap_1uiyy_8 {
  display: flex;
  flex: none;
  align-items: flex-start;
  width: 24px;
  height: 24px;
  padding: 4px;
}

._box_1uiyy_8 {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  background: var(--color-neutral-25);
  border: 1px solid var(--color-icon-muted);
  border-radius: var(--radius-pill);
  accent-color: var(--color-navy-600);
  cursor: pointer;
}
._box_1uiyy_8:disabled {
  cursor: not-allowed;
}

._label_1uiyy_32 {
  flex: 1;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}
._label_1uiyy_32._disabled_1uiyy_41 {
  opacity: 0.6;
}._container_tgd0v_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._headerGroup_tgd0v_8 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 2px;
}

._label_tgd0v_15 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._requiredStar_tgd0v_22 {
  color: var(--color-error-ink, #b8101a);
  font-weight: 600;
  margin-left: 2px;
}

._helperText_tgd0v_28 {
  font-family: var(--font-ui);
  font-size: 12.5px;
  color: var(--color-body, #525d6f);
  line-height: 1.4;
}

._optionsGroup_tgd0v_35 {
  display: flex;
  gap: 12px;
  width: 100%;
}
._optionsGroup_tgd0v_35._horizontal_tgd0v_40 {
  flex-direction: row;
  flex-wrap: wrap;
}
._optionsGroup_tgd0v_35._horizontal_tgd0v_40 ._cardOption_tgd0v_44 {
  flex: 1;
  min-width: 140px;
}
._optionsGroup_tgd0v_35._vertical_tgd0v_48 {
  flex-direction: column;
}
._optionsGroup_tgd0v_35._vertical_tgd0v_48 ._cardOption_tgd0v_44 {
  width: 100%;
}
._optionsGroup_tgd0v_35._grid_tgd0v_54 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

._cardOption_tgd0v_44 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: var(--radius-card, 12px);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  background: var(--color-surface, #ffffff);
  cursor: pointer;
  user-select: none;
  transition: all 0.15s ease;
  position: relative;
}
._cardOption_tgd0v_44:hover:not(._disabled_tgd0v_72):not(._selected_tgd0v_72) {
  border-color: var(--color-navy, #23395a);
  background: var(--color-navy-25, #f4f7fb);
}
._cardOption_tgd0v_44._selected_tgd0v_72 {
  border-color: var(--color-navy, #23395a);
  background: var(--color-navy-25, #f4f7fb);
}
._cardOption_tgd0v_44._selected_tgd0v_72 ._radioCircle_tgd0v_80 {
  border-color: var(--color-navy, #23395a);
  background: var(--color-navy, #23395a);
}
._cardOption_tgd0v_44._selected_tgd0v_72 ._radioCircle_tgd0v_80::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
}
._cardOption_tgd0v_44._selected_tgd0v_72 ._optionLabel_tgd0v_91 {
  color: var(--color-navy, #23395a);
  font-weight: 700;
}
._cardOption_tgd0v_44._disabled_tgd0v_72 {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--color-navy-25, #f4f7fb);
}
._cardOption_tgd0v_44._sm_tgd0v_100 {
  padding: 8px 12px;
  min-height: 38px;
}
._cardOption_tgd0v_44._md_tgd0v_104 {
  padding: 12px 16px;
  min-height: 46px;
}
._cardOption_tgd0v_44._lg_tgd0v_108 {
  padding: 16px 20px;
  min-height: 54px;
}

._radioCircle_tgd0v_80 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--color-muted, #8590a3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

._contentWrapper_tgd0v_125 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

._labelRow_tgd0v_132 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}

._labelGroup_tgd0v_140 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

._optionMeta_tgd0v_147 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400, #8590a3);
  white-space: nowrap;
}

._optionLabel_tgd0v_91 {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
}

._optionDescription_tgd0v_162 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-body, #525d6f);
}

._footerNote_tgd0v_168 {
  font-family: var(--font-ui);
  font-size: 12.5px;
  color: var(--color-body, #525d6f);
  margin-top: 4px;
}

._errorText_tgd0v_175 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-error-ink, #b8101a);
  margin-top: 2px;
}._wrapper_19rwy_1 {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
._wrapper_19rwy_1._isOpen_19rwy_7 {
  z-index: 100;
}
._wrapper_19rwy_1._fullWidth_19rwy_10 {
  width: 100%;
}

._label_19rwy_14 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._description_19rwy_21 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
  margin-bottom: 4px;
  line-height: 1.4;
}

._selectTrigger_19rwy_29 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 6px 14px;
  background: var(--color-surface, #ffffff);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 14px);
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._selectTrigger_19rwy_29:focus, ._selectTrigger_19rwy_29._isOpen_19rwy_7 {
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f));
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16));
}
._selectTrigger_19rwy_29._hasError_19rwy_51 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._selectTrigger_19rwy_29._hasError_19rwy_51:focus, ._selectTrigger_19rwy_29._hasError_19rwy_51._isOpen_19rwy_7 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
  box-shadow: 0 0 0 3px var(--color-error-focus-ring, rgba(154, 42, 52, 0.16));
}
._selectTrigger_19rwy_29._disabled_19rwy_58 {
  opacity: 0.55;
  background: var(--color-navy-25, #f4f7fb);
  cursor: not-allowed;
}

._placeholder_19rwy_64 {
  color: var(--color-muted, #8590a3);
}

._singleValue_19rwy_68 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-navy, #23395a);
  font-weight: 500;
}

._caretIcon_19rwy_76 {
  color: var(--color-muted, #8590a3);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
._caretIcon_19rwy_76._rotated_19rwy_81 {
  transform: rotate(180deg);
}

._dropdownPanel_19rwy_85 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  max-height: 280px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-card, 14px);
  box-shadow: 0 10px 25px rgba(23, 37, 61, 0.12);
  z-index: 300;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._searchHeader_19rwy_101 {
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-panel-border, #dfeaf6);
  background: var(--color-navy-25, #f4f7fb);
}

._searchInputWrapper_19rwy_107 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-panel-border, #dfeaf6);
  border-radius: var(--radius-control, 8px);
  color: var(--color-body, #525d6f);
}
._searchInputWrapper_19rwy_107 input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
}
._searchInputWrapper_19rwy_107 input::placeholder {
  color: var(--color-muted, #8590a3);
}

._optionsList_19rwy_130 {
  overflow-y: auto;
  padding: 8px 0;
  max-height: 220px;
}

._groupHeader_19rwy_136 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-muted, #8590a3);
  padding: 10px 16px 4px 16px;
}

._optionItem_19rwy_146 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  transition: background-color 0.12s ease;
}
._optionItem_19rwy_146:hover:not(._disabled_19rwy_58) {
  background: var(--color-navy-25, #f4f7fb);
}
._optionItem_19rwy_146._selected_19rwy_160 {
  background: var(--color-navy-50, #e9eef6);
  font-weight: 600;
}
._optionItem_19rwy_146._disabled_19rwy_58 {
  opacity: 0.45;
  cursor: not-allowed;
}

._noOptions_19rwy_169 {
  padding: 16px;
  text-align: center;
  font-size: 13px;
  color: var(--color-muted, #8590a3);
}

._footer_19rwy_176 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
}

._helperText_19rwy_184 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-muted, #8590a3);
}
._helperText_19rwy_184._errorText_19rwy_189 {
  color: var(--color-error-ink, #b8101a);
}@keyframes _shimmer_1jq99_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._skeleton_1jq99_9 {
  display: block;
  background: linear-gradient(90deg, var(--color-neutral-50) 25%, var(--color-neutral-100) 50%, var(--color-neutral-50) 75%);
  background-size: 200% 100%;
  border-radius: var(--radius-sm);
  animation: _shimmer_1jq99_1 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._skeleton_1jq99_9 {
    animation: none;
  }
}

._line_1jq99_22 {
  width: 100%;
  height: 16px;
}

._text_1jq99_27 {
  width: 60%;
  height: 14px;
}

._block_1jq99_32 {
  width: 100%;
  height: 120px;
  border-radius: var(--radius-card);
}

._circle_1jq99_38 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

._rounded_1jq99_44 {
  border-radius: var(--radius-card);
}

._stack_1jq99_48 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}._statCard_81uv6_1 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  padding: 16px;
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
}

._illustration_81uv6_16 {
  position: absolute;
  right: 12px;
  bottom: 0;
  width: 88px;
  height: auto;
  pointer-events: none;
  user-select: none;
}

._value_81uv6_26 {
  position: relative;
  z-index: 1;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
}

._labelRow_81uv6_37 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

._icon_81uv6_46 {
  display: inline-flex;
  align-items: center;
  color: var(--color-icon-muted);
}

._label_81uv6_37 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}._list_1ksek_1 {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

._step_1ksek_13 {
  box-sizing: border-box;
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  height: 40px;
  padding: 4px 0 4px 12px;
  border-radius: 8px;
}
._step_1ksek_13._stepActive_1ksek_24 {
  background: #fbf6e8;
}
._step_1ksek_13._stepActive_1ksek_24 ._stepNumber_1ksek_27 {
  border-color: #455468;
  background: transparent;
  color: #455468;
}
._step_1ksek_13._stepActive_1ksek_24 ._stepTitle_1ksek_32 {
  color: #0a0c11;
}
._step_1ksek_13._stepDone_1ksek_35 ._stepNumber_1ksek_27 {
  border-color: #2fa971;
  background: #2fa971;
  color: #ffffff;
}
._step_1ksek_13._stepDone_1ksek_35 ._stepTitle_1ksek_32 {
  color: #0a0c11;
}
._step_1ksek_13._stepDone_1ksek_35 ._stepSubtitle_1ksek_43 {
  color: #2e9e6b;
}
._step_1ksek_13._stepNeedsWork_1ksek_46 ._stepNumber_1ksek_27 {
  border-color: #455468;
  background: transparent;
  color: #455468;
}
._step_1ksek_13._stepNeedsWork_1ksek_46 ._stepTitle_1ksek_32 {
  color: #0a0c11;
}
._step_1ksek_13._stepNeedsWork_1ksek_46 ._stepSubtitle_1ksek_43 {
  color: #a62f3a;
}

._stepNumber_1ksek_27 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #8897ae;
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  color: #8897ae;
}

._stepBtn_1ksek_76 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  align-self: stretch;
  margin: -4px 0 -4px -12px;
  padding: 4px 0 4px 12px;
  background: none;
  border: none;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
}
._stepBtn_1ksek_76:hover {
  background: #f3f6fb;
}
._stepBtn_1ksek_76:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 0;
}

._stepText_1ksek_99 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._stepTitle_1ksek_32 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #8897ae;
}

._stepSubtitle_1ksek_43 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #455468;
}

._stepCaret_1ksek_127 {
  flex: none;
  align-self: center;
  color: #afbaca;
}

._list_1ksek_1:has(._stepWithSubtitle_1ksek_133) {
  gap: 12px;
}

._step_1ksek_13._stepWithSubtitle_1ksek_133 {
  align-self: stretch;
  align-items: flex-start;
  height: auto;
  min-height: 66px;
  padding: 8px 12px;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133 ._stepBtn_1ksek_76 {
  align-items: flex-start;
  margin: -8px -12px;
  padding: 8px 12px;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133 ._stepText_1ksek_99 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133 ._stepSubtitle_1ksek_43 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133:not(._stepActive_1ksek_24) {
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #e9eff6;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepActive_1ksek_24 ._stepNumber_1ksek_27 {
  border-color: #8897ae;
  color: #8897ae;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepActive_1ksek_24 ._stepTitle_1ksek_32,
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepActive_1ksek_24 ._stepSubtitle_1ksek_43 {
  color: #8897ae;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepDone_1ksek_35 {
  background: linear-gradient(0deg, rgba(233, 247, 240, 0.5), rgba(233, 247, 240, 0.5)), #ffffff;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepDone_1ksek_35 ._stepNumber_1ksek_27 {
  border-color: #2e9e6b;
  background: #2e9e6b;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepDone_1ksek_35 ._stepTitle_1ksek_32 {
  color: #1f8a5b;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepDone_1ksek_35 ._stepSubtitle_1ksek_43 {
  color: #455468;
}
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepUpcoming_1ksek_186 ._stepTitle_1ksek_32,
._step_1ksek_13._stepWithSubtitle_1ksek_133._stepUpcoming_1ksek_186 ._stepSubtitle_1ksek_43 {
  color: #8897ae;
}

@media (max-width: 1100px) {
  ._list_1ksek_1 {
    flex: 1 1 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  ._list_1ksek_1::-webkit-scrollbar {
    display: none;
  }
  ._step_1ksek_13 {
    flex: none;
    padding-right: 12px;
  }
  ._step_1ksek_13._stepWithSubtitle_1ksek_133 {
    width: 280px;
  }
  ._stepTitle_1ksek_32 {
    overflow: visible;
  }
}
@media (max-width: 768px) {
  ._list_1ksek_1 {
    flex-basis: 100%;
  }
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._switch_y8za0_125 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: none;
  width: 36px;
  height: 20px;
  padding: 2px;
  border: none;
  border-radius: var(--radius-pill);
  background: var(--color-neutral-300);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._switch_y8za0_125:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._switch_y8za0_125._checked_y8za0_143 {
  background: var(--color-navy);
}
._switch_y8za0_125._checked_y8za0_143 ._knob_y8za0_146 {
  transform: translateX(16px);
}

._knob_y8za0_146 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.24);
  transition: transform 0.15s ease;
}._tableContainer_4opkq_1 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 2px;
  border-radius: var(--radius-card, 12px);
  border: 1px solid var(--color-border-strong, #d7dfe9);
  background: var(--color-surface, #ffffff);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._toolbar_4opkq_13 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-bottom: 1px solid var(--color-border, #e9eef6);
  background: #ffffff;
  gap: 12px;
  flex-wrap: wrap;
}

._toolbarLeft_4opkq_24,
._toolbarRight_4opkq_25 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._searchBox_4opkq_31 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 12px;
  border-radius: var(--radius-control, 8px);
  border: 1px solid var(--color-border, #e9eef6);
  background: var(--color-navy-25, #f4f7fb);
  color: var(--color-body, #525d6f);
  width: 240px;
  transition: all 0.15s ease;
}
._searchBox_4opkq_31:focus-within {
  border-color: var(--color-navy, #23395a);
  background: #ffffff;
}

._searchInput_4opkq_49 {
  border: none;
  background: transparent;
  width: 100%;
  font-family: var(--font-ui);
  font-size: 13.5px;
  color: var(--color-navy, #23395a);
}
._searchInput_4opkq_49:focus {
  outline: none;
}

._toolbarBtn_4opkq_61 {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border-radius: var(--radius-control, 8px);
  border: 1px solid var(--color-border, #e9eef6);
  background: #ffffff;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  transition: all 0.15s ease;
}
._toolbarBtn_4opkq_61:hover {
  background: var(--color-navy-50, #e9eef6);
}

._badge_4opkq_81 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  border-radius: 9999px;
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}

._viewToggle_4opkq_94 {
  display: flex;
  align-items: center;
  padding: 2px;
  border-radius: var(--radius-control, 8px);
  background: var(--color-navy-25, #f4f7fb);
  border: 1px solid var(--color-border, #e9eef6);
}

._toggleBtn_4opkq_103 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--color-body, #525d6f);
  cursor: pointer;
  transition: all 0.15s ease;
}
._toggleBtn_4opkq_103._active_4opkq_116 {
  background: #ffffff;
  color: var(--color-navy, #23395a);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

._tableWrapper_4opkq_122 {
  width: 100%;
  overflow-x: auto;
  position: relative;
}

._table_4opkq_1 {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-family: var(--font-ui);
  font-size: 12px;
  letter-spacing: -0.2px;
}

._thead_4opkq_137 {
  background: var(--color-neutral-25, #f9fafb);
  border-bottom: 1px solid var(--color-table-header-border, rgba(27, 56, 96, 0.06));
}
._thead_4opkq_137._sticky_4opkq_141 {
  position: sticky;
  top: 0;
  z-index: 10;
}

._th_4opkq_137 {
  height: 40px;
  padding: 8px 16px;
  background: var(--color-neutral-25, #f9fafb);
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: var(--color-neutral-700, #455468);
  letter-spacing: -0.2px;
  user-select: none;
  white-space: nowrap;
}
._th_4opkq_137._alignLeft_4opkq_160 {
  text-align: left;
}
._th_4opkq_137._alignCenter_4opkq_163 {
  text-align: center;
}
._th_4opkq_137._alignRight_4opkq_166 {
  text-align: right;
}
._th_4opkq_137._sortable_4opkq_169 {
  cursor: pointer;
}
._th_4opkq_137._sortable_4opkq_169:hover {
  color: var(--color-navy, #23395a);
  background: var(--color-navy-50, #e9eef6);
}

._thContent_4opkq_177 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

._sortIcon_4opkq_183 {
  display: inline-flex;
  align-items: center;
  color: var(--color-muted, #8590a3);
}
._sortIcon_4opkq_183._active_4opkq_116 {
  color: var(--color-navy, #23395a);
}

._selectionBarRow_4opkq_192 {
  background: var(--color-navy-50, #e9eef6);
}

._selectionBarCell_4opkq_196 {
  height: 40px;
  padding: 8px 16px;
  background: var(--color-navy-50, #e9eef6);
}

._selectionBar_4opkq_192 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._selectionBarCount_4opkq_209 {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-navy, #23395a);
}
._selectionBarCount_4opkq_209 strong {
  font-weight: 700;
}

._selectionBarActions_4opkq_219 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._tbody_4opkq_225 > tr {
  border-bottom: 1px solid var(--color-border-strong, #d7dfe9);
  transition: background 0.15s ease;
}
._tbody_4opkq_225 > tr:last-child {
  border-bottom: none;
}

._tr_4opkq_233._hoverable_4opkq_233:hover {
  background: var(--color-neutral-25, #fafbfc);
}
._tr_4opkq_233._striped_4opkq_236:nth-child(even) {
  background: #fafbfc;
}
._tr_4opkq_233._selected_4opkq_239 {
  background: var(--color-navy-50, #e9eef6) !important;
}
._tr_4opkq_233._clickable_4opkq_242 {
  cursor: pointer;
}

._stopRowClick_4opkq_246 {
  cursor: default;
}

._td_4opkq_250 {
  height: 60px;
  padding: 0 16px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--color-neutral-700, #455468);
  vertical-align: middle;
}
._td_4opkq_250._alignLeft_4opkq_160 {
  text-align: left;
}
._td_4opkq_250._alignCenter_4opkq_163 {
  text-align: center;
}
._td_4opkq_250._alignRight_4opkq_166 {
  text-align: right;
}
._td_4opkq_250._compact_4opkq_268 {
  padding: 10px 14px;
}

._checkboxCell_4opkq_272 {
  width: 44px;
  text-align: center;
  padding: 0 12px;
}

._checkbox_4opkq_272 {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1.5px solid var(--color-neutral-300, #bdc4d1);
  accent-color: var(--color-navy, #23395a);
  cursor: pointer;
}

._expandBtn_4opkq_287 {
  background: transparent;
  border: none;
  color: var(--color-body, #525d6f);
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease;
}
._expandBtn_4opkq_287._expanded_4opkq_299 {
  transform: rotate(90deg);
}

._expandedRow_4opkq_303 {
  background: var(--color-navy-25, #f4f7fb);
}
._expandedRow_4opkq_303 > td {
  padding: 16px 24px;
}

._emptyCell_4opkq_310 {
  padding: 0;
}

._emptyState_4opkq_314 {
  padding: 48px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--color-muted, #8590a3);
  font-family: var(--font-ui);
}

._emptyTitle_4opkq_326 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 16px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._skeletonRow_4opkq_333 {
  height: 52px;
}
._skeletonRow_4opkq_333 > td {
  padding: 14px 18px;
}

._skeletonBox_4opkq_340 {
  height: 18px;
  width: 80%;
  border-radius: 6px;
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: _shimmer_4opkq_1 1.5s infinite;
}

@keyframes _shimmer_4opkq_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._tableFooter_4opkq_357 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: var(--color-navy-50, #e9eef6);
  border-top: 1px solid var(--color-border, #e9eef6);
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
}

._clearBtn_4opkq_369 {
  background: transparent;
  border: none;
  color: var(--color-navy, #23395a);
  text-decoration: underline;
  cursor: pointer;
  margin-left: 8px;
  font-weight: 600;
}

._pagination_4opkq_379 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-top: 1px solid var(--color-border, #e9eef6);
  background: #ffffff;
  flex-wrap: wrap;
  gap: 12px;
}

._paginationInfo_4opkq_390 {
  font-family: var(--font-ui);
  font-size: 13.5px;
  color: var(--color-body, #525d6f);
}

._paginationActions_4opkq_396 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._pageSizeSelect_4opkq_402 {
  height: 32px;
  min-width: 64px;
  padding: 0 28px 0 10px;
  border-radius: var(--radius-control, 8px);
  border: 1px solid var(--color-border, #e9eef6);
  background-color: #ffffff;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23525d6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
._pageSizeSelect_4opkq_402:focus, ._pageSizeSelect_4opkq_402:focus-visible {
  outline: none;
}

._pageButtons_4opkq_423 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._sortSelectWrapper_4opkq_429 {
  position: relative;
  display: inline-flex;
}

._sortSelect_4opkq_429 {
  height: 38px;
  padding: 0 32px 0 14px;
  border-radius: var(--radius-control, 8px);
  border: 1px solid var(--color-border, #e9eef6);
  background: #ffffff;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-body, #525d6f);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%25525d6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
._sortSelect_4opkq_429:hover {
  border-color: var(--color-navy, #23395a);
}

._selectOptionGroup_4opkq_454 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._selectLabel_4opkq_460 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
}

._pageArrowBtn_4opkq_466 {
  min-width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-control, 8px);
  border: none;
  background: transparent;
  color: var(--color-body, #525d6f);
  cursor: pointer;
}
._pageArrowBtn_4opkq_466:hover:not(:disabled) {
  background: var(--color-navy-25, #f4f7fb);
  color: var(--color-navy, #23395a);
}
._pageArrowBtn_4opkq_466:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

._ellipsis_4opkq_488 {
  padding: 0 4px;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
}

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

._pageBtn_4opkq_507 {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border-radius: var(--radius-control, 8px);
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-body, #525d6f);
  cursor: pointer;
}
._pageBtn_4opkq_507:hover:not(._active_4opkq_116) {
  background: var(--color-navy-25, #f4f7fb);
  color: var(--color-navy, #23395a);
}
._pageBtn_4opkq_507._active_4opkq_116 {
  background: #e0e7ff;
  color: #3730a3;
  font-weight: 700;
}
._pageBtn_4opkq_507:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._cardsGrid_4opkq_534 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  padding: 20px;
}

._cardItem_4opkq_541 {
  border-radius: var(--radius-card, 12px);
  border: 1px solid var(--color-border, #e9eef6);
  background: #ffffff;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._cardField_4opkq_551 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._fieldLabel_4opkq_557 {
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-body, #525d6f);
}

._fieldValue_4opkq_564 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
}

._popoverMenu_4opkq_570 {
  position: absolute;
  top: 100%;
  right: 20px;
  z-index: 50;
  width: 260px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid var(--color-border, #e9eef6);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._popoverHeader_4opkq_586 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._closeBtn_4opkq_596 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-body, #525d6f);
}

._popoverBody_4opkq_603 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._checkboxLabel_4opkq_609 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
  cursor: pointer;
}

._popoverFooter_4opkq_619 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

._textBtn_4opkq_625 {
  background: transparent;
  border: none;
  font-family: var(--font-ui);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--color-body, #525d6f);
  cursor: pointer;
}

._primaryBtn_4opkq_635 {
  padding: 6px 12px;
  border-radius: 6px;
  border: none;
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-family: var(--font-ui);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}._avatarCell_jqz3h_1 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._avatarInfo_jqz3h_7 {
  display: flex;
  flex-direction: column;
}

._avatarName_jqz3h_12 {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
}

._avatarSub_jqz3h_19 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-body, #64748b);
}

._statusBadge_jqz3h_25 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--radius-pill, 9999px);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
._statusBadge_jqz3h_25._success_jqz3h_36 {
  background: var(--color-success-bg, #e5f4ec);
  color: var(--color-success-ink, #166a44);
}
._statusBadge_jqz3h_25._warning_jqz3h_40 {
  background: var(--color-warning-bg, #fdf1de);
  color: var(--color-warning-ink, #97560c);
}
._statusBadge_jqz3h_25._error_jqz3h_44 {
  background: var(--color-error-bg, #fdecec);
  color: var(--color-error-ink, #b8101a);
}
._statusBadge_jqz3h_25._default_jqz3h_48 {
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
}

._statusDot_jqz3h_53 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

._tag_jqz3h_60 {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 6px;
  background: var(--color-navy-25, #f4f7fb);
  border: 1px solid var(--color-border, #e9eef6);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  color: var(--color-navy, #23395a);
}

._multiTag_jqz3h_73 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

._dateCell_jqz3h_79 {
  font-family: var(--font-ui);
  font-size: 13.5px;
  color: var(--color-navy, #23395a);
  white-space: nowrap;
}

._currencyCell_jqz3h_86 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 13.5px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
}

._linkCell_jqz3h_93 {
  font-family: var(--font-ui);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
  text-decoration: none;
}
._linkCell_jqz3h_93:hover {
  text-decoration: underline;
}

._progressContainer_jqz3h_104 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

._progressBar_jqz3h_111 {
  flex: 1;
  height: 6px;
  border-radius: 9999px;
  background: var(--color-navy-50, #e9eef6);
  overflow: hidden;
}

._progressFill_jqz3h_119 {
  height: 100%;
  border-radius: 9999px;
  background: var(--color-navy, #23395a);
  transition: width 0.3s ease;
}

._progressLabel_jqz3h_126 {
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-body, #64748b);
  min-width: 32px;
  text-align: right;
}._tabs_1jnci_1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  isolation: isolate;
  height: 48px;
  border-radius: 0;
  user-select: none;
}

._tab_1jnci_1 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  isolation: isolate;
  align-self: stretch;
  height: 48px;
  padding: 12px;
  border: none;
  border-radius: 0;
  background: transparent;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s ease;
}
._tab_1jnci_1._active_1jnci_30 {
  border-bottom: 1px solid var(--color-border);
}
._tab_1jnci_1._active_1jnci_30::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--color-navy-600);
  border-radius: 9999px 9999px 0 0;
  z-index: 3;
}
._tab_1jnci_1._disabled_1jnci_44 {
  opacity: 0.5;
  cursor: not-allowed;
}

._tabLabel_1jnci_49 {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 0 4px;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: var(--color-neutral-700);
  z-index: 1;
}
._tab_1jnci_1._active_1jnci_30 ._tabLabel_1jnci_49 {
  color: var(--color-navy-600);
}

._countPill_1jnci_68 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 24px;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-count-border);
  background: var(--color-count-bg);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-count-ink);
  z-index: 4;
}._wrapper_gpo5x_1 {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
._wrapper_gpo5x_1._fullWidth_gpo5x_6 {
  width: 100%;
}

._label_gpo5x_10 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._optionalText_gpo5x_17 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-icon-muted, #8897ae);
}

._requiredStar_gpo5x_26 {
  color: var(--color-required-star, var(--color-action-foreground-error-normal, #9a2a34));
  font-weight: 600;
  margin-left: 2px;
}

._description_gpo5x_32 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-body, #525d6f);
  margin-bottom: 4px;
  line-height: 1.4;
}

._textareaContainer_gpo5x_40 {
  display: inline-flex;
  width: 100%;
  border-radius: var(--radius-card, 14px);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  background: var(--color-surface, #ffffff);
  color: var(--color-navy, #23395a);
  padding: 14px 16px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
._textareaContainer_gpo5x_40:focus-within {
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f));
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16));
}
._textareaContainer_gpo5x_40._subtle_gpo5x_54 {
  background: var(--color-navy-25, #f4f7fb);
  border-color: var(--color-panel-border, #dfeaf6);
}
._textareaContainer_gpo5x_40._subtle_gpo5x_54:focus-within {
  background: var(--color-surface, #ffffff);
  border-color: var(--color-navy, #23395a);
}
._textareaContainer_gpo5x_40._hasError_gpo5x_62 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._textareaContainer_gpo5x_40._hasError_gpo5x_62:focus-within {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
  box-shadow: 0 0 0 3px var(--color-error-focus-ring, rgba(154, 42, 52, 0.16));
}
._textareaContainer_gpo5x_40._disabled_gpo5x_69 {
  opacity: 0.55;
  background: var(--color-navy-25, #f4f7fb);
  cursor: not-allowed;
}
._textareaContainer_gpo5x_40._hasCount_gpo5x_74 {
  position: relative;
}
._textareaContainer_gpo5x_40._hasCount_gpo5x_74 ._textarea_gpo5x_40 {
  padding-bottom: 22px;
}

._textarea_gpo5x_40 {
  flex: 1;
  width: 100%;
  min-height: 90px;
  border: 0;
  outline: none;
  background: transparent;
  color: inherit;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.5;
  padding: 0;
  resize: vertical;
  box-shadow: none;
}
._textarea_gpo5x_40:focus, ._textarea_gpo5x_40:focus-visible {
  outline: none;
  border: 0;
  box-shadow: none;
}
._textarea_gpo5x_40::placeholder {
  color: var(--color-icon-subtle, #afbaca);
  opacity: 1;
}
._textarea_gpo5x_40:disabled {
  cursor: not-allowed;
}
._textarea_gpo5x_40::-webkit-resizer {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%238590a3' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M14 4 4 14M14 9.5 9.5 14'/%3E%3C/svg%3E") no-repeat center/14px 14px;
}
._textarea_gpo5x_40._noResize_gpo5x_111 {
  resize: none;
}
._textarea_gpo5x_40._autoResize_gpo5x_114 {
  resize: none;
  box-sizing: border-box;
  transition: height 0.1s ease;
}

._footer_gpo5x_120 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
}

._helperText_gpo5x_128 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-muted, #8590a3);
}
._helperText_gpo5x_128._errorText_gpo5x_133 {
  color: var(--color-error-ink, #b8101a);
}

._charCount_gpo5x_137 {
  position: absolute;
  right: 16px;
  bottom: 13px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-muted, #8590a3);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  user-select: none;
}
._hasGrip_gpo5x_149 ._charCount_gpo5x_137 {
  right: 38px;
}._container_ru04z_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  position: relative;
}

._headerGroup_ru04z_9 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._label_ru04z_15 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._requiredStar_ru04z_22 {
  color: var(--color-error-ink, #b8101a);
  font-weight: 600;
  margin-left: 2px;
}

._helperText_ru04z_28 {
  font-family: var(--font-ui);
  font-size: 12.5px;
  color: var(--color-body, #64748b);
  line-height: 1.4;
}

._triggerButton_ru04z_35 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border-radius: var(--radius-card, 12px);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  background: #ffffff;
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  transition: all 0.15s ease;
}
._triggerButton_ru04z_35:hover:not(:disabled) {
  border-color: var(--color-navy, #23395a);
}
._triggerButton_ru04z_35._isOpen_ru04z_55, ._triggerButton_ru04z_35:focus-within {
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f));
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16));
}
._triggerButton_ru04z_35._hasError_ru04z_59 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._triggerButton_ru04z_35._hasError_ru04z_59._isOpen_ru04z_55, ._triggerButton_ru04z_35._hasError_ru04z_59:focus-within {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
  box-shadow: 0 0 0 3px var(--color-error-focus-ring, rgba(154, 42, 52, 0.16));
}
._triggerButton_ru04z_35:disabled {
  opacity: 0.55;
  background: #f8fafc;
  cursor: not-allowed;
}

._clockIcon_ru04z_72 {
  color: var(--color-muted, #8590a3);
  display: flex;
  align-items: center;
  justify-content: center;
}

._placeholderText_ru04z_79 {
  color: var(--color-muted, #8590a3);
}

._popover_ru04z_83 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 100;
  width: 310px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid var(--color-border, #e9eef6);
  box-shadow: var(--shadow-e-card, 0 12px 32px rgba(24, 29, 37, 0.12));
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  animation: _fadeIn_ru04z_1 0.15s ease;
}
._popover_ru04z_83._popoverUp_ru04z_99 {
  top: auto;
  bottom: calc(100% + 6px);
}

@keyframes _fadeIn_ru04z_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._modalHeader_ru04z_114 {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-body, #525d6f);
}

._displayRow_ru04z_121 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

._timeBox_ru04z_128 {
  width: 90px;
  height: 72px;
  border-radius: var(--radius-card, 12px);
  background: var(--color-navy-25, #f4f7fb);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display, var(--font-ui));
  font-size: 40px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.15s ease;
}
._timeBox_ru04z_128._active_ru04z_144 {
  border-color: var(--color-navy, #23395a);
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
}

._colon_ru04z_150 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 32px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

._ampmToggle_ru04z_157 {
  display: flex;
  flex-direction: column;
  width: 54px;
  height: 72px;
  border-radius: var(--radius-card, 12px);
  border: 1.5px solid var(--color-border, #e9eef6);
  overflow: hidden;
  background: #ffffff;
}

._ampmBtn_ru04z_168 {
  flex: 1;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-body, #525d6f);
  cursor: pointer;
  transition: all 0.15s ease;
}
._ampmBtn_ru04z_168:first-child {
  border-bottom: 1px solid var(--color-border, #e9eef6);
}
._ampmBtn_ru04z_168._selected_ru04z_182 {
  background: var(--color-l2-active-bg, #fbf3e6);
  color: var(--color-l2-active-fg, #8a6117);
  font-weight: 700;
}
._ampmBtn_ru04z_168:disabled {
  color: var(--color-neutral-300, #bdc4d1);
  cursor: not-allowed;
}

._clockFaceContainer_ru04z_192 {
  position: relative;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: var(--color-navy-25, #f4f7fb);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

._clockCenterDot_ru04z_204 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-navy, #23395a);
  z-index: 5;
}

._clockHand_ru04z_213 {
  position: absolute;
  bottom: 50%;
  left: calc(50% - 1.5px);
  width: 3px;
  background: var(--color-navy, #23395a);
  transform-origin: bottom center;
  z-index: 3;
}

._clockNumber_ru04z_223 {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  user-select: none;
  z-index: 4;
  transition: all 0.15s ease;
}
._clockNumber_ru04z_223._selected_ru04z_182 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
}
._clockNumber_ru04z_223:hover:not(._selected_ru04z_182) {
  background: var(--color-navy-50, #e9eef6);
}
._clockNumber_ru04z_223:disabled {
  color: var(--color-neutral-300, #bdc4d1);
  cursor: not-allowed;
  pointer-events: none;
}

._footerActions_ru04z_254 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

._textBtn_ru04z_261 {
  background: transparent;
  border: none;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
  cursor: pointer;
  padding: 6px 12px;
  border-radius: var(--radius-control, 8px);
  transition: background 0.15s ease;
}
._textBtn_ru04z_261:hover {
  background: var(--color-navy-50, #e9eef6);
}
._textBtn_ru04z_261:disabled {
  color: var(--color-neutral-300, #bdc4d1);
  cursor: not-allowed;
  pointer-events: none;
}

._errorText_ru04z_282 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-error-ink, #b8101a);
  margin-top: 2px;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._toastContainer_wrs25_125 {
  position: fixed;
  left: 50%;
  bottom: 32px;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transform: translateX(-50%);
  pointer-events: none;
}

@keyframes _toast-slide-in_wrs25_1 {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._toast_wrs25_125 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px 10px 10px;
  background: var(--color-navy-800);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-xl);
  pointer-events: auto;
  animation: _toast-slide-in_wrs25_1 0.2s ease-out;
}

._iconBadge_wrs25_161 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-full-round);
  color: var(--color-navy-800);
}

._message_wrs25_172 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  white-space: nowrap;
}

._success_wrs25_181 ._iconBadge_wrs25_161 {
  background: #e8b654;
}

._warning_wrs25_185 ._iconBadge_wrs25_161 {
  background: #f2994a;
}

._error_wrs25_189 ._iconBadge_wrs25_161 {
  background: #e5484d;
}._trigger_jbuxs_1 {
  display: inline-flex;
}

._tooltip_jbuxs_5 {
  position: fixed;
  z-index: 1200;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  max-width: 280px;
  pointer-events: none;
  visibility: hidden;
  filter: drop-shadow(0 10px 15px rgba(14, 15, 17, 0.12)) drop-shadow(0 4px 6px rgba(14, 15, 17, 0.06));
}
._tooltip_jbuxs_5._visible_jbuxs_17 {
  visibility: visible;
}

._body_jbuxs_21 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  background: #3d4a5c;
  border-radius: 6px;
  font-family: var(--font-ui);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

._arrow_jbuxs_40 {
  position: relative;
  display: block;
  width: 10px;
  height: 5px;
  background: #3d4a5c;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

._bottom_jbuxs_49 {
  flex-direction: column-reverse;
}
._bottom_jbuxs_49 ._arrow_jbuxs_40 {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}._frame_1qzvo_1 {
  container-type: inline-size;
  width: 100%;
}

._sheet_1qzvo_6 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  aspect-ratio: 1110/782;
  overflow: hidden;
  padding: 8cqw;
  background: #ffffff;
  border: 0.18cqw solid #d7dfe9;
  border-radius: 1.33cqw;
  font-family: var(--font-ui);
}
._sheet_1qzvo_6 p {
  margin: 0;
}

._top_1qzvo_24 {
  display: flex;
  align-items: flex-start;
  gap: 1.24cqw;
}

._topText_1qzvo_30 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.24cqw;
}

._organisation_1qzvo_38,
._kind_1qzvo_39 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 3.85cqw;
  line-height: 5.4cqw;
  letter-spacing: -0.077cqw;
}

._organisation_1qzvo_38 {
  font-weight: 600;
  color: #f5a623;
}

._kind_1qzvo_39 {
  font-weight: 500;
  color: #455468;
}

._logo_1qzvo_58 {
  flex: none;
  display: grid;
  place-items: center;
  width: 9.8cqw;
  height: 9.9cqw;
  background: #0a0c11;
  border-radius: 2.6cqw;
  font-weight: 700;
  font-size: 5.2cqw;
  line-height: 1;
  color: #ffffff;
}

._middle_1qzvo_72 {
  display: flex;
  flex-direction: column;
  gap: 4cqw;
}

._awardee_1qzvo_78 {
  display: flex;
  flex-direction: column;
  gap: 1.54cqw;
}

._learner_1qzvo_84 {
  font-weight: 600;
  font-size: 6.15cqw;
  line-height: 6.54cqw;
  color: #3c609b;
}

._awarded_1qzvo_91 {
  font-size: 2.31cqw;
  line-height: 2.97cqw;
  color: #455468;
}

._course_1qzvo_97 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 600;
  font-size: 3.08cqw;
  line-height: 3.96cqw;
  color: #455468;
  overflow-wrap: anywhere;
}

._bottom_1qzvo_109 {
  display: flex;
  align-items: flex-start;
  gap: 6.94cqw;
}

._meta_1qzvo_115 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.19cqw;
}

._metaStrong_1qzvo_123,
._metaText_1qzvo_124 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.53cqw;
  line-height: 2.25cqw;
}

._metaStrong_1qzvo_123 {
  font-weight: 600;
  color: #3261af;
}

._metaText_1qzvo_124 {
  color: #455468;
}._card_1squ1_1 {
  box-sizing: border-box;
  background: #ffffff;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: rgba(27, 56, 96, 0.12);
  border-radius: 12px;
}

._cardHeader_1squ1_10 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 16px;
}

._cardIcon_1squ1_17 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #eef2f8;
  border-radius: 6px;
  color: #3a5683;
}

._cardTitle_1squ1_29 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #3a5683;
}

._cardSubtitle_1squ1_39 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #5f83bd;
}

._cardBody_1squ1_48 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(27, 56, 96, 0.12);
  border-radius: 0 0 12px 12px;
}

._intro_1squ1_59 {
  display: flex;
  flex-direction: column;
}

._introTitle_1squ1_64 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._introText_1squ1_74 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._field_1squ1_83 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._fieldset_1squ1_89 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
}

._label_1squ1_99 {
  padding: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._required_1squ1_109 {
  color: #9a2a34;
}

._requiredBright_1squ1_113 {
  color: #ff3838;
}

._labelBlock_1squ1_117 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 4px;
}

._helper_1squ1_124 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._inputBox_1squ1_132 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 6px 0 12px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._inputBox_1squ1_132._filled_1squ1_145 {
  border-color: rgba(14, 15, 17, 0.48);
}
._inputBox_1squ1_132._filled_1squ1_145 ._input_1squ1_132 {
  font-weight: 500;
  color: #455468;
}
._inputBox_1squ1_132:focus-within {
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}

._input_1squ1_132 {
  flex: 1;
  min-width: 0;
  height: 38px;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}
._input_1squ1_132::placeholder {
  color: #afbaca;
}
._input_1squ1_132:focus-visible {
  outline: none;
}

._counter_1squ1_177,
._textareaCounter_1squ1_178 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._textareaBox_1squ1_187 {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  padding: 8px 12px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
}
._textareaBox_1squ1_187._filled_1squ1_145 {
  border-color: #455468;
}
._textareaBox_1squ1_187._filled_1squ1_145 ._textarea_1squ1_178 {
  font-weight: 400;
  line-height: 22px;
  color: #455468;
}

._descriptionEditor_1squ1_203 {
  min-height: 104px;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}
._descriptionEditor_1squ1_203 .bn-editor {
  padding: 0;
  background: transparent;
}

._textareaFooter_1squ1_217 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

._notches_1squ1_224 {
  color: #8897ae;
}

._inputBox_1squ1_132._invalid_1squ1_228,
._dropzone_1squ1_229._invalid_1squ1_228 {
  border-color: #d85a5a;
}

._inputBox_1squ1_132._invalid_1squ1_228:focus-within {
  box-shadow: 0 0 0 3px rgba(216, 90, 90, 0.18);
}

._errorText_1squ1_237 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: var(--color-error-ink, #b8101a);
}

._dropzone_1squ1_229 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 567px;
  max-width: 100%;
  min-height: 309px;
  padding: 24px;
  background: #f0f3f9;
  border: 1px dashed #8897ae;
  border-radius: 12px;
  transition: border-color 0.15s ease, background 0.15s ease;
}
._dropzone_1squ1_229._dropzoneActive_1squ1_261 {
  background: #e9eff6;
  border-color: #3c609b;
}

._dropzoneIcon_1squ1_266 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: #ffffff;
  border-radius: 9999px;
  color: #1b4dff;
}

._dropzoneText_1squ1_277 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}

._dropzoneLabel_1squ1_285 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #455468;
}

._dropzoneHint_1squ1_294 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._coverFilled_1squ1_302 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 567px;
  max-width: 100%;
  min-height: 281px;
  padding: 24px;
  background-color: #f0f3f9;
  background-position: center;
  background-size: cover;
  border: 1px dashed #8897ae;
  border-radius: 12px;
}

._coverActions_1squ1_318 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
}

._coverTrashBtn_1squ1_325 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  background: #f0f3f9;
  border: 1px solid #d7dfe9;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  color: #3d4a5c;
  cursor: pointer;
}
._coverTrashBtn_1squ1_325:hover {
  background: #e9eff6;
}

._srOnly_1squ1_344 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

._workArea_1squ1_353 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
._workArea_1squ1_353 > ._card_1squ1_1 {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1024px) {
  ._workArea_1squ1_353 {
    flex-direction: column;
    align-items: stretch;
  }
}

._hiddenInput_1squ1_369 {
  display: none;
}

._levelRow_1squ1_373 {
  display: flex;
  gap: 20px;
}
@media (max-width: 1024px) {
  ._levelRow_1squ1_373 {
    gap: 12px;
  }
}
@media (max-width: 600px) {
  ._levelRow_1squ1_373 {
    flex-direction: column;
  }
}

._levelIcon_1squ1_388 {
  flex: none;
  display: block;
}

._levelBtn_1squ1_393 {
  box-sizing: border-box;
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: 38px;
  padding: 6px 10px;
  background: #ffffff;
  border: 1px solid rgba(14, 15, 17, 0.16);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #455468;
  cursor: pointer;
}
._levelBtn_1squ1_393 > span {
  padding: 0 4px;
}
._levelBtn_1squ1_393:hover:not(._levelSelected_1squ1_417) {
  background: #f7f9fc;
}
._levelBtn_1squ1_393._levelSelected_1squ1_417 {
  background: #2d3643;
  border-color: rgba(14, 15, 17, 0.06);
  box-shadow: 0 2px 5px rgba(14, 15, 17, 0.16), inset 0 3px 8px rgba(255, 255, 255, 0.12), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
._levelBtn_1squ1_393:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._secondaryBtn_1squ1_431 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 14px;
  background: #f0f3f9;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4a5c;
  cursor: pointer;
}
._secondaryBtn_1squ1_431:hover {
  background: #e9eff6;
}

._removeBtn_1squ1_454 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-error-ink, #b8101a);
  cursor: pointer;
}

._footer_1squ1_469 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-bottom: 24px;
  padding: 12px 24px;
  background: #ffffff;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: rgba(27, 56, 96, 0.12);
  border-radius: 12px;
}

._saveBtn_1squ1_484 > span,
._primaryBtn_1squ1_485 > span {
  padding: 0 4px;
}

._saveBtn_1squ1_484 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 10px 16px;
  background: #f9fafb;
  border: 1px solid rgba(14, 15, 17, 0.02);
  border-radius: 8px;
  box-shadow: inset 0 -2px 4px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  cursor: pointer;
}
._saveBtn_1squ1_484:hover {
  background: #f0f3f9;
}

._primaryBtn_1squ1_485 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 10px 16px;
  background: #3c609b;
  border: 1px solid rgba(14, 15, 17, 0.12);
  border-radius: 8px;
  box-shadow: 0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #ffffff;
  cursor: pointer;
}
._primaryBtn_1squ1_485:hover:not(:disabled) {
  background: #34558a;
}
._primaryBtn_1squ1_485:disabled {
  background: #a9bedd;
  box-shadow: none;
  cursor: not-allowed;
}

._twoCol_1squ1_538 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 768px) {
  ._twoCol_1squ1_538 {
    grid-template-columns: 1fr;
  }
}

._selectBox_1squ1_549 {
  position: relative;
  display: flex;
  align-items: center;
}

._select_1squ1_549 {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 36px 0 10px;
  appearance: none;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4a5c;
  cursor: pointer;
}
._select_1squ1_549:focus {
  outline: none;
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}
._select_1squ1_549:disabled {
  background: #f9fafb;
  color: #afbaca;
  cursor: not-allowed;
}

._selectCaret_1squ1_582 {
  position: absolute;
  right: 10px;
  color: #8897ae;
  pointer-events: none;
}@media (max-width: 600px) {
  ._footer_y6rrf_2._footer_y6rrf_2 {
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
  }
}

._saveError_y6rrf_9, ._saveWarning_y6rrf_9 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 auto 0 0;
  min-width: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: #b8101a;
}
._saveError_y6rrf_9 > svg, ._saveWarning_y6rrf_9 > svg {
  flex: none;
}
@media (max-width: 600px) {
  ._saveError_y6rrf_9, ._saveWarning_y6rrf_9 {
    flex: 1 1 100%;
    order: -1;
  }
}

[data-flash='true'] {
  border-radius: 8px;
  animation: _fieldFlash_y6rrf_1 0.7s ease;
}

@keyframes _fieldFlash_y6rrf_1 {
  0%, 60% {
    box-shadow: 0 0 0 4px rgba(217, 166, 46, 0.35);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(217, 166, 46, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-flash='true'] {
    animation: none;
  }
}
._saved_y6rrf_48._saved_y6rrf_48 {
  background: #e3f4ea;
  color: #1f8a5b;
}

._saveWarning_y6rrf_9 {
  color: #8a5a00;
}

._savedAt_y6rrf_57 {
  margin: 0 auto 0 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: #8897ae;
  white-space: nowrap;
}._header_1r9pu_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 16px;
  background: #ffffff;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: rgba(27, 56, 96, 0.12);
  border-radius: 8px;
}

._backRow_1r9pu_15 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._backBtn_1r9pu_22 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #f0f3f9;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #8897ae;
  cursor: pointer;
}
._backBtn_1r9pu_22 > span {
  padding: 0 4px;
}
._backBtn_1r9pu_22:hover {
  background: #f7f9fc;
  color: #455468;
}

._titleRow_1r9pu_48 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

._title_1r9pu_48 {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.4px;
  color: #0a0c11;
}

._paceBadge_1r9pu_65,
._draftBadge_1r9pu_66 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 2px 8px;
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
}

._paceBadge_1r9pu_65 {
  background: #fbf6e8;
  color: #ae8021;
}

._draftBadge_1r9pu_66 {
  padding: 2px 6px;
  background: rgba(14, 15, 17, 0.06);
  color: #455468;
}
._draftBadge_1r9pu_66 > span {
  padding: 0 2px;
}

._statusGroup_1r9pu_95 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

._progress_1r9pu_102 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 250px;
}

._progressTrack_1r9pu_109 {
  flex: 1;
  height: 10px;
  background: #f0f3f9;
  border-radius: 9999px;
  overflow: hidden;
}

._progressFill_1r9pu_117 {
  height: 100%;
  min-width: 0;
  background: #43597d;
  border-radius: 9999px;
  transition: width 0.3s ease;
}

._progressLabel_1r9pu_125 {
  flex: none;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._stepsBar_1r9pu_135 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 40px;
  background: #ffffff;
  border-radius: 9999px;
}

@media (max-width: 768px) {
  ._header_1r9pu_1 {
    padding: 12px;
  }
  ._title_1r9pu_48 {
    font-size: 20px;
    line-height: 28px;
  }
  ._statusGroup_1r9pu_95 {
    flex: 1 1 100%;
    margin-left: 0;
  }
  ._progress_1r9pu_102 {
    flex: 1;
    width: auto;
  }
}._stack_19uxe_1,
._reveal_19uxe_2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

._reveal_19uxe_2 {
  animation: _revealIn_19uxe_1 0.25s ease both;
}

@keyframes _revealIn_19uxe_1 {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._headerCard_19uxe_23 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
}
@media (max-width: 768px) {
  ._headerCard_19uxe_23 {
    gap: 12px;
  }
}

._headerIcon_19uxe_38 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #eef2f8;
  border-radius: 6px;
  color: #3a5683;
}

._issueCard_19uxe_50 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #faf8f4;
  border-radius: 12px;
  cursor: pointer;
}
._issueCard_19uxe_50:focus-within ._checkbox_19uxe_60 {
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.18);
}

._checkbox_19uxe_60 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 4px;
  background: #f9fafb;
  border: 1px solid #d7dfe9;
  border-radius: 6px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._checkbox_19uxe_60._checkboxOn_19uxe_78 {
  background: #3c609b;
  border-color: #3c609b;
  color: #ffffff;
}

._issueText_19uxe_84 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._issueTitle_19uxe_90 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._issueHelp_19uxe_99 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._dataCard_19uxe_107 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid rgba(27, 56, 96, 0.12);
  border-radius: 12px;
}
@media (max-width: 768px) {
  ._dataCard_19uxe_107 {
    padding: 16px;
  }
}

._sectionHead_19uxe_123 {
  display: flex;
  flex-direction: column;
}

._sectionTitle_19uxe_128 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._sectionText_19uxe_138 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._tiles_19uxe_147 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  align-items: stretch;
  gap: 16px;
}
._tiles_19uxe_147 > p {
  grid-column: 1/-1;
}

._tile_19uxe_147,
._uploadTile_19uxe_158 {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  font-family: var(--font-ui);
  text-align: left;
  cursor: pointer;
}
._tile_19uxe_147:focus-visible,
._uploadTile_19uxe_158:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._tile_19uxe_147 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #c99527;
  box-shadow: 0 4px 6px -1px rgba(14, 15, 17, 0.06), 0 2px 4px -1px rgba(14, 15, 17, 0.08);
}

._thumb_19uxe_182 {
  display: block;
  padding: 8px 8px 0;
  background: #f8ebcb;
  pointer-events: none;
}

._tileFooter_19uxe_189 {
  display: flex;
  flex-direction: column;
  padding: 12px;
  background: #ffffff;
  border-top: 1px solid #e9eff6;
}

._tileWrap_19uxe_197 {
  position: relative;
  display: flex;
}
._tileWrap_19uxe_197 > ._tile_19uxe_147 {
  flex: 1;
}

._tileFooterAction_19uxe_205 {
  padding-right: 48px;
}

._tileDelete_19uxe_209 {
  position: absolute;
  right: 12px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  color: #8897ae;
  cursor: pointer;
}
._tileDelete_19uxe_209:hover:not(:disabled) {
  background: #fdecec;
  border-color: #f5c2c2;
  color: #b8101a;
}
._tileDelete_19uxe_209:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}
._tileDelete_19uxe_209:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

._tileTitle_19uxe_239 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._tileText_19uxe_247 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._uploadTile_19uxe_158 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 218px;
  background: #f0f3f9;
  border: 1px solid #a9bedd;
  text-align: center;
}
._uploadTile_19uxe_158:hover {
  background: #e8eef8;
}

._uploadIcon_19uxe_269 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #8897ae;
}

._uploadText_19uxe_278 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px;
}

._uploadTitle_19uxe_285 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._uploadHelp_19uxe_293 {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._tableWrap_19uxe_300 {
  overflow-x: auto;
  padding: 0 2px;
  border: 1px solid #d7dfe9;
  border-radius: 12px;
}

._table_19uxe_300 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  table-layout: fixed;
  font-family: var(--font-ui);
}
._table_19uxe_300 th,
._table_19uxe_300 td {
  padding: 0 16px;
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}
._table_19uxe_300 thead th {
  height: 40px;
  padding: 8px 16px;
  background: #f9fafb;
  border-bottom: 1px solid rgba(27, 56, 96, 0.06);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}
._table_19uxe_300 tbody th,
._table_19uxe_300 tbody td {
  height: 60px;
  background: #ffffff;
  border-bottom: 1px solid #d7dfe9;
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}
._table_19uxe_300 tbody tr:last-child th,
._table_19uxe_300 tbody tr:last-child td {
  border-bottom: none;
}

._table_19uxe_300 tbody ._placeholderCell_19uxe_346 {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

._fields_19uxe_353 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

._field_19uxe_353 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 240px;
  min-width: 0;
}

._fieldLabel_19uxe_367 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._required_19uxe_376 {
  color: #ff3838;
}

._fieldInput_19uxe_380 {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 14px;
  background: #ffffff;
  border: 1px solid rgba(14, 15, 17, 0.48);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._fieldInput_19uxe_380::placeholder {
  font-weight: 400;
  color: #8897ae;
}
._fieldInput_19uxe_380:focus {
  outline: none;
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}

._fieldHelp_19uxe_407 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._previewBtn_19uxe_416 {
  flex: none;
  margin-left: auto;
  align-self: center;
  gap: 6px;
}

._previewBody_19uxe_423 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (prefers-reduced-motion: reduce) {
  ._reveal_19uxe_2 {
    animation: none;
  }
  ._checkbox_19uxe_60 {
    transition: none;
  }
}
._tile_19uxe_147._tileIdle_19uxe_437 {
  border-color: #e9eff6;
  box-shadow: none;
}
._tile_19uxe_147._tileIdle_19uxe_437:hover {
  border-color: #a9bedd;
}

._thumbCustom_19uxe_445 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 150px;
  padding: 12px;
  font-size: 12px;
  line-height: 16px;
  color: #455468;
  text-align: center;
  word-break: break-all;
}

._report_19uxe_460 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 16px;
  background: #fff6f6;
  border: 1px solid #f5c2c2;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: #455468;
}

._reportTitle_19uxe_474 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-weight: 500;
  color: #b8101a;
}

._reportList_19uxe_483 {
  margin: 0;
  padding-left: 20px;
}

._previewViewport_19uxe_488 {
  position: relative;
  width: 100%;
  aspect-ratio: 297/210;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
}

._previewFrame_19uxe_497 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border: 0;
  transform-origin: top left;
}._page_6dnpx_1 {
  box-sizing: border-box;
  display: flex;
  height: 100%;
  overflow: hidden;
  padding: 24px 128px;
  background: linear-gradient(316.23deg, #fbfdff 0%, #e3f1fd 98.77%);
}
@media (max-width: 1280px) {
  ._page_6dnpx_1 {
    padding: 24px 48px;
  }
}
@media (max-width: 768px), (max-height: 600px) {
  ._page_6dnpx_1 {
    display: block;
    overflow-y: auto;
  }
}
@media (max-width: 768px) {
  ._page_6dnpx_1 {
    padding: 16px;
  }
}

._container_6dnpx_26 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 1184px;
  min-height: 0;
  margin: 0 auto;
}

._scrollArea_6dnpx_36 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  border-radius: 12px;
}
@media (max-width: 768px), (max-height: 600px) {
  ._scrollArea_6dnpx_36 {
    flex: none;
    overflow: visible;
  }
}

._footer_6dnpx_49._footer_6dnpx_49 {
  flex: none;
  margin-bottom: 0;
}

._split_6dnpx_54 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
._split_6dnpx_54 > * {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1024px) {
  ._split_6dnpx_54 {
    flex-direction: column;
    align-items: stretch;
  }
}

._card_6dnpx_70 {
  display: flex;
  flex-direction: column;
}

._cardHeader_6dnpx_75 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 16px;
  background: #ffffff;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #d7dfe9;
  border-radius: 12px 12px 0 0;
}

._cardIcon_6dnpx_88 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #eef2f8;
  border-radius: 6px;
  color: #3a5683;
}

._cardTitle_6dnpx_100 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #3a5683;
}

._cardSubtitle_6dnpx_110 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #5f83bd;
}

._cardBody_6dnpx_119 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid rgba(27, 56, 96, 0.12);
  border-radius: 0 0 12px 12px;
}
@media (max-width: 768px) {
  ._cardBody_6dnpx_119 {
    padding: 16px;
  }
}

._overview_6dnpx_136 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

._summary_6dnpx_149 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #2e9e6b;
}

._stats_6dnpx_162 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._stat_6dnpx_162 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 24px;
  padding: 2px 8px;
  background: #eef2f8;
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3261af;
}
._stat_6dnpx_162 > span {
  padding: 0 2px;
}

._empty_6dnpx_191 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px 12px;
  background: #f9fafb;
  border-radius: 6px;
  text-align: center;
}

._emptyIcon_6dnpx_204 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #f9fafb;
  border-radius: 9999px;
  color: #455468;
}

._emptyText_6dnpx_215 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

._emptyTitle_6dnpx_222 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
}

._emptyDescription_6dnpx_232 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._alert_6dnpx_240 {
  box-sizing: border-box;
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px 12px;
  background: #fefaed;
  border-radius: 8px;
}

._alertIcon_6dnpx_251 {
  flex: none;
  color: #9c6d0c;
}

._alertText_6dnpx_256 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #9c6d0c;
}

._loading_6dnpx_266 {
  margin: 0;
  padding: 24px 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: #8897ae;
  text-align: center;
}

._loadError_6dnpx_275 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: #b8101a;
}
._loadError_6dnpx_275 p {
  margin: 0;
}._wrap_e6q82_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._bar_e6q82_7 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px;
  background: #f0f3f9;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}
@media (max-width: 900px) {
  ._bar_e6q82_7 {
    flex-direction: column;
    align-items: stretch;
  }
}

._area_e6q82_24 {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 8px;
  border: 1px solid #e9eff6;
  border-radius: 10px;
}

._areaPlain_e6q82_37 {
  border-color: transparent;
}

._barColumn_e6q82_41 {
  flex-direction: column;
  align-items: stretch;
}

._writer_e6q82_46 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding: 8px;
}

._writerActions_e6q82_54 {
  display: flex;
  gap: 8px;
}

._primaryBtn_e6q82_59 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 36px;
  padding: 8px 10px;
  background: #3c609b;
  border: 1px solid rgba(14, 15, 17, 0.12);
  border-radius: 8px;
  box-shadow: 0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #ffffff;
  cursor: pointer;
}
._primaryBtn_e6q82_59 > span {
  padding: 0 4px;
}
._primaryBtn_e6q82_59:hover:not(:disabled) {
  background: #34558a;
}
._primaryBtn_e6q82_59:disabled {
  background: #a9bedd;
  box-shadow: none;
  cursor: not-allowed;
}

._writeTrigger_e6q82_91 {
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
  height: 48px;
  padding: 0 14px;
  background: #ffffff;
  border: 1px solid rgba(14, 15, 17, 0.48);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  text-align: left;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #8897ae;
  cursor: text;
}
._writeTrigger_e6q82_91:hover {
  border-color: #455468;
}

._circle_e6q82_113 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 9999px;
  color: #455468;
}

._text_e6q82_127 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._title_e6q82_135 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #455468;
}

._support_e6q82_148 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._secondaryBtn_e6q82_157 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4a5c;
  cursor: pointer;
}
._secondaryBtn_e6q82_157 > span {
  padding: 0 4px;
}
._secondaryBtn_e6q82_157:hover:not(:disabled) {
  background: #f7f9fc;
}
._secondaryBtn_e6q82_157:disabled {
  color: #afbaca;
  cursor: not-allowed;
}

._hiddenInput_e6q82_188 {
  display: none;
}

._or_e6q82_192 {
  flex: none;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #0a0c11;
  text-align: center;
}

._linkInput_e6q82_203 {
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}
._linkInput_e6q82_203::placeholder {
  color: #afbaca;
}
._linkInput_e6q82_203:focus, ._linkInput_e6q82_203:focus-visible {
  outline: none;
  border-color: rgba(14, 15, 17, 0.48);
}

._error_e6q82_227 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: #d92d20;
}

._uploaded_e6q82_235 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  background: #faf8f4;
  border: 1px solid #f9e6a0;
  border-radius: 8px;
}

._uploadedRow_e6q82_246 {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  ._uploadedRow_e6q82_246 {
    gap: 10px;
  }
}

._fileActions_e6q82_257 {
  flex: none;
  display: flex;
  align-items: center;
  gap: 4px;
}

._fileIconBtn_e6q82_264 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #8897ae;
  cursor: pointer;
}
._fileIconBtn_e6q82_264:hover {
  background: rgba(255, 255, 255, 0.7);
  color: #455468;
}

._player_e6q82_282 {
  width: 100%;
  max-height: 360px;
  border-radius: 8px;
  background: #0a0c11;
}._dialog_7tn89_1 {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  margin: auto;
  height: fit-content;
  width: min(960px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  padding: 0;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(14, 15, 17, 0.16);
}
._dialog_7tn89_1::backdrop {
  background: rgba(10, 12, 17, 0.4);
}

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

._badge_7tn89_27 {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 2px 8px;
  background: rgba(14, 15, 17, 0.06);
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

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

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

._counter_7tn89_55 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._question_7tn89_63 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #0a0c11;
}

._empty_7tn89_73 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: #8897ae;
}

._options_7tn89_80 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._option_7tn89_80 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  min-height: 56px;
  padding: 16px 10px;
  background: #eef2f8;
  border: 1px solid transparent;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
}
._option_7tn89_80:hover {
  border-color: #a9bedd;
}

._control_7tn89_107 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

._radio_7tn89_116 {
  box-sizing: border-box;
  position: relative;
  width: 16px;
  height: 16px;
  background: #f9fafb;
  border: 1px solid #8897ae;
  border-radius: 9999px;
}
._radio_7tn89_116._radioOn_7tn89_125 {
  background: #eef2f8;
  border-color: #3c609b;
}
._radio_7tn89_116._radioOn_7tn89_125::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  background: #3c609b;
  border-radius: 9999px;
  transform: translate(-50%, -50%);
}

._label_7tn89_141 {
  flex: 1;
  min-width: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._footer_7tn89_152 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

._primaryBtn_7tn89_159,
._secondaryBtn_7tn89_160 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 10px;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  cursor: pointer;
}
._primaryBtn_7tn89_159 > span,
._secondaryBtn_7tn89_160 > span {
  padding: 0 4px;
}

._primaryBtn_7tn89_159 {
  min-width: 120px;
  background: #3c609b;
  border: 1px solid rgba(14, 15, 17, 0.12);
  box-shadow: 0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
._primaryBtn_7tn89_159:hover:not(:disabled) {
  background: #34558a;
}
._primaryBtn_7tn89_159:disabled {
  background: #a9bedd;
  box-shadow: none;
  cursor: not-allowed;
}

._secondaryBtn_7tn89_160 {
  min-width: 96px;
  background: #f9fafb;
  border: 1px solid #dde3ee;
  box-shadow: inset 0 -2px 4px rgba(14, 15, 17, 0.02);
  color: #455468;
}
._secondaryBtn_7tn89_160:hover {
  background: #f0f3f9;
}._builder_8s1ot_1 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

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

._question_8s1ot_8 + ._question_8s1ot_8 {
  padding-top: 20px;
  border-top: 1px solid #e3e9f3;
}

._questionRow_8s1ot_19 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

._handleLarge_8s1ot_25 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  padding-top: 32px;
  color: #455468;
  cursor: grab;
}

._handle_8s1ot_25 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  color: #8897ae;
  cursor: grab;
}
@media (max-width: 600px) {
  ._handle_8s1ot_25 {
    display: none;
  }
}

._field_8s1ot_51 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._field_8s1ot_51 ._inputBox_8s1ot_58 {
  flex: none;
}

._label_8s1ot_62 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._inputBox_8s1ot_58 {
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 6px 0 12px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
}
._inputBox_8s1ot_58:focus-within, ._inputBox_8s1ot_58._inputFilled_8s1ot_85 {
  border-color: rgba(14, 15, 17, 0.48);
}

._input_8s1ot_58 {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}
._input_8s1ot_58::placeholder {
  font-weight: 400;
  color: #afbaca;
}
._input_8s1ot_58:focus, ._input_8s1ot_58:focus-visible {
  outline: none;
}

._inputRegular_8s1ot_110 {
  font-weight: 400;
}

._questionActions_8s1ot_114 {
  flex: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 32px;
}

._iconBtn_8s1ot_122 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 4px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #8897ae;
  cursor: pointer;
}
._iconBtn_8s1ot_122 svg {
  transition: transform 0.15s ease;
}
._iconBtn_8s1ot_122:hover:not(:disabled) {
  background: #eef2f8;
  color: #455468;
}
._iconBtn_8s1ot_122:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
._iconBtn_8s1ot_122._collapsed_8s1ot_147 svg {
  transform: rotate(-90deg);
}

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

._responsesTitle_8s1ot_157 {
  margin: 0 0 4px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._responsesHelp_8s1ot_167 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: #455468;
}

._responsesHead_8s1ot_176 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

._kindToggle_8s1ot_184 {
  display: inline-flex;
  padding: 3px;
  background: #eef1f6;
  border: 1px solid #dde3ee;
  border-radius: 999px;
}

._kindBtn_8s1ot_192 {
  height: 30px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: none;
  font-family: var(--font-ui);
  font-size: 13.5px;
  color: #4b556b;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}
._kindBtn_8s1ot_192:hover {
  color: #1c2333;
}

._kindOn_8s1ot_208 {
  background: #ffffff;
  color: #2e4f98;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(30, 50, 100, 0.15);
}

._options_8s1ot_215 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._option_8s1ot_215 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._optionRow_8s1ot_230 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._correctBtn_8s1ot_236 {
  flex: none;
  display: inline-flex;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 9999px;
  color: #455468;
  cursor: pointer;
}
._correctBtn_8s1ot_236:hover {
  color: #2e9e6b;
}
._correctBtn_8s1ot_236._correctOn_8s1ot_249 {
  color: #2fa971;
}

._optionActions_8s1ot_253 {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 64px;
}

._explanationRow_8s1ot_262 {
  display: flex;
  padding: 0 72px 0 58px;
}
@media (max-width: 600px) {
  ._explanationRow_8s1ot_262 {
    padding-left: 30px;
  }
}

._footerRow_8s1ot_272 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._addQuestionBtn_8s1ot_279 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 8px 14px;
  background: #fdf6e1;
  border: 1px solid #f3e7c0;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #8a5d0c;
  cursor: pointer;
}
._addQuestionBtn_8s1ot_279:hover:not(:disabled) {
  background: #faeec6;
}
._addQuestionBtn_8s1ot_279:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._previewBtn_8s1ot_305 {
  box-sizing: border-box;
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 8px 10px;
  background: #f9fafb;
  border: 1px solid rgba(14, 15, 17, 0.02);
  border-radius: 8px;
  box-shadow: inset 0 -2px 4px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  cursor: pointer;
}
._previewBtn_8s1ot_305 > span {
  padding: 0 4px;
}
._previewBtn_8s1ot_305:hover {
  background: #f0f3f9;
}._dialog_8is4a_1 {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(600px, 100vw - 32px);
  height: fit-content;
  max-height: calc(100vh - 32px);
  padding: 0;
  overflow-y: auto;
  background: #ffffff;
  border: none;
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(14, 15, 17, 0.16);
}
._dialog_8is4a_1::backdrop {
  background: rgba(10, 12, 17, 0.4);
}

._header_8is4a_20 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
}

._title_8is4a_27 {
  flex: 1;
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.4px;
  color: #0a0c11;
}

._closeBtn_8is4a_38 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: #f9fafb;
  border: none;
  border-radius: 9999px;
  box-shadow: inset 0 -2px 4px rgba(14, 15, 17, 0.02);
  color: #455468;
  cursor: pointer;
}
._closeBtn_8is4a_38:hover {
  background: #f0f3f9;
}

._content_8is4a_57 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 32px;
}
@media (max-width: 600px) {
  ._content_8is4a_57 {
    padding: 16px;
  }
}

._list_8is4a_69 {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-height: 46px;
  padding: 12px 16px;
  border: 1px dashed #8897ae;
  border-radius: 8px;
}

._emptyText_8is4a_79 {
  margin: 0;
  align-self: center;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #8897ae;
  text-align: center;
}

._files_8is4a_90 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 340px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

._file_8is4a_90 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
}
@media (max-width: 600px) {
  ._file_8is4a_90 {
    gap: 10px;
  }
}

._fileCircle_8is4a_118 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #eef2f8;
  border: 1px solid #e9eff6;
  border-radius: 9999px;
  color: #3c609b;
}

._fileText_8is4a_132 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._fileName_8is4a_140 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #455468;
}

._fileSize_8is4a_153 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._fileActions_8is4a_162 {
  flex: none;
  display: flex;
  align-items: center;
  gap: 4px;
}

._fileBtn_8is4a_169 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #8897ae;
  cursor: pointer;
}
._fileBtn_8is4a_169:hover {
  background: #eef2f8;
  color: #455468;
}

._upload_8is4a_187 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px;
  background: #f0f3f9;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}
@media (max-width: 600px) {
  ._upload_8is4a_187 {
    gap: 12px;
  }
}

._circle_8is4a_203 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 9999px;
  color: #455468;
}

._text_8is4a_217 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._uploadTitle_8is4a_225 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #455468;
}

._uploadHint_8is4a_235 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._browseBtn_8is4a_244 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4a5c;
  cursor: pointer;
}
._browseBtn_8is4a_244 > span {
  padding: 0 4px;
}
._browseBtn_8is4a_244:hover {
  background: #f7f9fc;
}

._hiddenInput_8is4a_270 {
  display: none;
}

._error_8is4a_274 {
  margin: -8px 0 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: #d92d20;
}

._actions_8is4a_282 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e9eff6;
}

._secondaryBtn_8is4a_291,
._primaryBtn_8is4a_292 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 40px;
  padding: 10px 16px;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  cursor: pointer;
}
._secondaryBtn_8is4a_291 > span,
._primaryBtn_8is4a_292 > span {
  padding: 0 4px;
}

._secondaryBtn_8is4a_291 {
  background: #ffffff;
  border: 1px solid #e9eff6;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  color: #455468;
}
._secondaryBtn_8is4a_291:hover {
  background: #f7f9fc;
}

._primaryBtn_8is4a_292 {
  background: #3c609b;
  border: 1px solid rgba(14, 15, 17, 0.12);
  box-shadow: 0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
._primaryBtn_8is4a_292:hover {
  background: #34558a;
}._editor_qsj4n_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
@media (max-width: 768px) {
  ._editor_qsj4n_1 {
    padding: 16px;
  }
}

._editorVideo_qsj4n_13 {
  padding: 20px 20px 12px;
}

._editorQuiz_qsj4n_17 {
  padding: 8px 12px 12px;
}

._panelQuiz_qsj4n_21 {
  padding: 16px 24px;
}
@media (max-width: 768px) {
  ._panelQuiz_qsj4n_21 {
    padding: 16px;
  }
}

._panel_qsj4n_21 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 24px 20px;
  background: #f9fafb;
  border: 1px solid #e9eff6;
  border-radius: 12px;
}
@media (max-width: 768px) {
  ._panel_qsj4n_21 {
    padding: 16px;
  }
}

._topRow_qsj4n_46 {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}
@media (max-width: 768px) {
  ._topRow_qsj4n_46 {
    flex-direction: column;
    align-items: stretch;
  }
}

._label_qsj4n_58 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._titleField_qsj4n_67 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._inputBox_qsj4n_75 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 6px 0 12px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
}
._inputBox_qsj4n_75:focus-within, ._inputBox_qsj4n_75._inputFilled_qsj4n_87 {
  border-color: rgba(14, 15, 17, 0.48);
}

._input_qsj4n_75 {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}
._input_qsj4n_75::placeholder {
  font-weight: 400;
  color: #afbaca;
}
._input_qsj4n_75:focus, ._input_qsj4n_75:focus-visible {
  outline: none;
}

._count_qsj4n_112 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._thumbField_qsj4n_121 {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 191px;
}
@media (max-width: 768px) {
  ._thumbField_qsj4n_121 {
    width: auto;
  }
}

._labelRow_qsj4n_134 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 22px;
  white-space: nowrap;
}

._optional_qsj4n_142 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._info_qsj4n_150 {
  display: inline-flex;
  color: #8897ae;
}

._secondaryBtn_qsj4n_155 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 10px 16px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  cursor: pointer;
}
._secondaryBtn_qsj4n_155 > span {
  padding: 0 4px;
}
._secondaryBtn_qsj4n_155:hover {
  background: #f7f9fc;
}

._secondaryBtnCompact_qsj4n_181 {
  height: 36px;
  padding: 8px 10px;
}

._btnText_qsj4n_186 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._hiddenInput_qsj4n_192 {
  display: none;
}

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

._types_qsj4n_202 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 900px) {
  ._types_qsj4n_202 {
    grid-template-columns: 1fr;
  }
}

._typeCard_qsj4n_213 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 70px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #a9bedd;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._typeCard_qsj4n_213:hover {
  background: #f7f9fc;
}
._typeCard_qsj4n_213._typeSelected_qsj4n_230 {
  background: #f5f8fd;
  border-color: #3c609b;
  box-shadow: 0 0 0 1px #3c609b;
}

._typeIcon_qsj4n_236 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 9999px;
}

._video_qsj4n_246 ._typeIcon_qsj4n_236 {
  background: #eef2f8;
  color: #3261af;
}

._document_qsj4n_251 ._typeIcon_qsj4n_236 {
  background: #faf8f4;
  color: #ae8021;
}

._quiz_qsj4n_256 ._typeIcon_qsj4n_236 {
  background: #e9f7f0;
  color: #2e9e6b;
}

._typeText_qsj4n_261 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._typeTitle_qsj4n_268 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #3c609b;
}

._typeDescription_qsj4n_277 {
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #3c609b;
}

._previewToggle_qsj4n_285 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: #455468;
  cursor: pointer;
}
._previewToggle_qsj4n_285 input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #3c609b;
  cursor: pointer;
}._root_19caa_1 {
  position: relative;
  flex: none;
  width: 243px;
}
@media (max-width: 768px) {
  ._root_19caa_1 {
    order: 1;
    width: 100%;
  }
}

._trigger_19caa_13 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  padding: 0 8px;
  background: #ffffff;
  border: 1px solid #5e718d;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4a5c;
  text-align: left;
  cursor: pointer;
}
._trigger_19caa_13:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._triggerText_19caa_38 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._caret_19caa_46 {
  flex: none;
  color: #8897ae;
  transition: transform 0.15s ease;
}
._triggerOpen_19caa_51 ._caret_19caa_46 {
  transform: rotate(180deg);
}

._popover_19caa_55 {
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  padding: 8px;
  background: #ffffff;
  border: 1px solid rgba(27, 56, 96, 0.12);
  border-radius: 8px;
  box-shadow: 0 10px 20px -5px rgba(14, 15, 17, 0.06), 0 20px 65px -5px rgba(14, 15, 17, 0.06);
  animation: _openIn_19caa_1 0.2s ease both;
}

._body_19caa_72 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 8px;
}

._row_19caa_79 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._daysInput_19caa_85 {
  box-sizing: border-box;
  width: 68px;
  height: 32px;
  padding: 5px 8px;
  background: #ffffff;
  border: 1px solid rgba(27, 56, 96, 0.24);
  border-radius: 6px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
  text-align: center;
}
._daysInput_19caa_85:focus {
  outline: none;
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}

._unit_19caa_107 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
}

._help_19caa_116 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._saveBtn_19caa_124 {
  box-sizing: border-box;
  align-self: stretch;
  height: 36px;
  padding: 8px 10px;
  background: #2d3643;
  border: 1px solid rgba(14, 15, 17, 0.06);
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(14, 15, 17, 0.16), inset 0 3px 8px rgba(255, 255, 255, 0.12), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #ffffff;
  cursor: pointer;
}
._saveBtn_19caa_124:hover {
  background: #3a4554;
}
._saveBtn_19caa_124:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

@keyframes _openIn_19caa_1 {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._popover_19caa_55 {
    animation: none;
  }
  ._caret_19caa_46 {
    transition: none;
  }
}._root_6bcpi_1 {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 0.3s ease, opacity 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._root_6bcpi_1 {
    transition: none;
  }
}

._open_6bcpi_13 {
  grid-template-rows: 1fr;
  opacity: 1;
}

._inner_6bcpi_18 {
  min-height: 0;
  overflow: hidden;
}
._settled_6bcpi_22 > ._inner_6bcpi_18 {
  overflow: visible;
}._block_psesw_1 {
  display: flex;
  flex-direction: column;
}

._closedFooter_psesw_6 {
  padding: 8px 12px;
}

._card_psesw_10 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  background: #ffffff;
}

._head_psesw_20 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px;
  background: #cfdaec;
  border-radius: 6px 6px 0 0;
}
._head_psesw_20:last-child {
  border-radius: 6px;
}
@media (max-width: 768px) {
  ._head_psesw_20 {
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px;
  }
}

._handle_psesw_39 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  color: #455468;
  cursor: grab;
}

._headMain_psesw_51 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._headHelper_psesw_59 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
}

._inputBox_psesw_68 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 8px 0 14px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
}
._inputBox_psesw_68:focus-within, ._inputBox_psesw_68._inputFilled_psesw_80 {
  border-color: rgba(14, 15, 17, 0.48);
}

._input_psesw_68 {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}
._input_psesw_68::placeholder {
  font-weight: 400;
  color: #afbaca;
}
._input_psesw_68:focus, ._input_psesw_68:focus-visible {
  outline: none;
}

._count_psesw_105 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._actions_psesw_114 {
  flex: none;
  display: flex;
  align-items: center;
  padding-right: 4px;
}

._iconBtn_psesw_121 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #455468;
  cursor: pointer;
}
._iconBtn_psesw_121 svg {
  transition: transform 0.15s ease;
}
._iconBtn_psesw_121:hover {
  background: rgba(255, 255, 255, 0.5);
}
._iconBtn_psesw_121._collapsed_psesw_140 svg {
  transform: rotate(-90deg);
}

._body_psesw_144 {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}

._emptyRow_psesw_150 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 20px 12px;
}

._emptyIcon_psesw_157 {
  flex: none;
  color: #8897ae;
}

._emptyText_psesw_162 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._lessons_psesw_172 {
  margin: 0;
  padding: 0;
  list-style: none;
}

._lessonRow_psesw_178 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 12px 12px;
  background: #ffffff;
}
._lessonRow_psesw_178._lessonRowEditing_psesw_186 {
  background: #f9fafb;
}

._lessons_psesw_172 > li + li {
  border-top: 1px solid #e9eff6;
}

._resourceBadge_psesw_194 {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 2px 6px;
  background: #eef2f8;
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #3261af;
}
._resourceBadge_psesw_194 > span {
  padding: 0 2px;
}
@media (max-width: 600px) {
  ._resourceBadge_psesw_194 {
    display: none;
  }
}

._editBtn_psesw_219 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 4px 8px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
  cursor: pointer;
}
._editBtn_psesw_219 > span {
  padding: 0 2px;
}
._editBtn_psesw_219:hover {
  background: #f7f9fc;
}

._lessonHandle_psesw_245 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #8897ae;
  cursor: grab;
}

._lessonToggle_psesw_256 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
}

._lessonIcon_psesw_269 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #3d4a5c;
}

._lessonText_psesw_279 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._lessonTitle_psesw_286 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._lessonMeta_psesw_298 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._lessonDelete_psesw_306 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #3d4a5c;
  cursor: pointer;
}
._lessonDelete_psesw_306:hover {
  background: #eef2f8;
}

._divider_psesw_324 {
  width: 100%;
  margin: 0;
  border: none;
  border-top: 1px solid #e9eff6;
}

._footer_psesw_331 {
  padding: 8px 20px;
}

._addLessonBtn_psesw_335 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 8px 10px;
  background: #fefaed;
  border: 1px solid rgba(14, 15, 17, 0.02);
  border-radius: 8px;
  box-shadow: inset 0 -2px 4px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #9c6d0c;
  cursor: pointer;
}
._addLessonBtn_psesw_335 > span {
  padding: 0 4px;
}
._addLessonBtn_psesw_335:hover {
  background: #fbf3d6;
}

._block_psesw_1 {
  animation: _openIn_psesw_1 0.25s ease both;
}

._emptyRow_psesw_150,
._footer_psesw_331,
._lessons_psesw_172 > li {
  animation: _openIn_psesw_1 0.9s ease both;
}

@keyframes _openIn_psesw_1 {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._block_psesw_1,
  ._emptyRow_psesw_150,
  ._footer_psesw_331,
  ._lessons_psesw_172 > li {
    animation: none;
  }
}/* Based on https://github.com/orgs/mantinedev/discussions/5685 */

/* We need all the Mantine styles except the global styles, so unfortunately our
 only option is to import all the component styles separately. Could consider
 importing only styles for components used in BlockNote in the future. */
/* Files list: https://mantine.dev/styles/css-files-list/ */
.m_d57069b5 {
  --scrollarea-scrollbar-size: 12px;

  position: relative;
  overflow: hidden;
}

  .m_d57069b5:where([data-autosize]) .m_b1336c6 {
    min-width: min-content;
  }

.m_c0783ff9 {
  scrollbar-width: none;
  overscroll-behavior: var(--scrollarea-over-scroll-behavior);
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}

.m_c0783ff9::-webkit-scrollbar {
    display: none;
  }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):where([data-vertical-hidden]) {
        padding-inline-end: 0;
        padding-inline-start: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):not([data-vertical-hidden]) {
        padding-inline-end: var(--scrollarea-scrollbar-size);
        padding-inline-start: unset;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='x'],
      [data-offset-scrollbars='present']
    ):where([data-horizontal-hidden]) {
        padding-bottom: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='x'],
      [data-offset-scrollbars='present']
    ):not([data-horizontal-hidden]) {
        padding-bottom: var(--scrollarea-scrollbar-size);
      }

.m_f8f631dd {
  min-width: 100%;
  display: table;
}

.m_c44ba933 {
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition:
    background-color 150ms ease,
    opacity 150ms ease;

  padding: calc(var(--scrollarea-scrollbar-size) / 5);
  display: flex;
  background-color: transparent;
  flex-direction: row;
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:hover {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:active {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:active {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

.m_c44ba933:where([data-hidden], [data-state='hidden']) {
    display: none;
  }

.m_c44ba933:where([data-orientation='vertical']) {
    width: var(--scrollarea-scrollbar-size);
    top: 0;
    bottom: var(--sa-corner-width);
    inset-inline-end: 0;
  }

.m_c44ba933:where([data-orientation='horizontal']) {
    height: var(--scrollarea-scrollbar-size);
    flex-direction: column;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: var(--sa-corner-width);
  }

.m_d8b5e363 {
  flex: 1;
  border-radius: var(--scrollarea-scrollbar-size);
  position: relative;
  transition: background-color 150ms ease;
  overflow: hidden;
  opacity: var(--thumb-opacity);
}

.m_d8b5e363::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 44px;
    min-height: 44px;
  }

:where([data-mantine-color-scheme='light']) .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.4);
}

:where([data-mantine-color-scheme='dark']) .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.4);
}

.m_21657268 {
  position: absolute;
  opacity: 0;
  transition: opacity 150ms ease;
  display: block;
  inset-inline-end: 0;
  bottom: 0;
}

:where([data-mantine-color-scheme='light']) .m_21657268 {
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_21657268 {
    background-color: var(--mantine-color-dark-8);
}

.m_21657268:where([data-hovered]) {
    opacity: 1;
  }

.m_21657268:where([data-hidden]) {
    display: none;
  }

.m_b1336c6 {
  min-width: 100%;
}

.m_87cf2631 {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  appearance: none;
  font-size: var(--mantine-font-size-md);
  text-align: left;
  text-decoration: none;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

  :where([dir="rtl"]) .m_87cf2631 {
    text-align: right;
}

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

  .m_1b7284a3 {
  --paper-radius: var(--mantine-radius-default);

  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  touch-action: manipulation;
  text-decoration: none;
  border-radius: var(--paper-radius);
  box-shadow: var(--paper-shadow);
  background-color: var(--mantine-color-body);
}

  [data-mantine-color-scheme='light'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-gray-3);
}

  [data-mantine-color-scheme='dark'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-dark-4);
}

  .m_1b7284a3:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
  }

  .m_38a85659 {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: var(--popover-shadow, none);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
}

  .m_38a85659:where([data-fixed]) {
    position: fixed;
  }

  .m_38a85659:focus {
    outline: none;
  }

  :where([data-mantine-color-scheme='light']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-gray-2);
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_a31dc6c1 {
  background-color: inherit;
  border: 1px solid var(--popover-border-color);
  z-index: 1;
}

.m_3d7bc908 {
  position: fixed;
  inset: 0;
}

.m_86a44da5 {
  --cb-size-xs: 18px;
  --cb-size-sm: 22px;
  --cb-size-md: 28px;
  --cb-size-lg: 34px;
  --cb-size-xl: 44px;

  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;

  width: var(--cb-size);
  height: var(--cb-size);
  min-width: var(--cb-size);
  min-height: var(--cb-size);
  border-radius: var(--cb-radius);
}

  :where([data-mantine-color-scheme='light']) .m_86a44da5 {
    color: var(--mantine-color-gray-7);
}

  :where([data-mantine-color-scheme='dark']) .m_86a44da5 {
    color: var(--mantine-color-dark-1);
}

  .m_86a44da5[data-disabled],
  .m_86a44da5:disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-dark-6);
  }
}

.m_4081bf90 {
  display: flex;
  flex-direction: row;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: var(--group-justify, flex-start);
  align-items: var(--group-align, center);
  gap: var(--group-gap, var(--mantine-spacing-md));
}

  .m_4081bf90:where([data-grow]) > * {
      flex-grow: 1;
      max-width: var(--group-child-width);
    }

  .m_5ae2e3c {
  --loader-size-xs: 18px;
  --loader-size-sm: 22px;
  --loader-size-md: 36px;
  --loader-size-lg: 44px;
  --loader-size-xl: 58px;
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
}

/* ----- Bars loader ----- */
@keyframes m_5d2b3b9d {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }

  50%,
  100% {
    transform: scale(1);
  }
}

.m_7a2bd4cd {
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
  display: flex;
  gap: calc(var(--loader-size) / 5);
}

.m_870bb79 {
  flex: 1;
  background: var(--loader-color);
  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  border-radius: 2px;
}

.m_870bb79:nth-of-type(1) {
    animation-delay: -240ms;
  }

.m_870bb79:nth-of-type(2) {
    animation-delay: -120ms;
  }

.m_870bb79:nth-of-type(3) {
    animation-delay: 0;
  }

/* ----- Dots loader ----- */
@keyframes m_aac34a1 {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(0.6);
    opacity: 0.5;
  }
}

.m_4e3f22d7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--loader-size) / 10);
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_870c4af {
  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  border-radius: 50%;
  background: var(--loader-color);
  animation: m_aac34a1 0.8s infinite linear;
}

.m_870c4af:nth-child(2) {
    animation-delay: 0.4s;
  }

/* ----- Oval loader ----- */
@keyframes m_f8e89c4b {
  0% {
    transform: rotate(0deg);
  }

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

.m_b34414df {
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_b34414df::after {
    content: '';
    display: block;
    width: var(--loader-size);
    height: var(--loader-size);
    border-radius: 10000px;
    border-width: calc(var(--loader-size) / 8);
    border-style: solid;
    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
    animation: m_f8e89c4b 1.2s linear infinite;
  }

.m_9814e45f {
  inset: 0;
  position: absolute;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
  -webkit-backdrop-filter: var(--overlay-filter);
  backdrop-filter: var(--overlay-filter);
  border-radius: var(--overlay-radius, 0);
  z-index: var(--overlay-z-index);
}

  .m_9814e45f:where([data-fixed]) {
    position: fixed;
  }

  .m_9814e45f:where([data-center]) {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .m_615af6c9 {
  line-height: 1;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: var(--mantine-font-size-md);
}

.m_b5489c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
  position: sticky;
  top: 0;
  background-color: var(--mantine-color-body);
  z-index: 1000;
  min-height: 60px;
  transition: padding-inline-end 100ms;
}

.m_60c222c7 {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--mb-z-index);
  pointer-events: none;
}

.m_fd1ab0aa {
  pointer-events: all;
  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
}

.m_fd1ab0aa [data-mantine-scrollbar] {
    z-index: 1001;
  }

[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
  }

.m_606cb269 {
  margin-inline-start: auto;
}

.m_5df29311 {
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-top: var(--mb-padding, var(--mantine-spacing-md));
}

.m_5df29311:where(:not(:only-child)) {
    padding-top: 0;
  }

.m_6c018570 {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);

  --input-height-xs: 30px;
  --input-height-sm: 36px;
  --input-height-md: 42px;
  --input-height-lg: 50px;
  --input-height-xl: 60px;

  --input-padding-y-xs: 5px;
  --input-padding-y-sm: 6px;
  --input-padding-y-md: 8px;
  --input-padding-y-lg: 10px;
  --input-padding-y-xl: 13px;

  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);

  --input-cursor: text;
  --input-text-align: left;
  --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);
  --input-disabled-bg: var(--mantine-color-disabled);
  --input-disabled-color: var(--mantine-color-disabled-color);

  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));

  --input-right-section-size: var(
    --input-right-section-width,
    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
  );

  --input-size: var(--input-height);

  --section-y: 1px;
  --left-section-start: 1px;
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);

  --right-section-end: 1px;
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}

  .m_6c018570[data-variant='unstyled'] {
    --input-padding: 0;
    --input-padding-y: 0;
    --input-padding-inline-start: 0;
    --input-padding-inline-end: 0;
  }

  .m_6c018570[data-pointer] {
    --input-cursor: pointer;
  }

  .m_6c018570[data-multiline] {
    --input-padding-y-xs: 4.5px;
    --input-padding-y-sm: 5.5px;
    --input-padding-y-md: 7px;
    --input-padding-y-lg: 9.5px;
    --input-padding-y-xl: 13px;

    --input-size: auto;
    --input-line-height: var(--mantine-line-height);
  }

  .m_6c018570[data-with-left-section] {
    --input-padding-inline-start: var(--input-left-section-size);
  }

  .m_6c018570[data-with-right-section] {
    --input-padding-inline-end: var(--input-right-section-size);
  }

  .m_6c018570[data-size='xs'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 41px;
      }

  .m_6c018570[data-size='sm'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 50px;
      }

  .m_6c018570[data-size='md'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 60px;
      }

  .m_6c018570[data-size='lg'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 72px;
      }

  .m_6c018570[data-size='xl'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: 89px;
      }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-gray-4);
      --input-bg: var(--mantine-color-white);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-gray-1);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-dark-4);
      --input-bg: var(--mantine-color-dark-6);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-dark-5);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

  [data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant='unstyled']) {
      --input-bd: var(--mantine-color-error);
    }

  [data-mantine-color-scheme] .m_6c018570[data-error] {

    --input-color: var(--mantine-color-error);
    --input-placeholder-color: var(--mantine-color-error);
    --input-section-color: var(--mantine-color-error);
}

  :where([dir="rtl"]) .m_6c018570 {
    --input-text-align: right;
    --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
    --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}

.m_8fb7ebe7 {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 100ms ease;

  text-align: var(--input-text-align);
  color: var(--input-color);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}

/* Used as data attribute in Textarea component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-no-overflow] {
    --input-overflow: hidden;
  }

/* Used as data attribute in JsonInput component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-monospace] {
    --input-font-family: var(--mantine-font-family-monospace);
    --_input-fz: calc(var(--input-fz) - calc(0.125rem * var(--mantine-scale)));
  }

.m_8fb7ebe7:focus,
  .m_8fb7ebe7:focus-within {
    outline: none;
    --input-bd: var(--input-bd-focus);
  }

[data-error] .m_8fb7ebe7:focus, [data-error] .m_8fb7ebe7:focus-within {
      --input-bd: var(--mantine-color-error);
    }

.m_8fb7ebe7::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_8fb7ebe7::-webkit-inner-spin-button,
  .m_8fb7ebe7::-webkit-outer-spin-button,
  .m_8fb7ebe7::-webkit-search-decoration,
  .m_8fb7ebe7::-webkit-search-cancel-button,
  .m_8fb7ebe7::-webkit-search-results-button,
  .m_8fb7ebe7::-webkit-search-results-decoration {
    appearance: none;
  }

.m_8fb7ebe7[type='number'] {
    -moz-appearance: textfield;
  }

.m_8fb7ebe7:disabled,
  .m_8fb7ebe7[data-disabled] {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

/* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */

.m_8fb7ebe7:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

.m_8fb7ebe7[readonly] {
    caret-color: transparent;
  }

.m_82577fc2 {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}

.m_82577fc2[data-position='right'] {
    --section-pointer-events: var(--input-right-section-pointer-events);
    --section-end: var(--right-section-end);
    --section-size: var(--input-right-section-size);
    --section-border-radius: var(--right-section-border-radius);
  }

.m_6c018570[data-size='xs'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 41px;
      }

.m_6c018570[data-size='sm'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 50px;
      }

.m_6c018570[data-size='md'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 60px;
      }

.m_6c018570[data-size='lg'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 72px;
      }

.m_6c018570[data-size='xl'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: 89px;
      }

.m_82577fc2[data-position='left'] {
    --section-pointer-events: var(--input-left-section-pointer-events);
    --section-start: var(--left-section-start);
    --section-size: var(--input-left-section-size);
    --section-border-radius: var(--left-section-border-radius);
  }

/* ----- Input.Placeholder ----- */
.m_88bacfd0 {
  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}
[data-error] .m_88bacfd0 {
    --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
  }

/* ----- Input.Wrapper ----- */
.m_46b77525 {
  line-height: var(--mantine-line-height);
}

.m_8fdc1311 {
  display: inline-block;
  font-weight: 500;
  overflow-wrap: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}

.m_78a94662 {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}

.m_8f816625,
.m_fe47ce59 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}

.m_8f816625 {
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_fe47ce59 {
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_8bffd616 {
  display: flex;
}

.m_9bdbb667 {
  --accordion-radius: var(--mantine-radius-default);
}

.m_df78851f {
  overflow-wrap: break-word;
}

.m_4ba554d4 {
  padding: var(--mantine-spacing-md);
  padding-top: calc(var(--mantine-spacing-xs) / 2);
}

.m_8fa820a0 {
  margin: 0;
  padding: 0;
}

.m_4ba585b8 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-inline: var(--mantine-spacing-md);
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-bright);
}

.m_4ba585b8:where([data-chevron-position='left']) {
    flex-direction: row;
    padding-inline-start: 0;
  }

.m_4ba585b8:where(:disabled, [data-disabled]) {
    opacity: 0.4;
    cursor: not-allowed;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-dark-6);
  }
}

.m_df3ffa0f {
  color: inherit;
  font-weight: 400;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: var(--mantine-spacing-sm);
  padding-bottom: var(--mantine-spacing-sm);
}

.m_3f35ae96 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform var(--accordion-transition-duration, 200ms) ease;
  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  transform: rotate(0deg);
}

.m_3f35ae96:where([data-rotate]) {
    transform: rotate(180deg);
  }

.m_3f35ae96:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-md);
    margin-inline-start: var(--mantine-spacing-md);
  }

.m_9bd771fe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_9bd771fe:where([data-chevron-position='left']) {
    margin-inline-end: 0;
    margin-inline-start: var(--mantine-spacing-lg);
  }

:where([data-mantine-color-scheme='light']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-gray-3);
    --item-filled-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-dark-4);
    --item-filled-color: var(--mantine-color-dark-6);
}

.m_fe19b709 {
  border-bottom: 1px solid var(--item-border-color);
}

.m_1f921b3b {
  border: 1px solid var(--item-border-color);
  transition: background-color 150ms ease;
}

.m_1f921b3b:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_1f921b3b:first-of-type {
    border-start-start-radius: var(--accordion-radius);
    border-start-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:first-of-type > [data-accordion-control] {
      border-start-start-radius: var(--accordion-radius);
      border-start-end-radius: var(--accordion-radius);
    }

.m_1f921b3b:last-of-type {
    border-end-start-radius: var(--accordion-radius);
    border-end-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:last-of-type > [data-accordion-control] {
      border-end-start-radius: var(--accordion-radius);
      border-end-end-radius: var(--accordion-radius);
    }

.m_1f921b3b + .m_1f921b3b {
    border-top: 0;
  }

.m_2cdf939a {
  border-radius: var(--accordion-radius);
}

.m_2cdf939a:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_9f59b069 {
  background-color: var(--item-filled-color);
  border-radius: var(--accordion-radius);
  border: 1px solid transparent;
  transition: background-color 150ms ease;
}

.m_9f59b069[data-active] {
    border-color: var(--item-border-color);
  }

:where([data-mantine-color-scheme='light']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-dark-7);
}

.m_9f59b069 + .m_9f59b069 {
    margin-top: var(--mantine-spacing-md);
  }

.m_8d3f4000 {
  --ai-size-xs: 18px;
  --ai-size-sm: 22px;
  --ai-size-md: 28px;
  --ai-size-lg: 34px;
  --ai-size-xl: 44px;

  --ai-size-input-xs: 30px;
  --ai-size-input-sm: 36px;
  --ai-size-input-md: 42px;
  --ai-size-input-lg: 50px;
  --ai-size-input-xl: 60px;

  --ai-size: var(--ai-size-md);
  --ai-color: var(--mantine-color-white);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  overflow: hidden;

  width: var(--ai-size);
  height: var(--ai-size);
  min-width: var(--ai-size);
  min-height: var(--ai-size);
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  background: var(--ai-bg, var(--mantine-primary-color-filled));
  color: var(--ai-color, var(--mantine-color-white));
  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  cursor: pointer;
}

  @media (hover: hover) {
    .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

  @media (hover: none) {
    .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

  .m_8d3f4000[data-loading] {
    cursor: not-allowed;
  }

  .m_8d3f4000[data-loading] .m_8d3afb97 {
      opacity: 0;
      transform: translateY(100%);
    }

  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: 1px solid transparent;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
  }

  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
      transform: none;
    }

.m_302b9fb1 {
  inset: -1px;
  position: absolute;
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_302b9fb1 {
    background-color: rgba(255, 255, 255, 0.15);
}

:where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
    background-color: rgba(0, 0, 0, 0.15);
}

.m_1a0f1b21 {
  --ai-border-width: 1px;
  display: flex;
}

.m_1a0f1b21 :where(*):focus {
      position: relative;
      z-index: 1;
    }

.m_1a0f1b21[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_8d3afb97 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
  width: 100%;
  height: 100%;
}

.m_437b6484 {
  --section-height-xs: 18px;
  --section-height-sm: 22px;
  --section-height-md: 28px;
  --section-height-lg: 34px;
  --section-height-xl: 44px;

  --section-height-input-xs: 30px;
  --section-height-input-sm: 36px;
  --section-height-input-md: 42px;
  --section-height-input-lg: 50px;
  --section-height-input-xl: 60px;

  --section-padding-x-xs: 6px;
  --section-padding-x-sm: 8px;
  --section-padding-x-md: 10px;
  --section-padding-x-lg: 12px;
  --section-padding-x-xl: 16px;

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_7f854edf {
  position: fixed;
  z-index: var(--affix-z-index);
  inset-inline-start: var(--affix-left);
  inset-inline-end: var(--affix-right);
  top: var(--affix-top);
  bottom: var(--affix-bottom);
}

.m_66836ed3 {
  --alert-radius: var(--mantine-radius-default);
  --alert-bg: var(--mantine-primary-color-light);
  --alert-bd: 1px solid transparent;
  --alert-color: var(--mantine-primary-color-light-color);

  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
  border-radius: var(--alert-radius);
  position: relative;
  overflow: hidden;
  background-color: var(--alert-bg);
  border: var(--alert-bd);
  color: var(--alert-color);
}

.m_a5d60502 {
  display: flex;
}

.m_667c2793 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-xs);
}

.m_6a03f287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: 700;
}

.m_6a03f287:where([data-with-close-button]) {
    padding-inline-end: var(--mantine-spacing-md);
  }

.m_698f4f23 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_667f2a6a {
  line-height: 1;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-inline-end: var(--mantine-spacing-md);
  margin-top: 1px;
}

.m_7fa78076 {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--mantine-font-size-sm);
}

:where([data-mantine-color-scheme='light']) .m_7fa78076 {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_7fa78076 {
    color: var(--mantine-color-white);
}

.m_7fa78076:where([data-variant='filled']) {
    color: var(--alert-color);
  }

.m_7fa78076:where([data-variant='white']) {
    color: var(--mantine-color-black);
  }

.m_87f54839 {
  width: 20px;
  height: 20px;
  color: var(--alert-color);
}

.m_849cf0da {
  color: var(--mantine-color-anchor);
  text-decoration: none;
  appearance: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}

  @media (hover: hover) {

  .m_849cf0da:where([data-underline='hover']):hover {
      text-decoration: underline;
  }
}

  @media (hover: none) {

  .m_849cf0da:where([data-underline='hover']):active {
      text-decoration: underline;
  }
}

  .m_849cf0da:where([data-underline='not-hover']) {
    text-decoration: underline;
  }

  @media (hover: hover) {

  .m_849cf0da:where([data-underline='not-hover']):hover {
      text-decoration: none;
  }
}

  @media (hover: none) {

  .m_849cf0da:where([data-underline='not-hover']):active {
      text-decoration: none;
  }
}

  .m_849cf0da:where([data-underline='always']) {
    text-decoration: underline;
  }

  .m_849cf0da:where([data-variant='gradient']),
    .m_849cf0da:where([data-variant='gradient']):hover {
      text-decoration: none;
    }

  .m_849cf0da:where([data-line-clamp]) {
    display: -webkit-box;
  }

  .m_71ac47fc {
  --ar-ratio: 1;
  max-width: 100%;
}

  .m_71ac47fc > :where(*:not(style)) {
    aspect-ratio: var(--ar-ratio);
    width: 100%;
  }

  .m_71ac47fc > :where(img, video) {
    object-fit: cover;
  }

  .m_89ab340[data-resizing] {
    --app-shell-transition-duration: 0ms !important;
  }
  .m_89ab340[data-disabled] {
    --app-shell-header-offset: 0rem !important;
    --app-shell-navbar-offset: 0rem !important;
    --app-shell-aside-offset: 0rem !important;
    --app-shell-footer-offset: 0rem !important;
  }
  .m_89ab340[data-mode='static'] {
    display: grid;
    grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(--app-shell-aside-width, 0);
    grid-template-rows: auto 1fr auto;
    position: relative;
    height: 100%;
    overflow: auto;
  }
  [data-mantine-color-scheme='light'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-dark-4);
}

.m_45252eee,
.m_9cdde9a,
.m_3b16f56b,
.m_8983817,
.m_3840c879 {
  transition-duration: var(--app-shell-transition-duration);
  transition-timing-function: var(--app-shell-transition-timing-function);
}

.m_45252eee,
.m_9cdde9a {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: var(--app-shell-header-offset, 0rem);
  height: calc(
    100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem)
  );
  background-color: var(--mantine-color-body);
  transition-property: transform, top, height;
}

:where([data-mode='static']) .m_45252eee, :where([data-mode='static']) .m_9cdde9a {
    position: var(--app-shell-navbar-position, fixed);
    grid-row: var(--app-shell-navbar-grid-row, auto);
    height: 100%;
  }

:where([data-layout='alt']) .m_45252eee, :where([data-layout='alt']) .m_9cdde9a {
    top: 0rem;
    height: 100dvh;
  }

:where([data-mode='static'][data-layout='alt']) .m_45252eee, :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
    grid-row: 1 / -1;
    height: 100%;
  }

.m_45252eee {
  inset-inline-start: 0;
  width: var(--app-shell-navbar-width);
  transition-property: transform, top, height;
  transform: var(--app-shell-navbar-transform);
  z-index: var(--app-shell-navbar-z-index);
}

:where([data-mode='static']) .m_45252eee {
    grid-column: var(--app-shell-navbar-grid-column, auto);
    display: var(--app-shell-navbar-display, flex);
  }

:where([dir="rtl"]) .m_45252eee {
    transform: var(--app-shell-navbar-transform-rtl);
}

.m_45252eee:where([data-with-border]) {
    border-inline-end: 1px solid var(--app-shell-border-color);
  }

.m_9cdde9a {
  inset-inline-end: 0;
  width: var(--app-shell-aside-width);
  transform: var(--app-shell-aside-transform);
  z-index: var(--app-shell-aside-z-index);
}

:where([data-mode='static']) .m_9cdde9a {
    position: var(--app-shell-aside-position, fixed);
    grid-column: var(--app-shell-aside-grid-column, auto);
    grid-row: var(--app-shell-aside-grid-row, auto);
    display: var(--app-shell-aside-display, flex);
  }

:where([dir="rtl"]) .m_9cdde9a {
    transform: var(--app-shell-aside-transform-rtl);
}

.m_9cdde9a:where([data-with-border]) {
    border-inline-start: 1px solid var(--app-shell-border-color);
  }

:where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
    grid-row: 1 / -1;
  }

:where([data-scroll-locked]) .m_9cdde9a {
    visibility: var(--app-shell-aside-scroll-locked-visibility);
  }

.m_8983817 {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
  padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
  padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));
  min-height: 100dvh;
  transition-property: padding;
}

:where([data-mode='static']) .m_8983817 {
    padding-inline-start: var(--app-shell-padding);
    padding-inline-end: var(--app-shell-padding);
    padding-top: var(--app-shell-padding);
    padding-bottom: var(--app-shell-padding);
    min-height: auto;
    grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
    grid-row: var(--app-shell-main-grid-row, 2);
  }

.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property: transform, margin-inline-start, margin-inline-end;
  background-color: var(--mantine-color-body);
}

:where([data-mode='static']) .m_3b16f56b, :where([data-mode='static']) .m_3840c879 {
    position: var(--app-shell-header-position, fixed);
    grid-column: var(--app-shell-header-grid-column, auto);
  }

:where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
    margin-inline-start: var(--app-shell-navbar-offset, 0rem);
    margin-inline-end: var(--app-shell-aside-offset, 0rem);
  }

:where([data-mode='static'][data-layout='alt']) .m_3b16f56b, :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
    grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
    margin-inline-start: 0rem;
    margin-inline-end: 0rem;
  }

.m_3b16f56b {
  top: 0;
  height: var(--app-shell-header-height);
  background-color: var(--mantine-color-body);
  transform: var(--app-shell-header-transform);
  z-index: var(--app-shell-header-z-index);
}

:where([data-mode='static']) .m_3b16f56b {
    grid-row: var(--app-shell-header-grid-row, auto);
  }

.m_3b16f56b:where([data-with-border]) {
    border-bottom: 1px solid var(--app-shell-border-color);
  }

.m_3840c879 {
  bottom: 0;
  height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  transform: var(--app-shell-footer-transform);
  z-index: var(--app-shell-footer-z-index);
}

:where([data-mode='static']) .m_3840c879 {
    position: var(--app-shell-footer-position, fixed);
    grid-column: var(--app-shell-footer-grid-column, auto);
    grid-row: var(--app-shell-footer-grid-row, auto);
  }

:where([data-mode='static'][data-layout='alt']) .m_3840c879 {
    grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
  }

.m_3840c879:where([data-with-border]) {
    border-top: 1px solid var(--app-shell-border-color);
  }

.m_6dcfc7c7 {
  flex-grow: 0;
}

.m_6dcfc7c7:where([data-grow]) {
    flex-grow: 1;
  }

/* Avatar.Group root element */
.m_11def92b {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);

  display: flex;
  padding-inline-start: var(--ag-spacing);
}

/* Avatar root element */
.m_f85678b6 {
  --avatar-size-xs: 16px;
  --avatar-size-sm: 26px;
  --avatar-size-md: 38px;
  --avatar-size-lg: 56px;
  --avatar-size-xl: 84px;

  --avatar-size: var(--avatar-size-md);
  --avatar-radius: 1000px;
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: 1px solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);

  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  user-select: none;
  overflow: hidden;
  border-radius: var(--avatar-radius);
  text-decoration: none;
  padding: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}
.m_f85678b6:where([data-within-group]) {
    margin-inline-start: var(--ag-offset);
    border: 2px solid var(--mantine-color-body);
    background: var(--mantine-color-body);
  }

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

.m_104cd71f {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  border-radius: var(--avatar-radius);
  font-size: var(--avatar-placeholder-fz);
  background: var(--avatar-bg);
  border: var(--avatar-bd);
  color: var(--avatar-color);
}

.m_104cd71f > [data-avatar-placeholder-icon] {
    width: 70%;
    height: 70%;
  }

.m_347db0ec {
  --badge-height-xs: 16px;
  --badge-height-sm: 18px;
  --badge-height-md: 20px;
  --badge-height-lg: 26px;
  --badge-height-xl: 32px;

  --badge-fz-xs: 9px;
  --badge-fz-sm: 10px;
  --badge-fz-md: 11px;
  --badge-fz-lg: 13px;
  --badge-fz-xl: 16px;

  --badge-padding-x-xs: 6px;
  --badge-padding-x-sm: 8px;
  --badge-padding-x-md: 10px;
  --badge-padding-x-lg: 12px;
  --badge-padding-x-xl: 16px;

  --badge-height: var(--badge-height-md);
  --badge-fz: var(--badge-fz-md);
  --badge-padding-x: var(--badge-padding-x-md);
  --badge-radius: 1000px;
  --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
  --badge-color: var(--mantine-color-white);
  --badge-bg: var(--mantine-primary-color-filled);
  --badge-border-width: 1px;
  --badge-bd: var(--badge-border-width) solid transparent;

  -webkit-tap-highlight-color: transparent;
  font-size: var(--badge-fz);
  border-radius: var(--badge-radius);
  height: var(--badge-height);
  line-height: var(--badge-lh);
  text-decoration: none;
  padding: 0 var(--badge-padding-x);
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.25px;
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--badge-color);
  background: var(--badge-bg);
  border: var(--badge-bd);
}

  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
    grid-template-columns: auto 1fr;
  }

  .m_347db0ec:where([data-with-right-section]) {
    grid-template-columns: 1fr auto;
  }

  .m_347db0ec:where(
    [data-with-left-section][data-with-right-section],
    [data-variant='dot'][data-with-right-section]
  ) {
    grid-template-columns: auto 1fr auto;
  }

  .m_347db0ec:where([data-block]) {
    display: flex;
    width: 100%;
  }

  .m_347db0ec:where([data-circle]) {
    padding-inline: 2px;
    display: flex;
    width: var(--badge-height);
  }

.m_fbd81e3d {
  --badge-dot-size: calc(var(--badge-height) / 3.4);
}

:where([data-mantine-color-scheme='light']) .m_fbd81e3d {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_fbd81e3d {
    background-color: var(--mantine-color-dark-5);
    border-color: var(--mantine-color-dark-5);
    color: var(--mantine-color-white);
}

.m_fbd81e3d::before {
    content: '';
    display: block;
    width: var(--badge-dot-size);
    height: var(--badge-dot-size);
    border-radius: var(--badge-dot-size);
    background-color: var(--badge-dot-color);
    margin-inline-end: var(--badge-dot-size);
  }

.m_5add502a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: inherit;
}

.m_91fdda9b {
  --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);

  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
}

.m_91fdda9b:where([data-position='left']) {
    margin-inline-end: var(--badge-section-margin);
  }

.m_91fdda9b:where([data-position='right']) {
    margin-inline-start: var(--badge-section-margin);
  }

.m_2ce0de02 {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  border: 0;
  text-decoration: none;
  border-radius: var(--bi-radius, 0);
}

.m_ddec01c0 {
  --blockquote-border: 3px solid var(--bq-bd);

  position: relative;
  margin: 0;
  border-inline-start: var(--blockquote-border);
  border-start-end-radius: var(--bq-radius);
  border-end-end-radius: var(--bq-radius);
  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
}

  :where([data-mantine-color-scheme='light']) .m_ddec01c0 {
    background-color: var(--bq-bg-light);
}

  :where([data-mantine-color-scheme='dark']) .m_ddec01c0 {
    background-color: var(--bq-bg-dark);
}

.m_dde7bd57 {
  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);

  position: absolute;
  color: var(--bq-bd);
  background-color: var(--mantine-color-body);
  display: flex;
  align-items: center;
  justify-content: center;
  top: var(--blockquote-icon-offset);
  inset-inline-start: var(--blockquote-icon-offset);
  width: var(--bq-icon-size);
  height: var(--bq-icon-size);
  border-radius: var(--bq-icon-size);
}

.m_dde51a35 {
  display: block;
  margin-top: var(--mantine-spacing-md);
  opacity: 0.6;
  font-size: 85%;
}

.m_8b3717df {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.m_f678d540 {
  line-height: 1;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.m_3b8f2208 {
  margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_3b8f2208 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_3b8f2208 {
    color: var(--mantine-color-dark-2);
}

.m_77c9d27d {
  --button-height-xs: 30px;
  --button-height-sm: 36px;
  --button-height-md: 42px;
  --button-height-lg: 50px;
  --button-height-xl: 60px;

  --button-height-compact-xs: 22px;
  --button-height-compact-sm: 26px;
  --button-height-compact-md: 30px;
  --button-height-compact-lg: 34px;
  --button-height-compact-xl: 40px;

  --button-padding-x-xs: 14px;
  --button-padding-x-sm: 18px;
  --button-padding-x-md: 22px;
  --button-padding-x-lg: 26px;
  --button-padding-x-xl: 32px;

  --button-padding-x-compact-xs: 7px;
  --button-padding-x-compact-sm: 8px;
  --button-padding-x-compact-md: 10px;
  --button-padding-x-compact-lg: 12px;
  --button-padding-x-compact-xl: 14px;

  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);

  user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;

  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}

  .m_77c9d27d:where([data-block]) {
    display: block;
    width: 100%;
  }

  .m_77c9d27d:where([data-with-left-section]) {
    padding-inline-start: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where([data-with-right-section]) {
    padding-inline-end: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: 1px solid transparent;
    transform: none;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
  }

  .m_77c9d27d::before {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: -1px;
    border-radius: var(--button-radius, var(--mantine-radius-default));
    transform: translateY(-100%);
    opacity: 0;
    filter: blur(12px);
    transition:
      transform 150ms ease,
      opacity 100ms ease;
  }

  :where([data-mantine-color-scheme='light']) .m_77c9d27d::before {
      background-color: rgba(255, 255, 255, 0.15);
}

  :where([data-mantine-color-scheme='dark']) .m_77c9d27d::before {
      background-color: rgba(0, 0, 0, 0.15);
}

  .m_77c9d27d:where([data-loading]) {
    cursor: not-allowed;
    transform: none;
  }

  .m_77c9d27d:where([data-loading])::before {
      transform: translateY(0);
      opacity: 1;
    }

  .m_77c9d27d:where([data-loading]) .m_80f1301b {
      opacity: 0;
      transform: translateY(100%);
    }

  @media (hover: hover) {
    .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

  @media (hover: none) {
    .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

.m_80f1301b {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
}

.m_811560b9 {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
}

.m_811560b9:where([data-loading]) {
    opacity: 0.2;
  }

.m_a74036a {
  display: flex;
  align-items: center;
}

.m_a74036a:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_a74036a:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_a25b86ee {
  position: absolute;
  left: 50%;
  top: 50%;
}

.m_80d6d844 {
  --button-border-width: 1px;
  display: flex;
}

.m_80d6d844 :where(.m_77c9d27d):focus {
      position: relative;
      z-index: 1;
    }

.m_80d6d844[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_70be2a01 {
  --section-height-xs: 30px;
  --section-height-sm: 36px;
  --section-height-md: 42px;
  --section-height-lg: 50px;
  --section-height-xl: 60px;

  --section-height-compact-xs: 22px;
  --section-height-compact-sm: 26px;
  --section-height-compact-md: 30px;
  --section-height-compact-lg: 34px;
  --section-height-compact-xl: 40px;

  --section-padding-x-xs: 14px;
  --section-padding-x-sm: 18px;
  --section-padding-x-md: 22px;
  --section-padding-x-lg: 26px;
  --section-padding-x-xl: 32px;

  --section-padding-x-compact-xs: 7px;
  --section-padding-x-compact-sm: 8px;
  --section-padding-x-compact-md: 10px;
  --section-padding-x-compact-lg: 12px;
  --section-padding-x-compact-xl: 14px;

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_fea6bf1a {
  --burger-size-xs: 12px;
  --burger-size-sm: 18px;
  --burger-size-md: 24px;
  --burger-size-lg: 34px;
  --burger-size-xl: 42px;

  --burger-size: var(--burger-size-md);
  --burger-line-size: calc(var(--burger-size) / 12);

  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc(var(--mantine-spacing-xs) / 2);
  cursor: pointer;
}

  :where([data-mantine-color-scheme='light']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='dark']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-white);
}

.m_d4fb9cad {
  position: relative;
  user-select: none;
}

.m_d4fb9cad,
  .m_d4fb9cad::before,
  .m_d4fb9cad::after {
    display: block;
    width: var(--burger-size);
    height: var(--burger-line-size);
    background-color: var(--burger-color);
    outline: 1px solid transparent;
    transition-property: background-color, transform;
    transition-duration: var(--burger-transition-duration, 300ms);
    transition-timing-function: var(--burger-transition-timing-function, ease);
  }

.m_d4fb9cad::before,
  .m_d4fb9cad::after {
    position: absolute;
    content: '';
    inset-inline-start: 0;
  }

.m_d4fb9cad::before {
    top: calc(var(--burger-size) / -3);
  }

.m_d4fb9cad::after {
    top: calc(var(--burger-size) / 3);
  }

.m_d4fb9cad[data-opened] {
    background-color: transparent;
  }

.m_d4fb9cad[data-opened]::before {
      transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
    }

.m_d4fb9cad[data-opened]::after {
      transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
    }

.m_e615b15f {
  --card-padding: var(--mantine-spacing-md);

  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--card-padding);
  color: var(--mantine-color-text);
}

  :where([data-mantine-color-scheme='light']) .m_e615b15f {
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_e615b15f {
    background-color: var(--mantine-color-dark-6);
}

.m_599a2148 {
  display: block;
  margin-inline: calc(var(--card-padding) * -1);
}

.m_599a2148:where(:first-child) {
    margin-top: calc(var(--card-padding) * -1);
    border-top: none !important;
  }

.m_599a2148:where(:last-child) {
    margin-bottom: calc(var(--card-padding) * -1);
    border-bottom: none !important;
  }

.m_599a2148:where([data-inherit-padding]) {
    padding-inline: var(--card-padding);
  }

.m_599a2148:where([data-with-border]) {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

:where([data-mantine-color-scheme='light']) .m_599a2148 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_599a2148 {
    border-color: var(--mantine-color-dark-4);
}

.m_599a2148 + .m_599a2148 {
    border-top: none !important;
  }

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

  .m_4451eb3a:where([data-inline]) {
    display: inline-flex;
  }

  .m_bf2d988c {
  --checkbox-size-xs: 16px;
  --checkbox-size-sm: 20px;
  --checkbox-size-md: 24px;
  --checkbox-size-lg: 30px;
  --checkbox-size-xl: 36px;

  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}

  .m_bf2d988c:where([data-variant='filled']) {
    --checkbox-icon-color: var(--mantine-color-white);
  }

  .m_bf2d988c:where([data-variant='outline']) {
    --checkbox-icon-color: var(--checkbox-color);
  }

.m_26062bec {
  position: relative;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  order: 1;
}

.m_26062bec:where([data-label-position='left']) {
    order: 2;
  }

.m_26063560 {
  appearance: none;
  border: 1px solid transparent;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  padding: 0;
  display: block;
  margin: 0;
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_26063560 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_26063560 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_26063560:where([data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_26063560[data-indeterminate],
  .m_26063560:checked {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
  }

.m_26063560[data-indeterminate] + .m_bf295423, .m_26063560:checked + .m_bf295423 {
      opacity: 1;
      transform: none;
    }

.m_26063560:disabled {
    cursor: not-allowed;
    border-color: var(--mantine-color-disabled-border);
    background-color: var(--mantine-color-disabled);
  }

.m_26063560:disabled + .m_bf295423 {
      color: var(--mantine-color-disabled-color);
    }

.m_215c4542 + .m_bf295423 {
    color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled),
  .m_215c4542:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
      color: var(--checkbox-icon-color);
      opacity: 1;
      transform: none;
    }

.m_bf295423 {
  position: absolute;
  inset: 0;
  width: 60%;
  margin: auto;
  color: var(--checkbox-icon-color);
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 0;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

.m_f59ffda3 {
  --chip-size-xs: 23px;
  --chip-size-sm: 28px;
  --chip-size-md: 32px;
  --chip-size-lg: 36px;
  --chip-size-xl: 40px;

  --chip-icon-size-xs: 9px;
  --chip-icon-size-sm: 12px;
  --chip-icon-size-md: 14px;
  --chip-icon-size-lg: 16px;
  --chip-icon-size-xl: 18px;

  --chip-padding-xs: 16px;
  --chip-padding-sm: 20px;
  --chip-padding-md: 24px;
  --chip-padding-lg: 28px;
  --chip-padding-xl: 32px;

  --chip-checked-padding-xs: 8.2px;
  --chip-checked-padding-sm: 10px;
  --chip-checked-padding-md: 11.7px;
  --chip-checked-padding-lg: 13.5px;
  --chip-checked-padding-xl: 15.7px;

  --chip-spacing-xs: 10px;
  --chip-spacing-sm: 12px;
  --chip-spacing-md: 16px;
  --chip-spacing-lg: 20px;
  --chip-spacing-xl: 22px;

  --chip-size: var(--chip-size-sm);
  --chip-icon-size: var(--chip-icon-size-sm);
  --chip-padding: var(--chip-padding-sm);
  --chip-spacing: var(--chip-spacing-sm);
  --chip-checked-padding: var(--chip-checked-padding-sm);
  --chip-bg: var(--mantine-primary-color-filled);
  --chip-hover: var(--mantine-primary-color-filled-hover);
  --chip-color: var(--mantine-color-white);
  --chip-bd: 1px solid transparent;
}

.m_be049a53 {
  display: inline-flex;
  align-items: center;
  user-select: none;
  border-radius: var(--chip-radius, 1000rem);
  height: var(--chip-size);
  font-size: var(--chip-fz, var(--mantine-font-size-sm));
  line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
  padding-inline: var(--chip-padding);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border: 1px solid transparent;
  color: var(--mantine-color-text);
}

.m_be049a53:where([data-checked]) {
    padding-inline: var(--chip-checked-padding);
  }

.m_be049a53:where([data-disabled]) {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    color: var(--mantine-color-disabled-color);
  }

:where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-white);
    border: 1px solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-dark-6);
    border: 1px solid var(--mantine-color-dark-4);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-5);
  }
}

.m_3904c1af:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    border: var(--chip-bd);
  }

@media (hover: hover) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_fa109255:not([data-disabled]),
.m_f7e165c3:not([data-disabled]) {
  border: 1px solid transparent;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-dark-5);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_fa109255:not([data-disabled]):where([data-checked]), .m_f7e165c3:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    color: var(--chip-color);
    background-color: var(--chip-bg);
  }

@media (hover: hover) {

  .m_fa109255:not([data-disabled]):where([data-checked]):hover, .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_fa109255:not([data-disabled]):where([data-checked]):active, .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_9ac86df9 {
  width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  height: var(--chip-icon-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}

.m_d6d72580 {
  width: var(--chip-icon-size);
  height: var(--chip-icon-size);
  display: block;
  color: var(--chip-icon-color, inherit);
}

.m_bde07329 {
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
}

.m_bde07329:focus-visible + .m_be049a53 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: 2px;
  }

.m_b183c0a2 {
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  padding: 2px calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--mantine-font-size-xs);
  margin: 0;
  overflow: auto;
}

  :where([data-mantine-color-scheme='light']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-gray-0));
}

  :where([data-mantine-color-scheme='dark']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-dark-6));
}

  .m_b183c0a2[data-block] {
    padding: var(--mantine-spacing-xs);
  }

  .m_b077c2bc {
  --ci-eye-dropper-icon-size-xs: 14px;
  --ci-eye-dropper-icon-size-sm: 16px;
  --ci-eye-dropper-icon-size-md: 18px;
  --ci-eye-dropper-icon-size-lg: 20px;
  --ci-eye-dropper-icon-size-xl: 22px;
  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
}

.m_66a028b5 {
  --ci-button-size-xs: 22px;
  --ci-button-size-sm: 26px;
  --ci-button-size-md: 28px;
  --ci-button-size-lg: 32px;
  --ci-button-size-xl: 40px;
  --ci-button-size: var(--ci-button-size-sm);

  width: var(--ci-button-size);
  height: var(--ci-button-size);
  min-width: var(--ci-button-size);
  min-height: var(--ci-button-size);
}

.m_c5ccdcab {
  --ci-preview-size-xs: 16px;
  --ci-preview-size-sm: 18px;
  --ci-preview-size-md: 22px;
  --ci-preview-size-lg: 28px;
  --ci-preview-size-xl: 36px;
  --ci-preview-size: var(--ci-preview-size-sm);
}

.m_5ece2cd7 {
  padding: 8px;
}

.m_fee9c77 {
  --cp-width-xs: 180px;
  --cp-width-sm: 200px;
  --cp-width-md: 240px;
  --cp-width-lg: 280px;
  --cp-width-xl: 320px;

  --cp-preview-size-xs: 26px;
  --cp-preview-size-sm: 34px;
  --cp-preview-size-md: 42px;
  --cp-preview-size-lg: 50px;
  --cp-preview-size-xl: 54px;

  --cp-thumb-size-xs: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;

  --cp-saturation-height-xs: 100px;
  --cp-saturation-height-sm: 110px;
  --cp-saturation-height-md: 120px;
  --cp-saturation-height-lg: 140px;
  --cp-saturation-height-xl: 160px;

  --cp-preview-size: var(--cp-preview-size-sm);
  --cp-thumb-size: var(--cp-thumb-size-sm);
  --cp-saturation-height: var(--cp-saturation-height-sm);
  --cp-width: var(--cp-width-sm);
  --cp-body-spacing: var(--mantine-spacing-sm);

  width: var(--cp-width);
  padding: 1px;
}

  .m_fee9c77:where([data-full-width]) {
    width: 100%;
  }

.m_9dddfbac {
  width: var(--cp-preview-size);
  height: var(--cp-preview-size);
}

.m_bffecc3e {
  display: flex;
  padding-top: calc(var(--cp-body-spacing) / 2);
}

.m_3283bb96 {
  flex: 1;
}

.m_3283bb96:not(:only-child) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_40d572ba {
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid var(--mantine-color-white);
  width: var(--cp-thumb-size);
  height: var(--cp-thumb-size);
  border-radius: var(--cp-thumb-size);
  left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
  top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
}

.m_d8ee6fd8 {
  height: unset !important;
  width: unset !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 2px;
  cursor: pointer;
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
}

.m_5711e686 {
  margin-top: 5px;
  margin-inline: -2px;
  display: flex;
  flex-wrap: wrap;
}

.m_5711e686:only-child {
    margin-top: 0;
  }

.m_202a296e {
  --cp-thumb-size-xs: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;

  -webkit-tap-highlight-color: transparent;
  position: relative;
  height: var(--cp-saturation-height);
  border-radius: var(--mantine-radius-sm);
  margin: calc(var(--cp-thumb-size) / 2);
}

.m_202a296e:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_202a296e:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_11b3db02 {
  position: absolute;
  border-radius: var(--mantine-radius-sm);
  inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
}

.m_d856d47d {
  --cp-thumb-size-xs: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;
  --cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale)));

  position: relative;
  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
  margin-inline: calc(var(--cp-thumb-size) / 2);
  outline: none;
}

.m_d856d47d + .m_d856d47d {
    margin-top: 6px;
  }

.m_d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_d856d47d:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

:where([data-mantine-color-scheme='light']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-dark-4);
}

.m_8f327113 {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-radius: 10000rem;
}

.m_de3d2490 {
  --cs-size: 28px;
  --cs-radius: 1000px;

  -webkit-tap-highlight-color: transparent;
  border: none;
  appearance: none;
  display: block;
  line-height: 1;
  position: relative;
  width: var(--cs-size);
  height: var(--cs-size);
  min-width: var(--cs-size);
  min-height: var(--cs-size);
  border-radius: var(--cs-radius);
  color: inherit;
  text-decoration: none;
}

  [data-mantine-color-scheme='light'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-gray-3);
    --alpha-overlay-bg: var(--mantine-color-white);
}

  [data-mantine-color-scheme='dark'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-dark-4);
    --alpha-overlay-bg: var(--mantine-color-dark-7);
}

.m_862f3d1b {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
}

.m_98ae7f22 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 1;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset,
    rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
}

.m_95709ac0 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  background-size: 8px 8px;
  background-position:
    0 0,
    0 4px,
    4px -4px,
    -4px 0;
  background-image:
    linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%),
    linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%);
}

.m_93e74e3 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m_88b62a41 {
  --combobox-padding: 4px;
  padding: var(--combobox-padding);
}

  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
      max-width: calc(100% + var(--combobox-padding));
    }

  .m_88b62a41[data-composed] {
    padding-inline-end: 0;
  }

  .m_88b62a41[data-hidden] {
    display: none;
  }

/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
.m_88b62a41,
.m_b2821a6e {
  --combobox-option-padding-xs: 4px 8px;
  --combobox-option-padding-sm: 6px 10px;
  --combobox-option-padding-md: 8px 12px;
  --combobox-option-padding-lg: 10px 16px;
  --combobox-option-padding-xl: 14px 20px;
  --combobox-option-padding: var(--combobox-option-padding-sm);
}

.m_92253aa5 {
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  overflow-wrap: break-word;
}

.m_92253aa5:where([data-combobox-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
  }

.m_92253aa5:where([data-combobox-disabled]) {
    cursor: not-allowed;
    opacity: 0.35;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

.m_985517d8 {
  margin-inline: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--combobox-padding);
  position: relative;
}

:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
      border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
      border-color: var(--mantine-color-dark-4);
}

:where([data-mantine-color-scheme='light']) .m_985517d8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8 {
    background-color: var(--mantine-color-dark-7);
}

.m_2530cd1d {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  text-align: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
}

.m_858f94bd,
.m_82b967cb {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-inline: calc(var(--combobox-padding) * -1);
  padding: var(--combobox-option-padding);
}

:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
    border-color: var(--mantine-color-dark-4);
}

.m_82b967cb {
  border-top-width: 1px;
  margin-top: var(--combobox-padding);
  margin-bottom: calc(var(--combobox-padding) * -1);
}

.m_858f94bd {
  border-bottom-width: 1px;
  margin-bottom: var(--combobox-padding);
  margin-top: calc(var(--combobox-padding) * -1);
}

.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
    display: none;
  }

.m_2bb2e9e5 {
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
  padding: var(--combobox-option-padding);
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

.m_2bb2e9e5::after {
    content: '';
    flex: 1;
    inset-inline: 0;
    height: 1px;
    margin-inline-start: var(--mantine-spacing-xs);
  }

:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-dark-4);
}

.m_2bb2e9e5:only-child {
    display: none;
  }

/* ------- Combobox.Chevron ------- */
.m_2943220b {
  --combobox-chevron-size-xs: 14px;
  --combobox-chevron-size-sm: 18px;
  --combobox-chevron-size-md: 20px;
  --combobox-chevron-size-lg: 24px;
  --combobox-chevron-size-xl: 28px;
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
}
:where([data-mantine-color-scheme='light']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
}
:where([data-mantine-color-scheme='dark']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
}
.m_2943220b {

  width: var(--combobox-chevron-size);
  height: var(--combobox-chevron-size);
  color: var(--_combobox-chevron-color);
}
.m_2943220b:where([data-error]) {
    color: var(--combobox-chevron-color, var(--mantine-color-error));
  }

/* ------- OptionsDropdown ------- */
.m_390b5f4 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.m_390b5f4:where([data-reverse]) {
    justify-content: space-between;
  }

.m_8ee53fc2 {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

:where([data-combobox-selected]) .m_8ee53fc2 {
    opacity: 1;
  }

.m_a530ee0a {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

.m_7485cace {
  --container-size-xs: 540px;
  --container-size-sm: 720px;
  --container-size-md: 960px;
  --container-size-lg: 1140px;
  --container-size-xl: 1320px;
  --container-size: var(--container-size-md);
}

  .m_7485cace:where([data-strategy='block']) {
    max-width: var(--container-size);
    padding-inline: var(--mantine-spacing-md);
    margin-inline: auto;
  }

  .m_7485cace:where([data-strategy='block']):where([data-fluid]) {
      max-width: 100%;
    }

  .m_7485cace:where([data-strategy='grid']) {
    display: grid;
    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
    margin-inline: auto;
  }

  .m_7485cace:where([data-strategy='grid']) > * {
      grid-column: 2;
    }

  .m_7485cace:where([data-strategy='grid']) > [data-breakout] {
      grid-column: 1 / -1;
    }

  .m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
        max-width: var(--container-size);
        margin-inline: auto;
      }

  .m_e2125a27 {
  --dialog-size-xs: 160px;
  --dialog-size-sm: 200px;
  --dialog-size-md: 340px;
  --dialog-size-lg: 400px;
  --dialog-size-xl: 500px;
  --dialog-size: var(--dialog-size-md);

  position: relative;
  width: var(--dialog-size);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: 50px;
}

.m_5abab665 {
  position: absolute;
  top: calc(var(--mantine-spacing-md) / 2);
  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
}

.m_3eebeb36 {
  --divider-size-xs: 1px;
  --divider-size-sm: 2px;
  --divider-size-md: 3px;
  --divider-size-lg: 4px;
  --divider-size-xl: 5px;
  --divider-size: var(--divider-size-xs);
}

  :where([data-mantine-color-scheme='light']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-dark-4);
}

  .m_3eebeb36:where([data-orientation='horizontal']) {
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  }

  .m_3eebeb36:where([data-orientation='vertical']) {
    border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    height: auto;
    align-self: stretch;
  }

  .m_3eebeb36:where([data-with-label]) {
    border: 0;
  }

.m_9e365f20 {
  display: flex;
  align-items: center;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  white-space: nowrap;
}

.m_9e365f20:where([data-position='left'])::before {
    display: none;
  }

.m_9e365f20:where([data-position='right'])::after {
    display: none;
  }

.m_9e365f20::before {
    content: '';
    flex: 1;
    height: 1px;
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_9e365f20::after {
    content: '';
    flex: 1;
    height: 1px;
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_f11b401e {
  --drawer-size-xs: 320px;
  --drawer-size-sm: 380px;
  --drawer-size-md: 440px;
  --drawer-size-lg: 620px;
  --drawer-size-xl: 780px;
  --drawer-size: var(--drawer-size-md);
  --drawer-offset: 0rem;
}

.m_5a7c2c9 {
  z-index: 1000;
}

.m_b8a05bbd {
  flex: var(--drawer-flex, 0 0 var(--drawer-size));
  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
  margin: var(--drawer-offset);
  max-width: calc(100% - var(--drawer-offset) * 2);
  max-height: calc(100% - var(--drawer-offset) * 2);
  overflow-y: auto;
}

.m_b8a05bbd[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_31cd769a {
  display: flex;
  justify-content: var(--drawer-justify, flex-start);
  align-items: var(--drawer-align, flex-start);
}

.m_e9408a47 {
  padding: var(--mantine-spacing-lg);
  padding-top: var(--mantine-spacing-xs);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-inline-size: auto;
}

.m_84c9523a {
  border: 1px solid;
}

:where([data-mantine-color-scheme='light']) .m_84c9523a {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_84c9523a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-7);
}

.m_ef274e49 {
  border: 1px solid;
}

:where([data-mantine-color-scheme='light']) .m_ef274e49 {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_ef274e49 {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_eda993d3 {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.m_90794832 {
  font-size: var(--mantine-font-size-sm);
}

.m_74ca27fe {
  padding: 0;
  margin-bottom: var(--mantine-spacing-sm);
}

.m_8478a6da {
  container: mantine-grid / inline-size;
}

.m_410352e9 {
  --grid-overflow: visible;
  --grid-margin: calc(var(--grid-gutter) / -2);
  --grid-col-padding: calc(var(--grid-gutter) / 2);

  overflow: var(--grid-overflow);
}

.m_dee7bd2f {
  width: calc(100% + var(--grid-gutter));
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--grid-justify);
  align-items: var(--grid-align);
  margin: var(--grid-margin);
}

.m_96bdd299 {
  --col-flex-grow: 0;
  --col-offset: 0rem;

  flex-shrink: 0;
  order: var(--col-order);
  flex-basis: var(--col-flex-basis);
  width: var(--col-width);
  max-width: var(--col-max-width);
  flex-grow: var(--col-flex-grow);
  margin-inline-start: var(--col-offset);
  padding: var(--grid-col-padding);
}

.m_9e117634 {
  display: block;
  object-fit: var(--image-object-fit, cover);
  width: 100%;
  border-radius: var(--image-radius, 0);
}

@keyframes m_885901b1 {
  0% {
    opacity: 0.6;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}

.m_e5262200 {
  --indicator-size: 10px;
  --indicator-color: var(--mantine-primary-color-filled);

  position: relative;
  display: block;
}

.m_e5262200:where([data-inline]) {
    display: inline-block;
  }

.m_760d1fb1 {
  position: absolute;
  top: var(--indicator-top);
  left: var(--indicator-left);
  right: var(--indicator-right);
  bottom: var(--indicator-bottom);
  transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
  min-width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: var(--indicator-z-index, 200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  background-color: var(--indicator-color);
  color: var(--indicator-text-color, var(--mantine-color-white));
  white-space: nowrap;
}

.m_760d1fb1::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--indicator-color);
    border-radius: var(--indicator-radius, 1000rem);
    z-index: -1;
  }

.m_760d1fb1:where([data-with-label]) {
    padding-inline: calc(var(--mantine-spacing-xs) / 2);
  }

.m_760d1fb1:where([data-with-border]) {
    border: 2px solid var(--mantine-color-body);
  }

.m_760d1fb1[data-processing]::before {
      animation: m_885901b1 1000ms linear infinite;
    }

.m_5f75b09e {
  --label-lh-xs: 16px;
  --label-lh-sm: 20px;
  --label-lh-md: 24px;
  --label-lh-lg: 30px;
  --label-lh-xl: 36px;
  --label-lh: var(--label-lh-sm);
}

  .m_5f75b09e[data-label-position='left'] {
    --label-order: 1;
    --label-offset-end: var(--mantine-spacing-sm);
    --label-offset-start: 0;
  }

  .m_5f75b09e[data-label-position='right'] {
    --label-order: 2;
    --label-offset-end: 0;
    --label-offset-start: var(--mantine-spacing-sm);
  }

.m_5f6e695e {
  -webkit-tap-highlight-color: transparent;
  display: flex;
}

.m_d3ea56bb {
  --label-cursor: var(--mantine-cursor-type);

  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--label-fz, var(--mantine-font-size-sm));
  line-height: var(--label-lh);
  cursor: var(--label-cursor);
  order: var(--label-order);
}

fieldset:disabled .m_d3ea56bb,
  .m_d3ea56bb[data-disabled] {
    --label-cursor: not-allowed;
  }

.m_8ee546b8 {
  cursor: var(--label-cursor);
  color: inherit;
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

fieldset:disabled .m_8ee546b8,
  .m_8ee546b8:where([data-disabled]) {
    color: var(--mantine-color-disabled-color);
  }

.m_328f68c0 {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
  cursor: default;
}

.m_8e8a99cc {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

.m_dc6f14e2 {
  --kbd-fz-xs: 10px;
  --kbd-fz-sm: 12px;
  --kbd-fz-md: 14px;
  --kbd-fz-lg: 16px;
  --kbd-fz-xl: 20px;
  --kbd-fz: var(--kbd-fz-sm);

  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: 700;
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: 1px solid;
  border-bottom-width: 3px;
  unicode-bidi: embed;
  text-align: center;
  padding: 0.12em 0.45em;
}

  :where([data-mantine-color-scheme='light']) .m_dc6f14e2 {
    border-color: var(--mantine-color-gray-3);
    color: var(--mantine-color-gray-7);
    background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_dc6f14e2 {
    border-color: var(--mantine-color-dark-4);
    color: var(--mantine-color-dark-0);
    background-color: var(--mantine-color-dark-6);
}

  .m_abbac491 {
  --list-fz: var(--mantine-font-size-md);
  --list-lh: var(--mantine-line-height-md);
  --list-marker-gap: var(--mantine-spacing-lg);

  list-style-position: outside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
  padding-inline-start: var(--list-marker-gap);
}

  .m_abbac491[data-type='none'] {
    --list-marker-gap: 0;
  }

  .m_abbac491:where([data-with-padding]) {
    padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
  }

.m_abb6bec2 {
  white-space: normal;
  line-height: var(--list-lh);
}

.m_abb6bec2:where([data-with-icon]) {
    list-style: none;
  }

.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
      --li-direction: row;
      --li-align: center;
    }

.m_abb6bec2:where(:not(:first-of-type)) {
    margin-top: var(--list-spacing, 0);
  }

.m_abb6bec2:where([data-centered]) {
    line-height: 1;
  }

.m_75cd9f71 {
  display: inline-flex;
  flex-direction: var(--li-direction, column);
  align-items: var(--li-align, flex-start);
  white-space: normal;
}

.m_60f83e5b {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_6e45937b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: var(--lo-z-index);
}

.m_e8eb006c {
  position: relative;
  z-index: calc(var(--lo-z-index) + 1);
}

.m_df587f17 {
  z-index: var(--lo-z-index);
}

.m_bcb3f3c2 {
  color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='light']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-light);
}

  :where([data-mantine-color-scheme='dark']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-dark);
}

  .m_dc9b7c9f {
  padding: 4px;
}

.m_9bfac126 {
  color: var(--mantine-color-dimmed);
  font-weight: 500;
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}

.m_efdf90cb {
  margin-top: 4px;
  margin-bottom: 4px;
  border-top: 1px solid;
}

:where([data-mantine-color-scheme='light']) .m_efdf90cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_efdf90cb {
    border-color: var(--mantine-color-dark-4);
}

.m_99ac2aa1 {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  user-select: none;
}

.m_99ac2aa1:where([data-disabled], :disabled) {
    color: var(--mantine-color-disabled-color);
    opacity: 0.6;
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}

:where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}

.m_99ac2aa1:where([data-sub-menu-item]) {
    padding-inline-end: 5px;
  }

.m_5476e0d3 {
  flex: 1;
}

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

.m_8b75e504:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_8b75e504:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_b85b0bed {
  transform: rotate(-90deg);
}

:where([dir="rtl"]) .m_b85b0bed {
    transform: rotate(90deg);
}

.m_9df02822 {
  --modal-size-xs: 320px;
  --modal-size-sm: 380px;
  --modal-size-md: 440px;
  --modal-size-lg: 620px;
  --modal-size-xl: 780px;
  --modal-size: var(--modal-size-md);

  --modal-y-offset: 5dvh;
  --modal-x-offset: 5vw;
}

  .m_9df02822[data-full-screen] {
    --modal-border-radius: 0 !important;
  }

  .m_9df02822[data-full-screen] .m_54c44539 {
      --modal-content-flex: 0 0 100%;
      --modal-content-max-height: auto;
      --modal-content-height: 100dvh;
    }

  .m_9df02822[data-full-screen] .m_1f958f16 {
      --modal-inner-y-offset: 0;
      --modal-inner-x-offset: 0;
    }

  .m_9df02822[data-centered] .m_1f958f16 {
      --modal-inner-align: center;
    }

.m_d0e2b9cd {
  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
}

.m_54c44539 {
  flex: var(--modal-content-flex, 0 0 var(--modal-size));
  max-width: 100%;
  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
  height: var(--modal-content-height, auto);
  overflow-y: auto;
}

.m_54c44539[data-full-screen] {
    border-radius: 0;
  }

.m_54c44539[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_1f958f16 {
  display: flex;
  justify-content: center;
  align-items: var(--modal-inner-align, flex-start);
  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
}

.m_f0824112 {
  --nl-bg: var(--mantine-primary-color-light);
  --nl-hover: var(--mantine-primary-color-light-hover);
  --nl-color: var(--mantine-primary-color-light-color);

  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px var(--mantine-spacing-sm);
  user-select: none;
}

  @media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:hover {
      background-color: var(--mantine-color-dark-6);
  }
}

  @media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:active {
      background-color: var(--mantine-color-dark-6);
  }
}

  .m_f0824112:where([data-disabled]) {
    opacity: 0.4;
    pointer-events: none;
  }

  .m_f0824112:where([data-active], [aria-current='page']) {
    background-color: var(--nl-bg);
    color: var(--nl-color);
  }

  @media (hover: hover) {

  .m_f0824112:where([data-active], [aria-current='page']):hover {
      background-color: var(--nl-hover);
  }
}

  @media (hover: none) {

  .m_f0824112:where([data-active], [aria-current='page']):active {
      background-color: var(--nl-hover);
  }
}

  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
      --description-opacity: 0.9;
      --description-color: var(--nl-color);
    }

.m_690090b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease;
}

.m_690090b5 > svg {
    display: block;
  }

.m_690090b5:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-rotate]) {
    transform: rotate(90deg);
  }

.m_1f6ac4c4 {
  font-size: var(--mantine-font-size-sm);
}

.m_f07af9d2 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_f07af9d2:where([data-no-wrap]) {
    white-space: nowrap;
  }

.m_57492dcc {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--description-opacity, 1);
  color: var(--description-color, var(--mantine-color-dimmed));
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-no-wrap]) .m_57492dcc {
    white-space: nowrap;
  }

.m_e17b862f {
  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
}

.m_1fd8a00b {
  transform: rotate(-90deg);
}

.m_a513464 {
  --notification-radius: var(--mantine-radius-default);
  --notification-color: var(--mantine-primary-color-filled);

  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline-start: 22px;
  padding-inline-end: var(--mantine-spacing-xs);
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  border-radius: var(--notification-radius);
  box-shadow: var(--mantine-shadow-lg);
}

  .m_a513464::before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    top: var(--notification-radius);
    bottom: var(--notification-radius);
    inset-inline-start: 4px;
    border-radius: var(--notification-radius);
    background-color: var(--notification-color);
  }

  :where([data-mantine-color-scheme='light']) .m_a513464 {
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464 {
    background-color: var(--mantine-color-dark-6);
}

  .m_a513464:where([data-with-icon])::before {
      display: none;
    }

  :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-dark-4);
}

.m_a4ceffb {
  box-sizing: border-box;
  margin-inline-end: var(--mantine-spacing-md);
  width: 28px;
  height: 28px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--notification-color);
  color: var(--mantine-color-white);
}

.m_b0920b15 {
  margin-inline-end: var(--mantine-spacing-md);
}

.m_a49ed24 {
  flex: 1;
  overflow: hidden;
  margin-inline-end: var(--mantine-spacing-xs);
}

.m_3feedf16 {
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  font-weight: 500;
}

:where([data-mantine-color-scheme='light']) .m_3feedf16 {
    color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
    color: var(--mantine-color-white);
}

.m_3d733a3a {
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
    color: var(--mantine-color-dark-0);
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-dark-2);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
      background-color: var(--mantine-color-dark-8);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
      background-color: var(--mantine-color-dark-8);
  }
}

.m_e2f5cd4e {
  --ni-right-section-width-xs: 17px;
  --ni-right-section-width-sm: 24px;
  --ni-right-section-width-md: 27px;
  --ni-right-section-width-lg: 31px;
  --ni-right-section-width-xl: 34px;
}

.m_95e17d22 {
  --ni-chevron-size-xs: 10px;
  --ni-chevron-size-sm: 14px;
  --ni-chevron-size-md: 16px;
  --ni-chevron-size-lg: 18px;
  --ni-chevron-size-xl: 20px;
  --ni-chevron-size: var(--ni-chevron-size-sm);

  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-inline-start: auto;
}

.m_80b4b171 {
  --control-border: 1px solid var(--input-bd);
  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));

  flex: 0 0 50%;
  width: 100%;
  padding: 0;
  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-inline-start: var(--control-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
  background-color: transparent;
  cursor: pointer;
}

.m_80b4b171:where(:disabled) {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.6;
    color: var(--mantine-color-disabled-color);
  }

.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
    color: var(--mantine-color-error);
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_80b4b171:where(:first-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--control-radius);
  }

.m_80b4b171:last-of-type {
    border-radius: 0;
    border-end-end-radius: var(--control-radius);
  }

.m_4addd315 {
  --pagination-control-size-xs: 22px;
  --pagination-control-size-sm: 26px;
  --pagination-control-size-md: 32px;
  --pagination-control-size-lg: 38px;
  --pagination-control-size-xl: 44px;
  --pagination-control-size: var(--pagination-control-size-md);
  --pagination-control-fz: var(--mantine-font-size-md);
  --pagination-active-bg: var(--mantine-primary-color-filled);
}

.m_326d024a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  cursor: pointer;
  color: var(--mantine-color-text);
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  line-height: 1;
  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
}

.m_326d024a:where([data-with-padding]) {
    padding: calc(var(--pagination-control-size) / 4);
  }

.m_326d024a:where(:disabled, [data-disabled]) {
    cursor: not-allowed;
    opacity: 0.4;
  }

:where([data-mantine-color-scheme='light']) .m_326d024a {
    border-color: var(--mantine-color-gray-4);
    background-color: var(--mantine-color-white);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

:where([data-mantine-color-scheme='dark']) .m_326d024a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

.m_326d024a:where([data-active]) {
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-bg);
    color: var(--pagination-active-color, var(--mantine-color-white));
  }

@media (hover: hover) {

  .m_326d024a:where([data-active]):hover {
      background-color: var(--pagination-active-bg);
  }
}

@media (hover: none) {

  .m_326d024a:where([data-active]):active {
      background-color: var(--pagination-active-bg);
  }
}

.m_4ad7767d {
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.m_7cda1cd6 {
  --pill-fz-xs: 10px;
  --pill-fz-sm: 12px;
  --pill-fz-md: 14px;
  --pill-fz-lg: 16px;
  --pill-fz-xl: 18px;

  --pill-height-xs: 18px;
  --pill-height-sm: 22px;
  --pill-height-md: 25px;
  --pill-height-lg: 28px;
  --pill-height-xl: 32px;

  --pill-fz: var(--pill-fz-sm);
  --pill-height: var(--pill-height-sm);

  font-size: var(--pill-fz);
  flex: 0;
  height: var(--pill-height);
  padding-inline: 0.8em;
  display: inline-flex;
  align-items: center;
  border-radius: var(--pill-radius, 1000rem);
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  max-width: 100%;
}

  :where([data-mantine-color-scheme='dark']) .m_7cda1cd6 {
    background-color: var(--mantine-color-dark-7);
    color: var(--mantine-color-dark-0);
}

  :where([data-mantine-color-scheme='light']) .m_7cda1cd6 {
    color: var(--mantine-color-black);
}

  .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
    padding-inline-end: 0;
  }

  .m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_44da308b {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-disabled);
    }

:where([data-mantine-color-scheme='light']) .m_e3a01f8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-disabled);
    }

.m_1e0e6180 {
  cursor: inherit;
  overflow: hidden;
  height: 100%;
  line-height: var(--pill-height);
  text-overflow: ellipsis;
}

.m_ae386778 {
  color: inherit;
  font-size: inherit;
  height: 100%;
  min-height: unset;
  min-width: 2em;
  width: unset;
  border-radius: 0;
  padding-inline-start: 0.1em;
  padding-inline-end: 0.3em;
  flex: 0;
  border-end-end-radius: var(--pill-radius, 50%);
  border-start-end-radius: var(--pill-radius, 50%);
}

.m_7cda1cd6[data-disabled] > .m_ae386778,
  .m_ae386778:disabled {
    display: none;
    background-color: transparent;
    width: 0.8em;
    min-width: 0.8em;
    padding: 0;
    cursor: not-allowed;
  }

.m_7cda1cd6[data-disabled] > .m_ae386778 > svg, .m_ae386778:disabled > svg {
      display: none;
    }

.m_ae386778 > svg {
    pointer-events: none;
  }

.m_1dcfd90b {
  --pg-gap-xs: 6px;
  --pg-gap-sm: 8px;
  --pg-gap-md: 10px;
  --pg-gap-lg: 12px;
  --pg-gap-xl: 12px;
  --pg-gap: var(--pg-gap-sm);

  display: flex;
  align-items: center;
  gap: var(--pg-gap);
  flex-wrap: wrap;
}

.m_f61ca620 {
  --psi-button-size-xs: 22px;
  --psi-button-size-sm: 26px;
  --psi-button-size-md: 28px;
  --psi-button-size-lg: 32px;
  --psi-button-size-xl: 40px;

  --psi-icon-size-xs: 12px;
  --psi-icon-size-sm: 15px;
  --psi-icon-size-md: 17px;
  --psi-icon-size-lg: 19px;
  --psi-icon-size-xl: 21px;

  --psi-button-size: var(--psi-button-size-sm);
  --psi-icon-size: var(--psi-icon-size-sm);
}

.m_ccf8da4c {
  position: relative;
  overflow: hidden;
}

.m_f2d85dd2 {
  font-family: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-inline-end: var(--input-padding-inline-end);
  padding-inline-start: var(--input-padding-inline-start);
  position: absolute;
  inset: 0;
  outline: 0;
  font-size: inherit;
  line-height: var(--mantine-line-height);
  height: 100%;
  width: 100%;
  color: inherit;
}

.m_ccf8da4c[data-disabled] .m_f2d85dd2,
  .m_f2d85dd2:disabled {
    cursor: not-allowed;
  }

.m_f2d85dd2::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_f2d85dd2::-ms-reveal {
    display: none;
  }

.m_b1072d44 {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}

.m_b1072d44:disabled {
    display: none;
  }

.m_45c4369d {
  background-color: transparent;
  appearance: none;
  min-width: 100px;
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}

  .m_45c4369d::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

  .m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
    height: 1px;
    width: 1px;
    top: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    opacity: 0;
  }

  .m_45c4369d:focus {
    outline: none;
  }

  .m_45c4369d:where([data-type='auto']:focus) {
    height: 1.6em;
    visibility: visible;
    opacity: 1;
    position: static;
  }

  .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
    cursor: pointer;
  }

  .m_45c4369d:where([data-disabled], :disabled) {
    cursor: not-allowed;
  }

  .m_f1cb205a {
  --pin-input-size-xs: 30px;
  --pin-input-size-sm: 36px;
  --pin-input-size-md: 42px;
  --pin-input-size-lg: 50px;
  --pin-input-size-xl: 60px;
  --pin-input-size: var(--pin-input-size-sm);
}

.m_cb288ead {
  width: var(--pin-input-size);
  height: var(--pin-input-size);
}

@keyframes m_81a374bd {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 40px 0;
  }
}

@keyframes m_e0fb7a86 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 40px;
  }
}

.m_db6d6462 {
  --progress-radius: var(--mantine-radius-default);
  --progress-size: var(--progress-size-md);

  --progress-size-xs: 3px;
  --progress-size-sm: 5px;
  --progress-size-md: 8px;
  --progress-size-lg: 12px;
  --progress-size-xl: 16px;

  position: relative;
  height: var(--progress-size);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}

:where([data-mantine-color-scheme='light']) .m_db6d6462 {
    background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
    background-color: var(--mantine-color-dark-4);
}

.m_db6d6462:where([data-orientation='vertical']) {
    height: auto;
    width: var(--progress-size);
    flex-direction: column-reverse;
  }

.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-size);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: 20px 20px;
  transition: width var(--progress-transition-duration, 100ms) ease;
}

.m_2242eb65:where([data-striped]) {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }

.m_2242eb65:where([data-animated]) {
    animation: m_81a374bd 1s linear infinite;
  }

.m_2242eb65:where(:last-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--progress-radius);
    border-end-end-radius: var(--progress-radius);
  }

.m_2242eb65:where(:first-of-type) {
    border-radius: 0;
    border-start-start-radius: var(--progress-radius);
    border-end-start-radius: var(--progress-radius);
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65 {
    width: 100%;
    height: var(--progress-section-size);
    transition: height var(--progress-transition-duration, 100ms) ease;
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-striped]) {
      background-image: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
      );
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-animated]) {
      animation: m_e0fb7a86 1s linear infinite;
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:last-of-type) {
      border-radius: 0;
      border-start-start-radius: var(--progress-radius);
      border-start-end-radius: var(--progress-radius);
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:first-of-type) {
      border-radius: 0;
      border-end-start-radius: var(--progress-radius);
      border-end-end-radius: var(--progress-radius);
    }

.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
  line-height: 1;
  padding-inline: 4px;
}

.m_db6d6462:where([data-orientation='vertical']) .m_91e40b74 {
    writing-mode: vertical-rl;
  }

.m_f3f1af94 {
  --radio-size-xs: 16px;
  --radio-size-sm: 20px;
  --radio-size-md: 24px;
  --radio-size-lg: 30px;
  --radio-size-xl: 36px;
  --radio-size: var(--radio-size-sm);

  --radio-icon-size-xs: 6px;
  --radio-icon-size-sm: 8px;
  --radio-icon-size-md: 10px;
  --radio-icon-size-lg: 14px;
  --radio-icon-size-xl: 16px;
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-icon-color: var(--mantine-color-white);
}

.m_89c4f5e4 {
  position: relative;
  width: var(--radio-size);
  height: var(--radio-size);
  order: 1;
}

.m_89c4f5e4:where([data-label-position='left']) {
    order: 2;
  }

.m_f3ed6b2b {
  color: var(--radio-icon-color);
  opacity: var(--radio-icon-opacity, 0);
  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
  transition:
    opacity 100ms ease,
    transform 200ms ease;
  pointer-events: none;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  position: absolute;
  top: calc(50% - var(--radio-icon-size) / 2);
  left: calc(50% - var(--radio-icon-size) / 2);
}

.m_8a3dbb89 {
  border: 1px solid;
  position: relative;
  appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius, var(--radio-size));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  transition-duration: 100ms;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_8a3dbb89:checked {
    background-color: var(--radio-color, var(--mantine-primary-color-filled));
    border-color: var(--radio-color, var(--mantine-primary-color-filled));
  }

.m_8a3dbb89:checked + .m_f3ed6b2b {
      --radio-icon-opacity: 1;
      --radio-icon-transform: scale(1);
    }

.m_8a3dbb89:disabled {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    border-color: var(--mantine-color-disabled-border);
  }

.m_8a3dbb89:disabled + .m_f3ed6b2b {
      --radio-icon-color: var(--mantine-color-disabled-color);
    }

.m_8a3dbb89:where([data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_1bfe9d39 + .m_f3ed6b2b {
    --radio-icon-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
      --radio-icon-color: var(--radio-color);
      --radio-icon-opacity: 1;
      --radio-icon-transform: none;
    }

.m_f8d312f2 {
  --rating-size-xs: 14px;
  --rating-size-sm: 18px;
  --rating-size-md: 20px;
  --rating-size-lg: 28px;
  --rating-size-xl: 32px;

  display: flex;
  width: max-content;
}

  .m_f8d312f2:where(:has(input:disabled)) {
    pointer-events: none;
  }

.m_61734bb7 {
  position: relative;
  transition: transform 100ms ease;
}

.m_61734bb7:where([data-active]) {
    z-index: 1;
    transform: scale(1.1);
  }

.m_5662a89a {
  width: var(--rating-size);
  height: var(--rating-size);
  display: block;
}

:where([data-mantine-color-scheme='light']) .m_5662a89a {
    fill: var(--mantine-color-gray-3);
    stroke: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_5662a89a {
    fill: var(--mantine-color-dark-3);
    stroke: var(--mantine-color-dark-3);
}

.m_5662a89a:where([data-filled]) {
    fill: var(--rating-color);
    stroke: var(--rating-color);
  }

.m_211007ba {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
}

.m_211007ba:focus-visible + label {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: 2px;
  }

.m_21342ee4 {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--rating-item-z-index, 0);
  -webkit-tap-highlight-color: transparent;
}

.m_21342ee4:where([data-read-only]) {
    cursor: default;
  }

.m_21342ee4:where(:last-of-type) {
    position: relative;
  }

.m_fae05d6a {
  clip-path: var(--rating-symbol-clip-path);
}

.m_b32e4812 {
  position: relative;
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  --rp-transition-duration: 0ms;
}

.m_d43b5134 {
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  transform: rotate(-90deg);
}

.m_b1ca1fbf {
  stroke: var(--curve-color, var(--rp-curve-root-color));
  transition:
    stroke-dashoffset var(--rp-transition-duration) ease,
    stroke-dasharray var(--rp-transition-duration) ease,
    stroke var(--rp-transition-duration);
}

[data-mantine-color-scheme='light'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-dark-4);
}

.m_b23f9dc4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline: var(--rp-label-offset);
}

.m_cf365364 {
  --sc-padding-xs: 2px 6px;
  --sc-padding-sm: 3px 10px;
  --sc-padding-md: 4px 14px;
  --sc-padding-lg: 7px 16px;
  --sc-padding-xl: 10px 20px;

  --sc-transition-duration: 200ms;
  --sc-padding: var(--sc-padding-sm);
  --sc-transition-timing-function: ease;
  --sc-font-size: var(--mantine-font-size-sm);

  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: auto;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  overflow: hidden;
  padding: 4px;
}

  .m_cf365364:where([data-full-width]) {
    display: flex;
  }

  .m_cf365364:where([data-orientation='vertical']) {
    display: flex;
    flex-direction: column;
    width: max-content;
  }

  .m_cf365364:where([data-orientation='vertical']):where([data-full-width]) {
      width: auto;
    }

  :where([data-mantine-color-scheme='light']) .m_cf365364 {
    background-color: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_cf365364 {
    background-color: var(--mantine-color-dark-8);
}

.m_9e182ccd {
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_9e182ccd {
    box-shadow: var(--sc-shadow, none);
    background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_9e182ccd {
    box-shadow: none;
    background-color: var(--sc-color, var(--mantine-color-dark-5));
}

.m_1738fcb2 {
  -webkit-tap-highlight-color: transparent;
  font-weight: 500;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  font-size: var(--sc-font-size);
  padding: var(--sc-padding);
  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
  cursor: pointer;

  /* outline is controlled by .input */
  outline: var(--segmented-control-outline, none);
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2 {
    color: var(--mantine-color-dark-1);
}

.m_1738fcb2:where([data-read-only]) {
    cursor: default;
  }

fieldset:disabled .m_1738fcb2,
  .m_1738fcb2:where([data-disabled]) {
    cursor: not-allowed;
    color: var(--mantine-color-disabled-color);
  }

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-black));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-white));
}

.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
        display: none;
      }

.m_1738fcb2:where([data-active])::before {
      content: '';
      inset: 0;
      z-index: 0;
      position: absolute;
      border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
        box-shadow: var(--sc-shadow, none);
        background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active])::before {
        box-shadow: none;
        background-color: var(--sc-color, var(--mantine-color-dark-5));
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-white);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-white);
  }
}

@media (hover: hover) {

  fieldset:disabled .m_1738fcb2:hover {
      color: var(--mantine-color-disabled-color) !important;
  }
}

@media (hover: none) {

  fieldset:disabled .m_1738fcb2:active {
      color: var(--mantine-color-disabled-color) !important;
  }
}

.m_1714d588 {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}

.m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_69686b9b {
  position: relative;
  flex: 1;
  z-index: 2;
  transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}

.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    background-color: var(--separator-color);
    width: 1px;
    transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
  }

.m_69686b9b[data-orientation='vertical']::before {
      top: 0;
      inset-inline: 0;
      bottom: auto;
      height: 1px;
      width: auto;
    }

:where([data-mantine-color-scheme='light']) .m_69686b9b {
    --separator-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_69686b9b {
    --separator-color: var(--mantine-color-dark-4);
}

.m_69686b9b:first-of-type::before {
      --separator-color: transparent;
    }

[data-mantine-color-scheme] .m_69686b9b[data-active]::before, [data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
          --separator-color: transparent;
        }

.m_78882f40 {
  position: relative;
  z-index: 2;
}

.m_925c2d2c {
  container: simple-grid / inline-size;
}

.m_2415a157 {
  display: grid;
  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}

@keyframes m_299c329c {
  0%,
  100% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }
}

.m_18320242 {
  height: var(--skeleton-height, auto);
  width: var(--skeleton-width, 100%);
  border-radius: var(--skeleton-radius, var(--mantine-radius-default));
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.m_18320242:where([data-animate])::after {
    animation: m_299c329c 1500ms linear infinite;
  }

.m_18320242:where([data-visible]) {
    overflow: hidden;
  }

.m_18320242:where([data-visible])::before {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 10;
      background-color: var(--mantine-color-body);
    }

.m_18320242:where([data-visible])::after {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 11;
    }

:where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-dark-4);
}

.m_dd36362e {
  --slider-size-xs: 4px;
  --slider-size-sm: 6px;
  --slider-size-md: 8px;
  --slider-size-lg: 10px;
  --slider-size-xl: 12px;

  --slider-size: var(--slider-size-md);
  --slider-radius: 1000px;
  --slider-color: var(--mantine-primary-color-filled);
  --slider-track-disabled-bg: var(--mantine-color-disabled);

  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: calc(var(--slider-size) * 2);
  padding-inline: var(--slider-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
  position: relative;
}

  [data-mantine-color-scheme='light'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-gray-2);
}

  [data-mantine-color-scheme='dark'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-dark-4);
}

.m_c9357328 {
  position: absolute;
  top: -36px;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-white);
  padding: calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  touch-action: none;
}

:where([data-mantine-color-scheme='light']) .m_c9357328 {
    background-color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_c9357328 {
    background-color: var(--mantine-color-dark-4);
}

.m_c9a9a60a {
  position: absolute;
  display: flex;
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
  border: 4px solid;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  border-radius: var(--slider-radius);
  align-items: center;
  justify-content: center;
  transition:
    box-shadow 100ms ease,
    transform 100ms ease;
  z-index: 3;
  user-select: none;
  touch-action: none;
  outline-offset: 2px;
  left: var(--slider-thumb-offset);
}

:where([dir="rtl"]) .m_c9a9a60a {
    left: auto;
    right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
}

fieldset:disabled .m_c9a9a60a,
  .m_c9a9a60a:where([data-disabled]) {
    display: none;
  }

.m_c9a9a60a:where([data-dragging]) {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: var(--mantine-shadow-sm);
  }

:where([data-mantine-color-scheme='light']) .m_c9a9a60a {
    color: var(--slider-color);
    border-color: var(--slider-color);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_c9a9a60a {
    color: var(--mantine-color-white);
    border-color: var(--mantine-color-white);
    background-color: var(--slider-color);
}

.m_a8645c2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(var(--slider-size) * 2);
  cursor: pointer;
}

fieldset:disabled .m_a8645c2,
  .m_a8645c2:where([data-disabled]) {
    cursor: not-allowed;
  }

.m_c9ade57f {
  position: relative;
  width: 100%;
  height: var(--slider-size);
}

.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
    --track-bg: var(--slider-color);
  }

fieldset:disabled .m_c9ade57f:where([data-inverted]),
  .m_c9ade57f:where([data-inverted][data-disabled]) {
    --track-bg: var(--slider-track-disabled-bg);
  }

.m_c9ade57f::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: var(--slider-radius);
    inset-inline: calc(var(--slider-size) * -1);
    background-color: var(--track-bg, var(--slider-track-bg));
    z-index: 0;
  }

.m_38aeed47 {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  background-color: var(--slider-color);
  border-radius: var(--slider-radius);
  width: var(--slider-bar-width);
  inset-inline-start: var(--slider-bar-offset);
}

.m_38aeed47:where([data-inverted]) {
    background-color: var(--slider-track-bg);
  }

fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
  .m_38aeed47:where([data-disabled]:not([data-inverted])) {
    background-color: var(--mantine-color-disabled-color);
  }

.m_b7b0423a {
  position: absolute;
  inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
  top: 0;
  z-index: 2;
  height: 0;
  pointer-events: none;
}

.m_dd33bc19 {
  border: 2px solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: 1000px;
  background-color: var(--mantine-color-white);
  pointer-events: none;
}

:where([data-mantine-color-scheme='light']) .m_dd33bc19 {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_dd33bc19 {
    border-color: var(--mantine-color-dark-4);
}

.m_dd33bc19:where([data-filled]) {
    border-color: var(--slider-color);
  }

.m_dd33bc19:where([data-filled]):where([data-disabled]) {
      border-color: var(--mantine-color-disabled-border);
    }

.m_68c77a5b {
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

:where([data-mantine-color-scheme='light']) .m_68c77a5b {
    color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_68c77a5b {
    color: var(--mantine-color-dark-2);
}

.m_559cce2d {
  position: relative;
}

  .m_559cce2d:where([data-has-spoiler]) {
    margin-bottom: 24px;
  }

.m_b912df4e {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height var(--spoiler-transition-duration, 200ms) ease;
}

.m_b9131032 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  height: 24px;
}

.m_6d731127 {
  display: flex;
  flex-direction: column;
  align-items: var(--stack-align, stretch);
  justify-content: var(--stack-justify, flex-start);
  gap: var(--stack-gap, var(--mantine-spacing-md));
}

.m_cbb4ea7e {
  --stepper-icon-size-xs: 34px;
  --stepper-icon-size-sm: 36px;
  --stepper-icon-size-md: 42px;
  --stepper-icon-size-lg: 48px;
  --stepper-icon-size-xl: 52px;

  --stepper-icon-size: var(--stepper-icon-size-md);
  --stepper-color: var(--mantine-primary-color-filled);
  --stepper-content-padding: var(--mantine-spacing-md);
  --stepper-spacing: var(--mantine-spacing-md);
  --stepper-radius: 1000px;
  --stepper-fz: var(--mantine-font-size-md);
  --stepper-outline-thickness: 2px;
}

  [data-mantine-color-scheme='light'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-gray-2);
}

  [data-mantine-color-scheme='dark'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-dark-5);
}

.m_aaf89d0b {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.m_aaf89d0b:where([data-wrap]) {
    flex-wrap: wrap;
    gap: var(--mantine-spacing-md) 0;
  }

.m_aaf89d0b:where([data-orientation='vertical']) {
    flex-direction: column;
  }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
      align-items: flex-start;
    }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
      align-items: flex-end;
    }

.m_aaf89d0b:where([data-orientation='horizontal']) {
    flex-direction: row;
  }

.m_2a371ac9 {
  transition: background-color 150ms ease;
  flex: 1;
  height: var(--stepper-outline-thickness);
  margin-inline: var(--mantine-spacing-md);
  background-color: var(--stepper-outline-color);
}

.m_2a371ac9:where([data-active]) {
    background-color: var(--stepper-color);
  }

.m_78da155d {
  padding-top: var(--stepper-content-padding);
}

.m_cbb57068 {
  --step-color: var(--stepper-color);

  display: flex;
  cursor: default;
}

.m_cbb57068:where([data-allow-click]) {
    cursor: pointer;
  }

.m_cbb57068:where([data-icon-position='left']) {
    flex-direction: row;
  }

.m_cbb57068:where([data-icon-position='right']) {
    flex-direction: row-reverse;
  }

.m_f56b1e2c {
  align-items: center;
}

.m_833edb7e {
  --separator-spacing: calc(var(--mantine-spacing-xs) / 2);

  justify-content: flex-start;
  min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
  margin-top: var(--separator-spacing);
  overflow: hidden;
}

.m_833edb7e:where(:first-of-type) {
    margin-top: 0;
  }

.m_833edb7e:where(:last-of-type) {
    min-height: auto;
  }

.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
      display: none;
    }

.m_818e70b {
  position: relative;
}

.m_6496b3f3 {
  top: calc(var(--stepper-icon-size) + var(--separator-spacing));
  inset-inline-start: calc(var(--stepper-icon-size) / 2);
  height: 100vh;
  position: absolute;
  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
}

.m_6496b3f3:where([data-active]) {
    border-color: var(--stepper-color);
  }

.m_1959ad01 {
  height: var(--stepper-icon-size);
  width: var(--stepper-icon-size);
  min-height: var(--stepper-icon-size);
  min-width: var(--stepper-icon-size);
  border-radius: var(--stepper-radius);
  font-size: var(--stepper-fz);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
  background-color: var(--stepper-outline-color);
}

:where([data-mantine-color-scheme='light']) .m_1959ad01 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1959ad01 {
    color: var(--mantine-color-dark-1);
}

.m_1959ad01:where([data-progress]) {
    border-color: var(--step-color);
  }

.m_1959ad01:where([data-completed]) {
    color: var(--stepper-icon-color, var(--mantine-color-white));
    background-color: var(--step-color);
    border-color: var(--step-color);
  }

.m_a79331dc {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--stepper-icon-color, var(--mantine-color-white));
}

.m_1956aa2a {
  display: flex;
  flex-direction: column;
}

.m_1956aa2a:where([data-icon-position='left']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_1956aa2a:where([data-icon-position='right']) {
    text-align: right;
    margin-inline-end: var(--mantine-spacing-sm);
  }

:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
      text-align: left;
}

.m_12051f6c {
  font-weight: 500;
  font-size: var(--stepper-fz);
  line-height: 1;
}

.m_164eea74 {
  margin-top: calc(var(--stepper-spacing) / 3);
  margin-bottom: calc(var(--stepper-spacing) / 3);
  font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
  line-height: 1;
  color: var(--mantine-color-dimmed);
}

.m_5f93f3bb {
  --switch-height-xs: 16px;
  --switch-height-sm: 20px;
  --switch-height-md: 24px;
  --switch-height-lg: 30px;
  --switch-height-xl: 36px;

  --switch-width-xs: 32px;
  --switch-width-sm: 38px;
  --switch-width-md: 46px;
  --switch-width-lg: 56px;
  --switch-width-xl: 72px;

  --switch-thumb-size-xs: 12px;
  --switch-thumb-size-sm: 14px;
  --switch-thumb-size-md: 18px;
  --switch-thumb-size-lg: 22px;
  --switch-thumb-size-xl: 28px;

  --switch-label-font-size-xs: 5px;
  --switch-label-font-size-sm: 6px;
  --switch-label-font-size-md: 7px;
  --switch-label-font-size-lg: 9px;
  --switch-label-font-size-xl: 11px;

  --switch-track-label-padding-xs: 2px;
  --switch-track-label-padding-sm: 2.5px;
  --switch-track-label-padding-md: 3px;
  --switch-track-label-padding-lg: 3px;
  --switch-track-label-padding-xl: 3.5px;

  --switch-height: var(--switch-height-sm);
  --switch-width: var(--switch-width-sm);
  --switch-thumb-size: var(--switch-thumb-size-sm);
  --switch-label-font-size: var(--switch-label-font-size-sm);
  --switch-track-label-padding: var(--switch-track-label-padding-sm);
  --switch-radius: 1000px;
  --switch-color: var(--mantine-primary-color-filled);
  --switch-disabled-color: var(--mantine-color-disabled);

  position: relative;
}

.m_926b4011 {
  /* Hide the input visually without removing it from the accessibility tree or obscuring it in the DOM */
  height: 100%;
  width: 100%;
  opacity: 0;

  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}

.m_9307d992 {
  -webkit-tap-highlight-color: transparent;
  cursor: var(--switch-cursor, var(--mantine-cursor-type));
  overflow: hidden;
  position: relative;
  border-radius: var(--switch-radius);
  background-color: var(--switch-bg);
  height: var(--switch-height);
  min-width: var(--switch-width);
  margin: 0;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: 600;
  order: var(--switch-order, 1);
  user-select: none;
  z-index: 0;
  line-height: 0;
  color: var(--switch-text-color);
}

.m_9307d992:where([data-without-labels]) {
    width: var(--switch-width);
  }

.m_926b4011:focus-visible + .m_9307d992 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: 2px;
  }

.m_926b4011:checked + .m_9307d992 {
    --switch-bg: var(--switch-color);
    --switch-text-color: var(--mantine-color-white);
  }

.m_926b4011:disabled + .m_9307d992,
  .m_926b4011[data-disabled] + .m_9307d992 {
    --switch-bg: var(--switch-disabled-color);
    --switch-cursor: not-allowed;
  }

[data-mantine-color-scheme='light'] .m_9307d992 {
    --switch-bg: var(--mantine-color-gray-3);
    --switch-text-color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme='dark'] .m_9307d992 {
    --switch-bg: var(--mantine-color-dark-5);
    --switch-text-color: var(--mantine-color-dark-1);
}

.m_9307d992[data-label-position='left'] {
    --switch-order: 2;
  }

.m_93039a1d {
  position: absolute;
  z-index: 1;
  border-radius: var(--switch-radius);
  display: flex;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: inset-inline-start 150ms ease;
}

.m_93039a1d:where([data-with-thumb-indicator])::before {
    content: '';
    width: 40%;
    height: 40%;
    background-color: var(--switch-bg);
    position: absolute;
    border-radius: var(--switch-radius);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.m_93039a1d > * {
    margin: auto;
  }

.m_926b4011:checked + * > .m_93039a1d {
    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
  }

.m_926b4011:disabled + * > .m_93039a1d,
  .m_926b4011[data-disabled] + * > .m_93039a1d {
    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
  }

[data-mantine-color-scheme='light'] .m_93039a1d {
    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme='dark'] .m_93039a1d {
    --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
}

.m_8277e082 {
  height: 100%;
  display: grid;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-inline: var(--switch-track-label-padding);
  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  transition: margin 150ms ease;
}

.m_926b4011:checked + * > .m_8277e082 {
    margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
    margin-inline-start: 0;
  }

.m_b23fa0ef {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: var(--mantine-line-height);
  font-size: var(--mantine-font-size-sm);
  table-layout: var(--table-layout, auto);
  caption-side: var(--table-caption-side, bottom);
  border: none;
}

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-gray-1);
    --table-striped-color: var(--mantine-color-gray-0);
    --table-border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-dark-5);
    --table-striped-color: var(--mantine-color-dark-6);
    --table-border-color: var(--mantine-color-dark-4);
}

  .m_b23fa0ef:where([data-with-table-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

  .m_b23fa0ef:where([data-tabular-nums]) {
    font-variant-numeric: tabular-nums;
  }

  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
    font-weight: 500;
  }

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-dark-6);
}

.m_4e7aa4f3 {
  text-align: left;
}

:where([dir="rtl"]) .m_4e7aa4f3 {
    text-align: right;
}

.m_4e7aa4fd {
  border-bottom: none;
  background-color: transparent;
}

@media (hover: hover) {
    .m_4e7aa4fd:hover:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

@media (hover: none) {
    .m_4e7aa4fd:active:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

.m_4e7aa4fd:where([data-with-row-border]) {
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef,
.m_4e7aa4f3 {
  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
}

.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
      border-bottom: none;
    }

.m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr)[data-hover] {
      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
    }

.m_b242d975 {
  top: var(--table-sticky-header-offset, 0);
  z-index: 3;
}

.m_b242d975:where([data-sticky]) {
    position: sticky;
  }

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
      position: sticky;
      top: var(--table-sticky-header-offset, 0);
      background-color: var(--mantine-color-body);
    }

:where([data-with-table-border]) .m_b242d975[data-sticky] {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  z-index: 4;
  border-top: none;
}

:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -0.5px;
  width: 100%;
  height: 1px;
  background-color: var(--table-border-color);
  z-index: 5;
}

:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
  border-top: none;
}

.m_9e5a3ac7 {
  color: var(--mantine-color-dimmed);
}

.m_9e5a3ac7:where([data-side='top']) {
    margin-bottom: var(--mantine-spacing-xs);
  }

.m_9e5a3ac7:where([data-side='bottom']) {
    margin-top: var(--mantine-spacing-xs);
  }

.m_a100c15 {
  overflow-x: var(--table-overflow);
}

.m_62259741 {
  min-width: var(--table-min-width);
  max-height: var(--table-max-height);
}

[data-mantine-color-scheme='light'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-dark-4);
}
  .m_89d60db1 {

  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);

  --tabs-list-direction: row;
  --tabs-panel-grow: unset;
  --tabs-display: block;
  --tabs-flex-direction: row;
  --tabs-list-border-width: 0;
  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
  --tabs-list-gap: unset;

  --tabs-list-line-bottom: 0;
  --tabs-list-line-top: unset;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: 0;

  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
}

  .m_89d60db1[data-inverted] {
    --tabs-list-line-bottom: unset;
    --tabs-list-line-top: 0;
    --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
    --tab-border-width: var(--tabs-list-border-width) 0 0 0;
  }

  .m_89d60db1[data-inverted] .m_576c9d4::before {
      top: 0;
      bottom: unset;
    }

  .m_89d60db1[data-orientation='vertical'] {
    --tabs-list-line-start: unset;
    --tabs-list-line-end: 0;
    --tabs-list-line-top: 0;
    --tabs-list-line-bottom: 0;
    --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
    --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
    --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
    --tabs-list-direction: column;
    --tabs-panel-grow: 1;
    --tabs-display: flex;
  }

  [dir="rtl"] .m_89d60db1[data-orientation='vertical'] {
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}

  .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
      --tabs-flex-direction: row-reverse;
      --tabs-list-line-start: 0;
      --tabs-list-line-end: unset;
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
    }

  [dir="rtl"] .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
        --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
        --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
        --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
}

  .m_89d60db1[data-variant='default'] {
    --tabs-list-border-width: 2px;
  }

  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

  .m_89d60db1[data-variant='outline'] {
    --tabs-list-border-width: 1px;
  }

  .m_89d60db1[data-variant='pills'] {
    --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
  }

  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

.m_89d33d6d {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--tabs-justify, flex-start);
  flex-direction: var(--tabs-list-direction);
  gap: var(--tabs-list-gap);
}

.m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
    flex: 1;
  }

.m_b0c91715 {
  flex-grow: var(--tabs-panel-grow);
}

.m_4ec4dce6 {
  position: relative;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  user-select: none;
}

.m_4ec4dce6:where(:disabled, [data-disabled]) {
    opacity: 0.5;
    cursor: not-allowed;
  }

.m_4ec4dce6:focus {
    z-index: 1;
  }

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

.m_fc420b1f:where([data-position='left']:not(:only-child)) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_fc420b1f:where([data-position='right']:not(:only-child)) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_42bbd1ae {
  flex: 1;
  text-align: center;
}

/*************************************** default variant ***************************************/
.m_576c9d4 {
  position: relative;
}
.m_576c9d4::before {
    content: '';
    position: absolute;
    border: 1px solid var(--tab-border-color);
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_539e827b {
  border-radius: var(--tab-radius);
  border-width: var(--tab-border-width);
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
}

.m_539e827b:where([data-active]) {
    border-color: var(--tabs-color);
  }

@media (hover: hover) {
    .m_539e827b:hover {
    background-color: var(--tab-hover-color);
    }

    .m_539e827b:hover:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: none) {
    .m_539e827b:active {
    background-color: var(--tab-hover-color);
    }

    .m_539e827b:active:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: hover) {
    .m_539e827b:disabled:hover, .m_539e827b[data-disabled]:hover {
      background-color: transparent;
    }
}

@media (hover: none) {
    .m_539e827b:disabled:active, .m_539e827b[data-disabled]:active {
      background-color: transparent;
    }
}

/*************************************** outline variant ***************************************/
.m_6772fbd5 {
  position: relative;
}
.m_6772fbd5::before {
    content: '';
    position: absolute;
    border-color: var(--tab-border-color);
    border-width: var(--tabs-list-border-size);
    border-style: solid;
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_b59ab47c {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-radius: var(--tab-radius);
  position: relative;

  --tab-border-bottom-color: transparent;
  --tab-border-top-color: transparent;
  --tab-border-inline-end-color: transparent;
  --tab-border-inline-start-color: transparent;
}

.m_b59ab47c:where([data-active])::before {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
      left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
      right: var(--tab-before-right, auto);
      top: var(--tab-before-top, auto);
      width: 1px;
      height: 1px;
    }

.m_b59ab47c:where([data-active])::after {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
      right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
      left: var(--tab-after-left, auto);
      top: var(--tab-after-top, auto);
      width: 1px;
      height: 1px;
    }

.m_b59ab47c:where([data-active]) {

    border-top-color: var(--tab-border-top-color);
    border-bottom-color: var(--tab-border-bottom-color);
    border-inline-start-color: var(--tab-border-inline-start-color);
    border-inline-end-color: var(--tab-border-inline-end-color);

    --tab-border-top-color: var(--tab-border-color);
    --tab-border-inline-start-color: var(--tab-border-color);
    --tab-border-inline-end-color: var(--tab-border-color);
    --tab-border-bottom-color: var(--mantine-color-body);
}

.m_b59ab47c:where([data-active])[data-inverted] {
      --tab-border-bottom-color: var(--tab-border-color);
      --tab-border-top-color: var(--mantine-color-body);

      --tab-before-bottom: auto;
      --tab-before-top: -1px;
      --tab-after-bottom: auto;
      --tab-after-top: -1px;
    }

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
        --tab-border-inline-end-color: var(--mantine-color-body);
        --tab-border-inline-start-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-right: -1px;
        --tab-before-left: auto;
        --tab-before-bottom: auto;
        --tab-before-top: -1px;
        --tab-after-left: auto;
        --tab-after-right: -1px;
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
          --tab-before-right: auto;
          --tab-before-left: -1px;
          --tab-after-left: -1px;
          --tab-after-right: auto;
}

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
        --tab-border-inline-start-color: var(--mantine-color-body);
        --tab-border-inline-end-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-left: -1px;
        --tab-before-right: auto;
        --tab-before-bottom: auto;
        --tab-before-top: -1px;
        --tab-after-right: auto;
        --tab-after-left: -1px;
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
          --tab-before-left: auto;
          --tab-before-right: -1px;
          --tab-after-right: -1px;
          --tab-after-left: auto;
}

/*************************************** pills variant ***************************************/
.m_c3381914 {
  border-radius: var(--tabs-radius);
  background-color: var(--tab-bg);
  color: var(--tab-color);

  --tab-bg: transparent;
  --tab-color: inherit;
}
@media (hover: hover) {
    .m_c3381914:not([data-disabled]):hover {
      --tab-bg: var(--tab-hover-color);
    }
}
@media (hover: none) {
    .m_c3381914:not([data-disabled]):active {
      --tab-bg: var(--tab-hover-color);
    }
}
.m_c3381914[data-active][data-active] {
    --tab-bg: var(--tabs-color);
    --tab-color: var(--tabs-text-color, var(--mantine-color-white));
  }
@media (hover: hover) {
    .m_c3381914[data-active][data-active]:hover {
      --tab-bg: var(--tabs-color);
    }
}
@media (hover: none) {
    .m_c3381914[data-active][data-active]:active {
      --tab-bg: var(--tabs-color);
    }
}
.m_b6d8b162 {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  font-size: var(--text-fz, var(--mantine-font-size-md));
  line-height: var(--text-lh, var(--mantine-line-height-md));
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: var(--text-color);
}

  .m_b6d8b162:where([data-truncate]) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .m_b6d8b162:where([data-truncate='start']) {
    direction: rtl;
    text-align: right;
  }

  :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
      direction: ltr;
      text-align: left;
}

  .m_b6d8b162:where([data-variant='gradient']) {
    background-image: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .m_b6d8b162:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--text-line-clamp);
    -webkit-box-orient: vertical;
  }

  .m_b6d8b162:where([data-inherit]) {
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
  }

  .m_b6d8b162:where([data-inline]) {
    line-height: 1;
  }

  .m_7341320d {
  --ti-size-xs: 18px;
  --ti-size-sm: 22px;
  --ti-size-md: 28px;
  --ti-size-lg: 34px;
  --ti-size-xl: 44px;
  --ti-size: var(--ti-size-md);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;

  width: var(--ti-size);
  height: var(--ti-size);
  min-width: var(--ti-size);
  min-height: var(--ti-size);
  border-radius: var(--ti-radius, var(--mantine-radius-default));
  background: var(--ti-bg, var(--mantine-primary-color-filled));
  color: var(--ti-color, var(--mantine-color-white));
  border: var(--ti-bd, 1px solid transparent);
}

  .m_43657ece {
  --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
  --tl-bullet-size: 20px;
  --tl-line-width: 4px;
  --tl-radius: 1000px;
  --tl-color: var(--mantine-primary-color-filled);
}

  .m_43657ece:where([data-align='left']) {
    padding-inline-start: var(--offset);
  }

  .m_43657ece:where([data-align='right']) {
    padding-inline-end: var(--offset);
  }

.m_2ebe8099 {
  font-weight: 500;
  line-height: 1;
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
}

.m_436178ff {
  --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);

  position: relative;
  color: var(--mantine-color-text);
}

.m_436178ff::before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: var(--timeline-line-left, 0);
    right: var(--timeline-line-right, 0);
    bottom: calc(var(--mantine-spacing-xl) * -1);
    border-inline-start: var(--item-border);
    display: var(--timeline-line-display, none);
  }

.m_43657ece[data-align='left'] .m_436178ff::before {
      --timeline-line-left: calc(var(--tl-line-width) * -1);
      --timeline-line-right: auto;
    }

[dir="rtl"] .m_43657ece[data-align='left'] .m_436178ff::before {
        --timeline-line-left: auto;
        --timeline-line-right: calc(var(--tl-line-width) * -1);
}

.m_43657ece[data-align='right'] .m_436178ff::before {
      --timeline-line-left: auto;
      --timeline-line-right: calc(var(--tl-line-width) * -1);
    }

[dir="rtl"] .m_43657ece[data-align='right'] .m_436178ff::before {
        --timeline-line-left: calc(var(--tl-line-width) * -1);
        --timeline-line-right: auto;
}

.m_43657ece:where([data-align='left']) .m_436178ff {
    padding-inline-start: var(--offset);
    text-align: left;
  }

.m_43657ece:where([data-align='right']) .m_436178ff {
    padding-inline-end: var(--offset);
    text-align: right;
  }

:where([data-mantine-color-scheme='light']) .m_436178ff {
    --item-border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_436178ff {
    --item-border-color: var(--mantine-color-dark-4);
}

.m_436178ff:where([data-line-active])::before {
      border-color: var(--tli-color, var(--tl-color));
    }

.m_436178ff:where(:not(:last-of-type)) {
    --timeline-line-display: block;
  }

.m_436178ff:where(:not(:first-of-type)) {
    margin-top: var(--mantine-spacing-xl);
  }

.m_8affcee1 {
  width: var(--tl-bullet-size);
  height: var(--tl-bullet-size);
  border-radius: var(--tli-radius, var(--tl-radius));
  border: var(--tl-line-width) solid;
  background-color: var(--mantine-color-body);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_8affcee1 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1 {
    border-color: var(--mantine-color-dark-4);
}

.m_43657ece:where([data-align='left']) .m_8affcee1 {
    left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
    right: auto;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_8affcee1 {
      left: auto;
      right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
}

.m_43657ece:where([data-align='right']) .m_8affcee1 {
    left: auto;
    right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_8affcee1 {
      left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
      right: auto;
}

.m_8affcee1:where([data-with-child]) {
    border-width: var(--tl-line-width);
  }

:where([data-mantine-color-scheme='light']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-dark-4);
}

.m_8affcee1:where([data-active]) {
    border-color: var(--tli-color, var(--tl-color));
    background-color: var(--mantine-color-white);
    color: var(--tl-icon-color, var(--mantine-color-white));
  }

.m_8affcee1:where([data-active]):where([data-with-child]) {
      background-color: var(--tli-color, var(--tl-color));
      color: var(--tl-icon-color, var(--mantine-color-white));
    }

.m_43657ece:where([data-align='left']) .m_540e8f41 {
    padding-inline-start: var(--offset);
    text-align: left;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_540e8f41 {
      text-align: right;
}

.m_43657ece:where([data-align='right']) .m_540e8f41 {
    padding-inline-end: var(--offset);
    text-align: right;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_540e8f41 {
      text-align: left;
}

.m_8a5d1357 {
  margin: 0;
  font-weight: var(--title-fw);
  font-size: var(--title-fz);
  line-height: var(--title-lh);
  font-family: var(--mantine-font-family-headings);
  text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
}

  .m_8a5d1357:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp);
    -webkit-box-orient: vertical;
  }

  .m_1b3c8819 {
  --tooltip-radius: var(--mantine-radius-default);

  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: var(--tooltip-radius);
}

  :where([data-mantine-color-scheme='light']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
    color: var(--tooltip-color, var(--mantine-color-white));
}

  :where([data-mantine-color-scheme='dark']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
    color: var(--tooltip-color, var(--mantine-color-black));
}

  .m_1b3c8819:where([data-multiline]) {
    white-space: normal;
  }

  .m_1b3c8819:where([data-fixed]) {
    position: fixed;
  }

.m_f898399f {
  background-color: inherit;
  border: 0;
  z-index: 1;
}

.m_d08caa0 :first-child {
    margin-top: 0;
  }
  .m_d08caa0 :last-child {
    margin-bottom: 0;
  }
  .m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
    margin-bottom: var(--mantine-spacing-xs);
    text-wrap: var(--mantine-heading-text-wrap);
    font-family: var(--mantine-font-family-headings);
  }
  .m_d08caa0 :where(h1) {
    margin-top: calc(1.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h1-font-size);
    line-height: var(--mantine-h1-line-height);
    font-weight: var(--mantine-h1-font-weight);
  }
  .m_d08caa0 :where(h2) {
    margin-top: var(--mantine-spacing-xl);
    font-size: var(--mantine-h2-font-size);
    line-height: var(--mantine-h2-line-height);
    font-weight: var(--mantine-h2-font-weight);
  }
  .m_d08caa0 :where(h3) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h3-font-size);
    line-height: var(--mantine-h3-line-height);
    font-weight: var(--mantine-h3-font-weight);
  }
  .m_d08caa0 :where(h4) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h4-font-size);
    line-height: var(--mantine-h4-line-height);
    font-weight: var(--mantine-h4-font-weight);
  }
  .m_d08caa0 :where(h5) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h5-font-size);
    line-height: var(--mantine-h5-line-height);
    font-weight: var(--mantine-h5-font-weight);
  }
  .m_d08caa0 :where(h6) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h6-font-size);
    line-height: var(--mantine-h6-line-height);
    font-weight: var(--mantine-h6-font-weight);
  }
  .m_d08caa0 :where(img) {
    max-width: 100%;
    margin-bottom: var(--mantine-spacing-xs);
  }
  .m_d08caa0 :where(p) {
    margin-top: 0;
    margin-bottom: var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(mark) {
      background-color: var(--mantine-color-yellow-2);
      color: inherit;
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(mark) {
      background-color: var(--mantine-color-yellow-5);
      color: var(--mantine-color-black);
}
  .m_d08caa0 :where(a) {
    color: var(--mantine-color-anchor);
    text-decoration: none;
  }
  @media (hover: hover) {
    .m_d08caa0 :where(a):hover {
      text-decoration: underline;
    }
}
  @media (hover: none) {
    .m_d08caa0 :where(a):active {
      text-decoration: underline;
    }
}
  .m_d08caa0 :where(hr) {
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    border: 0;
    border-top: 1px solid;
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(hr) {
      border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(hr) {
      border-color: var(--mantine-color-dark-3);
}
  .m_d08caa0 :where(pre) {
    padding: var(--mantine-spacing-xs);
    line-height: var(--mantine-line-height);
    margin: 0;
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    overflow-x: auto;
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
    border-radius: var(--mantine-radius-sm);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(pre) {
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(pre) {
      background-color: var(--mantine-color-dark-8);
}
  .m_d08caa0 :where(pre) :where(code) {
      background-color: transparent;
      padding: 0;
      border-radius: 0;
      color: inherit;
      border: 0;
    }
  .m_d08caa0 :where(kbd) {
    --kbd-fz: 12px;
    --kbd-padding: 3px 5px;

    font-family: var(--mantine-font-family-monospace);
    line-height: var(--mantine-line-height);
    font-weight: 700;
    padding: var(--kbd-padding);
    font-size: var(--kbd-fz);
    border-radius: var(--mantine-radius-sm);
    border: 1px solid;
    border-bottom-width: 3px;
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(kbd) {
      border-color: var(--mantine-color-gray-3);
      color: var(--mantine-color-gray-7);
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(kbd) {
      border-color: var(--mantine-color-dark-3);
      color: var(--mantine-color-dark-0);
      background-color: var(--mantine-color-dark-5);
}
  .m_d08caa0 :where(code) {
    line-height: var(--mantine-line-height);
    padding: 1px 5px;
    border-radius: var(--mantine-radius-sm);
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(code) {
      background-color: var(--mantine-color-gray-0);
      color: var(--mantine-color-black);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(code) {
      background-color: var(--mantine-color-dark-5);
      color: var(--mantine-color-white);
}
  .m_d08caa0 :where(ul, ol):not([data-type='taskList']) {
    margin-bottom: var(--mantine-spacing-md);
    padding-inline-start: var(--mantine-spacing-xl);
    list-style-position: outside;
  }
  .m_d08caa0 :where(table) {
    width: 100%;
    border-collapse: collapse;
    caption-side: bottom;
    margin-bottom: var(--mantine-spacing-md);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(table) {
      --table-border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(table) {
      --table-border-color: var(--mantine-color-dark-4);
}
  .m_d08caa0 :where(table) :where(caption) {
      margin-top: var(--mantine-spacing-xs);
      font-size: var(--mantine-font-size-sm);
      color: var(--mantine-color-dimmed);
    }
  .m_d08caa0 :where(table) :where(th) {
      text-align: left;
      font-weight: bold;
      font-size: var(--mantine-font-size-sm);
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
    }
  .m_d08caa0 :where(table) :where(thead th) {
      border-bottom: 1px solid;
      border-color: var(--table-border-color);
    }
  .m_d08caa0 :where(table) :where(tfoot th) {
      border-top: 1px solid;
      border-color: var(--table-border-color);
    }
  .m_d08caa0 :where(table) :where(td) {
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
      border-bottom: 1px solid;
      border-color: var(--table-border-color);
      font-size: var(--mantine-font-size-sm);
    }
  .m_d08caa0 :where(table) :where(tr:last-of-type td) {
      border-bottom: 0;
    }
  .m_d08caa0 :where(blockquote) {
    font-size: var(--mantine-font-size-lg);
    line-height: var(--mantine-line-height);
    margin: var(--mantine-spacing-md) 0;
    border-radius: var(--mantine-radius-sm);
    padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(blockquote) {
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(blockquote) {
      background-color: var(--mantine-color-dark-8);
}
  /* Mantine baseline styles, scoped to .bn-mantine element. */
/* https://github.com/mantinedev/mantine/blob/8.3.1/packages/%40mantine/core/src/core/MantineProvider/baseline.css */
.bn-mantine {
  color-scheme: var(--mantine-color-scheme);
}

.bn-mantine *,
.bn-mantine *::before,
.bn-mantine *::after {
  box-sizing: border-box;
}

/* Fonts are already set in `style.css`, so not needed here. */
/* .bn-mantine input,
.bn-mantine button,
.bn-mantine textarea,
.bn-mantine select {
  font: inherit;
} */

.bn-mantine button,
.bn-mantine select {
  text-transform: none;
}

.bn-mantine {
  /* Defaults for font, text color, etc are already set in `style.css` so they 
  aren't needed here. The `.bn-mantine` element also has a margin that we don't 
  want to remove, so that too is commented out (would normally just remove the 
  margin on `body`). */
  /* margin: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size-md);
  line-height: var(--mantine-line-height);
  background-color: var(--mantine-color-body);
  color: var(--mantine-color-text); */

  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
}

@media screen and (max-device-width: em(500px)) {
  .bn-mantine {
    -webkit-text-size-adjust: 100%;
  }
}

/* Mantine default CSS variables, scoped to .bn-mantine element. */
/* https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-css-variables.css */
.bn-mantine {
  --mantine-z-index-app: 100;
  --mantine-z-index-modal: 200;
  --mantine-z-index-popover: 300;
  --mantine-z-index-overlay: 400;
  --mantine-z-index-max: 9999;
  --mantine-scale: 1;
  --mantine-cursor-type: default;
  --mantine-webkit-font-smoothing: antialiased;
  --mantine-moz-font-smoothing: grayscale;
  --mantine-color-white: #fff;
  --mantine-color-black: #000;
  --mantine-line-height: 1.55;
  --mantine-font-family:
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --mantine-font-family-monospace:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace;
  --mantine-font-family-headings:
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --mantine-heading-font-weight: 700;
  --mantine-heading-text-wrap: wrap;
  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
  --mantine-primary-color-light: var(--mantine-color-blue-light);
  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
  --mantine-breakpoint-xs: 36em;
  --mantine-breakpoint-sm: 48em;
  --mantine-breakpoint-md: 62em;
  --mantine-breakpoint-lg: 75em;
  --mantine-breakpoint-xl: 88em;
  --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --mantine-spacing-md: calc(1rem * var(--mantine-scale));
  --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
  --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
  --mantine-font-size-md: calc(1rem * var(--mantine-scale));
  --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
  --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
  --mantine-line-height-xs: 1.4;
  --mantine-line-height-sm: 1.45;
  --mantine-line-height-md: 1.55;
  --mantine-line-height-lg: 1.6;
  --mantine-line-height-xl: 1.65;
  --mantine-shadow-xs:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.125rem * var(--mantine-scale)) rgba(0, 0, 0, 0.1);
  --mantine-shadow-sm:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.9375rem * var(--mantine-scale))
      calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
      calc(0.4375rem * var(--mantine-scale))
      calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-md:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
      calc(1.5625rem * var(--mantine-scale))
      calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.625rem * var(--mantine-scale))
      calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-lg:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
      calc(1.4375rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale))
      calc(0.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale));
  --mantine-shadow-xl:
    0 calc(0.0625rem * var(--mantine-scale))
      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale))
      calc(1.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
      calc(1.0625rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale));
  --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
  --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
  --mantine-primary-color-0: var(--mantine-color-blue-0);
  --mantine-primary-color-1: var(--mantine-color-blue-1);
  --mantine-primary-color-2: var(--mantine-color-blue-2);
  --mantine-primary-color-3: var(--mantine-color-blue-3);
  --mantine-primary-color-4: var(--mantine-color-blue-4);
  --mantine-primary-color-5: var(--mantine-color-blue-5);
  --mantine-primary-color-6: var(--mantine-color-blue-6);
  --mantine-primary-color-7: var(--mantine-color-blue-7);
  --mantine-primary-color-8: var(--mantine-color-blue-8);
  --mantine-primary-color-9: var(--mantine-color-blue-9);
  --mantine-color-dark-0: #c9c9c9;
  --mantine-color-dark-1: #b8b8b8;
  --mantine-color-dark-2: #828282;
  --mantine-color-dark-3: #696969;
  --mantine-color-dark-4: #424242;
  --mantine-color-dark-5: #3b3b3b;
  --mantine-color-dark-6: #2e2e2e;
  --mantine-color-dark-7: #242424;
  --mantine-color-dark-8: #1f1f1f;
  --mantine-color-dark-9: #141414;
  --mantine-color-gray-0: #f8f9fa;
  --mantine-color-gray-1: #f1f3f5;
  --mantine-color-gray-2: #e9ecef;
  --mantine-color-gray-3: #dee2e6;
  --mantine-color-gray-4: #ced4da;
  --mantine-color-gray-5: #adb5bd;
  --mantine-color-gray-6: #868e96;
  --mantine-color-gray-7: #495057;
  --mantine-color-gray-8: #343a40;
  --mantine-color-gray-9: #212529;
  --mantine-color-red-0: #fff5f5;
  --mantine-color-red-1: #ffe3e3;
  --mantine-color-red-2: #ffc9c9;
  --mantine-color-red-3: #ffa8a8;
  --mantine-color-red-4: #ff8787;
  --mantine-color-red-5: #ff6b6b;
  --mantine-color-red-6: #fa5252;
  --mantine-color-red-7: #f03e3e;
  --mantine-color-red-8: #e03131;
  --mantine-color-red-9: #c92a2a;
  --mantine-color-pink-0: #fff0f6;
  --mantine-color-pink-1: #ffdeeb;
  --mantine-color-pink-2: #fcc2d7;
  --mantine-color-pink-3: #faa2c1;
  --mantine-color-pink-4: #f783ac;
  --mantine-color-pink-5: #f06595;
  --mantine-color-pink-6: #e64980;
  --mantine-color-pink-7: #d6336c;
  --mantine-color-pink-8: #c2255c;
  --mantine-color-pink-9: #a61e4d;
  --mantine-color-grape-0: #f8f0fc;
  --mantine-color-grape-1: #f3d9fa;
  --mantine-color-grape-2: #eebefa;
  --mantine-color-grape-3: #e599f7;
  --mantine-color-grape-4: #da77f2;
  --mantine-color-grape-5: #cc5de8;
  --mantine-color-grape-6: #be4bdb;
  --mantine-color-grape-7: #ae3ec9;
  --mantine-color-grape-8: #9c36b5;
  --mantine-color-grape-9: #862e9c;
  --mantine-color-violet-0: #f3f0ff;
  --mantine-color-violet-1: #e5dbff;
  --mantine-color-violet-2: #d0bfff;
  --mantine-color-violet-3: #b197fc;
  --mantine-color-violet-4: #9775fa;
  --mantine-color-violet-5: #845ef7;
  --mantine-color-violet-6: #7950f2;
  --mantine-color-violet-7: #7048e8;
  --mantine-color-violet-8: #6741d9;
  --mantine-color-violet-9: #5f3dc4;
  --mantine-color-indigo-0: #edf2ff;
  --mantine-color-indigo-1: #dbe4ff;
  --mantine-color-indigo-2: #bac8ff;
  --mantine-color-indigo-3: #91a7ff;
  --mantine-color-indigo-4: #748ffc;
  --mantine-color-indigo-5: #5c7cfa;
  --mantine-color-indigo-6: #4c6ef5;
  --mantine-color-indigo-7: #4263eb;
  --mantine-color-indigo-8: #3b5bdb;
  --mantine-color-indigo-9: #364fc7;
  --mantine-color-blue-0: #e7f5ff;
  --mantine-color-blue-1: #d0ebff;
  --mantine-color-blue-2: #a5d8ff;
  --mantine-color-blue-3: #74c0fc;
  --mantine-color-blue-4: #4dabf7;
  --mantine-color-blue-5: #339af0;
  --mantine-color-blue-6: #228be6;
  --mantine-color-blue-7: #1c7ed6;
  --mantine-color-blue-8: #1971c2;
  --mantine-color-blue-9: #1864ab;
  --mantine-color-cyan-0: #e3fafc;
  --mantine-color-cyan-1: #c5f6fa;
  --mantine-color-cyan-2: #99e9f2;
  --mantine-color-cyan-3: #66d9e8;
  --mantine-color-cyan-4: #3bc9db;
  --mantine-color-cyan-5: #22b8cf;
  --mantine-color-cyan-6: #15aabf;
  --mantine-color-cyan-7: #1098ad;
  --mantine-color-cyan-8: #0c8599;
  --mantine-color-cyan-9: #0b7285;
  --mantine-color-teal-0: #e6fcf5;
  --mantine-color-teal-1: #c3fae8;
  --mantine-color-teal-2: #96f2d7;
  --mantine-color-teal-3: #63e6be;
  --mantine-color-teal-4: #38d9a9;
  --mantine-color-teal-5: #20c997;
  --mantine-color-teal-6: #12b886;
  --mantine-color-teal-7: #0ca678;
  --mantine-color-teal-8: #099268;
  --mantine-color-teal-9: #087f5b;
  --mantine-color-green-0: #ebfbee;
  --mantine-color-green-1: #d3f9d8;
  --mantine-color-green-2: #b2f2bb;
  --mantine-color-green-3: #8ce99a;
  --mantine-color-green-4: #69db7c;
  --mantine-color-green-5: #51cf66;
  --mantine-color-green-6: #40c057;
  --mantine-color-green-7: #37b24d;
  --mantine-color-green-8: #2f9e44;
  --mantine-color-green-9: #2b8a3e;
  --mantine-color-lime-0: #f4fce3;
  --mantine-color-lime-1: #e9fac8;
  --mantine-color-lime-2: #d8f5a2;
  --mantine-color-lime-3: #c0eb75;
  --mantine-color-lime-4: #a9e34b;
  --mantine-color-lime-5: #94d82d;
  --mantine-color-lime-6: #82c91e;
  --mantine-color-lime-7: #74b816;
  --mantine-color-lime-8: #66a80f;
  --mantine-color-lime-9: #5c940d;
  --mantine-color-yellow-0: #fff9db;
  --mantine-color-yellow-1: #fff3bf;
  --mantine-color-yellow-2: #ffec99;
  --mantine-color-yellow-3: #ffe066;
  --mantine-color-yellow-4: #ffd43b;
  --mantine-color-yellow-5: #fcc419;
  --mantine-color-yellow-6: #fab005;
  --mantine-color-yellow-7: #f59f00;
  --mantine-color-yellow-8: #f08c00;
  --mantine-color-yellow-9: #e67700;
  --mantine-color-orange-0: #fff4e6;
  --mantine-color-orange-1: #ffe8cc;
  --mantine-color-orange-2: #ffd8a8;
  --mantine-color-orange-3: #ffc078;
  --mantine-color-orange-4: #ffa94d;
  --mantine-color-orange-5: #ff922b;
  --mantine-color-orange-6: #fd7e14;
  --mantine-color-orange-7: #f76707;
  --mantine-color-orange-8: #e8590c;
  --mantine-color-orange-9: #d9480f;
  --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
  --mantine-h1-line-height: 1.3;
  --mantine-h1-font-weight: 700;
  --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
  --mantine-h2-line-height: 1.35;
  --mantine-h2-font-weight: 700;
  --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
  --mantine-h3-line-height: 1.4;
  --mantine-h3-font-weight: 700;
  --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
  --mantine-h4-line-height: 1.45;
  --mantine-h4-font-weight: 700;
  --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
  --mantine-h5-line-height: 1.5;
  --mantine-h5-font-weight: 700;
  --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
  --mantine-h6-line-height: 1.5;
  --mantine-h6-font-weight: 700;
}

.bn-mantine[data-mantine-color-scheme="dark"] {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-disabled: var(--mantine-color-dark-6);
  --mantine-color-disabled-color: var(--mantine-color-dark-3);
  --mantine-color-disabled-border: var(--mantine-color-dark-4);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
  --mantine-color-dark-light: rgba(46, 46, 46, 0.15);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-3);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-4);
  --mantine-color-gray-filled: var(--mantine-color-gray-8);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.15);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-3);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-4);
  --mantine-color-red-filled: var(--mantine-color-red-8);
  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
  --mantine-color-red-light: rgba(250, 82, 82, 0.15);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
  --mantine-color-red-light-color: var(--mantine-color-red-3);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-4);
  --mantine-color-pink-filled: var(--mantine-color-pink-8);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.15);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-3);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-4);
  --mantine-color-grape-filled: var(--mantine-color-grape-8);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.15);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-3);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-4);
  --mantine-color-violet-filled: var(--mantine-color-violet-8);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.15);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-3);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.15);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-4);
  --mantine-color-blue-filled: var(--mantine-color-blue-8);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.15);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-3);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.15);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-4);
  --mantine-color-teal-filled: var(--mantine-color-teal-8);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.15);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-3);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-4);
  --mantine-color-green-filled: var(--mantine-color-green-8);
  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
  --mantine-color-green-light: rgba(64, 192, 87, 0.15);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
  --mantine-color-green-light-color: var(--mantine-color-green-3);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-4);
  --mantine-color-lime-filled: var(--mantine-color-lime-8);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.15);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-3);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.15);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-4);
  --mantine-color-orange-filled: var(--mantine-color-orange-8);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.15);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-3);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
}

.bn-mantine[data-mantine-color-scheme="light"] {
  --mantine-color-scheme: light;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: #000;
  --mantine-color-body: #fff;
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-color-blue-6);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-black);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-disabled: var(--mantine-color-gray-2);
  --mantine-color-disabled-color: var(--mantine-color-gray-5);
  --mantine-color-disabled-border: var(--mantine-color-gray-3);
  --mantine-color-dark-text: var(--mantine-color-dark-filled);
  --mantine-color-dark-filled: var(--mantine-color-dark-6);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: rgba(46, 46, 46, 0.1);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.12);
  --mantine-color-dark-light-color: var(--mantine-color-dark-6);
  --mantine-color-dark-outline: var(--mantine-color-dark-6);
  --mantine-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-filled);
  --mantine-color-gray-filled: var(--mantine-color-gray-6);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
  --mantine-color-gray-light-color: var(--mantine-color-gray-6);
  --mantine-color-gray-outline: var(--mantine-color-gray-6);
  --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-filled);
  --mantine-color-red-filled: var(--mantine-color-red-6);
  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
  --mantine-color-red-light: rgba(250, 82, 82, 0.1);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
  --mantine-color-red-light-color: var(--mantine-color-red-6);
  --mantine-color-red-outline: var(--mantine-color-red-6);
  --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-filled);
  --mantine-color-pink-filled: var(--mantine-color-pink-6);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
  --mantine-color-pink-light-color: var(--mantine-color-pink-6);
  --mantine-color-pink-outline: var(--mantine-color-pink-6);
  --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-filled);
  --mantine-color-grape-filled: var(--mantine-color-grape-6);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
  --mantine-color-grape-light-color: var(--mantine-color-grape-6);
  --mantine-color-grape-outline: var(--mantine-color-grape-6);
  --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-filled);
  --mantine-color-violet-filled: var(--mantine-color-violet-6);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
  --mantine-color-violet-light-color: var(--mantine-color-violet-6);
  --mantine-color-violet-outline: var(--mantine-color-violet-6);
  --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-filled);
  --mantine-color-blue-filled: var(--mantine-color-blue-6);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
  --mantine-color-blue-light-color: var(--mantine-color-blue-6);
  --mantine-color-blue-outline: var(--mantine-color-blue-6);
  --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-filled);
  --mantine-color-teal-filled: var(--mantine-color-teal-6);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
  --mantine-color-teal-light-color: var(--mantine-color-teal-6);
  --mantine-color-teal-outline: var(--mantine-color-teal-6);
  --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-filled);
  --mantine-color-green-filled: var(--mantine-color-green-6);
  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
  --mantine-color-green-light: rgba(64, 192, 87, 0.1);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
  --mantine-color-green-light-color: var(--mantine-color-green-6);
  --mantine-color-green-outline: var(--mantine-color-green-6);
  --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-filled);
  --mantine-color-lime-filled: var(--mantine-color-lime-6);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
  --mantine-color-lime-light-color: var(--mantine-color-lime-6);
  --mantine-color-lime-outline: var(--mantine-color-lime-6);
  --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-filled);
  --mantine-color-orange-filled: var(--mantine-color-orange-6);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
  --mantine-color-orange-light-color: var(--mantine-color-orange-6);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
}

.bn-block-outer{line-height:1.5;transition:margin .2s}.bn-block{display:flex;flex-direction:column}.bn-block-content{padding:3px 0;display:flex;transition:font-size .2s;width:100%}.bn-block-content.ProseMirror-selectednode>*,.ProseMirror-selectednode>.bn-block-content>*{border-radius:4px;outline:4px solid rgb(100,160,255)}.bn-block-content:before{content:"";margin-right:0;transition:all .2s;height:0;overflow:visible}.bn-inline-content{width:100%}.bn-block-group .bn-block-group{margin-left:24px}.bn-block-group .bn-block-group>.bn-block-outer{position:relative}.bn-block-group .bn-block-group>.bn-block-outer:not([data-prev-depth-changed]):before{content:" ";display:inline;position:absolute;left:-20px;height:100%;transition:all .2s .1s}.bn-block-group .bn-block-group>.bn-block-outer[data-prev-depth-change="-2"]:before{height:0}.bn-inline-content code{font-family:monospace}[data-prev-depth-change="1"]{--x: 1}[data-prev-depth-change="2"]{--x: 2}[data-prev-depth-change="3"]{--x: 3}[data-prev-depth-change="4"]{--x: 4}[data-prev-depth-change="5"]{--x: 5}[data-prev-depth-change="-1"]{--x: -1}[data-prev-depth-change="-2"]{--x: -2}[data-prev-depth-change="-3"]{--x: -3}[data-prev-depth-change="-4"]{--x: -4}[data-prev-depth-change="-5"]{--x: -5}.bn-block-outer[data-prev-depth-change]{margin-left:calc(10px * var(--x))}.bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change]{margin-left:0}[data-content-type=heading]{--level: 3em}[data-content-type=heading][data-level="2"]{--level: 2em}[data-content-type=heading][data-level="3"]{--level: 1.3em}[data-content-type=heading][data-level="4"]{--level: 1em}[data-content-type=heading][data-level="5"]{--level: .9em}[data-content-type=heading][data-level="6"]{--level: .8em}[data-prev-level="1"]{--prev-level: 3em}[data-prev-level="2"]{--prev-level: 2em}[data-prev-level="3"]{--prev-level: 1.3em}[data-prev-level="4"]{--prev-level: 1em}[data-prev-level="5"]{--prev-level: .9em}[data-prev-level="6"]{--prev-level: .8em}.bn-block-outer[data-prev-type=heading]>.bn-block>.bn-block-content{font-size:var(--prev-level);font-weight:700}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=heading],.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>div[data-type=modification]>.bn-block-content[data-content-type=heading]{font-size:var(--level);font-weight:700}[data-content-type=quote] blockquote{border-left:2px solid rgb(125,121,122);color:#7d797a;margin:0;padding-left:1em}[data-content-type=divider] hr{border:none;border-top:1px solid rgb(125,121,122);margin:.5em 0;flex:1}.bn-block-content:before{margin-right:0;content:""}.bn-block-content[data-content-type=numberedListItem]:before{display:flex;justify-content:center;min-width:24px;padding-right:4px}[data-content-type=numberedListItem]{--index: attr(data-index)}[data-prev-type=numberedListItem]{--prev-index: attr(data-prev-index)}.bn-block-outer[data-prev-type=numberedListItem]:not([data-prev-index=none])>.bn-block>.bn-block-content:before{content:var(--prev-index) "."}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=numberedListItem]:before,.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>.bn-block-content[data-content-type=numberedListItem]:before{content:var(--index) "."}.bn-block-content[data-content-type=bulletListItem]:before{display:flex;justify-content:center;min-width:24px;padding-right:4px}.bn-block-content[data-content-type=checkListItem]>input{cursor:pointer;height:24px;margin-left:4px;margin-right:8px;margin-top:0;width:12px}.bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content{text-decoration:line-through}.bn-block-content[data-text-alignment=center]{justify-content:center}.bn-block-content[data-text-alignment=right]{justify-content:flex-end}.bn-block:has(>.bn-block-content>div>.bn-toggle-wrapper[data-show-children=false])>.bn-block-group,.bn-block:has(>.react-renderer>.bn-block-content>div>.bn-toggle-wrapper[data-show-children=false])>.bn-block-group{display:none}.bn-toggle-wrapper{display:flex;align-items:center}.bn-toggle-button{color:var(--bn-colors-editor-text);padding:3px}.bn-toggle-button>svg{width:18px;height:18px}.bn-toggle-wrapper[data-show-children=true] .bn-toggle-button{transform:rotate(90deg)}.bn-toggle-add-block-button{font-size:16px;color:var(--bn-colors-side-menu);font-weight:400;margin-left:22px;padding-inline:2px;width:fit-content}.bn-toggle-button,.bn-toggle-add-block-button{background:none;border:none;border-radius:var(--bn-border-radius-small);cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.bn-toggle-button:hover,.bn-toggle-add-block-button:hover{background-color:var(--bn-colors-hovered-background)}.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"•"}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before,.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>.bn-block-content[data-content-type=bulletListItem]:before{content:"•"}[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"◦"}[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before,[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>.bn-block-content[data-content-type=bulletListItem]:before{content:"◦"}[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"▪"}[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before,[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>.bn-block-content[data-content-type=bulletListItem]:before{content:"▪"}.bn-block-content[data-content-type=codeBlock]{position:relative;background-color:#161616;color:#fff;border-radius:8px}.bn-block-content[data-content-type=codeBlock]>pre{white-space:pre;overflow-x:auto;margin:0;width:100%;-moz-tab-size:2;tab-size:2;padding:24px}.bn-block-content[data-content-type=codeBlock]>div{outline:none!important}.bn-block-content[data-content-type=codeBlock]>div>select{outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;border:none;cursor:pointer;background-color:transparent;position:absolute;top:8px;left:18px;font-size:.8em;color:#fff;opacity:0;transition:opacity .3s;transition-delay:1s}.bn-block-content[data-content-type=codeBlock]>div>select>option{color:#000}.bn-block-content[data-content-type=codeBlock]:hover>div>select,.bn-block-content[data-content-type=codeBlock]>div>select:focus{opacity:.5;transition-delay:.1s}.bn-block-content[data-content-type=pageBreak]>div{width:100%;height:0;border-top:dotted rgb(125,121,122) 2px;margin-block:11px}@media print{.bn-block-content[data-content-type=pageBreak]>div{page-break-after:always}}[data-file-block] .bn-file-block-content-wrapper{cursor:pointer;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-name-with-icon){width:100%}[data-file-block] .bn-add-file-button{align-items:center;background-color:#f2f1ee;border-radius:4px;color:#7d797a;display:flex;gap:10px;padding:12px}.bn-editor[contenteditable=true] [data-file-block] .bn-add-file-button:hover,[data-file-block] .bn-file-name-with-icon:hover,.ProseMirror-selectednode .bn-file-name-with-icon{background-color:#e1e1e1}[data-file-block] .bn-add-file-button-icon,[data-file-block] .bn-file-icon{width:24px;height:24px}[data-file-block] .bn-add-file-button-text{font-size:.9rem}[data-file-block] .bn-file-name-with-icon{border-radius:4px;display:flex;gap:4px;padding:4px}[data-file-block] .bn-file-caption{font-size:.8em;padding-block:4px;word-break:break-word}[data-file-block] .bn-file-caption:empty{padding-block:0}[data-file-block] .bn-resize-handle{position:absolute;width:8px;height:30px;background-color:#000;border:1px solid white;border-radius:4px;cursor:ew-resize}[data-file-block] .bn-visual-media-wrapper{display:flex;align-items:center;position:relative;max-width:100%}[data-file-block] .bn-visual-media{border-radius:4px;width:100%}[data-content-type=audio]>.bn-file-block-content-wrapper,.bn-audio{width:100%}.bn-inline-content:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;font-style:italic}[data-style-type=textColor][data-value=gray],[data-text-color=gray],.bn-block:has(>.bn-block-content[data-text-color=gray]){color:#9b9a97}[data-style-type=textColor][data-value=brown],[data-text-color=brown],.bn-block:has(>.bn-block-content[data-text-color=brown]){color:#64473a}[data-style-type=textColor][data-value=red],[data-text-color=red],.bn-block:has(>.bn-block-content[data-text-color=red]){color:#e03e3e}[data-style-type=textColor][data-value=orange],[data-text-color=orange],.bn-block:has(>.bn-block-content[data-text-color=orange]){color:#d9730d}[data-style-type=textColor][data-value=yellow],[data-text-color=yellow],.bn-block:has(>.bn-block-content[data-text-color=yellow]){color:#dfab01}[data-style-type=textColor][data-value=green],[data-text-color=green],.bn-block:has(>.bn-block-content[data-text-color=green]){color:#4d6461}[data-style-type=textColor][data-value=blue],[data-text-color=blue],.bn-block:has(>.bn-block-content[data-text-color=blue]){color:#0b6e99}[data-style-type=textColor][data-value=purple],[data-text-color=purple],.bn-block:has(>.bn-block-content[data-text-color=purple]){color:#6940a5}[data-style-type=textColor][data-value=pink],[data-text-color=pink],.bn-block:has(>.bn-block-content[data-text-color=pink]){color:#ad1a72}[data-style-type=backgroundColor][data-value=gray],[data-background-color=gray],.bn-block:has(>.bn-block-content[data-background-color=gray]){background-color:#ebeced}[data-style-type=backgroundColor][data-value=brown],[data-background-color=brown],.bn-block:has(>.bn-block-content[data-background-color=brown]){background-color:#e9e5e3}[data-style-type=backgroundColor][data-value=red],[data-background-color=red],.bn-block:has(>.bn-block-content[data-background-color=red]){background-color:#fbe4e4}[data-style-type=backgroundColor][data-value=orange],[data-background-color=orange],.bn-block:has(>.bn-block-content[data-background-color=orange]){background-color:#f6e9d9}[data-style-type=backgroundColor][data-value=yellow],[data-background-color=yellow],.bn-block:has(>.bn-block-content[data-background-color=yellow]){background-color:#fbf3db}[data-style-type=backgroundColor][data-value=green],[data-background-color=green],.bn-block:has(>.bn-block-content[data-background-color=green]){background-color:#ddedea}[data-style-type=backgroundColor][data-value=blue],[data-background-color=blue],.bn-block:has(>.bn-block-content[data-background-color=blue]){background-color:#ddebf1}[data-style-type=backgroundColor][data-value=purple],[data-background-color=purple],.bn-block:has(>.bn-block-content[data-background-color=purple]){background-color:#eae4f2}[data-style-type=backgroundColor][data-value=pink],[data-background-color=pink],.bn-block:has(>.bn-block-content[data-background-color=pink]){background-color:#f4dfeb}[data-text-alignment=left]{justify-content:flex-start!important;text-align:left!important}[data-text-alignment=center]{justify-content:center!important;text-align:center!important}[data-text-alignment=right]{justify-content:flex-end!important;text-align:right!important}[data-text-alignment=justify]{justify-content:flex-start!important;text-align:justify!important}.bn-block-column-list{display:flex;flex-direction:row}.bn-block-column{flex:1;padding:12px 20px;overflow-x:auto}.bn-block-column:first-child{padding-left:0}.bn-block-column:last-child{padding-right:0}.bn-thread-mark:not([data-orphan=true]){background:#ffc80026}.bn-thread-mark .bn-thread-mark-selected{background:#ffc80040}.ProseMirror .tableWrapper{overflow-x:auto}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}.ProseMirror td,.ProseMirror th{vertical-align:top;box-sizing:border-box;position:relative}.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging){min-width:var(--default-cell-min-width)}.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:#adf;pointer-events:none}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#c8c8ff66;pointer-events:none}.bn-editor{outline:none;padding-inline:54px;--N800: #172b4d;--N40: #dfe1e6}.bn-comment-editor{width:100%;padding:0}.bn-comment-editor .bn-editor{padding:0}.bn-root{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bn-root *,.bn-root *:before,.bn-root *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.bn-default-styles p,.bn-default-styles h1,.bn-default-styles h2,.bn-default-styles h3,.bn-default-styles h4,.bn-default-styles h5,.bn-default-styles h6,.bn-default-styles li{margin:0;padding:0;font-size:inherit;min-width:2px!important}.bn-default-styles{font-size:16px;font-weight:400;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Open Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bn-table-drop-cursor{position:absolute;z-index:20;background-color:#adf;pointer-events:none}.bn-drag-preview{position:absolute;top:0;left:0;padding:10px;opacity:.001}.bn-editor .bn-collaboration-cursor__base{position:relative}.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__caret{position:absolute;width:2px;top:1px;bottom:-2px;left:-1px}.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__label{pointer-events:none;border-radius:0 1.5px 1.5px 0;font-size:12px;font-style:normal;font-weight:600;line-height:normal;left:0;overflow:hidden;position:absolute;white-space:nowrap;-webkit-user-select:none;user-select:none;color:transparent;max-height:5px;max-width:4px;padding:0;top:-1px;transition:all .2s}.bn-editor .bn-collaboration-cursor__base[data-active] .bn-collaboration-cursor__label{color:#0d0d0d;max-height:1.1rem;max-width:20rem;padding:.1rem .3rem;top:-17px;left:0;border-radius:3px 3px 3px 0;transition:all .2s}.bn-editor [data-content-type=table] .tableWrapper{--bn-table-widget-size: 22px;--bn-table-handle-size: 9px ;overflow-y:hidden;padding:var(--bn-table-handle-size) var(--bn-table-widget-size) var(--bn-table-widget-size) var(--bn-table-handle-size);position:relative;width:100%}.bn-editor [data-content-type=table] table{width:auto!important;word-break:break-word}.bn-editor [data-content-type=table] th,.bn-editor [data-content-type=table] td{border:1px solid #ddd;padding:5px 10px}.bn-editor [data-content-type=table] th{font-weight:700;text-align:left}.bn-editor [data-content-type=table] th>p,.bn-editor [data-content-type=table] td>p{min-height:1.5rem}.ProseMirror td,.ProseMirror th{min-width:auto!important}.ProseMirror td:not([colwidth]):not(.column-resize-dragging),.ProseMirror th:not([colwidth]):not(.column-resize-dragging){min-width:var(--default-cell-min-width)!important}.prosemirror-dropcursor-block{transition-property:top,bottom;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.prosemirror-dropcursor-vertical{transition-property:left,right}[data-show-selection]{background-color:highlight;padding:2px 0}.bn-container{--bn-colors-editor-text: #3f3f3f;--bn-colors-editor-background: #ffffff;--bn-colors-menu-text: #3f3f3f;--bn-colors-menu-background: #ffffff;--bn-colors-tooltip-text: #3f3f3f;--bn-colors-tooltip-background: #efefef;--bn-colors-hovered-text: #3f3f3f;--bn-colors-hovered-background: #efefef;--bn-colors-selected-text: #ffffff;--bn-colors-selected-background: #3f3f3f;--bn-colors-disabled-text: #afafaf;--bn-colors-disabled-background: #efefef;--bn-colors-shadow: #cfcfcf;--bn-colors-border: #efefef;--bn-colors-side-menu: #cfcfcf;--bn-colors-highlights-gray-text: #9b9a97;--bn-colors-highlights-gray-background: #ebeced;--bn-colors-highlights-brown-text: #64473a;--bn-colors-highlights-brown-background: #e9e5e3;--bn-colors-highlights-red-text: #e03e3e;--bn-colors-highlights-red-background: #fbe4e4;--bn-colors-highlights-orange-text: #d9730d;--bn-colors-highlights-orange-background: #f6e9d9;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #fbf3db;--bn-colors-highlights-green-text: #4d6461;--bn-colors-highlights-green-background: #ddedea;--bn-colors-highlights-blue-text: #0b6e99;--bn-colors-highlights-blue-background: #ddebf1;--bn-colors-highlights-purple-text: #6940a5;--bn-colors-highlights-purple-background: #eae4f2;--bn-colors-highlights-pink-text: #ad1a72;--bn-colors-highlights-pink-background: #f4dfeb;--bn-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--bn-border-radius: 6px;--bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow);--bn-shadow-light: 0 2px 6px var(--bn-colors-border);--bn-border: 1px solid var(--bn-colors-border);--bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px);--bn-border-radius-medium: var(--bn-border-radius);--bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px)}.bn-container[data-color-scheme=dark]{--bn-colors-editor-text: #cfcfcf;--bn-colors-editor-background: #1f1f1f;--bn-colors-menu-text: #cfcfcf;--bn-colors-menu-background: #1f1f1f;--bn-colors-tooltip-text: #cfcfcf;--bn-colors-tooltip-background: #161616;--bn-colors-hovered-text: #cfcfcf;--bn-colors-hovered-background: #161616;--bn-colors-selected-text: #cfcfcf;--bn-colors-selected-background: #0f0f0f;--bn-colors-disabled-text: #3f3f3f;--bn-colors-disabled-background: #161616;--bn-colors-shadow: #0f0f0f;--bn-colors-border: #161616;--bn-colors-side-menu: #7f7f7f;--bn-colors-highlights-gray-text: #bebdb8;--bn-colors-highlights-gray-background: #9b9a97;--bn-colors-highlights-brown-text: #8e6552;--bn-colors-highlights-brown-background: #64473a;--bn-colors-highlights-red-text: #ec4040;--bn-colors-highlights-red-background: #be3434;--bn-colors-highlights-orange-text: #e3790d;--bn-colors-highlights-orange-background: #b7600a;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #b58b00;--bn-colors-highlights-green-text: #6b8b87;--bn-colors-highlights-green-background: #4d6461;--bn-colors-highlights-blue-text: #0e87bc;--bn-colors-highlights-blue-background: #0b6e99;--bn-colors-highlights-purple-text: #8552d7;--bn-colors-highlights-purple-background: #6940a5;--bn-colors-highlights-pink-text: #da208f;--bn-colors-highlights-pink-background: #ad1a72}.bn-container{font-family:var(--bn-font-family)}.bn-editor{background-color:var(--bn-colors-editor-background);border-radius:var(--bn-border-radius-large);color:var(--bn-colors-editor-text)}.bn-react-node-view-renderer{display:flex;flex-direction:column;width:100%}.bn-block-group .bn-block:not(:has(.bn-toggle-wrapper)) .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before{border-left:1px solid var(--bn-colors-side-menu)}.bn-inline-content:has(>.ProseMirror-trailingBreak):before{color:var(--bn-colors-side-menu)}.bn-container .bn-color-icon{align-items:center;border:var(--bn-border);border-radius:var(--bn-border-radius-small);display:flex;justify-content:center}.bn-error-text{color:red;font-size:12px}[data-style-type=textColor][data-value=gray],[data-text-color=gray]{color:var(--bn-colors-highlights-gray-text)}[data-style-type=textColor][data-value=brown],[data-text-color=brown]{color:var(--bn-colors-highlights-brown-text)}[data-style-type=textColor][data-value=red],[data-text-color=red]{color:var(--bn-colors-highlights-red-text)}[data-style-type=textColor][data-value=orange],[data-text-color=orange]{color:var(--bn-colors-highlights-orange-text)}[data-style-type=textColor][data-value=yellow],[data-text-color=yellow]{color:var(--bn-colors-highlights-yellow-text)}[data-style-type=textColor][data-value=green],[data-text-color=green]{color:var(--bn-colors-highlights-green-text)}[data-style-type=textColor][data-value=blue],[data-text-color=blue]{color:var(--bn-colors-highlights-blue-text)}[data-style-type=textColor][data-value=purple],[data-text-color=purple]{color:var(--bn-colors-highlights-purple-text)}[data-style-type=textColor][data-value=pink],[data-text-color=pink]{color:var(--bn-colors-highlights-pink-text)}[data-style-type=backgroundColor][data-value=gray],[data-background-color=gray]{background-color:var(--bn-colors-highlights-gray-background)}[data-style-type=backgroundColor][data-value=brown],[data-background-color=brown]{background-color:var(--bn-colors-highlights-brown-background)}[data-style-type=backgroundColor][data-value=red],[data-background-color=red]{background-color:var(--bn-colors-highlights-red-background)}[data-style-type=backgroundColor][data-value=orange],[data-background-color=orange]{background-color:var(--bn-colors-highlights-orange-background)}[data-style-type=backgroundColor][data-value=yellow],[data-background-color=yellow]{background-color:var(--bn-colors-highlights-yellow-background)}[data-style-type=backgroundColor][data-value=green],[data-background-color=green]{background-color:var(--bn-colors-highlights-green-background)}[data-style-type=backgroundColor][data-value=blue],[data-background-color=blue]{background-color:var(--bn-colors-highlights-blue-background)}[data-style-type=backgroundColor][data-value=purple],[data-background-color=purple]{background-color:var(--bn-colors-highlights-purple-background)}[data-style-type=backgroundColor][data-value=pink],[data-background-color=pink]{background-color:var(--bn-colors-highlights-pink-background)}.bn-container{--bn-ui-base-z-index: 0}.bn-side-menu{height:30px}.bn-side-menu[data-block-type=heading][data-level="1"]{height:78px}.bn-side-menu[data-block-type=heading][data-level="2"]{height:54px}.bn-side-menu[data-block-type=heading][data-level="3"]{height:37px}.bn-side-menu[data-block-type=file]{height:38px}.bn-side-menu[data-block-type=audio]{height:60px}.bn-side-menu[data-url=false]{height:54px}.bn-threads-sidebar{border-radius:var(--bn-border-radius-medium);display:flex;flex-direction:column;gap:10px;overflow:auto}.bn-thread-expand-prompt .mantine-Text-root,.bn-thread .bn-header-text{color:var(--bn-colors-menu-text)}.bn-threads-sidebar .bn-thread .bn-editor{background-color:transparent}.bn-threads-sidebar .bn-thread.selected{background-color:#f5f9fd;border:2px solid #c2dcf8}.dark .bn-threads-sidebar .bn-thread.selected{background-color:#20242a;border:2px solid #23405b}em-emoji-picker{max-height:100%;z-index:11000}/* Mantine base styles*/

/* Removes Mantine active styles */
.bn-mantine .mantine-active:active {
  transform: none;
}

/* Mantine Badge component base styles */
.bn-mantine .mantine-Badge-root {
  background-color: var(--bn-colors-tooltip-background);
  color: var(--bn-colors-tooltip-text);
}

/* Mantine FileInput component base styles */
.bn-mantine .mantine-FileInput-input {
  align-items: center;
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: 4px;
  color: var(--bn-colors-menu-text);
  display: flex;
  flex-direction: row;
  font-family: var(--bn-font-family);
  justify-content: center;
}

.bn-mantine .mantine-FileInput-input:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-FileInput-wrapper {
  border: solid var(--bn-colors-border) 1px;
  border-radius: 4px;
}

.bn-mantine .mantine-InputPlaceholder-placeholder {
  color: var(--bn-colors-menu-text);
  font-family: var(--bn-font-family);
  font-weight: 600;
}

/* Mantine Menu component base styles */
.bn-mantine .mantine-Menu-dropdown,
.bn-mantine .bn-menu-dropdown {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  box-sizing: border-box;
  color: var(--bn-colors-menu-text);
  padding: 2px;
  overflow: auto;
}

.bn-mantine .mantine-Menu-label {
  background-color: var(--bn-colors-menu-background);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Menu-item {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Menu-item[aria-selected="true"],
.bn-mantine .mantine-Menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

/* Mantine Popover component base styles */
.bn-mantine .bn-panel-popover,
.bn-mantine .bn-emoji-picker-popover {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  padding: 0;
}

/* Mantine Tabs component base styles */
.bn-mantine .mantine-Tabs-root {
  width: 100%;
  background-color: var(--bn-colors-menu-background);
}

.bn-mantine .mantine-Tabs-list:before {
  border-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-Tabs-tab {
  color: var(--bn-colors-menu-text);
  border-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-Tabs-tab:hover {
  background-color: var(--bn-colors-hovered-background);
  border-color: var(--bn-colors-hovered-background);
  color: var(--bn-colors-hovered-text);
}

.bn-mantine .mantine-Tabs-tab[data-active],
.bn-mantine .mantine-Tabs-tab[data-active]:hover {
  border-color: var(--bn-colors-menu-text);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Tabs-panel {
  padding: 8px;
}

/* Mantine TextInput component base styles */
.bn-mantine .mantine-TextInput-input {
  background-color: var(--bn-colors-menu-background);
  border: solid var(--bn-colors-border) 1px;
  border-radius: 4px;
  color: var(--bn-colors-menu-text);
  font-family: var(--bn-font-family);
  height: 32px;
}

.bn-mantine .bn-mt-input-large .mantine-TextInput-input {
  border: none;
  font-size: 14px;
  height: 52px;
}

/* Mantine Tooltip component base styles */
.bn-mantine .mantine-Tooltip-tooltip {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.bn-mantine .mantine-Tooltip-tooltip p:last-child {
  white-space: pre-wrap;
}

.bn-mantine .mantine-Tooltip-tooltip p:first-child {
  white-space: unset;
}

/* UI element styling */

/* Select styling */
.bn-mantine .bn-select {
  overflow: auto;
}

.bn-mantine .mantine-Button-root[aria-controls*="dropdown"] {
  min-width: fit-content;
}

/* Toolbar styling */
.bn-mantine .bn-toolbar {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  flex-wrap: nowrap;
  gap: 2px;
  padding: 2px;
  width: fit-content;
  overflow-x: auto;
  max-width: 100vw;
}

.bn-mantine .bn-toolbar:empty {
  display: none;
}

.bn-toolbar .mantine-Button-root,
.bn-toolbar .mantine-ActionIcon-root {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-toolbar .mantine-Button-root:hover,
.bn-toolbar .mantine-ActionIcon-root:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

.bn-toolbar .mantine-Button-root[data-selected],
.bn-toolbar .mantine-ActionIcon-root[data-selected] {
  background-color: var(--bn-colors-selected-background);
  border: none;
  color: var(--bn-colors-selected-text);
}

.bn-toolbar .mantine-Button-root[data-disabled],
.bn-toolbar .mantine-ActionIcon-root[data-disabled] {
  background-color: var(--bn-colors-disabled-background);
  border: none;
  color: var(--bn-colors-disabled-text);
}

.bn-toolbar .mantine-Menu-item {
  font-size: 12px;
  height: 30px;
}

.bn-toolbar .mantine-Menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-form-popover {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  gap: 4px;
  min-width: 145px;
  padding: 2px;
}

.bn-form-popover .mantine-TextInput-root,
.bn-form-popover .mantine-FileInput-root {
  width: 300px;
}

.bn-form-popover .mantine-TextInput-wrapper,
.bn-form-popover .mantine-FileInput-wrapper {
  padding: 0;
  border-radius: 4px;
}

.bn-form-popover .mantine-TextInput-wrapper:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-form-popover .mantine-TextInput-input,
.bn-form-popover .mantine-FileInput-input {
  border: none;
  font-size: 12px;
}

.bn-form-popover .mantine-FileInput-input:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-form-popover .mantine-FileInput-section[data-position="left"] {
  color: var(--bn-colors-menu-text);
}

.bn-form-popover .mantine-FileInput-placeholder {
  color: var(--bn-colors-menu-text);
}

/* Suggestion Menu styling*/

/* Base styles for Suggestion Menus, copied from the Mantine Menu component. */
/* Unfortunately necessary, as we can't use a Menu.Dropdown component on its
 own. */
/* https://github.com/mantinedev/mantine/blob/e3e3bb834de1f2f75a27dbc757dc0a2fc6a6cba8/packages/%40mantine/core/src/components/Menu/Menu.module.css */
.bn-mantine .bn-suggestion-menu {
  max-height: 100%;
  position: relative;
  box-shadow: var(--mantine-shadow-md);
  border: calc(0.0625rem * var(--mantine-scale)) solid
    var(--mantine-color-gray-2);
  border-radius: var(--mantine-radius-default);
  padding: 4px;
}

.bn-mantine .bn-suggestion-menu-label {
  color: var(--mantine-color-dimmed);
  font-weight: 500;
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}

.bn-mantine .bn-suggestion-menu-item {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  user-select: none;

  &:where([data-disabled], :disabled) {
    color: var(--mantine-color-dimmed);
    opacity: 0.6;
    pointer-events: none;
  }
}

/* Additional Suggestion Menu styling*/
.bn-mt-suggestion-menu-item-body {
  flex: 1;
}

.bn-mt-suggestion-menu-item-section {
  display: flex;
  justify-content: center;
  align-items: center;

  &:where([data-position="left"]) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

  &:where([data-position="right"]) {
    margin-inline-start: var(--mantine-spacing-xs);
  }
}

.bn-mantine .bn-suggestion-menu {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  box-sizing: border-box;
  color: var(--bn-colors-menu-text);
  height: fit-content;
  max-height: inherit;
  overflow-y: auto;
  padding: 2px;
}

.bn-mantine .bn-suggestion-menu-item {
  cursor: pointer;
  height: 52px;
}

.bn-mantine .bn-suggestion-menu-item-small {
  height: fit-content;
  /* Made to match with labels */
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
}

.bn-mantine .bn-suggestion-menu-item[aria-selected="true"],
.bn-mantine .bn-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mt-suggestion-menu-item-section {
  color: var(--bn-colors-tooltip-text);
}

.bn-mt-suggestion-menu-item-section[data-position="left"] {
  background-color: var(--bn-colors-tooltip-background);
  border-radius: var(--bn-border-radius-small);
  padding: 8px;
}

.bn-suggestion-menu-item-small
  .bn-mt-suggestion-menu-item-section[data-position="left"] {
  background-color: transparent;
  padding: 0;
}

.bn-suggestion-menu-item-small
  .bn-mt-suggestion-menu-item-section[data-position="left"]
  svg {
  height: 14px;
  width: 14px;
}

.bn-mt-suggestion-menu-item-body {
  align-items: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 16px;
}

.bn-mt-suggestion-menu-item-title {
  color: var(--bn-colors-menu-text);
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-title {
  font-size: 12px;
}

.bn-mt-suggestion-menu-item-subtitle {
  color: var(--bn-colors-menu-text);
  line-height: 16px;
  font-size: 10px;
  margin: 0;
  padding: 0;
}

.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-subtitle {
  display: none;
}

.bn-mantine .bn-suggestion-menu-label {
  color: var(--bn-colors-hovered-text);
}

.bn-mantine .bn-suggestion-menu-loader {
  height: 20px;
  width: 100%;
}

.bn-mantine .bn-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}

.bn-mantine .bn-grid-suggestion-menu {
  background: var(--bn-colors-menu-background);
  border-radius: var(--bn-border-radius-large);
  box-shadow: var(--bn-shadow-medium);
  display: grid;
  gap: 7px;
  height: fit-content;
  justify-items: center;
  max-height: inherit;
  overflow-y: auto;
  padding: 20px;
}

.bn-mantine .bn-grid-suggestion-menu-item {
  align-items: center;
  border-radius: var(--bn-border-radius-large);
  cursor: pointer;
  display: flex;
  font-size: 24px;
  height: 32px;
  justify-content: center;
  margin: 2px;
  padding: 4px;
  width: 32px;
}

.bn-mantine .bn-grid-suggestion-menu-item[aria-selected="true"],
.bn-mantine .bn-grid-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-grid-suggestion-menu-empty-item,
.bn-mantine .bn-grid-suggestion-menu-loader {
  align-items: center;
  color: var(--bn-colors-menu-text);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  justify-content: center;
}

.bn-mantine .bn-grid-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}

/* Side Menu styling */
.bn-mantine .bn-side-menu {
  background-color: transparent;
  overflow: visible;
}

.bn-side-menu .mantine-Menu-item,
.bn-table-handle-menu .mantine-Menu-item {
  font-size: 12px;
  height: 30px;
}

.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) {
  background-color: transparent;
}

.bn-side-menu .mantine-UnstyledButton-root:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) svg {
  background-color: transparent;
  color: var(--bn-colors-side-menu);
  height: 22px;
  width: 22px;
}

.bn-mantine .bn-side-menu > [draggable="true"] {
  display: flex;
}

.bn-side-menu .mantine-Menu-dropdown {
  min-width: 100px;
  padding: 2px;
  position: absolute;
}

/* Image Panel styling*/
.bn-mantine .bn-panel {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  padding: 2px;
  width: 500px;
  max-width: 100vw;
}

.bn-mantine .bn-panel .bn-tab-panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.bn-panel .mantine-TextInput-root,
.bn-panel .mantine-FileInput-root {
  width: 100%;
}

.bn-panel .mantine-Button-root {
  background-color: var(--bn-colors-menu-background);
  border: solid var(--bn-colors-border) 1px;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
  height: 32px;
  width: 60%;
}

.bn-panel .mantine-Button-root:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-panel .mantine-Text-root {
  text-align: center;
}

/* Table Handle styling */
.bn-mantine .bn-table-handle,
.bn-mantine .bn-extend-button,
.bn-mantine .bn-table-cell-handle {
  align-items: center;
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-small);
  box-shadow: var(--bn-shadow-light);
  color: var(--bn-colors-side-menu);
  cursor: grab;
  display: flex;
  height: fit-content;
  justify-content: center;
  overflow: visible;
  padding: 0;
}

.bn-mantine .bn-table-cell-handle {
  padding: 0 4px;
}

.bn-mantine .bn-table-handle svg {
  margin-inline: -4px;
}

.bn-mantine .bn-table-handle-not-draggable {
  cursor: pointer;
}

.bn-mantine .bn-table-handle:hover,
.bn-mantine .bn-table-handle-dragging,
.bn-mantine .bn-extend-button:hover,
.bn-mantine .bn-extend-button-editing,
.bn-mantine .bn-table-cell-handle:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-extend-button-add-remove-columns {
  height: 100%;
  width: 18px;
  margin-left: 4px;
  cursor: col-resize;
}

.bn-mantine .bn-extend-button-add-remove-rows {
  height: 18px;
  width: 100%;
  margin-top: 4px;
  cursor: row-resize;
}

/* Drag Handle & Table Handle Menu styling */
.bn-mantine .bn-drag-handle-menu,
.bn-mantine .bn-table-handle-menu {
  overflow: visible;
}

/* Tooltip styling */
.bn-mantine .bn-tooltip {
  background-color: var(--bn-colors-tooltip-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-tooltip-text);
  padding: 4px 10px;
  text-align: center;
}

/* Additional menu styles */
.bn-mantine .bn-tick-space {
  padding: 0;
  width: 20px;
}

/* Comment styling */
.bn-mantine .bn-thread {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 350px;
  overflow: visible;
}

.bn-mantine .bn-threads-sidebar .bn-thread {
  box-shadow: none;
}

.bn-mantine .bn-thread-comments,
.bn-mantine .bn-thread-composer {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.bn-mantine .bn-thread-comments {
  gap: 1rem;
}

.bn-mantine .bn-thread-comment {
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}

.bn-mantine .bn-thread-comment > .mantine-Group-root {
  gap: 12px;
}

.bn-mantine .bn-thread-comment p {
  color: var(--bn-colors-menu-text);
}

.bn-mantine .bn-thread .bn-header-text,
.bn-mantine .bn-thread-comment .bn-resolved-text {
  font-size: 0.8rem;
  font-style: italic;
}

.bn-mantine .bn-comment-actions-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

/* Comment action toolbar styling */
.bn-mantine .bn-action-toolbar {
  align-self: flex-end;
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  gap: 0;
  padding: 2px;
}

.bn-action-toolbar .mantine-Button-root,
.bn-action-toolbar .mantine-ActionIcon-root {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-action-toolbar .mantine-Button-root:hover,
.bn-action-toolbar .mantine-ActionIcon-root:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

.bn-action-toolbar .mantine-Button-root[data-selected],
.bn-action-toolbar .mantine-ActionIcon-root[data-selected] {
  background-color: var(--bn-colors-selected-background);
  border: none;
  color: var(--bn-colors-selected-text);
}

.bn-action-toolbar .mantine-Button-root[data-disabled],
.bn-action-toolbar .mantine-ActionIcon-root[data-disabled] {
  background-color: var(--bn-colors-disabled-background);
  border: none;
  color: var(--bn-colors-disabled-text);
}

.bn-mantine .bn-action-toolbar .mantine-Menu-itemLabel {
  font-size: 12px;
}

/* Badge styling */
.bn-mantine .bn-badge-group {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  width: 100%;
}

.bn-mantine .bn-badge {
  flex-grow: 0;
}

.bn-mantine .bn-badge .mantine-Chip-label {
  padding: 0 8px;
}

.bn-mantine .bn-badge .mantine-Chip-label:not([data-checked="true"]) {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .bn-badge .mantine-Chip-label:hover {
  border: 1px solid var(--mantine-primary-color-filled-hover);
  color: var(--mantine-primary-color-filled-hover);
}

.bn-mantine
  .bn-badge
  .mantine-Chip-label
  > span:not(.mantine-Chip-iconWrapper) {
  display: inline-flex;
  gap: 4px;
}

.bn-mantine
  .bn-badge
  .mantine-Chip-label
  > span:not(.mantine-Chip-iconWrapper)
  > span {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

/* Combobox styling */
.bn-mantine .bn-combobox-input,
.bn-mantine .bn-combobox-items:not(:empty) {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  gap: 4px;
  min-width: 145px;
  padding: 2px;
}

.bn-mantine .bn-combobox-input .bn-combobox-icon,
.bn-mantine .bn-combobox-input .bn-combobox-right-section {
  align-items: center;
  display: flex;
  justify-content: center;
}

.bn-mantine .bn-combobox-input .bn-combobox-error {
  color: var(--bn-colors-highlights-red-background);
}

/* We need to get rid of the checked icon - you can set the icon prop to an
empty element (<></>), but even so Mantine leaves extra space for the icon, so
we just don't display it in CSS instead. */
.bn-mantine .bn-badge .mantine-Chip-iconWrapper {
  display: none;
}

:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._editorBox_sehhl_125 {
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  cursor: text;
}
._editorBox_sehhl_125 .bn-editor {
  padding: 12px 14px;
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 24px;
  color: var(--color-neutral-950);
  background: transparent;
  outline: none;
}
._editorBox_sehhl_125 .ProseMirror {
  outline: none;
}
._editorBox_sehhl_125 .bn-container {
  background: transparent;
}

.bn-mantine .bn-suggestion-menu {
  max-height: min(420px, 50vh);
  overflow-y: auto;
  overscroll-behavior: contain;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._richText_1m5ot_125 {
  word-break: break-word;
}
._richText_1m5ot_125 p {
  margin: 0;
  white-space: pre-wrap;
}
._richText_1m5ot_125 ul,
._richText_1m5ot_125 ol {
  margin: 4px 0;
  padding-left: 22px;
}
._richText_1m5ot_125 li > p {
  display: inline;
}
._richText_1m5ot_125 li + li {
  margin-top: 2px;
}
._richText_1m5ot_125 h1,
._richText_1m5ot_125 h2,
._richText_1m5ot_125 h3,
._richText_1m5ot_125 h4,
._richText_1m5ot_125 h5,
._richText_1m5ot_125 h6 {
  margin: 8px 0 4px;
  line-height: 1.3;
  color: var(--color-neutral-950);
}
._richText_1m5ot_125 h1 {
  font-size: 24px;
}
._richText_1m5ot_125 h2 {
  font-size: 20px;
}
._richText_1m5ot_125 h3 {
  font-size: 17px;
}
._richText_1m5ot_125 blockquote {
  margin: 4px 0;
  padding-left: 12px;
  border-left: 3px solid var(--color-border);
  color: var(--color-neutral-600);
}

._inlineCode_1m5ot_169 {
  padding: 1px 4px;
  border-radius: 4px;
  background: var(--color-neutral-25);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.92em;
}

._codeBlock_1m5ot_177 {
  margin: 4px 0;
  padding: 10px 12px;
  border-radius: var(--radius-control);
  background: var(--color-neutral-25);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  white-space: pre-wrap;
}

._link_1m5ot_187 {
  color: var(--color-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
}
._link_1m5ot_187:hover {
  text-decoration-thickness: 2px;
}._wrapper_1qicq_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

._anchor_1qicq_9 {
  position: relative;
}

._panelUp_1qicq_13._panelUp_1qicq_13 {
  top: auto;
  bottom: calc(100% + 6px);
}

._label_1qicq_18 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._required_1qicq_27 {
  color: #9a2a34;
}

._trigger_1qicq_31 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 12px 0 14px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  text-align: left;
  cursor: pointer;
}
._trigger_1qicq_31:focus-visible, ._trigger_1qicq_31._triggerOpen_1qicq_46 {
  outline: none;
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}
._trigger_1qicq_31._triggerOpen_1qicq_46 ._caret_1qicq_51 {
  transform: rotate(180deg);
}

._trigger_1qicq_31._triggerInvalid_1qicq_55 {
  border-color: #d85a5a;
}

._triggerText_1qicq_59 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4a5c;
}
._triggerText_1qicq_59._placeholder_1qicq_71 {
  color: #afbaca;
}

._caret_1qicq_51 {
  flex: none;
  color: #8897ae;
  transition: transform 0.15s ease;
}

._panel_1qicq_13 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(14, 15, 17, 0.12), 0 2px 6px rgba(14, 15, 17, 0.06);
}

._searchBox_1qicq_97 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}
._searchBox_1qicq_97:focus-within {
  border-color: #3c609b;
}

._searchIcon_1qicq_111 {
  flex: none;
  color: #afbaca;
}

._searchInput_1qicq_116 {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: #0a0c11;
}
._searchInput_1qicq_116::placeholder {
  color: #afbaca;
}
._searchInput_1qicq_116:focus-visible {
  outline: none;
}

._list_1qicq_134 {
  max-height: 188px;
  margin: 0;
  padding: 0 4px 0 0;
  overflow-y: auto;
  list-style: none;
  scrollbar-width: thin;
  scrollbar-color: #a9bedd transparent;
}
._list_1qicq_134::-webkit-scrollbar {
  width: 4px;
}
._list_1qicq_134::-webkit-scrollbar-thumb {
  background: #a9bedd;
  border-radius: 9999px;
}

._row_1qicq_151 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 4px;
  border-radius: 6px;
  cursor: pointer;
}
._row_1qicq_151:hover {
  background: #f9fafb;
}

._nativeCheckbox_1qicq_164 {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

._checkbox_1qicq_172 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: #f0f3f9;
  border: 1px solid #e9eff6;
  border-radius: 4px;
  color: transparent;
}
._nativeCheckbox_1qicq_164:checked + ._checkbox_1qicq_172 {
  background: #3c609b;
  border-color: #3c609b;
  color: #ffffff;
}
._nativeCheckbox_1qicq_164:focus-visible + ._checkbox_1qicq_172 {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._rowLabel_1qicq_195 {
  flex: 1;
  min-width: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._rowCount_1qicq_205 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: #8897ae;
}

._empty_1qicq_213 {
  padding: 8px 4px;
  font-family: var(--font-ui);
  font-size: 13px;
  color: #8897ae;
}

._rowButton_1qicq_220 {
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  font: inherit;
}._section_1e98e_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background: #f9fafb;
  border-radius: 8px;
}

._titleRow_1e98e_10 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._title_1e98e_10 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #3261af;
}

._info_1e98e_26 {
  display: inline-flex;
  color: #455468;
  cursor: help;
}

._field_1e98e_32 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._box_1e98e_38 {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 3px 6px;
  background: #ffffff;
  border: 1px solid rgba(14, 15, 17, 0.48);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
}
._box_1e98e_38:focus-within {
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}

._chip_1e98e_56,
._addBtn_1e98e_57 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 32px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid rgba(27, 56, 96, 0.12);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}
._chip_1e98e_56 > span,
._addBtn_1e98e_57 > span {
  padding: 0 2px;
}

._chipRemove_1e98e_80 {
  display: inline-flex;
  padding: 0;
  border: none;
  background: transparent;
  color: #8897ae;
  cursor: pointer;
}
._chipRemove_1e98e_80:hover {
  color: #455468;
}

._addBtn_1e98e_57 {
  cursor: pointer;
}
._addBtn_1e98e_57:hover:not(:disabled) {
  background: #f7f9fc;
}
._addBtn_1e98e_57:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._input_1e98e_103 {
  flex: 1;
  min-width: 140px;
  height: 32px;
  padding: 0 4px;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  color: #0a0c11;
}
._input_1e98e_103::placeholder {
  color: #afbaca;
}
._input_1e98e_103:focus-visible {
  outline: none;
}

._helper_1e98e_122 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8897ae;
}._cardIcon_1oimv_1._cardIcon_1oimv_1 {
  width: 36px;
  height: 36px;
}

._cardBody_1oimv_6._cardBody_1oimv_6 {
  align-items: stretch;
  gap: 20px;
}

._list_1oimv_11 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._row_1oimv_17 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: #f9fafb;
  border-radius: 8px;
}

._rowText_1oimv_27 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._question_1oimv_33,
._answer_1oimv_34 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  overflow-wrap: anywhere;
}

._question_1oimv_33 {
  font-weight: 600;
  color: #0a0c11;
}

._answer_1oimv_34 {
  color: #455468;
  white-space: pre-line;
}

._muted_1oimv_53 {
  color: #8897ae;
}

._iconBtn_1oimv_57 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  background: none;
  border: none;
  border-radius: 6px;
  color: #8897ae;
  cursor: pointer;
}
._iconBtn_1oimv_57:hover {
  background: #eef2f8;
  color: #3c609b;
}
._iconBtn_1oimv_57:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 0;
}

._editRow_1oimv_80 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  background: #f9fafb;
  border-radius: 8px;
}
._editRow_1oimv_80._editRowInvalid_1oimv_88 {
  box-shadow: 0 0 0 1.5px #d85a5a;
}

._editFields_1oimv_92 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._editField_1oimv_92 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._editLabel_1oimv_106 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._questionBox_1oimv_115 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 8px 0 14px;
  background: #ffffff;
  border: 1px solid rgba(14, 15, 17, 0.48);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._questionBox_1oimv_115:focus-within {
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}

._questionInput_1oimv_133 {
  flex: 1;
  min-width: 0;
  height: 34px;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}
._questionInput_1oimv_133::placeholder {
  font-weight: 400;
  color: #8897ae;
}
._questionInput_1oimv_133:focus-visible {
  outline: none;
}

._questionCount_1oimv_156 {
  flex: none;
  padding: 2px 6px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3a5683;
}

._answerBox_1oimv_167 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 140px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #5e718d;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._answerBox_1oimv_167:focus-within {
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}

._answerInput_1oimv_185 {
  flex: 1;
  min-height: 104px;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  resize: vertical;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
}
._answerInput_1oimv_185::placeholder {
  color: #8897ae;
}
._answerInput_1oimv_185:focus-visible {
  outline: none;
}

._answerFooter_1oimv_206 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

._answerCount_1oimv_213 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._notches_1oimv_221 {
  color: #8897ae;
}

._trashColumn_1oimv_225 {
  flex: none;
  padding-top: 24px;
}

._trashBtn_1oimv_230 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  border-radius: 6px;
  color: #455468;
  cursor: pointer;
}
._trashBtn_1oimv_230:hover {
  color: #c13b3b;
}
._trashBtn_1oimv_230:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._defaultTag_1oimv_249 {
  display: inline-block;
  margin-left: 8px;
  padding: 0 6px;
  border-radius: 4px;
  background: #eef2f8;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #3c609b;
  vertical-align: 1px;
}

._actions_1oimv_262 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._addBtn_1oimv_268._addBtn_1oimv_268 {
  align-self: flex-start;
  height: 36px;
  padding: 8px 10px;
}._state_11sp8_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 100%;
  padding: 48px 16px;
  background: linear-gradient(316.23deg, #fbfdff 0%, #e3f1fd 98.77%);
  font-family: var(--font-ui);
  text-align: center;
}

._stateTitle_11sp8_15 {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0a0c11;
}

._stateText_11sp8_23 {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #455468;
}

._stateBtn_11sp8_30 {
  margin-top: 8px;
  height: 40px;
  padding: 10px 16px;
  background: #3c609b;
  border: 1px solid rgba(14, 15, 17, 0.12);
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
._stateBtn_11sp8_30:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._spinner_11sp8_48 {
  width: 28px;
  height: 28px;
  border: 3px solid #cdd8ee;
  border-top-color: #3c609b;
  border-radius: 50%;
  animation: _spin_11sp8_48 0.7s linear infinite;
}

@keyframes _spin_11sp8_48 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._spinner_11sp8_48 {
    animation-duration: 2s;
  }
}
._autosaveScope_11sp8_67 {
  display: contents;
}._stack_17lna_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._muted_17lna_7 {
  color: #8897ae;
}

._empty_17lna_11 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #8897ae;
}

._summaryCard_17lna_19,
._previewCard_17lna_20,
._reviewCard_17lna_21 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: rgba(27, 56, 96, 0.12);
  border-radius: 12px;
}

._cardTitle_17lna_32 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._summaryCard_17lna_19 {
  gap: 20px;
  padding: 24px;
}
@media (max-width: 768px) {
  ._summaryCard_17lna_19 {
    padding: 16px;
  }
}

._tiles_17lna_52 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1024px) {
  ._tiles_17lna_52 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}
@media (max-width: 560px) {
  ._tiles_17lna_52 {
    grid-template-columns: 1fr;
  }
}

._tile_17lna_52 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 120px;
  padding: 12px 16px;
  background: #f9fafb;
  border: 1px solid #e9eff6;
  border-radius: 12px;
  font-family: var(--font-ui);
}

._tileHead_17lna_85 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._tileIcon_17lna_95 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #eef2f8;
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  color: #3a5683;
}

._tileValue_17lna_107 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  overflow-wrap: anywhere;
}
._tileValue_17lna_107._muted_17lna_7 {
  color: #8897ae;
}

._columns_17lna_119 {
  display: grid;
  grid-template-columns: minmax(0, 686fr) minmax(0, 486fr);
  align-items: start;
  gap: 12px;
}
@media (max-width: 1024px) {
  ._columns_17lna_119 {
    grid-template-columns: 1fr;
  }
}

._previewCard_17lna_20 {
  gap: 12px;
  padding: 16px 20px;
  font-family: var(--font-ui);
}
@media (max-width: 768px) {
  ._previewCard_17lna_20 {
    padding: 12px;
  }
}

._titleRow_17lna_142 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

._courseTitle_17lna_149 {
  margin: 0;
  min-width: 0;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.4px;
  color: #0a0c11;
  overflow-wrap: anywhere;
}

._paceBadge_17lna_161 {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 2px 8px;
  box-sizing: border-box;
  background: #fbf6e8;
  border-radius: 9999px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #ae8021;
}

._cover_17lna_176,
._coverEmpty_17lna_177 {
  width: 100%;
  aspect-ratio: 646/303;
  border-radius: 16px;
}

._cover_17lna_176 {
  display: block;
  object-fit: cover;
}

._coverEmpty_17lna_177 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f3f9;
  font-size: 14px;
  color: #8897ae;
}

._description_17lna_197 {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
._description_17lna_197._muted_17lna_7 {
  color: #8897ae;
}

._chips_17lna_210 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._chip_17lna_210 {
  box-sizing: border-box;
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 22px;
  padding: 4px 8px;
  background: #eef2f8;
  border-radius: 4px;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #455468;
  white-space: nowrap;
}

._listCard_17lna_237 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}

._listTitle_17lna_247 {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._list_17lna_237 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._listTwoCol_17lna_265 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 12px;
}
@media (max-width: 560px) {
  ._listTwoCol_17lna_265 {
    grid-template-columns: 1fr;
  }
}

._listItem_17lna_276 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  line-height: 18px;
  color: #455468;
  overflow-wrap: anywhere;
}
._listItem_17lna_276 > svg {
  flex: none;
  margin-top: 3px;
}

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

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

._contentTitle_17lna_302 {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.4px;
  color: #0a0c11;
}

._contentMetaRow_17lna_312 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._linkBtn_17lna_324 {
  padding: 0;
  background: none;
  border: none;
  border-radius: 4px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3c609b;
  cursor: pointer;
}
._linkBtn_17lna_324:hover {
  text-decoration: underline;
}
._linkBtn_17lna_324:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._modules_17lna_345 {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}

._modulesEmpty_17lna_354 {
  padding: 0 20px;
}

._module_17lna_345 + ._module_17lna_345 {
  border-top: 1px solid rgba(27, 56, 96, 0.12);
}

._moduleHead_17lna_362 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 10px 20px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
}
._moduleHead_17lna_362:hover {
  background: #f9fafb;
}
._moduleHead_17lna_362:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: -2px;
}

._moduleTitleRow_17lna_382 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

._moduleTitle_17lna_382 {
  flex: 1;
  min-width: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
  overflow-wrap: anywhere;
}

._moduleCaret_17lna_401 {
  flex: none;
  color: #8897ae;
  transition: transform 0.2s ease;
}

._moduleOpen_17lna_407 ._moduleTitle_17lna_382 {
  font-weight: 500;
  color: #0a0c11;
}
._moduleOpen_17lna_407 ._moduleCaret_17lna_401 {
  transform: rotate(90deg);
}

._moduleMeta_17lna_415 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}
._moduleMeta_17lna_415 > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._lessons_17lna_432 {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 0 8px;
  list-style: none;
}
._lessons_17lna_432 > ._empty_17lna_11 {
  padding: 8px 20px;
}

._lesson_17lna_432 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 20px 8px 28px;
  font-size: 13px;
  line-height: 18px;
  color: #455468;
}
._lesson_17lna_432 > svg {
  flex: none;
  color: #8897ae;
}

._lessonTitle_17lna_457 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._lessonTime_17lna_465 {
  flex: none;
  font-size: 12px;
  color: #8897ae;
}

._reviewCard_17lna_21 {
  position: sticky;
  top: 0;
  gap: 20px;
  padding: 24px;
  font-family: var(--font-ui);
}
@media (max-width: 1024px) {
  ._reviewCard_17lna_21 {
    position: static;
  }
}
@media (max-width: 768px) {
  ._reviewCard_17lna_21 {
    padding: 16px;
  }
}

._reviewHead_17lna_489 {
  display: flex;
  flex-direction: column;
}

._reviewIntro_17lna_494,
._groupLabel_17lna_495,
._groupText_17lna_496 {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._groupText_17lna_496 {
  color: #8897ae;
}

._reviewGroup_17lna_508 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._alerts_17lna_514 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._alert_17lna_514 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 10px 12px;
  background: #fefaed;
  border-radius: 8px;
  color: #9c6d0c;
}

._alertIcon_17lna_533 {
  flex: none;
}

._alertText_17lna_537 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

._alertTitle_17lna_544 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
}

._alertBody_17lna_551 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

._alertLink_17lna_557 {
  flex: none;
  padding: 0;
  background: none;
  border: none;
  border-radius: 4px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #9c6d0c;
  cursor: pointer;
}
._alertLink_17lna_557:hover {
  text-decoration: underline;
}
._alertLink_17lna_557:focus-visible {
  outline: 2px solid #9c6d0c;
  outline-offset: 2px;
}

._allGood_17lna_579 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #e9f6ef;
  border-radius: 8px;
  color: #2f8a57;
}
._allGood_17lna_579 > span {
  display: flex;
  flex-direction: column;
}

._allGoodTitle_17lna_593 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1c3d2b;
}

._allGoodText_17lna_600 {
  font-size: 13px;
  line-height: 18px;
  color: #3d6b52;
}

._footnote_17lna_606 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #8897ae;
}
._footnote_17lna_606 > svg {
  flex: none;
}

._footer_17lna_620._footer_17lna_620 {
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  ._footer_17lna_620._footer_17lna_620 {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }
  ._footer_17lna_620._footer_17lna_620 > button {
    justify-content: center;
  }
  ._footer_17lna_620._footer_17lna_620 > button:last-child {
    grid-column: 1/-1;
  }
}

._grow_17lna_638 {
  flex: 1;
}
@media (max-width: 600px) {
  ._grow_17lna_638 {
    display: none;
  }
}

._completeBtn_17lna_647 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 10px 16px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  cursor: pointer;
}
._completeBtn_17lna_647 > span {
  padding: 0 4px;
}
._completeBtn_17lna_647:hover {
  background: #f7f9fc;
}
._completeBtn_17lna_647:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  ._moduleCaret_17lna_401 {
    transition: none;
  }
}
._requiredTag_17lna_681 {
  display: inline-block;
  margin-left: 8px;
  padding: 0 6px;
  border-radius: 4px;
  background: #fde8e8;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #b8101a;
  vertical-align: middle;
}

._footerError_17lna_694,
._comingSoon_17lna_695 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  min-width: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
}

._footerError_17lna_694 {
  color: #b8101a;
}
._footerError_17lna_694 > svg {
  flex: none;
}

._comingSoon_17lna_695 {
  color: #8897ae;
}

._completeBtn_17lna_647:disabled {
  cursor: default;
  opacity: 0.7;
}._wrapper_m25c8_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

._label_m25c8_9 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._trigger_m25c8_18 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  background: #ffffff;
  border: 1px solid #5e718d;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4a5c;
  text-align: left;
  cursor: pointer;
}
._trigger_m25c8_18:focus-visible, ._trigger_m25c8_18._triggerOpen_m25c8_37 {
  outline: none;
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}
._trigger_m25c8_18._invalid_m25c8_42 {
  border-color: #d85a5a;
}
._trigger_m25c8_18._invalid_m25c8_42:focus-visible, ._trigger_m25c8_18._invalid_m25c8_42._triggerOpen_m25c8_37 {
  box-shadow: 0 0 0 3px rgba(216, 90, 90, 0.18);
}

._value_m25c8_49 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._placeholder_m25c8_57 {
  color: #8897ae;
}

._caret_m25c8_61 {
  flex: none;
  color: #8897ae;
  transition: transform 0.15s ease;
}
._triggerOpen_m25c8_37 ._caret_m25c8_61 {
  transform: rotate(180deg);
}

._menu_m25c8_70 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 20;
  box-sizing: border-box;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(14, 15, 17, 0.12), 0 2px 6px rgba(14, 15, 17, 0.06);
  animation: _menuIn_m25c8_1 0.12s ease both;
  transform-origin: top;
}
._menu_m25c8_70:focus {
  outline: none;
}
._menu_m25c8_70._menuUp_m25c8_90 {
  top: auto;
  bottom: 46px;
  transform-origin: bottom;
}

._option_m25c8_96 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 6px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
  cursor: pointer;
}
._option_m25c8_96._optionActive_m25c8_110 {
  background: #f3f6fb;
}
._option_m25c8_96._optionSelected_m25c8_113 {
  font-weight: 500;
  color: #3c609b;
}

@keyframes _menuIn_m25c8_1 {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._menu_m25c8_70 {
    animation: none;
  }
  ._caret_m25c8_61 {
    transition: none;
  }
}._cards_7l2vx_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._cardIcon_7l2vx_7._cardIcon_7l2vx_7 {
  width: 36px;
  height: 36px;
}

._cardBody_7l2vx_12._cardBody_7l2vx_12 {
  align-items: stretch;
  gap: 20px;
}

._sectionHead_7l2vx_17 {
  display: flex;
  flex-direction: column;
}

._sectionTitle_7l2vx_22 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._sectionText_7l2vx_32 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._coverage_7l2vx_41 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._coverageLabel_7l2vx_47 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._tiles_7l2vx_56 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 768px) {
  ._tiles_7l2vx_56 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

._tile_7l2vx_56 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 12px;
}

._tileValue_7l2vx_82 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #455468;
}

._tileLabel_7l2vx_91 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._options_7l2vx_100,
._row_7l2vx_101 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 768px) {
  ._options_7l2vx_100,
  ._row_7l2vx_101 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

._option_7l2vx_100 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  background: #f9fafb;
  border: 1px solid #e9eff6;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._option_7l2vx_100:hover {
  border-color: #d7dfe9;
}
._option_7l2vx_100:focus-within {
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}
._option_7l2vx_100._optionSelected_7l2vx_132 {
  background: #fbf6e8;
  border-color: #f1d994;
}
._option_7l2vx_100._optionSelected_7l2vx_132 ._optionBox_7l2vx_136 {
  background: #3c609b;
  border-color: #3c609b;
  color: #ffffff;
}

._optionBox_7l2vx_136 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 4px;
  background: #f9fafb;
  border: 1px solid #e9eff6;
  border-radius: 6px;
}

._optionText_7l2vx_156 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._optionTitle_7l2vx_163 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._optionHelp_7l2vx_172 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
}

._field_7l2vx_180 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

._labelRow_7l2vx_187 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._infoIcon_7l2vx_193 {
  display: inline-flex;
  color: #8897ae;
  cursor: help;
}

._selectBox_7l2vx_199,
._numberBox_7l2vx_200 {
  position: relative;
  display: flex;
  align-items: center;
}

._control_7l2vx_206 {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 36px 0 10px;
  background: #ffffff;
  border: 1px solid #5e718d;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4a5c;
}
._control_7l2vx_206:focus {
  outline: none;
  border-color: #3c609b;
  box-shadow: 0 0 0 3px rgba(60, 96, 155, 0.12);
}

._select_7l2vx_199 {
  appearance: none;
  cursor: pointer;
}

._control_7l2vx_206._invalid_7l2vx_231 {
  border-color: #d85a5a;
}
._control_7l2vx_206._invalid_7l2vx_231:focus {
  box-shadow: 0 0 0 3px rgba(216, 90, 90, 0.18);
}

._selectCaret_7l2vx_238 {
  position: absolute;
  right: 10px;
  color: #8897ae;
  pointer-events: none;
}

._number_7l2vx_200 {
  appearance: textfield;
}
._number_7l2vx_200:disabled {
  background: #f9fafb;
  border-color: #d7dfe9;
  color: #afbaca;
  cursor: not-allowed;
}
._number_7l2vx_200::placeholder {
  color: #3d4a5c;
}
._number_7l2vx_200::-webkit-inner-spin-button, ._number_7l2vx_200::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

._stepper_7l2vx_262 {
  position: absolute;
  right: 6px;
  display: flex;
  flex-direction: column;
}

._stepperBtn_7l2vx_269 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 14px;
  padding: 0;
  background: none;
  border: none;
  border-radius: 4px;
  color: #8897ae;
  cursor: pointer;
}
._stepperBtn_7l2vx_269:disabled {
  color: #d7dfe9;
  cursor: not-allowed;
}
._stepperBtn_7l2vx_269:hover:not(:disabled) {
  background: #f0f3f9;
  color: #455468;
}

._infoBox_7l2vx_291 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}

._infoBoxIcon_7l2vx_302 {
  flex: none;
  color: #455468;
}

._infoBoxText_7l2vx_307 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

._infoBoxTitle_7l2vx_314 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._infoBoxBody_7l2vx_324 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._plainCard_7l2vx_332 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  background: #ffffff;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: rgba(27, 56, 96, 0.12);
  border-radius: 12px;
}
@media (max-width: 768px) {
  ._plainCard_7l2vx_332 {
    padding: 16px;
  }
}

._rules_7l2vx_350 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #f9fafb;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}

._rulesTitle_7l2vx_361 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}
._rulesTitle_7l2vx_361 > svg {
  flex: none;
  color: #455468;
}

._rulesList_7l2vx_378 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._rule_7l2vx_350 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 8px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
}
._rule_7l2vx_350 > svg {
  flex: none;
}._page_einix_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: safe center;
  gap: 24px;
  height: 100%;
  overflow-y: auto;
  padding: 54px 24px;
  background: linear-gradient(316.23deg, #fbfdff 67.09%, #e3f1fd 98.77%);
}

._headingBlock_einix_14 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: stretch;
}

._heading_einix_14 {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -1.75px;
  text-align: center;
  color: #0a0c11;
}
@media (max-width: 768px) {
  ._heading_einix_14 {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -0.75px;
  }
}

._subheading_einix_39 {
  max-width: 640px;
  margin: 0 auto;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #455468;
}

._cardsRow_einix_50 {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  width: 100%;
}
@media (max-width: 1280px) {
  ._cardsRow_einix_50 {
    flex-wrap: wrap;
  }
}

._typeCard_einix_63 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
  width: 390px;
  max-width: 100%;
  min-height: 460px;
  padding: 20px;
  background: #ffffff;
  border: 0.8px solid #d7dfe9;
  border-radius: 12px;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._typeCard_einix_63:hover:not(._comingSoon_einix_81) {
  border-color: #a9bedd;
}
._typeCard_einix_63:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}
._typeCard_einix_63._selected_einix_88 {
  border: 1.5px solid #3c609b;
  padding: 19.3px;
  box-shadow: 0 4px 16px rgba(60, 96, 155, 0.12);
}
._typeCard_einix_63._selected_einix_88 ._typeDescription_einix_93 {
  color: #455468;
}
._typeCard_einix_63._comingSoon_einix_81 {
  cursor: not-allowed;
}

._imageWrap_einix_100 {
  position: relative;
  display: block;
  width: 100%;
  height: 314px;
  border-radius: 10px;
  overflow: hidden;
  background: #f0f3f9;
}
._comingSoon_einix_81 ._imageWrap_einix_100::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

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

._comingSoonLabel_einix_123 {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: -0.75px;
  color: #ffffff;
}

._textBlock_einix_138 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._typeTitle_einix_145 {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: -0.75px;
  color: #0a0c11;
}

._typeDescription_einix_93 {
  min-height: 40px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._summary_einix_163 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #455468;
}
._summary_einix_163 strong {
  font-weight: 700;
}

._actions_einix_176 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 500px;
  max-width: 100%;
}

._continueBtn_einix_185 {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 12px 20px;
  background: #3c609b;
  border: 1px solid rgba(14, 15, 17, 0.16);
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #ffffff;
  cursor: pointer;
}
._continueBtn_einix_185:hover {
  background: #34558a;
}
._continueBtn_einix_185:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._cancelLink_einix_210 {
  padding: 0;
  border: none;
  border-bottom: 1px solid #5e718d;
  background: transparent;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  cursor: pointer;
}
._cancelLink_einix_210:hover {
  color: #0a0c11;
  border-bottom-color: #0a0c11;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._logoSvg_1i4tk_125 {
  width: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  height: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  flex-shrink: 0;
}

/* ─── Dark Navy Primary Sidebar (Sidebar Menu) ──────────────────── */
._primarySidebar_1i4tk_132 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
  gap: 12px;
  width: 80px;
  height: 100%;
  background: linear-gradient(0deg, #0e2142, #0e2142), #233065;
  border-radius: 8px 8px 0px 8px;
  flex-shrink: 0;
  box-sizing: border-box;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._primarySidebar_1i4tk_132 {
    width: 78px;
    padding: 8px 0;
    gap: 8px;
  }
}
@media (max-height: 768px) {
  ._primarySidebar_1i4tk_132 {
    padding: 6px 0;
    gap: 6px;
  }
}

._primaryNavList_1i4tk_159 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  gap: 4px;
  width: 100%;
}

._primaryNavItem_1i4tk_168 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100%;
  height: 56px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #ffffff;
  opacity: 1;
  transition: opacity 0.2s ease, color 0.2s ease;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._primaryNavItem_1i4tk_168 {
    height: 52px;
  }
}
@media (max-height: 768px) {
  ._primaryNavItem_1i4tk_168 {
    height: 48px;
  }
}
._primaryNavItem_1i4tk_168:hover {
  color: #ffffff;
  opacity: 1;
}
._primaryNavItem_1i4tk_168._active_1i4tk_198 {
  opacity: 1;
  color: #eab032;
}

._activeIndicator_1i4tk_203 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3.5px;
  height: 44px;
  background: transparent;
  border-radius: 0 4px 4px 0;
  pointer-events: none;
  flex-shrink: 0;
  z-index: 2;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._activeIndicator_1i4tk_203 {
    height: 38px;
  }
}
@media (max-height: 768px) {
  ._activeIndicator_1i4tk_203 {
    height: 34px;
  }
}
._activeIndicator_1i4tk_203._activeBar_1i4tk_226 {
  background: #eab032;
}

._primaryNavInner_1i4tk_230 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  gap: 3px;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}
._primaryNavInner_1i4tk_230 svg {
  width: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  height: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  flex-shrink: 0;
  transition: transform 0.15s ease;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._primaryNavInner_1i4tk_230 svg {
    width: 21px;
    height: 21px;
  }
}
@media (max-height: 768px) {
  ._primaryNavInner_1i4tk_230 svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._primaryNavInner_1i4tk_230 {
    padding: 2px 4px;
    gap: 2px;
  }
}
@media (max-height: 768px) {
  ._primaryNavInner_1i4tk_230 {
    padding: 2px 2px;
    gap: 2px;
  }
}

._primaryNavLabel_1i4tk_272 {
  font-family: "DM Sans", var(--font-ui), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -0.2px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  max-width: 100%;
  padding: 0 2px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._active_1i4tk_198 ._primaryNavLabel_1i4tk_272 {
  font-weight: 600;
  color: #eab032;
}

/* ─── Sub Sidebar (Expanded) ────────────────────────────────────── */
._subSidebar_1i4tk_295 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 10px;
  gap: 10px;
  width: clamp(172px, 146.8571428571px + 2.4553571429vw, 194px);
  height: 100%;
  background: #f9f9f9;
  border: none;
  border-right: 1px solid #d7dce4;
  border-radius: 0;
  flex-shrink: 0;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._subSidebar_1i4tk_295 {
    padding: 10px 8px;
    gap: 8px;
  }
}

._subSidebarHeader_1i4tk_317 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px 20px;
  gap: 8px;
  width: 100%;
  height: 44px;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._subSidebarHeader_1i4tk_317 {
    padding: 6px 8px 14px;
  }
}

._subSidebarTitle_1i4tk_333 {
  font-family: "Plus Jakarta Sans", var(--font-display), sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #8897ae;
  text-transform: uppercase;
}

._subNavList_1i4tk_344 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  width: 100%;
  gap: 4px;
}

._subNavItem_1i4tk_353 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px;
  gap: 16px;
  width: 100%;
  height: 44px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #8897ae;
  transition: all 0.15s ease;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._subNavItem_1i4tk_353 {
    padding: 6px 10px;
    gap: 10px;
    height: 40px;
  }
}
._subNavItem_1i4tk_353:hover {
  background: rgba(234, 176, 50, 0.1);
  color: #0a0c11;
}
._subNavItem_1i4tk_353._active_1i4tk_198 {
  background: rgba(234, 176, 50, 0.25);
  color: #0a0c11;
}
._subNavItem_1i4tk_353._active_1i4tk_198 ._subNavLabel_1i4tk_384 {
  font-weight: 500;
  color: #0a0c11;
}

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

._subNavGroupToggle_1i4tk_396._active_1i4tk_198 {
  background: rgba(234, 176, 50, 0.12);
}

._subNavCaret_1i4tk_400 {
  margin-left: auto;
  flex-shrink: 0;
  color: #8897ae;
}

._subNavGroupItems_1i4tk_406 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 21px;
  padding-left: 8px;
  border-left: 1px solid #e3e7ee;
}
._subNavGroupItems_1i4tk_406 ._subNavItem_1i4tk_353 {
  gap: 10px;
  padding-left: 10px;
}

._subNavIcon_1i4tk_419 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(18px, 13.4285714286px + 0.4464285714vw, 22px);
  height: clamp(18px, 13.4285714286px + 0.4464285714vw, 22px);
  flex-shrink: 0;
}
._subNavIcon_1i4tk_419 svg {
  width: clamp(16px, 11.4285714286px + 0.4464285714vw, 20px);
  height: clamp(16px, 11.4285714286px + 0.4464285714vw, 20px);
  flex-shrink: 0;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._subNavIcon_1i4tk_419 svg {
    width: 17px;
    height: 17px;
  }
}

._subNavLabel_1i4tk_384 {
  font-family: "Plus Jakarta Sans", var(--font-display), sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: inherit;
  white-space: nowrap;
}._logoImage_1rsxh_1 {
  width: clamp(30px, 23.1428571429px + 0.6696428571vw, 36px);
  height: clamp(30px, 23.1428571429px + 0.6696428571vw, 36px);
  border-radius: 8px;
  object-fit: cover;
}

._logoInitials_1rsxh_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(30px, 23.1428571429px + 0.6696428571vw, 36px);
  height: clamp(30px, 23.1428571429px + 0.6696428571vw, 36px);
  border-radius: 8px;
  background: var(--color-navy, #23395a);
  color: #fff;
  font-size: clamp(11px, 8.7142857143px + 0.2232142857vw, 13px);
  font-weight: 600;
}._trigger_ww0ig_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #343330;
}

._countBadge_ww0ig_12 {
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  justify-content: center;
  font-size: 10px;
  line-height: 16px;
  border: 2px solid var(--color-surface, #ffffff);
}

._dropdownPanel_ww0ig_25 {
  width: 360px;
  max-width: calc(100vw - 32px);
}

._panel_ww0ig_30 {
  display: flex;
  flex-direction: column;
  max-height: 440px;
}

._panelHeader_ww0ig_36 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-panel-border, #dfeaf6);
  flex-shrink: 0;
}

._panelTitle_ww0ig_45 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  color: var(--color-neutral-900, #171a1f);
}

._markAllButton_ww0ig_52 {
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  color: var(--color-navy-800, #2b355e);
  padding: 0;
}
._markAllButton_ww0ig_52:hover {
  text-decoration: underline;
}

._panelList_ww0ig_66 {
  overflow-y: auto;
  flex: 1;
}

._panelMessage_ww0ig_71 {
  padding: 24px 16px;
  text-align: center;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-neutral-400, #afbaca);
}

._row_ww0ig_79 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 12px 16px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid var(--color-panel-border, #dfeaf6);
  transition: background-color 0.12s ease;
}
._row_ww0ig_79:hover {
  background: var(--color-neutral-25, #f9fafb);
}
._row_ww0ig_79:last-child {
  border-bottom: none;
}
._row_ww0ig_79._unread_ww0ig_98 {
  background: var(--color-info-25, #f3f6fd);
}
._row_ww0ig_79._unread_ww0ig_98:hover {
  background: var(--color-info-50, #e9eefb);
}

._rowIcon_ww0ig_105 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--color-neutral-100, #eef1f4);
  color: var(--color-neutral-700, #455468);
}

._rowBody_ww0ig_118 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._rowTitleLine_ww0ig_125 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._rowTitle_ww0ig_125 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
  color: var(--color-neutral-900, #171a1f);
}

._unreadDot_ww0ig_138 {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-navy-800, #2b355e);
}

._rowText_ww0ig_146 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-neutral-700, #455468);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

._rowTime_ww0ig_156 {
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--color-neutral-400, #afbaca);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

/* ─── Top Header (Frame 2147228222) ────────────────────────────── */
._topHeader_u06qi_126 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  gap: clamp(8px, 1.2vw, 16px);
  flex: 1;
  min-width: 0;
  height: 40px;
  flex-shrink: 0;
}

/* Search Box (Search) */
._searchContainer_u06qi_141 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: clamp(6px, 0.8vh, 10px) 12px;
  gap: 6px;
  width: 100%;
  max-width: clamp(260px, 54.2857142857px + 20.0892857143vw, 440px);
  min-width: 140px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 10px;
  flex: 1 1 auto;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._searchContainer_u06qi_141 {
    height: 36px;
  }
}
._searchContainer_u06qi_141:focus-within {
  outline: none;
  border-color: #d69d3e;
  box-shadow: 0 0 0 2px rgba(214, 157, 62, 0.2);
}

._searchIcon_u06qi_170 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(18px, 15.7142857143px + 0.2232142857vw, 20px);
  height: clamp(18px, 15.7142857143px + 0.2232142857vw, 20px);
  filter: drop-shadow(0px 1px 2px rgba(14, 15, 17, 0.06));
}
._searchIcon_u06qi_170 svg {
  width: clamp(18px, 15.7142857143px + 0.2232142857vw, 20px);
  height: clamp(18px, 15.7142857143px + 0.2232142857vw, 20px);
}

._searchInput_u06qi_184 {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 20px;
  border: none;
  background: transparent;
  outline: none;
  box-shadow: none;
  font-family: "Inter", var(--font-ui), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #2d3643;
}
._searchInput_u06qi_184:focus, ._searchInput_u06qi_184:focus-visible, ._searchInput_u06qi_184:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
._searchInput_u06qi_184::placeholder {
  color: #afbaca;
}

/* Right Actions Group (Frame 2085668859) */
._headerActionsGroup_u06qi_211 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;
  width: auto;
  height: 36px;
  flex-shrink: 0;
  margin-left: auto;
}
@media (max-width: 767px) {
  ._headerActionsGroup_u06qi_211 {
    gap: 8px;
  }
}

._actionIconsList_u06qi_229 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  ._actionIconsList_u06qi_229 {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  ._actionIconButton_u06qi_242._secondaryAction_u06qi_242 {
    display: none;
  }
}

._actionIconButton_u06qi_242 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(22px, 19.7142857143px + 0.2232142857vw, 24px);
  height: clamp(22px, 19.7142857143px + 0.2232142857vw, 24px);
  border: none;
  background: transparent;
  cursor: pointer;
  color: #343330;
  padding: 0;
  transition: opacity 0.15s ease;
}
._actionIconButton_u06qi_242 svg {
  width: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  height: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
}
._actionIconButton_u06qi_242:hover {
  opacity: 0.7;
}

._verticalDivider_u06qi_268 {
  width: 21px;
  height: 0;
  border: 1px solid #525d6f;
  transform: rotate(90deg);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  ._verticalDivider_u06qi_268 {
    display: none;
  }
}

._headerLogoWrapper_u06qi_281 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 4px;
  flex-shrink: 0;
  border-radius: 8px;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
._headerLogoWrapper_u06qi_281:hover {
  background-color: rgba(43, 53, 94, 0.06);
  transform: scale(1.05);
}
._headerLogoWrapper_u06qi_281 svg {
  width: 22px;
  height: 26px;
}

/* User Profile Card (Frame 2085668862) */
._userProfileCard_u06qi_302 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 4px;
  gap: 8px;
  width: auto;
  max-width: 170px;
  height: 36px;
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
._userProfileCard_u06qi_302 svg {
  width: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  height: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
}
@media (max-width: 767px) {
  ._userProfileCard_u06qi_302 {
    width: auto;
  }
  ._userProfileCard_u06qi_302 > :not(._avatarCircle_u06qi_325) {
    display: none;
  }
}
._userProfileCard_u06qi_302 {
  text-align: left;
  border-radius: var(--radius-pill);
  transition: background-color 0.15s ease;
}
._userProfileCard_u06qi_302:hover {
  background: rgba(0, 0, 0, 0.03);
}

._avatarCircle_u06qi_325 {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px 7px;
  gap: 10px;
  width: clamp(32px, 27.4285714286px + 0.4464285714vw, 36px);
  height: clamp(32px, 27.4285714286px + 0.4464285714vw, 36px);
  background: #deac59;
  border-radius: 999px;
  font-family: "DM Sans", var(--font-display), sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: clamp(12px, 9.7142857143px + 0.2232142857vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #ffffff;
  flex-shrink: 0;
}

._userInfoText_u06qi_361 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  width: auto;
  max-width: 120px;
  height: 36px;
  min-width: 0;
}

._userName_u06qi_373 {
  width: auto;
  max-width: 100%;
  height: 20px;
  font-family: "DM Sans", var(--font-display), sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3d4757;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._userRole_u06qi_389 {
  width: auto;
  max-width: 100%;
  height: 16px;
  font-family: "DM Sans", var(--font-display), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #667185;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._avatarImage_u06qi_405 {
  width: clamp(32px, 27.4285714286px + 0.4464285714vw, 36px);
  height: clamp(32px, 27.4285714286px + 0.4464285714vw, 36px);
  object-fit: cover;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

/* ─── Outer Application Container (Space) ───────────────────────── */
._pageWrapper_1h4z6_126 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 2px;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: linear-gradient(119.28deg, #fcfdff 0%, #e3f1fd 98.99%);
  overflow: hidden;
  box-sizing: border-box;
}

/* ─── Top Bar (Frame 2085668259) ───────────────────────────────── */
._topBar_1h4z6_141 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px clamp(12px, -1.7142857143px + 1.3392857143vw, 24px) 2px 0px;
  gap: clamp(8px, -1.1428571429px + 0.8928571429vw, 16px);
  width: 100%;
  height: var(--layout-header-height, 60px);
  flex-shrink: 0;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._topBar_1h4z6_141 {
    height: 56px;
  }
}
@media (max-height: 768px) {
  ._topBar_1h4z6_141 {
    height: 52px;
  }
}
@media (max-width: 767px) {
  ._topBar_1h4z6_141 {
    padding: 2px 12px 2px 8px;
    gap: 8px;
    height: 54px;
  }
}

/* ─── Navigation drawer (tablet + phone) ────────────────────────── */
._menuButton_1h4z6_171 {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--color-neutral-900);
  cursor: pointer;
}
._menuButton_1h4z6_171:hover {
  background: rgba(43, 53, 94, 0.06);
}
._menuButton_1h4z6_171 svg {
  width: clamp(18px, 13.4285714286px + 0.4464285714vw, 22px);
  height: clamp(18px, 13.4285714286px + 0.4464285714vw, 22px);
}
@media (max-width: 1023px) {
  ._menuButton_1h4z6_171 {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  ._menuButton_1h4z6_171._menuButtonPhoneOnly_1h4z6_198 {
    display: none;
  }
}

._inlinePrimarySidebar_1h4z6_203 {
  display: flex;
  flex-shrink: 0;
  height: 100%;
}
@media (max-width: 767px) {
  ._inlinePrimarySidebar_1h4z6_203 {
    display: none;
  }
}

._inlineSubSidebar_1h4z6_214 {
  display: flex;
  flex-shrink: 0;
  height: 100%;
}
@media (max-width: 1023px) {
  ._inlineSubSidebar_1h4z6_214 {
    display: none;
  }
}

._navDrawerLayer_1h4z6_225 {
  position: fixed;
  inset: 0;
  z-index: 900;
  display: flex;
}
@media (min-width: 1024px) {
  ._navDrawerLayer_1h4z6_225 {
    display: none;
  }
}

._navDrawerBackdrop_1h4z6_237 {
  position: absolute;
  inset: 0;
  padding: 0;
  border: none;
  background: var(--color-transparent-dark-48, rgba(14, 15, 17, 0.45));
  cursor: pointer;
}

._navDrawer_1h4z6_225 {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  max-width: calc(100vw - 48px);
  background: #f9f9f9;
  box-shadow: 0 25px 80px -12px rgba(14, 15, 17, 0.35);
  animation: _navDrawerIn_1h4z6_1 0.2s ease-out;
}
@media (min-width: 768px) {
  ._navDrawer_1h4z6_225 {
    margin-left: 80px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._navDrawer_1h4z6_225 {
    animation: none;
  }
}

@keyframes _navDrawerIn_1h4z6_1 {
  from {
    transform: translateX(-24px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._drawerPrimarySidebar_1h4z6_277 {
  display: flex;
  height: 100%;
}
@media (min-width: 768px) {
  ._drawerPrimarySidebar_1h4z6_277 {
    display: none;
  }
}

._drawerSubSidebar_1h4z6_287 {
  position: relative;
  display: flex;
  height: 100%;
  overflow-y: auto;
}

._drawerCloseButton_1h4z6_294 {
  position: absolute;
  top: 12px;
  right: 8px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._drawerCloseButton_1h4z6_294:hover {
  background: rgba(43, 53, 94, 0.08);
}
._drawerCloseButton_1h4z6_294 svg {
  width: clamp(16px, 13.7142857143px + 0.2232142857vw, 18px);
  height: clamp(16px, 13.7142857143px + 0.2232142857vw, 18px);
}

/* Sidebar Header (Logo area inside top bar) */
._topBarLogoWrapper_1h4z6_320 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 80px;
  height: 100%;
  flex-shrink: 0;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._topBarLogoWrapper_1h4z6_320 {
    width: 78px;
  }
}
@media (max-width: 767px) {
  ._topBarLogoWrapper_1h4z6_320 {
    width: 36px;
    padding: 0;
  }
}

/* ─── Body Row (container) ─────────────────────────────────────── */
._bodyRow_1h4z6_344 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  gap: 0;
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

/* ─── Combined Engagement + Space Container ─────────────────────── */
._mainContentWrapper_1h4z6_358 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 1;
  height: 100%;
  min-width: 0;
  padding: 0 clamp(8px, 1vw, 16px) clamp(8px, 1vw, 16px);
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 767px) {
  ._mainContentWrapper_1h4z6_358 {
    padding: 0 8px 8px;
  }
}

._mainContentContainer_1h4z6_375 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 1;
  height: 100%;
  min-width: 0;
  background: #ffffff;
  border: 1px solid #d7dce4;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
  box-sizing: border-box;
}

/* ─── Content Column (Frame 2147228220) ─────────────────────────── */
._contentColumn_1h4z6_391 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  flex: 1;
  height: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

._bannerSlot_1h4z6_403 {
  box-sizing: border-box;
  flex: none;
  width: 100%;
  padding: 8px 8px 0;
}
._bannerSlot_1h4z6_403:empty {
  display: none;
}

._contentCanvas_1h4z6_413 {
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  background: #ffffff;
  border: none;
  border-radius: 0;
  overflow: auto;
  position: relative;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._contentCanvasPlaceholder_1h4z6_427 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: #8897ae;
  text-align: center;
}
._contentCanvasPlaceholder_1h4z6_427 h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-neutral-900);
  margin: 0 0 8px 0;
}
._contentCanvasPlaceholder_1h4z6_427 p {
  font-size: 14px;
  margin: 0;
  max-width: 400px;
}

/* ─── Footer Action Bar (action) ────────────────────────────────── */
._footerBar_1h4z6_450 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  gap: 12px;
  width: 100%;
  height: 33px;
  background: #ffffff;
  white-space: nowrap;
}
@media (max-width: 767px) {
  ._footerBar_1h4z6_450 {
    padding: 8px 12px;
    font-size: 11px;
  }
}
._footerBar_1h4z6_450 {
  border-style: solid;
  border-color: var(--color-border-strong);
  border-width: 0 1px 1px 0;
  border-radius: 0 0 8px 0;
  font-family: "DM Sans", var(--font-ui), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #afbaca;
  flex-shrink: 0;
}

._footerLeft_1h4z6_484 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
}
._footerLeft_1h4z6_484 span {
  overflow: hidden;
  text-overflow: ellipsis;
}

._footerRight_1h4z6_496 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 16px;
}
@media (max-width: 767px) {
  ._footerRight_1h4z6_496 {
    gap: 10px;
  }
}
._footerRight_1h4z6_496 a {
  color: inherit;
  text-decoration: none;
}
._footerRight_1h4z6_496 a:hover {
  text-decoration: underline;
}._body_rxz8u_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._text_rxz8u_7,
._usage_rxz8u_8 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  color: var(--color-neutral-700);
}

._usage_rxz8u_8 {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._footer_rxz8u_22 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}._banner_olsc5_1 {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
}

._grace_olsc5_16 {
  background: var(--color-error-bg);
  border-color: var(--color-error-border);
  color: var(--color-error-ink);
}

._trial-ending_olsc5_22 {
  background: var(--color-warning-bg);
  border-color: var(--color-warning-border);
  color: var(--color-warning-ink);
}

._downgraded_olsc5_28 {
  background: var(--color-badge-info-bg);
  border-color: var(--color-badge-info-border);
  color: var(--color-neutral-900);
}

._icon_olsc5_34 {
  flex: none;
}

._message_olsc5_38 {
  flex: 1 1 260px;
  min-width: 0;
  margin: 0;
}

._actions_olsc5_44 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._dismiss_olsc5_50 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
}
._dismiss_olsc5_50:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}._row_zr9r0_1 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 6px;
  border-radius: 8px;
  transition: background-color 0.1s ease;
}
._row_zr9r0_1._active_zr9r0_9 {
  background: var(--color-navy-25);
}
._row_zr9r0_1._disabled_zr9r0_12 ._main_zr9r0_12 {
  opacity: 0.55;
  cursor: default;
}

._main_zr9r0_12 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  padding: 8px 10px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

._thumb_zr9r0_30 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--color-navy-50);
  color: var(--color-navy);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 600;
}

._thumbImage_zr9r0_46 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._text_zr9r0_52 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

._title_zr9r0_59,
._subtitle_zr9r0_60 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._title_zr9r0_59 {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: var(--color-neutral-950);
}

._subtitle_zr9r0_60 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: var(--color-muted);
}

._typeTag_zr9r0_81 {
  flex-shrink: 0;
  padding: 2px 8px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill, 9999px);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 500;
  color: var(--color-neutral-700);
}._layer_13nb9_1 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 12dvh 16px 16px;
}
@media (max-width: 767px) {
  ._layer_13nb9_1 {
    padding: 8px;
  }
}

._backdrop_13nb9_16 {
  position: absolute;
  inset: 0;
  padding: 0;
  border: none;
  background: var(--color-transparent-dark-48, rgba(14, 15, 17, 0.45));
  backdrop-filter: blur(2px);
  cursor: default;
}

._dialog_13nb9_26 {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  max-height: min(600px, 76dvh);
  overflow: hidden;
  background: var(--color-surface);
  border-radius: 16px;
  box-shadow: 0 25px 80px -12px rgba(14, 15, 17, 0.35);
}
@media (max-width: 767px) {
  ._dialog_13nb9_26 {
    max-height: calc(100dvh - 16px);
  }
}

._inputRow_13nb9_45 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-border);
}

._inputIcon_13nb9_54 {
  flex-shrink: 0;
  color: var(--color-neutral-900);
}

._input_13nb9_45 {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 22px;
  color: var(--color-neutral-950);
}
._input_13nb9_45:focus, ._input_13nb9_45:focus-visible {
  outline: none;
  box-shadow: none;
}
._input_13nb9_45::placeholder {
  color: var(--color-icon-subtle);
}

._closeBtn_13nb9_78 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._closeBtn_13nb9_78:hover {
  background: var(--color-neutral-100);
}

._results_13nb9_96 {
  flex: 1 1 auto;
  min-height: 0;
  padding: 8px;
  overflow-y: auto;
  overscroll-behavior: contain;
  transition: opacity 0.15s ease;
}
._results_13nb9_96._refreshing_13nb9_104 {
  opacity: 0.6;
}

._group_13nb9_108 {
  display: flex;
  flex-direction: column;
  padding: 4px 0 8px;
}
._group_13nb9_108 + ._group_13nb9_108 {
  border-top: 1px solid var(--color-border);
  padding-top: 8px;
}

._groupHead_13nb9_118 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 10px 6px;
}

._groupTitle_13nb9_126 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
._groupTitle_13nb9_126 span {
  color: var(--color-muted);
  font-weight: 500;
}

._linkBtn_13nb9_140,
._backBtn_13nb9_141,
._loadMoreBtn_13nb9_142 {
  border: none;
  background: transparent;
  color: var(--color-navy-600);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
._linkBtn_13nb9_140:hover:not(:disabled),
._backBtn_13nb9_141:hover:not(:disabled),
._loadMoreBtn_13nb9_142:hover:not(:disabled) {
  text-decoration: underline;
}

._linkBtn_13nb9_140 {
  padding: 2px 4px;
}

._backBtn_13nb9_141 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 0;
}

._loadMoreBtn_13nb9_142 {
  align-self: center;
  margin-top: 6px;
  padding: 6px 12px;
}
._loadMoreBtn_13nb9_142:disabled {
  color: var(--color-muted);
  cursor: default;
}

._skeleton_13nb9_178 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 10px;
}

._message_13nb9_185 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 16px;
  text-align: center;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-muted);
}
._message_13nb9_185 p {
  margin: 0;
  color: var(--color-neutral-700);
}
._message_13nb9_185 strong {
  color: var(--color-neutral-950);
}

._footer_13nb9_204 {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: none;
  padding: 8px 16px;
  border-top: 1px solid var(--color-border);
  background: var(--color-neutral-25);
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--color-muted);
}
._footer_13nb9_204 kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-right: 3px;
  padding: 0 4px;
  border: 1px solid var(--color-border-strong);
  border-radius: 4px;
  background: var(--color-surface);
  font-family: inherit;
  font-size: 10px;
}
@media (max-width: 767px) {
  ._footer_13nb9_204 {
    display: none;
  }
}._dropdown_18wxe_1 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 950;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-height: min(440px, 70dvh);
  padding: 6px;
  overflow-y: auto;
  background: var(--color-surface);
  border: 1px solid var(--color-panel-border);
  border-radius: 12px;
  box-shadow: 0 12px 32px -8px rgba(14, 15, 17, 0.18);
}

._submitRow_18wxe_20 {
  border-radius: 8px;
}
._submitRow_18wxe_20._active_18wxe_23 {
  background: var(--color-navy-25);
}

._submitBtn_18wxe_27 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border: none;
  background: transparent;
  color: var(--color-neutral-700);
  font-family: var(--font-ui);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
._submitBtn_18wxe_27 strong {
  font-weight: 600;
  color: var(--color-neutral-950);
}

._submitText_18wxe_46 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._kbd_18wxe_54 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  border: 1px solid var(--color-border-strong);
  border-radius: 4px;
  color: var(--color-muted);
}

._sectionHead_18wxe_66 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px 2px;
}

._sectionTitle_18wxe_73 {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--color-icon-muted);
}

._clearBtn_18wxe_82 {
  padding: 2px 4px;
  border: none;
  background: transparent;
  color: var(--color-navy-600);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
._clearBtn_18wxe_82:hover {
  text-decoration: underline;
}

._list_18wxe_96 {
  display: flex;
  flex-direction: column;
}

._removeBtn_18wxe_101 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--color-neutral-400);
  cursor: pointer;
}
._removeBtn_18wxe_101:hover {
  background: var(--color-neutral-100);
  color: var(--color-neutral-900);
}._wrapper_2aar5_1 {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  max-width: clamp(260px, 54.2857142857px + 20.0892857143vw, 440px);
  min-width: 140px;
}

._searchBox_2aar5_9 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 40px;
  padding: 0 8px 0 12px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  ._searchBox_2aar5_9 {
    height: 36px;
  }
}
._searchBox_2aar5_9:focus-within {
  border-color: #d69d3e;
  box-shadow: 0 0 0 2px rgba(214, 157, 62, 0.2);
}

._icon_2aar5_32 {
  flex-shrink: 0;
  color: var(--color-neutral-900);
}

._input_2aar5_37 {
  flex: 1;
  min-width: 0;
  height: 20px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  box-shadow: none;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #2d3643;
}
._input_2aar5_37:focus, ._input_2aar5_37:focus-visible {
  outline: none;
  box-shadow: none;
}
._input_2aar5_37::placeholder {
  color: #afbaca;
}

._shortcut_2aar5_60 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-border-strong);
  border-radius: 4px;
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--color-muted);
}
._searchBox_2aar5_9:focus-within ._shortcut_2aar5_60 {
  display: none;
}
@media (max-width: 767px) {
  ._shortcut_2aar5_60 {
    display: none;
  }
}._chip_14i0k_1 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}

._icon_14i0k_15 {
  display: inline-flex;
}

._success_14i0k_19 {
  background: var(--color-success-bg);
  color: var(--color-success-ink);
}

._warning_14i0k_24 {
  background: var(--color-warning-bg);
  color: var(--color-warning-ink);
}

._error_14i0k_29 {
  background: var(--color-error-bg);
  color: var(--color-error-ink);
}

._default_14i0k_34 {
  background: var(--color-neutral-100);
  color: var(--color-neutral-700);
}._card_c6lwf_1 {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
  width: 100%;
  min-width: 0;
  padding: clamp(16px, 2.2857142857px + 1.3392857143vw, 28px);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-e-sm);
}

._text_c6lwf_17 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

._title_c6lwf_24 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(26px, 16.8571428571px + 0.8928571429vw, 34px);
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: var(--color-neutral-900);
}

._subtitle_c6lwf_34 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(14px, 12.8571428571px + 0.1116071429vw, 15px);
  line-height: 22px;
  color: var(--color-neutral-600);
}

._chips_c6lwf_42 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 6px;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._notice_zci50_125 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
}

._icon_zci50_139 {
  flex: none;
  margin-top: 1px;
}

._text_zci50_144 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-wrap: anywhere;
}

._title_zci50_151 {
  font-weight: 500;
}

._success_zci50_155 {
  background: var(--color-card-shell-success);
  border-color: var(--color-badge-success-border);
  color: var(--color-badge-success-ink);
}

._error_zci50_161 {
  background: var(--color-error-bg);
  border-color: var(--color-error-border);
  color: var(--color-error-ink);
}

._info_zci50_167 {
  background: var(--color-navy-25);
  border-color: var(--color-border-strong);
  color: var(--color-neutral-700);
}._section_ez6gl_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding: clamp(16px, 6.8571428571px + 0.8928571429vw, 24px);
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-e-sm);
}

._header_ez6gl_15 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._heading_ez6gl_23 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._title_ez6gl_30 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(16px, 13.7142857143px + 0.2232142857vw, 18px);
  line-height: 1.4;
  color: var(--color-neutral-950);
}

._description_ez6gl_39 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-neutral-600);
}

._actions_ez6gl_47 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}._form_1d074_1 {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 7.1428571429px + 0.6696428571vw, 20px);
}

._grid_1d074_7 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(12px, 7.4285714286px + 0.4464285714vw, 16px);
}
@media (max-width: 767px) {
  ._grid_1d074_7 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._actions_1d074_19 {
  display: flex;
  justify-content: flex-end;
}._body_1q9pm_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._footer_1q9pm_7 {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  border-top: 1px solid var(--color-border);
}

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

._summary_1q9pm_18 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-neutral-700);
}
._summary_1q9pm_18 dt,
._summary_1q9pm_18 dd {
  margin: 0;
}

._row_1q9pm_38,
._totalRow_1q9pm_39 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

._totalRow_1q9pm_39 {
  padding-top: 8px;
  border-top: 1px solid var(--color-divider);
  font-weight: 600;
  color: var(--color-neutral-950);
}

._note_1q9pm_52 {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-600);
}._number_jye3p_1 {
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--color-neutral-950);
  white-space: nowrap;
}

._muted_jye3p_8 {
  color: var(--color-neutral-600);
}

._actions_jye3p_12 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

._download_jye3p_19 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

._spinner_jye3p_25 {
  flex: none;
  animation: _invoice-download-spin_jye3p_1 0.9s linear infinite;
}

@keyframes _invoice-download-spin_jye3p_1 {
  to {
    transform: rotate(360deg);
  }
}
._payLink_jye3p_35 {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-navy);
  text-decoration: underline;
  white-space: nowrap;
}
._payLink_jye3p_35:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

._srOnly_jye3p_49 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}._card_bysft_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  padding: clamp(16px, 2.2857142857px + 1.3392857143vw, 28px);
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-e-sm);
}

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

._title_bysft_20 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(16px, 13.7142857143px + 0.2232142857vw, 18px);
  line-height: 1.4;
  color: var(--color-neutral-900);
}

._subtitle_bysft_29 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(13px, 10.7142857143px + 0.2232142857vw, 15px);
  line-height: 1.5;
  color: var(--color-neutral-700);
}

._list_bysft_37 {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-navy-25);
  overflow: hidden;
}

._row_bysft_47 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(110px, auto);
  align-items: baseline;
  column-gap: 14px;
  padding: 12px 20px;
  font-family: var(--font-ui);
}
._row_bysft_47 + ._row_bysft_47 {
  border-top: 1px solid var(--color-border);
}
@media (max-width: 767px) {
  ._row_bysft_47 {
    grid-template-columns: auto minmax(0, 1fr) auto;
    row-gap: 2px;
    padding: 12px 14px;
  }
}

._icon_bysft_66 {
  align-self: center;
  color: var(--color-icon-muted);
}

._name_bysft_71 {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: var(--color-neutral-900);
}

._value_bysft_78 {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  text-align: right;
  color: var(--color-neutral-900);
}

._suffix_bysft_86 {
  font-size: 13px;
  color: var(--color-neutral-600);
}
@media (max-width: 767px) {
  ._suffix_bysft_86 {
    grid-column: 2/-1;
    text-align: right;
  }
}._card_sbdvh_1 {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "heading action" "rows rows" "callouts callouts";
  column-gap: clamp(16px, -2.2857142857px + 1.7857142857vw, 32px);
  width: 100%;
  min-width: 0;
  padding: clamp(16px, 2.2857142857px + 1.3392857143vw, 28px);
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-e-sm);
}
@media (max-width: 767px) {
  ._card_sbdvh_1 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "heading" "action" "rows" "callouts";
    row-gap: 12px;
  }
}

._heading_sbdvh_23 {
  grid-area: heading;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._eyebrowRow_sbdvh_31,
._nameRow_sbdvh_32 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

._eyebrow_sbdvh_31 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--color-neutral-600);
}

._name_sbdvh_32 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(26px, 16.8571428571px + 0.8928571429vw, 34px);
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: var(--color-neutral-900);
  overflow-wrap: anywhere;
}

._price_sbdvh_61 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin: 2px 0 0;
}

._amount_sbdvh_69 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 14.8571428571px + 0.8928571429vw, 32px);
  line-height: 1.2;
  color: var(--color-neutral-900);
}

._priceDetail_sbdvh_77 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  color: var(--color-neutral-700);
}

._changeButton_sbdvh_84 {
  grid-area: action;
  align-self: start;
  gap: 8px;
}
@media (max-width: 767px) {
  ._changeButton_sbdvh_84 {
    justify-self: start;
  }
}

._rows_sbdvh_95 {
  grid-area: rows;
  display: flex;
  flex-direction: column;
  margin: 20px 0 0;
}
._rows_sbdvh_95 dt,
._rows_sbdvh_95 dd {
  margin: 0;
}
@media (max-width: 767px) {
  ._rows_sbdvh_95 {
    margin-top: 4px;
  }
}

._row_sbdvh_95 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
  padding: 10px 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
}
._row_sbdvh_95 + ._row_sbdvh_95 {
  border-top: 1px solid var(--color-border);
}
._row_sbdvh_95 dt {
  color: var(--color-neutral-600);
}
._row_sbdvh_95 dd {
  font-weight: 600;
  color: var(--color-neutral-900);
  text-align: right;
}

._callouts_sbdvh_134 {
  grid-area: callouts;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._callouts_sbdvh_134:not(:empty) {
  margin-top: 16px;
}

._callout_sbdvh_134 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}._section_13wo9_1 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}

._top_13wo9_8 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
}

._intro_13wo9_16 {
  display: flex;
  flex: 1 1 360px;
  flex-direction: column;
  gap: 6px;
  max-width: 680px;
}

._title_13wo9_24 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(20px, 13.1428571429px + 0.6696428571vw, 26px);
  line-height: 1.3;
  color: var(--color-neutral-900);
}
._title_13wo9_24:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

._subtitle_13wo9_38 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(13px, 10.7142857143px + 0.2232142857vw, 15px);
  line-height: 1.6;
  color: var(--color-neutral-700);
}

._controls_13wo9_46 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._toggle_13wo9_52 {
  display: inline-flex;
  gap: 2px;
  padding: 4px;
  border-radius: var(--radius-pill);
  background: var(--color-neutral-100);
}

._toggleOption_13wo9_60 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 6px 18px;
  border: none;
  border-radius: var(--radius-pill);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 500;
  color: var(--color-neutral-700);
  cursor: pointer;
}
._toggleOption_13wo9_60:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
}

._toggleActive_13wo9_80 {
  background: var(--color-surface);
  color: var(--color-neutral-900);
  box-shadow: var(--shadow-sm);
}

._saveBadge_13wo9_86 {
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--color-success-bg);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-success-ink);
}

._plans_13wo9_95 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: clamp(12px, 7.4285714286px + 0.4464285714vw, 16px);
  margin: 0;
  padding: 0;
  list-style: none;
}

._plan_13wo9_95 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  padding: clamp(18px, 6.5714285714px + 1.1160714286vw, 28px);
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-e-sm);
}

._current_13wo9_117 {
  border: 2px solid var(--color-navy);
}

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

._nameRow_13wo9_127 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

._planName_13wo9_134 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  line-height: 1.3;
  color: var(--color-neutral-900);
}

._tagline_13wo9_143 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-600);
}

._priceBlock_13wo9_151 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._price_13wo9_151 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0;
}

._amount_13wo9_164 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(26px, 19.1428571429px + 0.6696428571vw, 32px);
  line-height: 1.2;
  color: var(--color-neutral-900);
}

._suffix_13wo9_172 {
  font-family: var(--font-ui);
  font-size: 15px;
  color: var(--color-neutral-600);
}

._priceNote_13wo9_178 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-600);
}

._features_13wo9_186 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._feature_13wo9_186 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: baseline;
  column-gap: 10px;
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 22px;
}

._check_13wo9_206 {
  align-self: center;
  color: var(--color-neutral-600);
}

._featureName_13wo9_211 {
  color: var(--color-neutral-700);
}

._featureValue_13wo9_215 {
  font-weight: 600;
  text-align: right;
  color: var(--color-neutral-900);
}

._action_13wo9_221 {
  margin-top: 6px;
}

._footnote_13wo9_225 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-neutral-600);
}

._footnoteIcon_13wo9_236 {
  flex-shrink: 0;
  margin-top: 2px;
}._heading_1q0e9_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._subtitle_1q0e9_7 {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-neutral-600);
}

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

._panelTitle_1q0e9_21,
._sectionTitle_1q0e9_22,
._billTitle_1q0e9_23 {
  margin: 0;
  font-family: var(--font-ui);
  color: var(--color-neutral-900);
}

._usage_1q0e9_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px 20px;
  background: var(--color-neutral-50);
  border-radius: var(--radius-card);
}

._panelTitle_1q0e9_21 {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

._usageGrid_1q0e9_44 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
._usageGrid_1q0e9_44 div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._usageGrid_1q0e9_44 div:nth-child(2) {
  align-items: center;
}
._usageGrid_1q0e9_44 div:last-child {
  align-items: flex-end;
}
._usageGrid_1q0e9_44 dt {
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-600);
}
._usageGrid_1q0e9_44 dd {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: var(--color-neutral-900);
  overflow-wrap: anywhere;
}

._select_1q0e9_78 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._sectionTitle_1q0e9_22 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

._stepper_1q0e9_90 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 8px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-card);
}
._stepper_1q0e9_90:focus-within {
  border-color: var(--color-focus-border);
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}

._stepperInput_1q0e9_104 {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-neutral-950);
  appearance: textfield;
}
._stepperInput_1q0e9_104::-webkit-inner-spin-button, ._stepperInput_1q0e9_104::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

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

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

._pack_1q0e9_133 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: 14px;
  row-gap: 4px;
  padding: 16px 18px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-card);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
._pack_1q0e9_133:hover {
  border-color: var(--color-neutral-600);
}
._pack_1q0e9_133:focus-within {
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}

._packSelected_1q0e9_159 {
  background: var(--color-neutral-100);
  border: 1.5px solid var(--color-neutral-900);
}
._packSelected_1q0e9_159:hover {
  border-color: var(--color-neutral-900);
}

._packRadio_1q0e9_167 {
  grid-row: 1/span 2;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--color-neutral-900);
  cursor: pointer;
}

._packName_1q0e9_176 {
  grid-column: 2;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: var(--color-neutral-950);
}

._packMeta_1q0e9_185 {
  grid-column: 2;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-600);
}

._bill_1q0e9_23 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 20px;
  background: var(--color-neutral-50);
  border-radius: var(--radius-card);
}

._billTitle_1q0e9_23 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border-strong);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

._billRows_1q0e9_213 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
._billRows_1q0e9_213 div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
}
._billRows_1q0e9_213 dt {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-700);
}
._billRows_1q0e9_213 dd {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--color-neutral-950);
  text-align: right;
}

._billPrice_1q0e9_241 {
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid var(--color-border-strong);
}
._billPrice_1q0e9_241 dd {
  font-size: 16px;
}

._billNote_1q0e9_250 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-600);
}

._footer_1q0e9_258 {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  border-top: 1px solid var(--color-border);
}._usage_r6nmd_1 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

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

._title_r6nmd_14 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  line-height: 1.3;
  color: var(--color-neutral-900);
}

._summary_r6nmd_23,
._cardSubtitle_r6nmd_24 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(13px, 10.7142857143px + 0.2232142857vw, 15px);
  line-height: 1.5;
  color: var(--color-neutral-700);
}

._card_r6nmd_24 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: clamp(16px, 2.2857142857px + 1.3392857143vw, 28px);
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-e-sm);
}

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

._cardTitle_r6nmd_50 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(16px, 13.7142857143px + 0.2232142857vw, 18px);
  line-height: 1.4;
  color: var(--color-neutral-900);
}

._empty_r6nmd_59 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-neutral-600);
}

._grid_r6nmd_66 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 7.4285714286px + 0.4464285714vw, 16px);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  ._grid_r6nmd_66 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._meter_r6nmd_80 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: clamp(16px, 9.1428571429px + 0.6696428571vw, 22px);
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-e-sm);
}

._meterHead_r6nmd_93 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

._iconBox_r6nmd_99 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-control);
  background: var(--color-neutral-100);
  color: var(--color-neutral-600);
}

._meterName_r6nmd_111 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._meterLabel_r6nmd_119 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: var(--color-neutral-900);
}

._meterDescription_r6nmd_128 {
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-600);
}

._topupWrap_r6nmd_135 {
  display: inline-flex;
  flex-shrink: 0;
}
._topupWrap_r6nmd_135 button {
  gap: 8px;
}

._valueRow_r6nmd_143 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
  margin-top: 6px;
  color: var(--color-neutral-900);
}
._valueRow_r6nmd_143._warning_r6nmd_152 {
  color: var(--color-warning-ink);
}

._value_r6nmd_143 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(17px, 13.5714285714px + 0.3348214286vw, 20px);
  line-height: 1.3;
}

._percent_r6nmd_163 {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
}

._bar_r6nmd_169 {
  width: 100%;
  height: 6px;
  appearance: none;
  border: none;
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: var(--color-neutral-100);
  color: var(--color-navy);
}
._bar_r6nmd_169::-webkit-progress-bar {
  background: var(--color-neutral-100);
  border-radius: var(--radius-pill);
}
._bar_r6nmd_169::-webkit-progress-value {
  background: currentColor;
  border-radius: var(--radius-pill);
}
._bar_r6nmd_169::-moz-progress-bar {
  background: currentColor;
  border-radius: var(--radius-pill);
}
._bar_r6nmd_169._warning_r6nmd_152 {
  color: var(--color-warning-ink);
}

._remaining_r6nmd_195 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-warning-ink);
}

._unlimitedValue_r6nmd_205 {
  margin: 6px 0 0;
  font-family: var(--font-ui);
  font-size: 15px;
  color: var(--color-neutral-700);
}
._unlimitedValue_r6nmd_205 strong {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  color: var(--color-neutral-900);
}

._meterFoot_r6nmd_218 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 12px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--color-border);
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-600);
}

._blocked_r6nmd_232 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-warning-ink);
}._page_1wb45_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2.8571428571px + 0.8928571429vw, 20px);
  width: 100%;
  min-width: 0;
  padding: clamp(12px, -1.7142857143px + 1.3392857143vw, 24px);
}

._error_1wb45_11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}._page_19tra_1 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 64px 16px;
  background: linear-gradient(180deg, var(--color-page) 0%, var(--color-surface-gradient-end) 100%);
}

._content_19tra_15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 560px;
  text-align: center;
}

._iconWrap_19tra_25 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  margin-bottom: 8px;
  border-radius: 50%;
  background: var(--color-neutral-100);
}

._icon_19tra_25 {
  color: var(--color-neutral-900);
}

._success_19tra_40 ._iconWrap_19tra_25 {
  background: var(--color-success-bg);
}

._success_19tra_40 ._icon_19tra_25 {
  color: var(--color-success-emphasis);
}

._failed_19tra_48 ._iconWrap_19tra_25,
._missing_19tra_49 ._iconWrap_19tra_25 {
  background: var(--color-error-bg);
}

._failed_19tra_48 ._icon_19tra_25,
._missing_19tra_49 ._icon_19tra_25 {
  color: var(--color-error-ink);
}

._pending_19tra_58 ._iconWrap_19tra_25 {
  background: var(--color-warning-bg);
}

._pending_19tra_58 ._icon_19tra_25 {
  color: var(--color-warning-ink);
}

._checking_19tra_66 ._icon_19tra_25 {
  animation: _spin_19tra_1 1.2s linear infinite;
}

._title_19tra_70 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 14.2857142857px + 1.3392857143vw, 40px);
  line-height: 1.15;
  letter-spacing: -0.5px;
  color: var(--color-neutral-900);
}

._body_19tra_80 {
  max-width: 460px;
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(15px, 12.7142857143px + 0.2232142857vw, 17px);
  line-height: 1.55;
  color: var(--color-neutral-700);
}

._summary_19tra_89 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 12px 0 0;
  padding: 8px 24px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-e-sm);
  text-align: left;
}

._summaryRow_19tra_103 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 12px 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
}
._summaryRow_19tra_103 + ._summaryRow_19tra_103 {
  border-top: 1px solid var(--color-border);
}
._summaryRow_19tra_103 dt {
  color: var(--color-neutral-600);
}
._summaryRow_19tra_103 dd {
  margin: 0;
  font-weight: 600;
  color: var(--color-neutral-950);
  text-align: right;
  overflow-wrap: anywhere;
}

._reference_19tra_127 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-neutral-600);
}

._actions_19tra_134 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
}
._actions_19tra_134 button {
  gap: 8px;
}

@keyframes _spin_19tra_1 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._checking_19tra_66 ._icon_19tra_25 {
    animation: none;
  }
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._composerRow_n2gej_125 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._input_n2gej_133 {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  min-height: 36px;
  max-height: 120px;
  padding: 8px 14px;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: var(--color-neutral-25);
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-950);
  resize: none;
  field-sizing: content;
}
._input_n2gej_133::placeholder {
  color: var(--color-neutral-400);
}
._input_n2gej_133:focus {
  outline: none;
  border-color: var(--color-focus-border);
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}

._sendBtn_n2gej_159 {
  flex: none;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._commentItem_wor4k_125 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

._commentItemReply_wor4k_133 {
  margin-top: 10px;
}

._commentBody_wor4k_137 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1;
}

._commentBubble_wor4k_145 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  padding: 10px 14px;
  background: transparent;
  border-radius: var(--radius-card);
}

._commentBubbleHighlight_wor4k_156 {
  animation: _commentHighlight_wor4k_1 3s ease-out forwards;
}
@media (prefers-reduced-motion: reduce) {
  ._commentBubbleHighlight_wor4k_156 {
    animation: none;
    background: var(--color-navy-25);
  }
}

@keyframes _commentHighlight_wor4k_1 {
  0%, 60% {
    background: var(--color-navy-25);
  }
  100% {
    background: transparent;
  }
}
._commentHeader_wor4k_174 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
}

._editedTag_wor4k_181 {
  font-family: var(--font-ui);
  font-size: 11px;
  font-style: italic;
  color: var(--color-neutral-400);
}

._commentMenu_wor4k_188 {
  margin-left: auto;
  align-self: center;
}

._commentAuthor_wor4k_193 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
  color: var(--color-neutral-950);
}

._commentTime_wor4k_200 {
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--color-neutral-400);
}

._commentContent_wor4k_206 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-body);
  white-space: pre-wrap;
  word-break: break-word;
}

._commentActions_wor4k_216 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  padding-left: 4px;
}

._commentAction_wor4k_216 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  color: var(--color-neutral-400);
  cursor: pointer;
}
._commentAction_wor4k_216:hover {
  color: var(--color-neutral-700);
}
._commentAction_wor4k_216._liked_wor4k_240 {
  color: var(--color-error-ink, #b8101a);
}

._commentTextAction_wor4k_244 {
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  color: var(--color-neutral-400);
  cursor: pointer;
}
._commentTextAction_wor4k_244:hover {
  color: var(--color-neutral-700);
  text-decoration: underline;
}
._commentTextAction_wor4k_244:disabled {
  cursor: default;
  opacity: 0.6;
}

._replies_wor4k_263 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

._repliesStatus_wor4k_270 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._continueThread_wor4k_276 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-neutral-700);
  cursor: pointer;
}
._continueThread_wor4k_276:hover {
  text-decoration: underline;
}

._commentItem_wor4k_125 ._commentMenuButton_wor4k_293 {
  border-color: transparent;
  background: transparent;
}
._commentItem_wor4k_125 ._commentMenuButton_wor4k_293:hover {
  background: rgba(43, 53, 94, 0.06);
}

._replyBox_wor4k_301 {
  margin-top: 8px;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._panel_ufo70_125 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._list_ufo70_131 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._indicator_ufo70_137 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: -6px;
  padding: 6px 12px;
  border-radius: var(--radius-card);
  background: var(--color-navy-25);
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-700);
}

._cancel_ufo70_152 {
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-neutral-700);
  cursor: pointer;
}
._cancel_ufo70_152:hover {
  text-decoration: underline;
}

._status_ufo70_166 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._locked_ufo70_172 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--color-neutral-25);
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-600);
}

._sentinel_ufo70_185 {
  height: 1px;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._page_ldor0_125 {
  box-sizing: border-box;
  width: 100%;
}

._bar_ldor0_130 {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.93);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--color-border);
}

._back_ldor0_144 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px 0 8px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--color-navy, #23395a);
  font: 600 13.5px/1 var(--font-ui);
  cursor: pointer;
}
._back_ldor0_144:hover {
  background: var(--color-navy-50, #e9eef6);
}

._content_ldor0_161 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 16px;
}

._subtitle_ldor0_172 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._parent_ldor0_178 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-border);
}

._parentBody_ldor0_187 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._parentAuthor_ldor0_194 {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._parentContent_ldor0_201 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-body);
  white-space: pre-wrap;
  word-break: break-word;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._composer_lelku_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 20px 24px 16px;
  background: var(--color-surface);
}
@media (max-width: 767px) {
  ._composer_lelku_125 {
    gap: 12px;
    padding: 14px 14px 10px;
  }
}
._composer_lelku_125 {
  border: 1px solid var(--color-border);
  border-radius: 16px;
  box-shadow: var(--shadow-e-sm);
}

._composerInputRow_lelku_146 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  width: 100%;
}
@media (max-width: 767px) {
  ._composerInputRow_lelku_146 {
    gap: 10px;
  }
}

._composerInput_lelku_146 {
  flex: 1;
  min-width: 0;
  height: 48px;
  padding: 0 20px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: var(--color-neutral-25);
  font-family: var(--font-ui);
  font-size: 16px;
  color: var(--color-neutral-400);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._composerInput_lelku_146:hover {
  background: var(--color-neutral-50);
}
._composerInput_lelku_146:focus-visible {
  outline: none;
  border-color: var(--color-focus-border);
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}

._composerActionsRow_lelku_186 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-left: 12px;
}
@media (max-width: 767px) {
  ._composerActionsRow_lelku_186 {
    padding-left: 0;
  }
}

._composerAttachments_lelku_200 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  ._composerAttachments_lelku_200 {
    gap: 2px;
  }
}

._attachmentBtn_lelku_212 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 36px;
  padding: 0 12px;
  border: none;
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-neutral-600);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
@media (max-width: 767px) {
  ._attachmentBtn_lelku_212 {
    gap: 6px;
    padding: 0 8px;
    font-size: 14px;
  }
}
._attachmentBtn_lelku_212 svg {
  color: var(--color-neutral-400);
}
._attachmentBtn_lelku_212:hover {
  background: var(--color-neutral-25);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

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

._card_nu6r8_130 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  color: inherit;
  text-decoration: none;
  transition: border-color 0.15s ease;
}
._card_nu6r8_130:hover {
  border-color: var(--color-neutral-300);
}
._card_nu6r8_130:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

._image_nu6r8_151 {
  display: block;
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  background: var(--color-neutral-25);
  border-bottom: 1px solid var(--color-border);
}

._body_nu6r8_160 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  min-width: 0;
}

._domain_nu6r8_168 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: var(--color-neutral-500);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._title_nu6r8_181 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-950);
}

._description_nu6r8_193 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-600);
}

._remove_nu6r8_204 {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full-round);
  background: var(--color-surface);
  color: var(--color-neutral-700);
  cursor: pointer;
  box-shadow: var(--shadow-e-sm);
}
._remove_nu6r8_204:hover {
  color: var(--color-neutral-950);
  background: var(--color-neutral-25);
}
._remove_nu6r8_204:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

._status_nu6r8_230 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-500);
}/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }

  .annotationLayer .linkAnnotation:hover {
    backdrop-filter: invert(100%);
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer[data-main-rotation='90'] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation='180'] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation='270'] .norotate {
  transform: rotate(90deg) translateY(-100%);
}

.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.textLayer.selecting ~ .annotationLayer section {
  pointer-events: none;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--total-scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--total-scale-factor));
  width: 100%;
  min-width: calc(180px * var(--total-scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--total-scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor))
    rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--total-scale-factor));
  padding: calc(6px * var(--total-scale-factor));
  margin-left: calc(5px * var(--total-scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--total-scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--total-scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--total-scale-factor));
  padding-top: calc(2px * var(--total-scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--total-scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-text-layer: 1;
}

[data-main-rotation='90'] {
  transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation='180'] {
  transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation='270'] {
  transform: rotate(270deg) translateX(-100%);
}

.textLayer {
  color-scheme: only light;

  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: clip;
  opacity: 1;
  line-height: 1;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  caret-color: CanvasText;
  z-index: 0;

  /* We multiply the font size by --min-font-size, and then scale the text
   * elements by 1/--min-font-size. This allows us to effectively ignore the
   * minimum font size enforced by the browser, so that the text layer <span>s
   * can always match the size of the text in the canvas. */
  --min-font-size: 1;
  --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));
  --min-font-size-inv: calc(1 / var(--min-font-size));
}

.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  margin: 0;
  transform-origin: 0 0;
}

.textLayer > :not(.markedContent),
.textLayer .markedContent span:not(.markedContent) {
  z-index: 1;

  --font-height: 0; /* set by text_layer.js */
  font-size: calc(var(--text-scale-factor) * var(--font-height));

  --scale-x: 1;
  --rotate: 0deg;
  transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));
}

.textLayer .markedContent {
  display: contents;
}

.textLayer span[role='img'] {
  user-select: none;
  cursor: default;
}

.textLayer .highlight {
  --highlight-bg-color: rgb(180 0 170 / 0.25);
  --highlight-selected-bg-color: rgb(0 100 0 / 0.25);
  --highlight-backdrop-filter: none;
  --highlight-selected-backdrop-filter: none;

  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  backdrop-filter: var(--highlight-backdrop-filter);
  border-radius: 4px;
}

@media screen and (forced-colors: active) {
  .textLayer .highlight {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
  backdrop-filter: var(--highlight-selected-backdrop-filter);
}

.textLayer ::selection {
  background: rgba(0 0 255 / 0.25);
}

@supports (background: color-mix(in srgb, AccentColor, transparent 75%)) {
  .textLayer ::selection {
    background: color-mix(in srgb, AccentColor, transparent 75%);
  }
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: 0;
  cursor: default;
  user-select: none;
}

.textLayer.selecting .endOfContent {
  top: 0;
}

.hiddenCanvasElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}
._overlay_1n7n4_1 {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(17, 30, 50, 0.75);
}

._backdrop_1n7n4_12 {
  position: absolute;
  inset: 0;
  border: none;
  background: transparent;
  cursor: default;
}

._panel_1n7n4_20 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(1100px, 100%);
  height: min(90vh, 900px);
  border-radius: var(--radius-control);
  background: #fff;
  overflow: hidden;
}

._header_1n7n4_31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background: var(--color-navy);
  color: #fff;
}

._fileName_1n7n4_41 {
  min-width: 0;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._headerActions_1n7n4_51 {
  display: flex;
  flex: none;
  align-items: center;
  gap: 12px;
}

._count_1n7n4_58 {
  font-family: var(--font-ui);
  font-size: 13px;
}

._iconButton_1n7n4_63,
._iconButtonDark_1n7n4_64 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
._iconButton_1n7n4_63:hover:not([aria-disabled=true]),
._iconButtonDark_1n7n4_64:hover:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0.18);
}
._iconButton_1n7n4_63[aria-disabled=true],
._iconButtonDark_1n7n4_64[aria-disabled=true] {
  opacity: 0.4;
  cursor: not-allowed;
}
._iconButton_1n7n4_63:focus-visible,
._iconButtonDark_1n7n4_64:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: -2px;
}

._iconButtonDark_1n7n4_64 {
  color: var(--color-neutral-700);
}
._iconButtonDark_1n7n4_64:hover:not([aria-disabled=true]) {
  background: var(--color-neutral-100);
}

._body_1n7n4_99 {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #fff;
  overflow: auto;
}
._body_1n7n4_99 canvas {
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

._loading_1n7n4_114 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._errorMessage_1n7n4_122 {
  margin: auto;
  color: var(--color-neutral-700);
  font-family: var(--font-ui);
  font-size: 14px;
  text-align: center;
}

._errorLink_1n7n4_130 {
  color: var(--color-navy);
}

._nav_1n7n4_134 {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--color-navy);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
}
._nav_1n7n4_134:hover:not([aria-disabled=true]) {
  background: var(--color-navy-hover);
}
._nav_1n7n4_134[aria-disabled=true] {
  opacity: 0.35;
  cursor: not-allowed;
}
._nav_1n7n4_134:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
}

._navPrev_1n7n4_163 {
  left: 16px;
}

._navNext_1n7n4_167 {
  right: 16px;
}

._footer_1n7n4_171 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  background: var(--color-neutral-100);
}

._progressLabel_1n7n4_179 {
  font-family: var(--font-ui);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  color: var(--color-neutral-700);
}

._progress_1n7n4_179 {
  flex: 1;
  height: 5px;
  accent-color: var(--color-navy);
  cursor: pointer;
}

._zoom_1n7n4_193 {
  display: flex;
  align-items: center;
  gap: 4px;
}

@media (max-width: 640px) {
  ._overlay_1n7n4_1 {
    padding: 0;
  }
  ._panel_1n7n4_20 {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}._pdf_rouqc_1 {
  position: relative;
  width: 100%;
  border-radius: var(--radius-control);
}

._strip_rouqc_7 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
._strip_rouqc_7::-webkit-scrollbar {
  display: none;
}

._pageTile_rouqc_20 {
  flex: none;
  padding: 0;
  scroll-snap-align: start;
  border: 1px solid rgba(27, 56, 96, 0.24);
  border-radius: var(--radius-control);
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
._pageTile_rouqc_20 canvas {
  display: block;
  height: 309px !important;
  width: auto !important;
}
._pageTile_rouqc_20:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
}

._pagePlaceholder_rouqc_40 {
  width: 218px;
  height: 309px;
  background: var(--color-neutral-100);
}

._nav_rouqc_46 {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: var(--color-navy);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
  transition: all 0.2s;
}
._nav_rouqc_46:hover:not([aria-disabled=true]) {
  background: var(--color-navy-hover);
  transform: translateY(-50%) scale(1.1);
}
._nav_rouqc_46[aria-disabled=true] {
  opacity: 0.3;
  cursor: not-allowed;
}
._nav_rouqc_46:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
}

._navPrev_rouqc_77 {
  left: 8px;
}

._navNext_rouqc_81 {
  right: 8px;
}

._count_rouqc_85 {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  background: var(--color-navy);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  pointer-events: none;
}

._expand_rouqc_100 {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: var(--color-navy);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
}
._expand_rouqc_100:hover {
  background: var(--color-navy-hover);
}
._expand_rouqc_100:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
}

._fallback_rouqc_126 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 14px;
  background: var(--color-neutral-25);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  color: var(--color-neutral-900);
  text-decoration: none;
}
._fallback_rouqc_126:hover {
  border-color: var(--color-neutral-400);
}

._fallbackName_rouqc_142 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._fallbackHint_rouqc_153 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

@media (max-width: 640px) {
  ._pageTile_rouqc_20 canvas {
    height: 220px !important;
  }
  ._pagePlaceholder_rouqc_40 {
    width: 155px;
    height: 220px;
  }
}._attachments_13ds3_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  width: 100%;
}

._viewport_13ds3_9 {
  position: relative;
  width: 100%;
  border-radius: var(--radius-control);
  overflow: hidden;
}

/**
 * A carousel gets one fixed height for every slide, so the card does not jump
 * as the viewer pages from a landscape photo to a portrait video. Slides are
 * letterboxed into it rather than cropped, so each keeps its own proportions.
 */
._viewportFixed_13ds3_21 {
  height: 420px;
}

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

._slideHidden_13ds3_33 {
  display: none;
}

._media_13ds3_37 {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
}

._viewportFixed_13ds3_21 ._media_13ds3_37 {
  height: 100%;
  max-height: 100%;
}

._placeholder_13ds3_50 {
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--color-neutral-100);
}

._viewportFixed_13ds3_21 ._placeholder_13ds3_50 {
  height: 100%;
  aspect-ratio: auto;
}

._pageButton_13ds3_61 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: var(--color-navy);
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
._pageButton_13ds3_61:hover {
  background: rgb(255, 255, 255);
}
._pageButton_13ds3_61:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
}

._pageButtonPrev_13ds3_86 {
  left: 8px;
}

._pageButtonNext_13ds3_90 {
  right: 8px;
}

._counter_13ds3_94 {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
}

._dots_13ds3_107 {
  display: flex;
  justify-content: center;
  gap: 6px;
}

._dot_13ds3_107 {
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--color-neutral-300);
  cursor: pointer;
}
._dot_13ds3_107:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
}

._dotActive_13ds3_127 {
  background: var(--color-navy);
}._pollBlock_5p0pf_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 14px;
  background: var(--color-neutral-25);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
}

._pollQuestion_5p0pf_12 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-950);
}

._pollOptions_5p0pf_20 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._pollOption_5p0pf_20 {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  overflow: hidden;
}

._pollOptionVote_5p0pf_41 {
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
._pollOptionVote_5p0pf_41:hover:not(:disabled) {
  border-color: var(--color-neutral-400);
  background: var(--color-navy-25);
}
._pollOptionVote_5p0pf_41:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}
._pollOptionVote_5p0pf_41:disabled {
  cursor: progress;
  opacity: 0.7;
}

._pollOptionMine_5p0pf_60 {
  border-color: var(--color-neutral-700);
}
._pollOptionMine_5p0pf_60 ._pollOptionLabel_5p0pf_63 {
  font-weight: 600;
}

._pollOptionFill_5p0pf_67 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: var(--color-navy-50);
}

._pollOptionContent_5p0pf_75 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-family: var(--font-ui);
  font-size: 13px;
}

._pollOptionLabel_5p0pf_63 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: var(--color-neutral-900);
}

._pollOptionPercent_5p0pf_94 {
  position: relative;
  flex: none;
  margin-left: 8px;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-neutral-700);
}

._pollMeta_5p0pf_104 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-400);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._quotedPostCard_50ze6_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 14px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
}

._header_50ze6_137 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}

._headerMeta_50ze6_144 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._authorName_50ze6_151 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-950);
}

._subMeta_50ze6_159 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: var(--color-neutral-400);
}

._content_50ze6_166 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-body);
  white-space: pre-wrap;
  word-break: break-word;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._modalOverflowVisible_hu939_125 {
  overflow: visible !important;
}

._header_hu939_129 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 20px;
  border-bottom: 1px solid var(--color-border);
}

._title_hu939_140 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._closeBtn_hu939_150 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--radius-full-round);
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
  transition: all 0.2s ease;
}
._closeBtn_hu939_150:hover {
  color: var(--color-neutral-900);
  background: var(--color-navy-50);
}

._body_hu939_169 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  padding: 20px;
}

._fieldsRow_hu939_178 {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

._dateField_hu939_184,
._timeField_hu939_185 {
  flex: 1;
  min-width: 0;
}

._caption_hu939_190 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-badge-gold-ink);
}

._footer_hu939_199 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  border-top: 1px solid var(--color-border);
}

._cancelBtn_hu939_211 {
  height: 32px;
  padding: 0 14px;
  border: none;
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-neutral-700);
  cursor: pointer;
}
._cancelBtn_hu939_211:hover {
  background: var(--color-neutral-25);
}

._pinBtn_hu939_227 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: var(--radius-control);
  background: var(--color-navy);
  color: #ffffff;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
._pinBtn_hu939_227:hover:not(:disabled) {
  background: var(--color-navy-hover);
}
._pinBtn_hu939_227:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._body_akw7w_125 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 28px 20px 20px;
}

._closeBtn_akw7w_132 {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: var(--radius-full-round);
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
  transition: all 0.2s ease;
}
._closeBtn_akw7w_132:hover {
  color: var(--color-neutral-900);
  background: var(--color-navy-50);
}

._title_akw7w_153 {
  margin: 0 0 8px;
  padding: 0 4px;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._subtitle_akw7w_164 {
  margin: 0 0 24px;
  padding: 0 4px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-600);
}

._list_akw7w_173 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._row_akw7w_182 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 0 12px;
  border-radius: var(--radius-card);
  background: var(--color-neutral-25);
}

._name_akw7w_194 {
  min-width: 0;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-neutral-950);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._pinned_akw7w_205 {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 4px;
}

._timeLeft_akw7w_212 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: none;
  border-radius: var(--radius-control);
  background: var(--color-badge-gold-bg);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-badge-gold-ink);
  cursor: pointer;
}
._timeLeft_akw7w_212:hover {
  text-decoration: underline;
}

._unpinBtn_akw7w_230 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--radius-full-round);
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._unpinBtn_akw7w_230:hover:not(:disabled) {
  color: var(--color-neutral-900);
  background: var(--color-navy-50);
}
._unpinBtn_akw7w_230:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._addBtn_akw7w_251 {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-neutral-700);
  cursor: pointer;
}
._addBtn_akw7w_251:hover {
  color: var(--color-neutral-950);
}

._full_akw7w_270 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-neutral-400);
}

._status_akw7w_277 {
  margin: 0;
  padding: 0 4px;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-neutral-400);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._postCard_1fu8n_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 14px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 16px;
}
@media (min-width: 768px) {
  ._postCard_1fu8n_125 {
    padding: 16px;
  }
}
._postCard_1fu8n_125 {
  box-shadow: var(--shadow-e-sm);
}

._repostLabel_1fu8n_145 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  color: var(--color-neutral-500);
}

._postHeader_1fu8n_156 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

._postHeaderMeta_1fu8n_164 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

._clickableZone_1fu8n_172 {
  cursor: pointer;
}

._postAuthorRow_1fu8n_176 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 8px;
}

._authorName_1fu8n_184 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._pinnedTag_1fu8n_193 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-badge-gold-ink);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}

._postSubMeta_1fu8n_205 {
  overflow-wrap: anywhere;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._postContentClamp_1fu8n_213 {
  max-height: 110px;
  overflow: hidden;
}

._postContentFaded_1fu8n_218 {
  mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);
}

._readMore_1fu8n_222 {
  align-self: flex-end;
  padding: 0;
  border: none;
  background: none;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-navy);
  cursor: pointer;
}
._readMore_1fu8n_222:hover {
  text-decoration: underline;
}

._postContent_1fu8n_213 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: var(--color-body);
  white-space: pre-wrap;
  word-break: break-word;
}

._attachmentsBlock_1fu8n_248,
._pollWrapper_1fu8n_249 {
  width: 100%;
}

._postFooter_1fu8n_253 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid var(--color-border);
}

._postFooter_1fu8n_253 button._footerAction_1fu8n_262 {
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  font-size: 13px;
  color: var(--color-neutral-400);
}
._postFooter_1fu8n_253 button._footerAction_1fu8n_262:first-child {
  margin-left: -8px;
}
._postFooter_1fu8n_253 button._footerAction_1fu8n_262:hover:not(:disabled) {
  background: var(--color-navy-25);
  color: var(--color-neutral-700);
}
._postFooter_1fu8n_253 button._footerAction_1fu8n_262._liked_1fu8n_276, ._postFooter_1fu8n_253 button._footerAction_1fu8n_262._liked_1fu8n_276:hover:not(:disabled) {
  color: var(--color-error-ink, #b8101a);
}
._postFooter_1fu8n_253 button._footerAction_1fu8n_262._commentsOff_1fu8n_279 {
  color: var(--color-neutral-300);
}

._commentsSection_1fu8n_283 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 4px;
}

._moreSpaces_1fu8n_290 {
  position: relative;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  font-weight: 600;
  color: var(--color-neutral-600);
  cursor: default;
  outline: none;
}
._moreSpaces_1fu8n_290:hover, ._moreSpaces_1fu8n_290:focus-visible {
  color: var(--color-navy);
}
._moreSpaces_1fu8n_290:hover ._moreSpacesTooltip_1fu8n_304, ._moreSpaces_1fu8n_290:focus-visible ._moreSpacesTooltip_1fu8n_304 {
  display: flex;
}

._moreSpacesTooltip_1fu8n_304 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 10;
  display: none;
  flex-direction: column;
  gap: 2px;
  min-width: 160px;
  max-width: 260px;
  padding: 6px;
  background: var(--color-surface);
  border: 1px solid var(--color-panel-border);
  border-radius: var(--radius-control);
  box-shadow: var(--shadow-2xl, 0 25px 80px -12px rgba(14, 15, 17, 0.12));
}
._moreSpacesTooltip_1fu8n_304::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 0;
  left: 0;
  height: 7px;
}

._moreSpacesItem_1fu8n_333 {
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: var(--color-neutral-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._postCard_1fu8n_125 ._postMenuButton_1fu8n_345 {
  border-color: transparent;
}._tray_tfj94_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-block: 16px;
  padding: 24px 28px;
  border: 1px solid #e3e9f3;
  border-radius: 20px;
  background: #f1f5fb;
}

._header_tfj94_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._label_tfj94_18 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7b879b;
}

._clearBtn_tfj94_30 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #4b5568;
  cursor: pointer;
}
._clearBtn_tfj94_30:hover {
  background: rgba(0, 0, 0, 0.06);
}

._list_tfj94_47 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._row_tfj94_56 {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid #e3e9f3;
  border-radius: 16px;
  background: #ffffff;
}

._thumb_tfj94_66 {
  display: flex;
  flex: 0 0 90px;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--color-neutral-100, #f1f3f7);
  color: #7b879b;
}

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

._info_tfj94_86 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  align-self: flex-start;
  min-width: 0;
}

._name_tfj94_95 {
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #1c2a4a;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._status_tfj94_106 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
}

._statusReady_tfj94_115 {
  color: #2f7a4d;
}

._statusBusy_tfj94_119 {
  color: #4b5568;
}

._statusError_tfj94_123 {
  color: #b0332a;
}

._spinner_tfj94_127 {
  width: 16px;
  height: 16px;
  border: 2px solid #c3cde0;
  border-top-color: #1c2a4a;
  border-radius: 50%;
  animation: _spin_tfj94_127 0.8s linear infinite;
}

@keyframes _spin_tfj94_127 {
  to {
    transform: rotate(360deg);
  }
}
._bar_tfj94_141 {
  display: block;
  width: 100%;
  max-width: 320px;
  height: 4px;
  overflow: hidden;
  border-radius: 2px;
  background: #e3e9f3;
}

._barFill_tfj94_151 {
  display: block;
  height: 100%;
  background: #1c2a4a;
  transition: width 0.2s ease;
}

._size_tfj94_158 {
  align-self: flex-start;
  font-family: var(--font-ui);
  font-size: 16px;
  color: #7b879b;
  white-space: nowrap;
}

._removeBtn_tfj94_166 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #e3e9f3;
  border-radius: 12px;
  background: #ffffff;
  color: #1c2434;
  cursor: pointer;
}
._removeBtn_tfj94_166:hover {
  background: #f6f8fc;
}

._addBtn_tfj94_185 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 18px 20px;
  border: 1px dashed #c3cde0;
  border-radius: 14px;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 18px;
  font-weight: 600;
  color: #1c2a4a;
  cursor: pointer;
}
._addBtn_tfj94_185:hover {
  background: rgba(255, 255, 255, 0.6);
}

._grid_tfj94_205 {
  display: flex;
  gap: 12px;
  padding-bottom: 4px;
  overflow-x: auto;
}

._tile_tfj94_212,
._addTile_tfj94_213 {
  position: relative;
  flex: 0 0 148px;
  width: 148px;
  height: 148px;
  border-radius: 14px;
}

._tile_tfj94_212 {
  overflow: hidden;
  border: 1px solid #dbe2ee;
  background: #ffffff;
}

._tileError_tfj94_227 {
  border-color: #b0332a;
}

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

._tilePlaceholder_tfj94_238 {
  width: 100%;
  height: 100%;
  background: var(--color-neutral-100, #f1f3f7);
}

._tileOverlay_tfj94_244 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.75);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: #1c2a4a;
}

._tileOverlayError_tfj94_259 {
  color: #b0332a;
}

._docTile_tfj94_263 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  padding: 12px;
  color: #7b879b;
}

._docName_tfj94_275 {
  max-width: 100%;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: #0f1115;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._tileRemove_tfj94_286 {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #dbe2ee;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #1c2434;
  cursor: pointer;
}
._tileRemove_tfj94_286:hover {
  background: #ffffff;
}

._addTile_tfj94_213 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px dashed #c3cde0;
  background: transparent;
  color: #1c2434;
  cursor: pointer;
}
._addTile_tfj94_213:hover {
  background: rgba(255, 255, 255, 0.6);
}

@media (max-width: 640px) {
  ._tile_tfj94_212,
  ._addTile_tfj94_213 {
    flex-basis: 112px;
    width: 112px;
    height: 112px;
  }
  ._tray_tfj94_1 {
    padding: 16px;
  }
  ._row_tfj94_56 {
    gap: 12px;
    padding: 12px;
  }
  ._thumb_tfj94_66 {
    flex-basis: 64px;
    width: 64px;
    height: 64px;
  }
  ._name_tfj94_95 {
    font-size: 16px;
    line-height: 24px;
  }
  ._status_tfj94_106,
  ._size_tfj94_158,
  ._addBtn_tfj94_185 {
    font-size: 14px;
  }
}._body_slnrb_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
}

._title_slnrb_8 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #0f1115;
}

._text_slnrb_17 {
  margin: 0 0 8px;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: #4b5568;
}

._row_slnrb_25 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

._discardBtn_slnrb_31 {
  width: 100%;
  background: #b0332a;
  color: #ffffff;
}
._discardBtn_slnrb_31:hover:not(:disabled) {
  background: #952a22;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._modal_pefon_125 {
  max-height: calc(100vh - 32px);
}

._header_pefon_129 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 20px 20px 16px;
  border-bottom: 1px solid var(--color-border);
}

._headerText_pefon_140 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._title_pefon_147 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._subtitle_pefon_157 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._closeBtn_pefon_165 {
  margin-left: auto;
}

._body_pefon_169 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-height: 320px;
  padding: 20px;
  overflow-y: auto;
  background: var(--color-navy-25);
}

._section_pefon_181 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._sectionTitle_pefon_187 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--color-neutral-400);
}

._list_pefon_197 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._card_pefon_206 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

._thumb_pefon_218 {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--color-navy-25);
  color: var(--color-neutral-400);
}

._thumbImage_pefon_231 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._cardBody_pefon_237 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

._metaRow_pefon_245 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._statusPill_pefon_255 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--color-navy-25);
  font-weight: 600;
  color: var(--color-neutral-700);
}

._statusPillScheduled_pefon_266 {
  background: var(--color-badge-gold-bg);
  color: var(--color-badge-gold-ink);
}

._typeLabel_pefon_271 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-neutral-600);
}

._spaces_pefon_278 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._snippet_pefon_285 {
  margin: 4px 0 0;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--color-neutral-950);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._timeLabel_pefon_297 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._actions_pefon_303 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 8px;
}

._status_pefon_255 {
  margin: auto 0;
  font-family: var(--font-ui);
  font-size: 13px;
  text-align: center;
  color: var(--color-neutral-400);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._panel_4bnt9_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 12px;
  background: var(--color-navy-25);
  border: 1px solid var(--color-panel-border);
  border-radius: var(--radius-card);
}

._header_4bnt9_137 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._headerLabel_4bnt9_145 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--color-navy);
}

._closeBtn_4bnt9_161 {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._closeBtn_4bnt9_161:hover {
  background: var(--color-navy-50);
}
._closeBtn_4bnt9_161:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

._body_4bnt9_183 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

._thumb_4bnt9_190 {
  display: block;
  flex: none;
  width: 84px;
  height: 64px;
  overflow: hidden;
  border-radius: var(--radius-control);
  background: var(--color-navy);
}
@media (max-width: 767px) {
  ._thumb_4bnt9_190 {
    width: 64px;
    height: 52px;
  }
}
._thumb_4bnt9_190:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

._thumbImage_4bnt9_210 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--color-surface);
}

._fields_4bnt9_218 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

._titleInput_4bnt9_226 input {
  font-weight: 600;
}

._summaryInput_4bnt9_230 textarea {
  font-size: 13px;
  line-height: 18px;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._pollComposer_1f9sb_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 12px;
  background: var(--color-navy-25);
  border: 1px solid var(--color-panel-border);
  border-radius: var(--radius-card);
}

._header_1f9sb_137 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

._headerLabel_1f9sb_144 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--color-navy);
}

._closeBtn_1f9sb_156 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._closeBtn_1f9sb_156:hover {
  background: var(--color-navy-50);
}

._optionsList_1f9sb_172 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

._limitNotice_1f9sb_184 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-warning-ink);
}

._optionRow_1f9sb_191 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._optionInput_1f9sb_198 {
  flex: 1;
  min-width: 0;
}

._footerRow_1f9sb_203 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._footerRow_1f9sb_203 ._addOptionBtn_1f9sb_211 {
  gap: 6px;
  color: var(--color-navy);
}

._durationGroup_1f9sb_216 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._durationLabel_1f9sb_222 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-600);
}

._durationTrigger_1f9sb_228 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--color-panel-border);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-neutral-900);
  cursor: pointer;
}
._durationTrigger_1f9sb_228:hover {
  background: var(--color-neutral-25);
}

._lockedNote_1f9sb_247 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-600);
}

._dragHandle_1f9sb_253 {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--color-neutral-400);
  cursor: grab;
  touch-action: none;
}
._dragHandle_1f9sb_253:hover {
  color: var(--color-neutral-600);
  background: var(--color-neutral-25);
}
._dragHandle_1f9sb_253:active {
  cursor: grabbing;
}
._dragHandle_1f9sb_253:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 1px;
}

._optionDragging_1f9sb_280 {
  position: relative;
  z-index: 1;
  opacity: 0.9;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._header_1kn15_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  padding: 20px 20px 4px;
}

._title_1kn15_134 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._subtitle_1kn15_144 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._body_1kn15_152 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 16px 20px 20px;
}

._row_1kn15_161 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

._rowText_1kn15_169 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._rowTitle_1kn15_176 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-950);
}

._rowDescription_1kn15_184 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._footer_1kn15_191 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  padding: 12px 20px;
  border-top: 1px solid var(--color-border);
}

._footer_1kn15_191 ._doneBtn_1kn15_201 {
  gap: 6px;
}._container_1112d_1 {
  position: relative;
  width: 100%;
}

._trigger_1112d_6 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  box-sizing: border-box;
  border-radius: var(--radius-card, 12px);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  background: #ffffff;
  color: var(--color-navy, #23395a);
  cursor: text;
  transition: all 0.15s ease;
}
._trigger_1112d_6:hover {
  border-color: var(--color-navy, #23395a);
}
._trigger_1112d_6._isOpen_1112d_24, ._trigger_1112d_6:focus-within {
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f));
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16));
}

._clockIcon_1112d_29 {
  flex: none;
  color: var(--color-neutral-600);
}

._input_1112d_34 {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  color: inherit;
}
._input_1112d_34:focus, ._input_1112d_34:focus-visible {
  outline: none;
}
._input_1112d_34::placeholder {
  color: var(--color-neutral-400);
}

._list_1112d_52 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 20;
  width: 100%;
  max-height: 240px;
  margin: 0;
  padding: 4px 0;
  box-sizing: border-box;
  overflow-y: auto;
  list-style: none;
  background: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control, 8px);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}
._list_1112d_52 li + li {
  border-top: 1px solid var(--color-border);
}

._list_1112d_52 li ._option_1112d_73 {
  justify-content: flex-start;
  height: auto;
  padding: 7px 12px;
  border: none;
  border-radius: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-neutral-950);
}
._list_1112d_52 li ._option_1112d_73:hover:not(:disabled) {
  background: var(--color-navy-50);
  color: var(--color-neutral-950);
}
._list_1112d_52 li ._option_1112d_73._selected_1112d_88 {
  background: var(--color-navy-50);
  font-weight: 600;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

/* The shared Modal clips overflow for its rounded corners, but that also clips
   the DatePicker/TimePicker popovers below. Neither section here has its own
   background block for the corners to protect, so it's safe to override. */
._modalOverflowVisible_bcjdx_128 {
  overflow: visible !important;
}

._header_bcjdx_132 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 20px;
  border-bottom: 1px solid var(--color-border);
}

._title_bcjdx_143 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._closeBtn_bcjdx_153 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--radius-full-round);
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
  transition: all 0.2s ease;
}
._closeBtn_bcjdx_153:hover {
  color: var(--color-neutral-900);
  background: var(--color-navy-50);
}

._body_bcjdx_172 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 20px;
}

._fieldsRow_bcjdx_181 {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

._dateField_bcjdx_187,
._timeField_bcjdx_188 {
  flex: 1;
  min-width: 0;
}

._helperText_bcjdx_193 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._footer_bcjdx_200 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  border-top: 1px solid var(--color-border);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._composerModal_60g11_125 {
  width: 100%;
}

._composerBody_60g11_129 {
  display: flex;
  flex-direction: column;
  max-height: 600px;
  padding: 0;
}

._editorBox_60g11_136 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: clamp(150px, 30dvh, 260px);
  flex: 0 1 auto;
  min-height: 120px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--color-border);
  border-radius: 8px;
}
._editorBox_60g11_136 > * {
  flex: 1 0 auto;
}
@media (max-width: 767px) {
  ._editorBox_60g11_136 {
    height: clamp(130px, 28dvh, 220px);
  }
}

._quotedPostWrapper_60g11_157 {
  margin-top: 16px;
}

._modalHeader_60g11_161 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 20px 20px 16px;
}
@media (max-width: 767px) {
  ._modalHeader_60g11_161 {
    padding: 16px 14px 12px;
  }
}

._headerMeta_60g11_176 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

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

._spaceChipsRow_60g11_190 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--color-panel-border);
  border-radius: 12px;
  background: var(--color-surface);
  cursor: pointer;
}

._spaceChip_60g11_190 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 6px 0 10px;
  border: 1px solid var(--color-panel-border);
  border-radius: var(--radius-pill);
  background: var(--color-navy-25);
  color: var(--color-navy);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
}

._spaceChipOverflow_60g11_221._spaceChipOverflow_60g11_221._spaceChipOverflow_60g11_221 {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid var(--color-panel-border);
  border-radius: var(--radius-pill);
  background: var(--color-navy-25);
  color: var(--color-navy);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
._spaceChipOverflow_60g11_221._spaceChipOverflow_60g11_221._spaceChipOverflow_60g11_221:hover:not(:disabled) {
  background: var(--color-navy-50);
}

._spaceChipRemove_60g11_239._spaceChipRemove_60g11_239._spaceChipRemove_60g11_239 {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
._spaceChipRemove_60g11_239._spaceChipRemove_60g11_239._spaceChipRemove_60g11_239:hover:not(:disabled) {
  background: var(--color-navy-50);
}

._spacePickerTrigger_60g11_256._spacePickerTrigger_60g11_256._spacePickerTrigger_60g11_256 {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-left: auto;
  border: none;
  border-radius: var(--radius-full-round);
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._spacePickerTrigger_60g11_256._spacePickerTrigger_60g11_256._spacePickerTrigger_60g11_256:hover:not(:disabled) {
  background: var(--color-neutral-25);
}

._spacePickerPanel_60g11_274 {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 10;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 260px;
  max-width: calc(100vw - 64px);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
}

._spacePickerCaption_60g11_291 {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 12px 4px;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._spacePickerList_60g11_300 {
  display: flex;
  flex-direction: column;
  max-height: 190px;
  overflow-y: auto;
  padding: 6px;
}

._spacePickerItem_60g11_308 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: none;
  gap: 10px;
  height: 34px;
  padding: 0 8px;
  border-radius: var(--radius-sm);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-neutral-900);
  cursor: pointer;
}
._spacePickerItem_60g11_308:hover {
  background: var(--color-neutral-25);
}
._spacePickerItem_60g11_308._spacePickerItemChecked_60g11_326 {
  background: var(--color-navy-25);
}
._spacePickerItem_60g11_308 input[type=checkbox] {
  width: 15px;
  height: 15px;
  flex: none;
  accent-color: var(--color-navy);
  cursor: pointer;
}

._spacePickerItemLabelGrow_60g11_337 {
  flex: 1;
}

._spacePickerDefaultTag_60g11_341 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 500;
  color: var(--color-neutral-400);
}

._spacePickerFooter_60g11_349 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  border-top: 1px solid var(--color-border);
}

._clearAllBtn_60g11_359._clearAllBtn_60g11_359._clearAllBtn_60g11_359 {
  height: 30px;
  padding: 0 10px;
  border: none;
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._clearAllBtn_60g11_359._clearAllBtn_60g11_359._clearAllBtn_60g11_359:hover:not(:disabled) {
  background: var(--color-neutral-25);
}

._doneBtn_60g11_375._doneBtn_60g11_375._doneBtn_60g11_375 {
  height: 30px;
  padding: 0 14px;
  border: none;
  border-radius: var(--radius-control);
  background: var(--color-navy);
  color: #ffffff;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
._doneBtn_60g11_375._doneBtn_60g11_375._doneBtn_60g11_375:hover:not(:disabled) {
  background: var(--color-navy-hover);
  color: #ffffff;
}

._draftsPill_60g11_392._draftsPill_60g11_392._draftsPill_60g11_392 {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  margin-top: 2px;
  border: 1px solid var(--color-count-border);
  border-radius: var(--radius-pill);
  background: var(--color-count-bg);
  color: var(--color-count-ink);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
._draftsPill_60g11_392._draftsPill_60g11_392._draftsPill_60g11_392:hover:not(:disabled) {
  border-color: var(--color-neutral-400);
}
._draftsPill_60g11_392._draftsPill_60g11_392._draftsPill_60g11_392:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}

._backBtn_60g11_417._backBtn_60g11_417 {
  margin-top: 2px;
}

._modalBody_60g11_421 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  width: 100%;
  padding: 0 20px 16px;
}
._modalBody_60g11_421[hidden] {
  display: none;
}
@media (max-width: 767px) {
  ._modalBody_60g11_421 {
    padding: 0 14px 12px;
  }
}

._modalBody_60g11_421:has(~ ._pollComposerWrapper_60g11_438) {
  min-height: calc(120px + 16px);
}

._previewHeader_60g11_442 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 20px 20px 16px;
}

._previewHeaderText_60g11_452 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

._previewTitle_60g11_460 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._previewSubtitle_60g11_469 {
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._previewCard_60g11_476 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 16px;
  margin-bottom: 20px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-e-sm);
}

._previewCardHeader_60g11_490 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

._previewSubMeta_60g11_498 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._previewText_60g11_505 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: var(--color-body);
  white-space: pre-wrap;
  word-break: break-word;
}

._previewPlaceholder_60g11_516 {
  color: var(--color-neutral-400);
  font-style: italic;
}

._previewPoll_60g11_521 {
  margin-top: 12px;
}

._previewCardFooter_60g11_525 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  padding-top: 4px;
  border-top: 1px solid var(--color-border);
}

._previewFooterAction_60g11_534 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-neutral-400);
}

._pollComposerWrapper_60g11_438 {
  box-sizing: border-box;
  flex: none;
  width: 100%;
  padding: 0 20px 16px;
}
@media (max-width: 767px) {
  ._pollComposerWrapper_60g11_438 {
    padding: 0 14px 12px;
  }
}

._attachmentsRow_60g11_556 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 12px 20px;
  border-top: 1px solid var(--color-border);
}
@media (max-width: 767px) {
  ._attachmentsRow_60g11_556 {
    gap: 8px;
    padding: 10px 14px;
  }
}

._attachmentButtons_60g11_574 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

._attachmentBtn_60g11_581._attachmentBtn_60g11_581._attachmentBtn_60g11_581 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border: none;
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._attachmentBtn_60g11_581._attachmentBtn_60g11_581._attachmentBtn_60g11_581:hover:not(:disabled) {
  background: var(--color-neutral-25);
}
._attachmentBtn_60g11_581._attachmentBtn_60g11_581._attachmentBtn_60g11_581._attachmentBtnActive_60g11_599 {
  background: var(--color-navy-25);
  color: var(--color-navy);
}
._attachmentBtn_60g11_581._attachmentBtn_60g11_581._attachmentBtn_60g11_581:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._attachmentBtn_60g11_581._attachmentBtn_60g11_581._attachmentBtn_60g11_581:disabled:hover:not(:disabled) {
  background: transparent;
}

._charCount_60g11_611 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._charCountWarn_60g11_618 {
  color: var(--color-warning-ink);
}

._charCountLimit_60g11_622 {
  color: var(--color-error-ink);
  font-weight: 600;
}

._limitNotice_60g11_627 {
  margin: 8px 0 0;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-warning-ink);
}

._limitNoticeOver_60g11_634 {
  color: var(--color-error-ink);
}

._modalFooter_60g11_638 {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 12px 20px;
  border-top: 1px solid var(--color-border);
}
@media (max-width: 767px) {
  ._modalFooter_60g11_638 {
    gap: 8px;
    padding: 10px 14px;
  }
}

._footerLeftIcons_60g11_658 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

._iconBtn_60g11_665._iconBtn_60g11_665._iconBtn_60g11_665 {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 32px;
  height: 32px;
  border: 1px solid var(--color-panel-border);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-icon-muted);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
._iconBtn_60g11_665._iconBtn_60g11_665._iconBtn_60g11_665:hover:not(:disabled) {
  background: var(--color-neutral-25);
  color: var(--color-neutral-700);
}
._iconBtn_60g11_665._iconBtn_60g11_665._iconBtn_60g11_665._iconBtnRestricted_60g11_686 {
  width: auto;
  padding: 0 10px;
  border-color: transparent;
  background: var(--color-error-bg);
  color: var(--color-error-ink);
}
._iconBtn_60g11_665._iconBtn_60g11_665._iconBtn_60g11_665._iconBtnRestricted_60g11_686:hover:not(:disabled) {
  background: var(--color-error-bg);
  opacity: 0.85;
}

._footerRightActions_60g11_698 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

@media (max-width: 767px) {
  ._previewLabel_60g11_707 {
    display: none;
  }
}

._previewBtn_60g11_712 {
  gap: 6px;
}
@media (max-width: 767px) {
  ._previewBtn_60g11_712 {
    padding: 0 9px;
  }
}

._postBtn_60g11_721._postBtn_60g11_721 {
  gap: 6px;
  border: none;
  background: var(--color-gold);
  font-weight: 600;
}
._postBtn_60g11_721._postBtn_60g11_721:hover:not(:disabled) {
  background: #b9822f;
}
._postBtn_60g11_721._postBtn_60g11_721:disabled {
  background: var(--color-neutral-100);
  color: var(--color-neutral-400);
  box-shadow: none;
  opacity: 1;
}

._attachmentList_60g11_737 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0 20px 8px;
  list-style: none;
}

._attachmentChip_60g11_746 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 240px;
  height: 28px;
  padding: 0 8px 0 12px;
  border-radius: var(--radius-pill);
  background: var(--color-neutral-50);
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-600);
}

._attachmentName_60g11_760 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._attachmentChipError_60g11_766 {
  background: var(--color-error-bg);
  color: var(--color-error-ink);
}

._attachmentStatus_60g11_771 {
  flex-shrink: 0;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  opacity: 0.8;
}

._attachmentError_60g11_778 {
  margin: 0;
  padding: 0 20px 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-error-ink);
}

._attachmentRemove_60g11_786._attachmentRemove_60g11_786._attachmentRemove_60g11_786 {
  height: auto;
  display: inline-flex;
  padding: 2px;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
._attachmentRemove_60g11_786._attachmentRemove_60g11_786._attachmentRemove_60g11_786:hover:not(:disabled) {
  background: transparent;
  color: inherit;
}

._iconBtn_60g11_665._iconBtn_60g11_665._iconBtn_60g11_665._iconBtnActive_60g11_800 {
  border-color: #c7d6ee;
  background: var(--color-navy-50);
  color: var(--color-navy);
}
._iconBtn_60g11_665._iconBtn_60g11_665._iconBtn_60g11_665._iconBtnActive_60g11_800:hover:not(:disabled) {
  background: var(--color-navy-50);
  color: var(--color-navy);
}

._scheduleBanner_60g11_810 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 20px 12px;
  padding: 10px 12px;
  border: 1px solid #c7d6ee;
  border-radius: 10px;
  background: var(--color-navy-50);
  color: var(--color-navy);
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
}

._scheduleBannerIcon_60g11_825 {
  flex: none;
}

._scheduleBannerText_60g11_829 {
  flex: 1;
  min-width: 0;
  font-weight: 600;
}

._scheduleBannerEdit_60g11_835._scheduleBannerEdit_60g11_835._scheduleBannerEdit_60g11_835 {
  height: 24px;
  padding: 0 8px;
  border: none;
  border-radius: var(--radius-control);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-navy);
  cursor: pointer;
}
._scheduleBannerEdit_60g11_835._scheduleBannerEdit_60g11_835._scheduleBannerEdit_60g11_835:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.6);
}

._scheduleBannerClear_60g11_851._scheduleBannerClear_60g11_851._scheduleBannerClear_60g11_851 {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: var(--radius-full-round);
  background: transparent;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._scheduleBannerClear_60g11_851._scheduleBannerClear_60g11_851._scheduleBannerClear_60g11_851:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.6);
  color: var(--color-neutral-900);
}

._previewFooterActionDisabled_60g11_869 {
  opacity: 0.4;
  cursor: not-allowed;
}

._postBtnOver_60g11_874 {
  opacity: 0.45;
  cursor: not-allowed;
}

._limitToast_60g11_879 {
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 48px);
  padding: 8px 8px 8px 14px;
  border-radius: 999px;
  background: var(--color-error-ink, #d64545);
  color: #fff;
  font: 500 13px/1.2 var(--font-ui);
  white-space: nowrap;
  box-shadow: 0 6px 16px rgba(214, 69, 69, 0.28);
  transform: translateX(-50%);
  animation: _limitToastIn_60g11_1 0.22s ease-out;
}
._limitToast_60g11_879 span {
  overflow: hidden;
  text-overflow: ellipsis;
}

._limitToastClose_60g11_903 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  cursor: pointer;
}
._limitToastClose_60g11_903:hover {
  background: rgba(255, 255, 255, 0.36);
}

@keyframes _limitToastIn_60g11_1 {
  from {
    opacity: 0;
    transform: translate(-50%, 8px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
._pollHint_60g11_931 {
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-error-ink, #b8101a);
}
@media (max-width: 767px) {
  ._pollHint_60g11_931 {
    display: none;
  }
}

._spacePlaceholder_60g11_943 {
  flex: 1 1 auto;
  font-family: var(--font-ui);
  font-size: 15px;
  color: var(--color-neutral-400);
}

._spaceHint_60g11_950 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-500, #7b879b);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._feedPageContainer_wpuii_125 {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  padding: clamp(12px, 1.6vw, 28px);
}

/* Keeps the feed itself in a comfortable reading column while the FAB below
   stays pinned to the full-width canvas's corner, independent of this width. */
._feedContent_wpuii_137 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: clamp(720px, 514.2857142857px + 20.0892857143vw, 900px);
  margin: 0 auto;
}
@media (min-width: 768px) {
  ._feedContent_wpuii_137 {
    gap: 16px;
  }
}

._controlsRow_wpuii_152 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
@media (max-width: 767px) {
  ._controlsRow_wpuii_152 {
    align-items: flex-start;
    gap: 8px;
  }
}

._spaceChipsRow_wpuii_167 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

._chipLabel_wpuii_177 {
  display: block;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  ._chipLabel_wpuii_177 {
    max-width: min(60vw, 200px);
  }
}

._spaceChipsRow_wpuii_167 > ._backButton_wpuii_190 {
  border-color: transparent;
  box-shadow: none;
}

._controlsIconGroup_wpuii_195 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex: none;
}

._controlsIconGroup_wpuii_195 > button[aria-pressed] {
  border-color: transparent;
  box-shadow: none;
}

._postsList_wpuii_208 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
@media (min-width: 768px) {
  ._postsList_wpuii_208 {
    gap: 16px;
  }
}

._stateMessage_wpuii_220 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: var(--color-neutral-600);
  font-family: var(--font-ui);
  font-size: 14px;
}

._scrollTopBtn_wpuii_231 {
  position: sticky;
  bottom: 16px;
  align-self: flex-end;
  margin-top: auto;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: var(--radius-full-round);
  background: var(--color-navy);
  color: #ffffff;
  cursor: pointer;
  box-shadow: var(--shadow-xl);
  transition: background-color 0.15s ease;
}
._scrollTopBtn_wpuii_231:hover {
  background: var(--color-navy-hover);
}

._pinnedToggle_wpuii_254 {
  align-self: center;
  width: 100%;
  background-color: #f9fafb !important;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._membersPageContainer_so32e_125 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

._pageHeaderRow_so32e_135 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

._pageTitle_so32e_144 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 32px;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
}

._subHeaderRow_so32e_154 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

._pageDescription_so32e_163 {
  margin: 0;
  max-width: 560px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-400);
}

._filterBtn_so32e_177 {
  display: inline-flex;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 4px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-icon-muted);
  cursor: pointer;
}
._filterBtn_so32e_177:hover {
  background: var(--color-neutral-25);
}

._tableFill_so32e_195 {
  flex: 1 1 auto;
  min-height: 0;
}

._memberCell_so32e_200 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._memberName_so32e_207 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._memberEmail_so32e_219 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-neutral-400);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._planCell_so32e_231 {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._amountCell_so32e_237 {
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._pill_so32e_246 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  height: 20px;
  padding: 2px 6px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._pill_so32e_246 > span {
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
}

._sourcePill_so32e_268 {
  background: var(--color-badge-gold-bg);
  color: var(--color-badge-gold-ink);
}

._activePill_so32e_273 {
  background: var(--color-success-bg);
  color: var(--color-badge-success-ink);
}

._pastDuePill_so32e_278 {
  background: var(--color-warning-bg);
  color: var(--color-badge-warning-ink);
}

._refundedPill_so32e_283 {
  background: var(--color-card-shell-neutral);
  color: var(--color-neutral-700);
}

._stateMessage_so32e_288 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-neutral-700);
}._stage_12mdj_1 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 280px;
  overflow: hidden;
  background: #131d33;
  display: grid;
  place-items: center;
}
._stage_12mdj_1:hover ._nav_12mdj_11, ._stage_12mdj_1:focus-within ._nav_12mdj_11 {
  opacity: 1;
}

._slide_12mdj_15 {
  grid-area: 1/1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

._slideHidden_12mdj_25 {
  display: none;
}

._media_12mdj_29 {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

._placeholder_12mdj_35 {
  width: 100%;
  height: 100%;
  background: #1d2a47;
}

._nav_12mdj_11 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #283958;
  box-shadow: 0 6px 24px rgba(40, 57, 88, 0.1);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.16s;
}
@media (hover: none) {
  ._nav_12mdj_11 {
    opacity: 1;
  }
}

._prev_12mdj_65 {
  left: 12px;
}

._next_12mdj_69 {
  right: 12px;
}

._count_12mdj_73 {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(19, 29, 51, 0.78);
  color: #fff;
  font: 600 11.5px/1 var(--font-ui);
  font-variant-numeric: tabular-nums;
}

._dots_12mdj_86 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 4;
  display: flex;
  justify-content: center;
  gap: 6px;
}

._dot_12mdj_86 {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: background 0.16s, width 0.16s;
}

._dotOn_12mdj_108 {
  width: 20px;
  background: #fff;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._page_1lbip_125 {
  --pd-navy: #283958;
  --pd-body: #545d6e;
  --pd-mute: #8790a1;
  --pd-line: #e1eaf5;
  --pd-well: #f3f7fc;
  --pd-like: #a34233;
  --pd-accent: #3d6bab;
  --pd-gold: #ae7c34;
  --pd-good: #0d7048;
  box-sizing: border-box;
  width: 100%;
  font-family: var(--font-ui);
  color: var(--pd-body);
}

._stateMessage_1lbip_141 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  color: var(--pd-mute);
  font-size: 14px;
}

._bar_1lbip_150 {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.93);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--pd-line);
}

._back_1lbip_164 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px 0 8px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--pd-navy);
  font: 600 13.5px/1 var(--font-ui);
  cursor: pointer;
}
._back_1lbip_164:hover {
  background: var(--pd-well);
}

._wrap_1lbip_181 {
  box-sizing: border-box;
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 16px;
}
@media (max-width: 620px) {
  ._wrap_1lbip_181 {
    padding: 0;
  }
}

._shell_1lbip_193 {
  max-width: 720px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--pd-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(40, 57, 88, 0.06);
}
@media (max-width: 620px) {
  ._shell_1lbip_193 {
    border-width: 0 0 1px;
    border-radius: 0;
  }
}

._split_1lbip_209 {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(392px, 0.9fr);
  max-width: none;
  height: min(100vh - 56px - 48px - 56px, 780px);
  min-height: 520px;
}
@media (max-width: 959px) {
  ._split_1lbip_209 {
    display: block;
    height: auto;
    min-height: 0;
  }
}

._stage_1lbip_224 {
  min-width: 0;
  background: #131d33;
}
@media (max-width: 959px) {
  ._stage_1lbip_224 {
    height: 56vw;
    max-height: 72vh;
    min-height: 240px;
  }
}

._rail_1lbip_236 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}
@media (max-width: 959px) {
  ._rail_1lbip_236 {
    overflow: visible;
  }
}

._card_1lbip_249 {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

._postHead_1lbip_255 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 0;
}

._headText_1lbip_262 {
  flex: 1;
  min-width: 0;
}

._headName_1lbip_267 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
._headName_1lbip_267 b {
  color: var(--pd-navy);
  font: 700 15px/1.3 var(--font-ui);
}

._headMeta_1lbip_278 {
  margin-top: 2px;
  color: var(--pd-mute);
  font: 400 12.5px/1.4 var(--font-ui);
}

._chipPin_1lbip_284 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  background: #fbf2e5;
  color: var(--pd-gold);
  font: 600 11px/1 var(--font-ui);
  white-space: nowrap;
}

._menuTrigger_1lbip_297 {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
._menuTrigger_1lbip_297:hover {
  background: var(--pd-well);
}

._postBody_1lbip_306 {
  padding: 16px 24px 0;
  font-size: 15.5px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

._docs_1lbip_313,
._block_1lbip_314 {
  padding: 16px 24px 0;
}

._acts_1lbip_318 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 16px;
  padding: 12px 24px 16px;
  border-top: 1px solid var(--pd-line);
  border-bottom: 1px solid var(--pd-line);
}

._act_1lbip_318 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--pd-mute);
  font: 600 13px/1 var(--font-ui);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
._act_1lbip_318:hover:not(:disabled) {
  background: var(--pd-well);
  color: var(--pd-navy);
}
._act_1lbip_318:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

._actLiked_1lbip_351 {
  color: var(--pd-like);
}

._actActive_1lbip_355 {
  background: var(--pd-well);
  color: var(--pd-navy);
}

._actReposted_1lbip_360 {
  color: var(--pd-good);
}

._actOff_1lbip_364 {
  opacity: 0.45;
}

._comments_1lbip_368 {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 24px;
}

._commentsHead_1lbip_375 {
  margin: 0 0 12px;
  color: var(--pd-navy);
  font: 700 14px/1.3 var(--font-ui);
}

@media (max-width: 620px) {
  ._postHead_1lbip_255,
  ._postBody_1lbip_306,
  ._docs_1lbip_313,
  ._block_1lbip_314,
  ._acts_1lbip_318,
  ._comments_1lbip_368 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._paginationRow_cb8mb_125 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  width: 100%;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._controls_cb8mb_140 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

._pageButtons_cb8mb_147 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

._pageBtn_cb8mb_154 {
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 400;
  color: var(--color-neutral-700);
  cursor: pointer;
}
._pageBtn_cb8mb_154:hover:not(:disabled):not(._active_cb8mb_167) {
  background: var(--color-neutral-25);
}
._pageBtn_cb8mb_154._active_cb8mb_167 {
  border-color: var(--color-border-strong);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
  font-weight: 500;
}
._pageBtn_cb8mb_154:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

._pageEllipsis_cb8mb_181 {
  padding: 0 4px;
  color: var(--color-neutral-400);
}

._pageSize_cb8mb_186 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

._pageSizeSelect_cb8mb_193 {
  height: 28px;
  padding: 0 24px 0 8px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-900);
  cursor: pointer;
}
._pageSizeSelect_cb8mb_193:focus-visible {
  outline: none;
  border-color: var(--color-focus-border);
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._detailPageContainer_1s7w6_125 {
  --page-padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: var(--page-padding);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

._sectionTitle_1s7w6_136 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px;
  margin: calc(var(--page-padding) * -1) calc(var(--page-padding) * -1) 0;
  background: var(--color-surface);
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-divider);
  border-radius: 0;
}

._sectionTopRow_1s7w6_150 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  height: 24px;
}

._backLink_1s7w6_160 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 4px 8px;
  border: 1px solid var(--color-neutral-100);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-icon-muted);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._backLink_1s7w6_160:hover {
  background: var(--color-neutral-25);
}
._backLink_1s7w6_160 > span {
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
}

._headerMenuBtn_1s7w6_189 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--color-icon-muted);
  cursor: pointer;
}
._headerMenuBtn_1s7w6_189:hover {
  background: var(--color-neutral-25);
}

._headerLock_1s7w6_206 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  color: var(--color-icon-subtle);
  cursor: default;
}

._sectionMainRow_1s7w6_216 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

._headerMain_1s7w6_224 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

._titleRow_1s7w6_233 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

._detailTitle_1s7w6_240 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 27px;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
}

._statusPill_1s7w6_250 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._statusPill_1s7w6_250._publishedPill_1s7w6_267 {
  background: var(--color-card-shell-success);
  color: var(--color-badge-success-ink);
}
._statusPill_1s7w6_250._unpublishedPill_1s7w6_271 {
  background: var(--color-card-shell-warning);
  color: var(--color-badge-warning-ink);
}
._statusPill_1s7w6_250._waitingPill_1s7w6_275 {
  background: var(--color-card-shell-neutral);
  color: var(--color-neutral-700);
}

._detailDescription_1s7w6_280 {
  align-self: stretch;
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._statPanel_1s7w6_291 {
  box-sizing: border-box;
  display: flex;
  flex: none;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: 8px;
}

._statCell_1s7w6_304 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

._statHead_1s7w6_312 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 16px;
  color: var(--color-icon-muted);
}

._statLabel_1s7w6_321 {
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-icon-muted);
  white-space: nowrap;
}

._statValue_1s7w6_331 {
  padding: 0 0 0 22px;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
  white-space: nowrap;
}

._statValueLink_1s7w6_342 {
  margin: 0;
  border: none;
  background: transparent;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

._productStat_1s7w6_352 {
  position: relative;
}

._breakdownPopover_1s7w6_356 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 20;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  min-width: 168px;
  padding: 8px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: 8px;
  box-shadow: var(--shadow-xs);
}

._breakdownRow_1s7w6_374 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  gap: 6px;
  padding: 6px 8px;
  white-space: nowrap;
}

._breakdownCount_1s7w6_384 {
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--color-neutral-700);
}

._breakdownLabel_1s7w6_392 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--color-neutral-700);
}

._breakdownEmpty_1s7w6_400 {
  padding: 6px 8px;
  text-align: center;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-icon-muted);
}

._statDivider_1s7w6_409 {
  flex: none;
  align-self: stretch;
  width: 1px;
  background: var(--color-border-strong);
}

._tabsRow_1s7w6_416 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  align-self: stretch;
  height: 48px;
}

._tabsActions_1s7w6_426 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  height: 36px;
}

._removeBtn_1s7w6_434 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #d9dcdf;
  border-radius: 8px;
  background: #ebeced;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
  cursor: pointer;
}
._removeBtn_1s7w6_434 > span {
  display: inline-flex;
  align-items: center;
}
._removeBtn_1s7w6_434:hover {
  background: #e2e4e6;
}

._clearLink_1s7w6_462 {
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #3261af;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

._searchIconBtn_1s7w6_477 {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-icon-muted);
  cursor: pointer;
}
._searchIconBtn_1s7w6_477:hover {
  background: var(--color-neutral-25);
}

._searchWrapper_1s7w6_495 {
  width: 200px;
}

._tableFill_1s7w6_499 {
  flex: 1 1 auto;
  min-height: 0;
}
._tableFill_1s7w6_499 td {
  padding-top: 20px;
  padding-bottom: 20px;
}

._sourceBadge_1s7w6_508 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._sourceBadge_1s7w6_508 > span {
  display: inline-flex;
  align-items: center;
}
._sourceBadge_1s7w6_508._membershipBadge_1s7w6_527 {
  background: #eef2f8;
  color: #3261af;
}
._sourceBadge_1s7w6_508._programBadge_1s7w6_531 {
  background: var(--color-card-shell-success);
  color: var(--color-badge-success-ink);
}
._sourceBadge_1s7w6_508._courseBadge_1s7w6_535 {
  background: #fef6e7;
  color: #b45309;
}
._sourceBadge_1s7w6_508._inactiveBadge_1s7w6_539 {
  background: var(--color-card-shell-neutral);
  color: var(--color-neutral-700);
}

._memberNameCell_1s7w6_544 {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-neutral-700);
}

._stateMessage_1s7w6_550 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-neutral-700);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._modalHeader_10yst_125 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 28px;
  border-bottom: 1px solid var(--color-border);
}
._modalHeader_10yst_125 h3 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 600;
  color: var(--color-neutral-900);
}

._closeBtn_10yst_140 {
  background: var(--color-neutral-50);
  border: none;
  color: var(--color-neutral-600);
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full-round);
  transition: all 0.2s ease;
}
._closeBtn_10yst_140:hover {
  color: var(--color-neutral-900);
  background: var(--color-navy-50);
}

._modalBody_10yst_158 {
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._noticeBox_10yst_165 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  background: var(--color-warning-bg);
  border: 1px solid var(--color-warning-border);
  border-radius: var(--radius-control);
}

._noticeIconCircle_10yst_176 {
  color: var(--color-warning-ink);
  display: flex;
  align-items: center;
  margin-top: 2px;
}

._noticeText_10yst_183 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-warning-ink);
  margin: 0;
}

._modalFooter_10yst_191 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 28px;
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._spaceCard_17ctn_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-card);
  transition: transform 0.2s ease;
}
._spaceCard_17ctn_125:hover {
  transform: translateY(-1px);
}

._cardInner_17ctn_143 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  isolation: isolate;
  align-self: stretch;
  flex: 1 1 auto;
  padding: 20px;
  background: transparent;
}
._cardInner_17ctn_143._clickable_17ctn_156 {
  cursor: pointer;
}

._cardTitleButton_17ctn_160 {
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._cardTitleButton_17ctn_160:hover {
  text-decoration: underline;
}

._cardTitle_17ctn_160 {
  margin: 0;
  font-family: var(--font-ui);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
  max-width: calc(100% - 26px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._statusBadge_17ctn_195 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._statusBadge_17ctn_195 > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._statusBadge_17ctn_195._publishedBadge_17ctn_218 {
  background: var(--color-card-shell-success);
  color: var(--color-badge-success-ink);
}
._statusBadge_17ctn_195._unpublishedBadge_17ctn_222 {
  background: var(--color-card-shell-warning);
  color: var(--color-badge-warning-ink);
}
._statusBadge_17ctn_195._waitingBadge_17ctn_226 {
  background: var(--color-card-shell-neutral);
  color: var(--color-neutral-700);
}

._cardDescription_17ctn_231 {
  align-self: stretch;
  margin: 0;
  font-family: var(--font-ui);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-700);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._metaText_17ctn_246 {
  align-self: stretch;
  margin: auto -20px -20px;
  padding: 10px 20px;
  background: var(--color-neutral-25);
  font-family: var(--font-ui);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._cardAction_17ctn_260 {
  position: absolute;
  top: 18px;
  right: 14px;
  z-index: 4;
}

._iconBtn_17ctn_267 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 6px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-icon-subtle);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._iconBtn_17ctn_267:hover {
  background: var(--color-neutral-25);
}

._lockIcon_17ctn_286 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  color: var(--color-icon-subtle);
  cursor: default;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._spacesPageContainer_skc8z_125 {
  --page-padding: clamp(12px, 1.5vw, 24px);
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.5vh, 20px);
  padding: var(--page-padding);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

._sectionDivider_skc8z_136 {
  flex: none;
  height: 1px;
  margin: 0 calc(var(--page-padding) * -1);
  background: var(--color-divider);
}

._tableFill_skc8z_143 {
  flex: 1 1 auto;
  min-height: 0;
}

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

._pageTitle_skc8z_156 {
  font-family: var(--font-ui);
  font-style: normal;
  font-weight: 600;
  font-size: clamp(24px, 14.8571428571px + 0.8928571429vw, 32px);
  line-height: 32px;
  letter-spacing: -0.4px;
  color: var(--color-neutral-900);
  margin: 0;
}

._controlsRow_skc8z_167 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
  flex-wrap: wrap;
}

._rightControlsGroup_skc8z_177 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  height: 36px;
}

._searchWrapper_skc8z_185 {
  width: 200px;
}

._searchIconBtn_skc8z_189 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: clamp(28px, 23.4285714286px + 0.4464285714vw, 32px);
  height: clamp(28px, 23.4285714286px + 0.4464285714vw, 32px);
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-icon-muted);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._searchIconBtn_skc8z_189 svg {
  width: clamp(16px, 11.4285714286px + 0.4464285714vw, 20px);
  height: clamp(16px, 11.4285714286px + 0.4464285714vw, 20px);
}
._searchIconBtn_skc8z_189:hover {
  background: var(--color-neutral-50);
}

._viewToggleGroup_skc8z_212 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 61px;
  height: 36px;
  padding: 0;
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-xs);
}

._iconControlBtn_skc8z_227 {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  isolation: isolate;
  padding: 8px;
  border: none;
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-stone);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._iconControlBtn_skc8z_227::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.5px;
  width: 1px;
  background: var(--color-border);
  z-index: 3;
}
._iconControlBtn_skc8z_227:last-child::after {
  display: none;
}
._iconControlBtn_skc8z_227 svg {
  width: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  height: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  filter: drop-shadow(var(--shadow-xs));
  z-index: 2;
}
._iconControlBtn_skc8z_227:hover:not(._activeView_skc8z_263) {
  background: var(--color-neutral-25);
}
._iconControlBtn_skc8z_227._activeView_skc8z_263 {
  background: var(--color-neutral-100);
}

._cardsGrid_skc8z_270 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 8px;
}

._spacesTable_skc8z_278 {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-family: var(--font-ui);
}
._spacesTable_skc8z_278 th {
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-neutral-400);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}
._spacesTable_skc8z_278 td {
  padding: 14px 16px;
  font-size: 13px;
  color: var(--color-neutral-600);
  border-bottom: 1px solid var(--color-border);
  vertical-align: middle;
}
._spacesTable_skc8z_278 tbody tr:last-child td {
  border-bottom: none;
}
._spacesTable_skc8z_278 tbody tr:hover {
  background: var(--color-neutral-25);
}

._spaceNameCell_skc8z_306 {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-neutral-700);
}

._descCell_skc8z_317 {
  display: block;
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-700);
}

._numCell_skc8z_328 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--color-neutral-700);
}

._actionHeader_skc8z_335,
._actionCell_skc8z_336 {
  text-align: right;
  width: 48px;
}

._rowActionBtn_skc8z_341 {
  background: transparent;
  border: none;
  color: var(--color-neutral-700);
  cursor: pointer;
  padding: 0;
  border-radius: var(--radius-sm);
  display: inline-flex;
  align-items: center;
}
._rowActionBtn_skc8z_341 svg {
  width: clamp(16px, 11.4285714286px + 0.4464285714vw, 20px);
  height: clamp(16px, 11.4285714286px + 0.4464285714vw, 20px);
}
._rowActionBtn_skc8z_341:hover {
  color: var(--color-neutral-900);
}

._tableBadge_skc8z_359 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._tableBadge_skc8z_359 svg {
  width: clamp(12px, 9.7142857143px + 0.2232142857vw, 14px);
  height: clamp(12px, 9.7142857143px + 0.2232142857vw, 14px);
  flex-shrink: 0;
}
._tableBadge_skc8z_359 > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
._tableBadge_skc8z_359._publishedBadge_skc8z_387 {
  color: var(--color-badge-success-ink);
  border: 1px solid var(--color-badge-success-border);
}
._tableBadge_skc8z_359._unpublishedBadge_skc8z_391 {
  color: var(--color-badge-warning-ink);
  border: 1px solid var(--color-badge-warning-border);
}
._tableBadge_skc8z_359._waitingBadge_skc8z_395 {
  background: var(--color-badge-neutral-bg);
  color: var(--color-neutral-700);
  border: 1px solid var(--color-border-strong);
}

._stateMessage_skc8z_401 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  color: var(--color-neutral-600);
  font-family: var(--font-ui);
  font-size: 14px;
  gap: 8px;
}

._rowLockIcon_skc8z_413 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: clamp(24px, 19.4285714286px + 0.4464285714vw, 28px);
  height: clamp(24px, 19.4285714286px + 0.4464285714vw, 28px);
  color: var(--color-icon-subtle);
}
._rowLockIcon_skc8z_413 svg {
  width: clamp(16px, 11.4285714286px + 0.4464285714vw, 20px);
  height: clamp(16px, 11.4285714286px + 0.4464285714vw, 20px);
}

._rowActionsCell_skc8z_426 {
  display: inline-flex;
  justify-content: flex-end;
  cursor: default;
}._priceRow_1dopf_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._priceLabel_1dopf_9 {
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-600);
}

._priceValue_1dopf_16 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
}

._priceCurrent_1dopf_23 {
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  color: var(--color-neutral-900);
}

._priceOriginal_1dopf_30 {
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  color: var(--color-neutral-400);
  text-decoration: line-through;
}

._priceDiscount_1dopf_37 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  color: var(--color-badge-success-ink);
}

._priceUnset_1dopf_44 {
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  font-style: italic;
  color: var(--color-neutral-400);
}

._priceRowInline_1dopf_51 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
._priceRowInline_1dopf_51 ._priceLabel_1dopf_9 {
  flex: none;
  width: 97px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-700);
}
._priceRowInline_1dopf_51 ._priceValue_1dopf_16 {
  align-items: center;
  gap: 8px;
}
._priceRowInline_1dopf_51 ._priceCurrent_1dopf_23 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}
._priceRowInline_1dopf_51 ._priceOriginal_1dopf_30,
._priceRowInline_1dopf_51 ._priceDiscount_1dopf_37 {
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
}
._priceRowInline_1dopf_51 ._priceOriginal_1dopf_30 {
  color: var(--color-icon-muted);
}
._priceRowInline_1dopf_51 ._priceUnset_1dopf_44 {
  font-size: 12px;
  line-height: 18px;
}._productCard_1olp9_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 16px;
  background: var(--color-card-shell-warm);
  border: 1px solid var(--border-neutral-subtle, #e9eff6);
  border-radius: 16px;
  box-shadow: 0 4px 6px -1px rgba(14, 15, 17, 0.12), 0 2px 4px -1px rgba(14, 15, 17, 0.06);
  overflow: hidden;
}

._selectableCard_1olp9_14 {
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._selectableCard_1olp9_14:hover {
  box-shadow: 0 10px 15px -3px rgba(14, 15, 17, 0.12), 0 4px 6px -2px rgba(14, 15, 17, 0.06);
}
._selectableCard_1olp9_14:focus-visible {
  outline: 2px solid var(--color-focus-border);
  outline-offset: 2px;
}

._selectedCard_1olp9_26 {
  border-color: var(--color-choice-border);
  box-shadow: 0 0 0 1px var(--color-choice-border);
}

._coverWrapper_1olp9_31 {
  position: relative;
  flex: none;
  width: 100%;
  height: 140px;
  background: var(--color-neutral-100);
}
._coverWrapper_1olp9_31::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(102, 102, 102, 0) 37.14%);
  pointer-events: none;
}

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

._coverPlaceholder_1olp9_53 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-neutral-100);
  color: var(--color-neutral-400);
}

._coverTopRow_1olp9_61 {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding: 0 16px;
}

._topLeftBadges_1olp9_75 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

._coverTopRow_1olp9_61 ._typeBadge_1olp9_82,
._coverTopRow_1olp9_61 ._statusBadge_1olp9_83 {
  height: 20px;
  padding: 2px 8px;
  border: 0;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #ffffff;
}

._coverTopRow_1olp9_61 ._typeBadge_1olp9_82 {
  background: var(--color-navy-outline);
}

._coverTopRow_1olp9_61 ._draftBadge_1olp9_97 {
  background: var(--color-addon-bg);
}

._menuBtn_1olp9_101 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  box-sizing: border-box;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
}
._menuBtn_1olp9_101:hover {
  background: rgba(255, 255, 255, 0.16);
}

._selectedCheck_1olp9_117 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-sm);
  background: var(--color-badge-solid-success);
  color: #ffffff;
}

._cardBody_1olp9_128 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding: 0 16px;
}

._headingGroup_1olp9_136 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._tagsRow_1olp9_142 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}

._tag_1olp9_142 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  height: 20px;
  padding: 2px 6px;
  box-sizing: border-box;
  border-radius: 9999px;
  background: rgba(14, 15, 17, 0.06);
  color: var(--color-neutral-700);
}
._tag_1olp9_142 svg {
  flex: none;
}

._tagText_1olp9_165 {
  padding: 0 2px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  white-space: nowrap;
}

._title_1olp9_175 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._description_1olp9_189 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-700);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._pricesBlock_1olp9_202 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._priceDeferredNote_1olp9_208 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-700);
}
._priceDeferredNote_1olp9_208 svg {
  flex: none;
  color: var(--color-icon-muted);
}

._footerRow_1olp9_223 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}

._footerItem_1olp9_231 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-icon-muted);
}
._footerItem_1olp9_231 svg {
  flex: none;
}._productCell_13kkj_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._thumbnail_13kkj_8 {
  flex: none;
  width: 77px;
  height: 44px;
  border-radius: var(--radius-control);
  object-fit: cover;
  background: var(--color-neutral-100);
}

._productTextBlock_13kkj_17 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

._productTitle_13kkj_25 {
  font-weight: 600;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._productMeta_13kkj_36 {
  font-weight: 400;
  font-size: clamp(9px, 7.8571428571px + 0.1116071429vw, 10px);
  line-height: 14px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._typeCell_13kkj_44 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

._landingPageStack_13kkj_51 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._warningText_13kkj_57 {
  color: var(--color-warning-ink);
}

._priceValue_13kkj_61 {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
}

._priceCurrent_13kkj_68 {
  font-weight: 700;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  color: var(--color-neutral-950);
}

._priceOriginal_13kkj_74 {
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  color: var(--color-neutral-400);
  text-decoration: line-through;
}

._rowActions_13kkj_80 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._rowActionBtn_13kkj_87 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-icon-muted);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._rowActionBtn_13kkj_87:hover {
  background: var(--color-neutral-50);
}._body_1o725_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 24px;
}

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

._sectionHeader_1o725_14 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-icon-muted);
  cursor: pointer;
}
._sectionHeader_1o725_14 svg {
  color: var(--color-neutral-400);
}

._divider_1o725_33 {
  flex: none;
  height: 1px;
  background: var(--color-border-strong);
}

._categoryList_1o725_39 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 128px;
  overflow-y: auto;
}

._categoryRow_1o725_47 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._categoryCount_1o725_55 {
  flex: none;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-400);
}

._emptyText_1o725_63 {
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-400);
}

._offerList_1o725_70 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._footer_1o725_76 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  padding: 16px 24px;
  border-top: 1px solid var(--color-border);
}

._footerBtn_1o725_85 {
  flex: 1;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._storefrontPageContainer_3wtxg_125 {
  --page-padding: 16px;
  display: flex;
  flex-direction: column;
  padding: var(--page-padding);
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

._pageHeader_3wtxg_135 {
  margin: calc(var(--page-padding) * -1) calc(var(--page-padding) * -1) 0;
}

._productsGradientArea_3wtxg_139 {
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0 calc(var(--page-padding) * -1) calc(var(--page-padding) * -1);
  background: linear-gradient(316.23deg, #fbfdff 0%, #e3f1fd 98.77%);
}

._productsArea_3wtxg_148 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
  padding: 0 var(--page-padding);
}

._productsToolbarRow_3wtxg_157 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding-top: 16px;
}

._productsTitle_3wtxg_168 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
  margin: 0;
}

._cardsGrid_3wtxg_178 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  width: 100%;
}

._productsSection_3wtxg_185 {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-bottom: 16px;
}

._stickyFooter_3wtxg_192 {
  position: sticky;
  bottom: 0;
  z-index: 2;
  flex: none;
  background: #f4f9fe;
  border-top: 1px solid var(--color-border, #e9eef6);
  box-shadow: 0 -4px 12px rgba(35, 57, 90, 0.06);
}

._noticeBar_3wtxg_202 {
  flex: none;
  box-sizing: border-box;
  padding: 8px 16px;
}

._noticeText_3wtxg_208 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--color-icon-muted);
}

._stateMessage_3wtxg_218 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  color: var(--color-neutral-600);
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  gap: 8px;
}._accessCard_109lu_1 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
}

._accessHeader_109lu_14 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._accessTitle_109lu_20 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._accessSubtitle_109lu_30 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._accessRows_109lu_38 {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

._accessRow_109lu_38 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._accessLabel_109lu_53 {
  flex: 1;
  min-width: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._accessTrack_109lu_64 {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 10px;
  border-radius: var(--radius-pill);
  background: var(--color-navy-50);
  overflow: hidden;
}

._accessFill_109lu_74 {
  position: absolute;
  inset: 0 auto 0 0;
  height: 100%;
  border-radius: var(--radius-pill);
}

._accessFootnote_109lu_81 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(9px, 7.8571428571px + 0.1116071429vw, 10px);
  line-height: 14px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}._chartCard_16izg_1 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
}

._chartHeader_16izg_14 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

._chartHeaderText_16izg_22 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._chartTitle_16izg_29 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._chartSubtitle_16izg_39 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
  white-space: nowrap;
}

._legend_16izg_48 {
  display: flex;
  flex: none;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

._legendItem_16izg_56 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: clamp(15px, 13.8571428571px + 0.1116071429vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
  white-space: nowrap;
}

._legendSwatch_16izg_70 {
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-pill);
}

._trackSwatch_16izg_77 {
  background: var(--color-neutral-100);
}

._fillSwatch_16izg_81 {
  background: conic-gradient(from 180deg, #f4a7c6, #8b7ff0, #6fd3c7, #f6b65c, #f4a7c6);
}

._chartArea_16izg_85 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  height: 130px;
  padding-top: 10px;
}

._barColumn_16izg_95 {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 100%;
}

._barHitArea_16izg_105 {
  position: relative;
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  min-height: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
._barHitArea_16izg_105:hover ._barStack_16izg_118, ._barHitArea_16izg_105:focus-visible ._barStack_16izg_118 {
  filter: brightness(0.97);
}
._barHitArea_16izg_105:hover ._barTooltip_16izg_121, ._barHitArea_16izg_105:focus-visible ._barTooltip_16izg_121 {
  opacity: 1;
  visibility: visible;
}
._barHitArea_16izg_105:focus-visible {
  outline: 2px solid var(--color-focus-border);
  outline-offset: 2px;
}

._barStack_16izg_118 {
  position: relative;
  flex: none;
  width: 68.5%;
  max-width: 41px;
  height: 88px;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}

._barTrack_16izg_140 {
  position: absolute;
  inset: 0;
  background: var(--color-neutral-100);
}

._barFill_16izg_146 {
  position: absolute;
  inset: auto 0 0 0;
  width: 100%;
}

._barTooltip_16izg_121 {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 140px;
  padding: 8px 10px;
  background: var(--color-navy-800);
  border-radius: var(--radius-sm);
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: opacity 0.12s ease, visibility 0.12s ease;
}
._barTooltip_16izg_121 strong {
  font-size: clamp(12px, 10.8571428571px + 0.1116071429vw, 13px);
}

._barTooltipMuted_16izg_178 {
  color: var(--color-neutral-300);
}

._barMonthLabel_16izg_182 {
  flex: none;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._chartFootnote_16izg_192 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(9px, 7.8571428571px + 0.1116071429vw, 10px);
  line-height: 14px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}._progressCard_wifcp_1 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
}

._progressHeader_wifcp_14 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._progressTitle_wifcp_20 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._progressSubtitle_wifcp_30 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._progressBody_wifcp_38 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  min-height: 0;
}

._ring_wifcp_47 {
  position: relative;
  flex: none;
  width: 126px;
  height: 126px;
  border-radius: 50%;
}

._ringHole_wifcp_55 {
  position: absolute;
  inset: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: var(--color-surface);
  border-radius: 50%;
  text-align: center;
}

._ringValue_wifcp_68 {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.5px;
  color: var(--color-neutral-950);
}

._ringCaption_wifcp_77 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 9px;
  line-height: 13px;
  letter-spacing: -0.15px;
  color: var(--color-icon-muted);
}

._legendGrid_wifcp_86 {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

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

._legendItem_wifcp_102 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
  white-space: nowrap;
}

._legendSwatch_wifcp_115 {
  flex: none;
  width: 17px;
  height: 17px;
  border-radius: var(--radius-pill);
}

._legendCounts_wifcp_122,
._legendPercents_wifcp_123 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._legendCount_wifcp_122 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
  text-align: right;
}

._legendPercent_wifcp_123 {
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-icon-muted);
  text-align: right;
}._memberCell_1peu7_1 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._memberName_1peu7_7 {
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  color: var(--color-neutral-950);
}

._memberEmail_1peu7_15 {
  font-family: var(--font-ui);
  font-size: clamp(9px, 7.8571428571px + 0.1116071429vw, 10px);
  line-height: 14px;
  color: var(--color-neutral-700);
}

._statusBadge_1peu7_22 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  font-weight: 500;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._statusBadge_1peu7_22._in-progress_1peu7_35 {
  background: var(--color-badge-warning-soft-bg);
  color: var(--color-badge-warning-ink);
}
._statusBadge_1peu7_22._completed_1peu7_39 {
  background: var(--color-badge-success-soft-bg);
  color: var(--color-badge-success-ink);
}
._statusBadge_1peu7_22._not-started_1peu7_43 {
  background: var(--color-badge-neutral-bg);
  color: var(--color-neutral-700);
}._footerNote_1ppgr_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 10px 12px;
  background: var(--color-surface);
  border-radius: var(--radius-control);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-navy-outline);
}
._footerNote_1ppgr_1 svg {
  flex: none;
  color: var(--color-navy-outline);
}._learnersSection_686f6_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

._learnersHeaderRow_686f6_8 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

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

._learnersTitle_686f6_22 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._learnersSubtitle_686f6_32 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._accessBadge_686f6_40 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._accessBadge_686f6_40._direct-purchase_686f6_56 {
  background: var(--color-badge-neutral-bg);
  color: var(--color-neutral-700);
}
._accessBadge_686f6_40._membership_686f6_60 {
  background: var(--color-badge-info-bg);
  color: var(--color-badge-info-ink);
}
._accessBadge_686f6_40._program_686f6_64 {
  background: var(--color-badge-success-soft-bg);
  color: var(--color-badge-success-ink);
}._lifecycleCard_p8k7i_1 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
}

._lifecycleHeader_p8k7i_14 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._lifecycleTitle_p8k7i_20 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._lifecycleSubtitle_p8k7i_30 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._stepperBody_p8k7i_38 {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

._stepperTrack_p8k7i_46 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
}

._stepperDot_p8k7i_53 {
  flex: none;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--color-border-strong);
  background: var(--color-surface);
}

._stepperDotActive_p8k7i_63 {
  border: 2px solid var(--color-navy-outline);
}

._stepperLine_p8k7i_67 {
  flex: 1;
  height: 1px;
  min-width: 16px;
  background: var(--color-border-strong);
}

._stepperLabels_p8k7i_74 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}

._stepperLabel_p8k7i_74 {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
}

._stepperValue_p8k7i_88 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._stepperCaption_p8k7i_97 {
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-icon-muted);
}._progressSection_1i7g5_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

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

._progressTitle_1i7g5_14 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._progressSubtitle_1i7g5_24 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._summaryRow_1i7g5_32 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  width: 100%;
}

._summaryCard_1i7g5_39 {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px;
  border-radius: 10px;
}
._summaryCard_1i7g5_39._completed_1i7g5_48 {
  background: var(--color-card-shell-success);
  border: 1px solid var(--color-badge-success-border);
}
._summaryCard_1i7g5_39._in-progress_1i7g5_52 {
  background: var(--color-badge-gold-bg);
  border: 1px solid var(--color-badge-warning-border);
}
._summaryCard_1i7g5_39._not-started_1i7g5_56 {
  background: var(--color-neutral-25);
  border: 1px solid var(--color-border-strong);
}

._summaryHeader_1i7g5_61 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

._summaryLabel_1i7g5_69 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._summaryPercent_1i7g5_78 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._summaryBarTrack_1i7g5_87 {
  width: 100%;
  height: 10px;
  border-radius: var(--radius-pill);
  overflow: hidden;
}
._completed_1i7g5_48 ._summaryBarTrack_1i7g5_87 {
  background: var(--color-badge-success-border);
}
._in-progress_1i7g5_52 ._summaryBarTrack_1i7g5_87 {
  background: var(--color-badge-warning-border);
}
._not-started_1i7g5_56 ._summaryBarTrack_1i7g5_87 {
  background: var(--color-border);
}

._summaryBarFill_1i7g5_103 {
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--color-navy-outline);
  transition: width 0.3s ease;
}._revenueSection_5wes2_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

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

._revenueTitle_5wes2_14 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._revenueSubtitle_5wes2_24 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._statsRow_5wes2_32 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  width: 100%;
}

._ordersSection_5wes2_39 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._ordersTitle_5wes2_45 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._paymentBadge_5wes2_55 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  font-weight: 500;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._paymentBadge_5wes2_55._paid_5wes2_69 {
  background: var(--color-badge-success-soft-bg);
  color: var(--color-badge-success-ink);
}
._paymentBadge_5wes2_55._failed_5wes2_73 {
  background: var(--color-error-bg);
  color: var(--color-error-ink);
}._summaryCard_1um35_1 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
}

._summaryHeader_1um35_14 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._summaryTitle_1um35_20 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._summarySubtitle_1um35_30 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._progressBlock_1um35_38 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._progressLabels_1um35_44 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._progressTrack_1um35_57 {
  position: relative;
  width: 100%;
  height: 10px;
  border-radius: var(--radius-pill);
  background: var(--color-badge-solid-success);
  overflow: hidden;
}

._progressFee_1um35_66 {
  position: absolute;
  inset: 0 auto 0 0;
  height: 100%;
  background: var(--color-error-border);
}

._summaryRows_1um35_73 {
  display: flex;
  flex-direction: column;
}

._summaryRow_1um35_73 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 8px 0;
  border-bottom: 1px dashed var(--color-border-strong);
}
._summaryRow_1um35_73:last-child {
  border-bottom: none;
}

._summaryRowLabel_1um35_92 {
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: clamp(15px, 13.8571428571px + 0.1116071429vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-700);
}

._summaryRowValue_1um35_101 {
  flex: none;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(17px, 15.8571428571px + 0.1116071429vw, 18px);
  line-height: 24px;
  letter-spacing: -0.4px;
}

._neutralValue_1um35_110 {
  color: var(--color-neutral-700);
}

._negativeValue_1um35_114 {
  color: var(--color-error-border);
}

._positiveValue_1um35_118 {
  color: var(--color-badge-solid-success);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._detailPageContainer_1ndyk_125 {
  --page-padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: var(--page-padding);
  width: 100%;
  min-height: 100%;
  min-width: 0;
  box-sizing: border-box;
}

._sectionTitle_1ndyk_137 {
  box-sizing: border-box;
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px;
  margin: calc(var(--page-padding) * -1) calc(var(--page-padding) * -1) 0;
  background: var(--color-surface);
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-divider);
}

._sectionTopRow_1ndyk_151 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  height: 24px;
}

._backLink_1ndyk_161 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 4px 8px;
  border: 1px solid var(--color-neutral-100);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-icon-muted);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._backLink_1ndyk_161:hover {
  background: var(--color-neutral-25);
}
._backLink_1ndyk_161 > span {
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
}

._headerMenuBtn_1ndyk_190 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--color-icon-muted);
  cursor: pointer;
}
._headerMenuBtn_1ndyk_190:hover {
  background: var(--color-neutral-25);
}

._sectionMainRow_1ndyk_207 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 640px) {
  ._sectionMainRow_1ndyk_207 {
    flex-direction: column;
  }
}

._coverImage_1ndyk_221 {
  flex: none;
  width: 127px;
  height: 80px;
  border-radius: var(--radius-control);
  object-fit: cover;
  background: var(--color-neutral-100);
}
@media (max-width: 640px) {
  ._coverImage_1ndyk_221 {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}

._headerMain_1ndyk_237 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}
@media (max-width: 640px) {
  ._headerMain_1ndyk_237 {
    width: 100%;
  }
}

._titleRow_1ndyk_251 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

._detailTitle_1ndyk_259 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  line-height: 27px;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
}

._detailDescription_1ndyk_269 {
  align-self: stretch;
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._pricesRow_1ndyk_280 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

._tagsRow_1ndyk_288 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

._tagPill_1ndyk_297 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--color-navy-50);
  font-family: var(--font-ui);
  font-size: clamp(9px, 7.8571428571px + 0.1116071429vw, 10px);
  line-height: 14px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
  white-space: nowrap;
}

._tabsRow_1ndyk_314 {
  display: flex;
  flex: none;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  height: 48px;
  border-bottom: 1px solid var(--color-border);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._tabsRow_1ndyk_314::-webkit-scrollbar {
  display: none;
}

._statsGrid_1ndyk_331 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  width: 100%;
}

._revenueSnapshotRow_1ndyk_338 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
@media (max-width: 768px) {
  ._revenueSnapshotRow_1ndyk_338 {
    flex-direction: column;
    align-items: stretch;
  }
}

._insightsRow_1ndyk_352 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
  width: 100%;
}
@media (max-width: 900px) {
  ._insightsRow_1ndyk_352 {
    flex-direction: column;
  }
}

._stateMessage_1ndyk_365 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  color: var(--color-neutral-700);
}

._headerActions_1ndyk_375 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}._frameBox_ivcqb_1 {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background: #ffffff;
}

._page_ivcqb_8 {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-neutral-100, #f4f6fa);
}

._thumbnail_ivcqb_17 {
  width: 100%;
  height: 100%;
}
._thumbnail_ivcqb_17 ._device_ivcqb_21 {
  width: 400%;
  height: 400%;
  transform: scale(0.25);
  transform-origin: top left;
  pointer-events: none;
}

._empty_ivcqb_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  color: var(--color-neutral-600);
}

._device_ivcqb_21 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #ffffff;
  transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  animation: _frameIn_ivcqb_1 0.35s ease;
}

._mobile_ivcqb_48 {
  width: 390px;
  max-width: 100%;
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  box-shadow: 0 0 0 8px var(--color-neutral-100, #f4f6fa);
}

._iframe_ivcqb_56 {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

@keyframes _frameIn_ivcqb_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}._page_y8rfm_1 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  background: var(--color-neutral-100);
}

._previewBar_y8rfm_10 {
  position: sticky;
  top: 0;
  z-index: 10;
  flex: none;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  min-height: 58px;
  padding: 6px 6px 6px 24px;
  background: #4b5565;
  color: #ffffff;
  font-family: var(--font-ui);
}
@media (max-width: 640px) {
  ._previewBar_y8rfm_10 {
    gap: 10px;
    padding: 10px 12px 12px;
  }
}

._backBtn_y8rfm_34 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 4px 8px;
  border: 1px solid var(--color-neutral-100);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-icon-muted);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._backBtn_y8rfm_34:hover {
  background: var(--color-neutral-25);
}
._backBtn_y8rfm_34 > span {
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
}

._previewPill_y8rfm_62 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 8px 6px 18px;
  border-radius: 9999px;
  background: #ffffff;
  color: var(--color-neutral-950);
}

._previewLabel_y8rfm_72 {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

._exitBtn_y8rfm_78 {
  padding: 6px 10px;
  border: 0;
  background: transparent;
  color: var(--color-navy-outline);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

._backBtn_y8rfm_34:focus-visible,
._exitBtn_y8rfm_78:focus-visible {
  outline: 2px solid var(--color-focus-border);
  outline-offset: 2px;
}

._stateMessage_y8rfm_97 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-neutral-600);
}._grid_e2s8u_1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
}
@media (max-width: 900px) {
  ._grid_e2s8u_1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  ._grid_e2s8u_1 {
    grid-template-columns: 1fr;
  }
}

._card_e2s8u_18 {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  border: 0.8px solid #d7dfe9;
  border-radius: 12px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
._card_e2s8u_18:hover {
  border-color: #a9bedd;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(27, 42, 74, 0.08);
}
._card_e2s8u_18:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._selected_e2s8u_40 {
  border: 1.5px solid #3c609b;
  box-shadow: 0 4px 16px rgba(60, 96, 155, 0.14);
}

._thumb_e2s8u_45 {
  position: relative;
  display: block;
  height: 200px;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-neutral-100, #f4f6fa);
}

._thumbImage_e2s8u_54 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

._selectedMark_e2s8u_61 {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  border-radius: 50%;
  background: #ffffff;
  color: #3c609b;
  animation: _markPop_e2s8u_1 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

._meta_e2s8u_72 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px 16px;
}

._name_e2s8u_79 {
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._description_e2s8u_87 {
  font-size: 12px;
  line-height: 18px;
  color: #8897ae;
}

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

._state_e2s8u_99 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 440px;
  margin: 0 auto;
  padding: 40px 24px;
  text-align: center;
}

._stateIcon_e2s8u_110 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
  border-radius: 12px;
  background: #e9eff9;
  color: #3c609b;
}

._stateTitle_e2s8u_122 {
  margin: 0;
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 500;
  color: #0a0c11;
}

._stateText_e2s8u_130 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 22px;
  color: #455468;
}

@keyframes _markPop_e2s8u_1 {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}._panel_e127r_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  height: 100%;
}

._header_e127r_9 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

._headingBlock_e127r_16 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._title_e127r_23 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.1px;
  color: var(--color-body);
}

._note_e127r_32 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-size: 12px;
  color: var(--color-neutral-600);
}

._deviceToggle_e127r_41 {
  display: inline-flex;
  gap: 4px;
  padding: 3px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface);
}

._frame_e127r_50 {
  flex: 1;
}._filterTabsRow_1ep9o_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: none;
  padding-bottom: 14px;
}

._productsGrid_1ep9o_9 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  width: 100%;
}

._stateMessage_1ep9o_16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  color: var(--color-neutral-600);
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._pageContainer_1xikx_125 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: linear-gradient(119.28deg, #fcfdff 0%, #e3f1fd 98.99%);
}

._sectionTitle_1xikx_139 {
  box-sizing: border-box;
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-control);
}

._stepsBar_1xikx_152 {
  display: flex;
  align-self: stretch;
  min-width: 0;
}

._backLink_1xikx_158 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 4px 8px;
  border: 1px solid var(--color-neutral-100);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-icon-muted);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._backLink_1xikx_158:hover {
  background: var(--color-neutral-25);
}
._backLink_1xikx_158 > span {
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
}

._pageTitle_1xikx_187 {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  line-height: 34px;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
}

._stateMessage_1xikx_197 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  color: var(--color-neutral-600);
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
}

._scrollArea_1xikx_208 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

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

._confirmBar_1xikx_220 {
  box-sizing: border-box;
  width: calc(100% - 2 * var(--page-gutter));
  max-width: var(--content-max-width);
  margin-inline: auto;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 24px;
  background: var(--color-surface);
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: rgba(27, 56, 96, 0.12);
  border-radius: var(--radius-card);
}
@media (max-width: 767px) {
  ._confirmBar_1xikx_220 {
    gap: 12px 8px;
    padding: 12px;
  }
}

@media (max-width: 767px) {
  ._backBtn_1xikx_247 {
    flex: none;
    padding-inline: 12px;
  }
  ._backBtn_1xikx_247 span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
}

._confirmInfo_1xikx_264 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  color: var(--color-neutral-950);
}
._confirmInfo_1xikx_264 svg {
  flex: none;
  margin-top: 2px;
}
@media (max-width: 767px) {
  ._confirmInfo_1xikx_264 {
    width: 100%;
  }
}

._confirmTextBlock_1xikx_282 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._confirmTitle_1xikx_289 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._confirmSubtitle_1xikx_299 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._confirmActions_1xikx_307 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}
@media (max-width: 767px) {
  ._confirmActions_1xikx_307 {
    flex: 1;
    gap: 8px;
    min-width: 0;
  }
  ._confirmActions_1xikx_307 > * {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
  }
}

._pageFooter_1xikx_327 {
  box-sizing: border-box;
  width: calc(100% - 2 * var(--page-gutter));
  max-width: var(--content-max-width);
  margin-inline: auto;
  display: flex;
  flex: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  gap: 12px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--color-icon-subtle);
  white-space: nowrap;
}
@media (max-width: 767px) {
  ._pageFooter_1xikx_327 {
    flex-wrap: wrap;
  }
}

._pageFooterLeft_1xikx_355 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
._pageFooterLeft_1xikx_355 span {
  overflow: hidden;
  text-overflow: ellipsis;
}

._pageFooterRight_1xikx_366 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 16px;
}
._pageFooterRight_1xikx_366 a {
  color: inherit;
  text-decoration: none;
}
._pageFooterRight_1xikx_366 a:hover {
  text-decoration: underline;
}

._selectedProductBanner_1xikx_380 {
  box-sizing: border-box;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 34px;
  padding: 16px;
  background: var(--color-choice-bg);
  border-radius: var(--radius-control);
}

._selectedProductInfo_1xikx_393 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  letter-spacing: -0.2px;
  color: var(--color-choice-accent);
}

._changeProductBtn_1xikx_405 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 6px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._changeProductBtn_1xikx_405:hover {
  background: var(--color-neutral-25);
}

._stepCard_1xikx_428 {
  box-sizing: border-box;
  display: flex;
  flex: none;
  flex-direction: column;
  width: 100%;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-e-sm);
  overflow: hidden;
}

._stepCardHeader_1xikx_441 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: var(--color-navy-50);
}

._stepCardIcon_1xikx_450 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  background: var(--color-navy-50);
  color: var(--color-navy-outline);
}

._stepCardTitle_1xikx_462 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._stepCardSubtitle_1xikx_472 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._stepCardBody_1xikx_480 {
  padding: 16px;
}

._sellingTypeFlagged_1xikx_484 [role='radio'] {
  border-color: var(--color-error-border, #9a2a34) !important;
}

._sellingTypeGroup_1xikx_488 [role='radio'][aria-checked='true'] {
  background: var(--color-choice-bg);
  border-color: #f1d994;
}
._sellingTypeGroup_1xikx_488 [role='radio'][aria-checked='true'] > div:nth-child(2) {
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-color: var(--color-navy-outline);
  background: var(--color-navy-50);
}
._sellingTypeGroup_1xikx_488 [role='radio'][aria-checked='true'] > div:nth-child(2)::after {
  width: 9px;
  height: 9px;
  background: var(--color-navy-outline);
}
@media (max-width: 767px) {
  ._sellingTypeGroup_1xikx_488 [role='radio'] {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
}

._saleCard_1xikx_511 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 16px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._saleCardHeader_1xikx_522 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid var(--color-divider);
}

._saleToggleBtn_1xikx_532 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._saleCardTitle_1xikx_539 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._saleCardSubtitle_1xikx_549 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._saleOptionsRow_1xikx_557 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--color-divider);
}
@media (max-width: 767px) {
  ._saleOptionsRow_1xikx_557 {
    flex-direction: column;
    align-items: stretch;
  }
}

._discountTypeField_1xikx_574 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  ._discountTypeField_1xikx_574 {
    width: 100%;
  }
}

._fieldLabel_1xikx_585 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._discountTypeToggle_1xikx_594 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  padding: 4px;
  gap: 2px;
  background: var(--color-neutral-100);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-sm);
}
@media (max-width: 767px) {
  ._discountTypeToggle_1xikx_594 {
    display: flex;
    width: 100%;
  }
}

._discountTypeBtn_1xikx_611 {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 28px;
  padding: 2px 10px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
  cursor: pointer;
  opacity: 0.45;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
@media (max-width: 767px) {
  ._discountTypeBtn_1xikx_611 {
    flex: 1;
  }
}

._activeDiscountType_1xikx_638 {
  background: var(--color-surface);
  opacity: 1;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
}

._saleDateField_1xikx_644 {
  flex: 1 1 200px;
  min-width: 180px;
}
@media (max-width: 767px) {
  ._saleDateField_1xikx_644 {
    flex: none;
    width: 100%;
    min-width: 0;
  }
}

._saleDateArrow_1xikx_656 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 36px;
  height: 36px;
  color: var(--color-neutral-700);
}
@media (max-width: 767px) {
  ._saleDateArrow_1xikx_656 {
    display: none;
  }
}

@media (max-width: 767px) {
  ._priceTableDesktop_1xikx_672 {
    display: none;
  }
}

._priceCardsMobile_1xikx_677 {
  display: none;
}
@media (max-width: 767px) {
  ._priceCardsMobile_1xikx_677 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

._priceCard_1xikx_677 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
}

._priceCardField_1xikx_698 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._priceCardPaysToday_1xikx_704 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px dashed var(--color-divider);
}

._audienceRow_1xikx_712 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

._audienceRowDisabled_1xikx_718 ._audienceTitle_1xikx_718,
._audienceRowDisabled_1xikx_718 ._audienceSubtitle_1xikx_719 {
  color: var(--color-neutral-400);
}

._audienceCell_1xikx_723 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._audienceTitle_1xikx_718 {
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._audienceSubtitle_1xikx_719 {
  font-family: var(--font-ui);
  font-size: clamp(9px, 7.8571428571px + 0.1116071429vw, 10px);
  line-height: 14px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._paysTodayCol_1xikx_746:is(th) {
  background: var(--color-navy-50);
}

._paysTodayMuted_1xikx_750 {
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._paysTodayValue_1xikx_758 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._paysTodayCell_1xikx_767 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._paysTodayCompare_1xikx_773 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  letter-spacing: -0.2px;
}

._paysTodayOriginal_1xikx_783 {
  color: var(--color-neutral-700);
  text-decoration: line-through;
}

._paysTodayOffBadge_1xikx_788 {
  font-weight: 600;
  color: var(--color-choice-accent);
}

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

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

._earningsHeading_1xikx_806 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(14px, 11.7142857143px + 0.2232142857vw, 16px);
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--color-neutral-950);
}

._earningsTableScroll_1xikx_816 {
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 767px) {
  ._earningsTableScroll_1xikx_816 {
    display: none;
  }
}

._earningsTable_1xikx_816 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._earningsCardsMobile_1xikx_836 {
  display: none;
}
@media (max-width: 767px) {
  ._earningsCardsMobile_1xikx_836 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

._earningsCard_1xikx_836 {
  box-sizing: border-box;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

._earningsCardTitle_1xikx_854 {
  margin: 0;
  padding: 10px 16px;
  background: var(--color-neutral-25);
  border-bottom: 1px solid var(--color-border-strong);
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  color: var(--color-neutral-950);
}

._earningsCardRow_1xikx_865 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-border-strong);
  background: var(--color-surface);
}
._earningsCardRow_1xikx_865:last-child {
  border-bottom: none;
}
._earningsCardRow_1xikx_865 ._earningsLabelCell_1xikx_879,
._earningsCardRow_1xikx_865 ._earningsValueCell_1xikx_880 {
  flex: none;
  padding: 0;
}
._earningsCardRow_1xikx_865 ._earningsValueCell_1xikx_880 {
  text-align: right;
}

._earningsRow_1xikx_888 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid var(--color-border-strong);
  background: var(--color-surface);
}
._earningsRow_1xikx_888:last-child {
  border-bottom: none;
}

._earningsHeaderRow_1xikx_900 {
  background: var(--color-neutral-25);
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  color: var(--color-neutral-700);
}

._earningsTotalRow_1xikx_907 {
  background: var(--color-neutral-100);
}

._earningsLabelCell_1xikx_879 {
  flex: 1.3 1 0%;
  min-width: 0;
  padding: 14px 16px;
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._earningsValueCell_1xikx_880 {
  flex: 1 1 0%;
  min-width: 0;
  padding: 14px 16px;
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._earningsTotalLabel_1xikx_931 {
  font-weight: 600;
  color: var(--color-neutral-950);
}

._earningsFootnote_1xikx_936 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(11px, 9.8571428571px + 0.1116071429vw, 12px);
  line-height: 18px;
  color: var(--color-neutral-700);
}

._pricingFootnote_1xikx_944 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 10px;
  margin-top: 8px;
  background: var(--color-neutral-25);
  border-radius: var(--radius-control);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-addon-bg);
}
._pricingFootnote_1xikx_944 svg {
  flex: none;
  margin-top: 2px;
}

._templateSectionHeading_1xikx_965 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}

._requiredStar_1xikx_972 {
  color: var(--color-required-star);
}

._templateSectionSubtitle_1xikx_976 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(13px, 11.8571428571px + 0.1116071429vw, 14px);
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

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

._reviewRow_1xikx_990 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-neutral-100);
}

._reviewLabel_1xikx_1000 {
  color: var(--color-neutral-600);
  font-size: 14px;
}

._reviewValue_1xikx_1005 {
  color: var(--color-neutral-950);
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}

._reviewLayout_1xikx_1013 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 486px;
  align-items: start;
  gap: 16px;
}
@media (max-width: 1279px) {
  ._reviewLayout_1xikx_1013 {
    grid-template-columns: minmax(0, 1fr) 400px;
  }
}
@media (max-width: 1023px) {
  ._reviewLayout_1xikx_1013 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._reviewPreview_1xikx_1030 {
  min-width: 0;
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width: 1023px) {
  ._reviewPreview_1xikx_1030 {
    max-height: 60vh;
    overflow-y: auto;
  }
}
@media (max-width: 767px) {
  ._reviewPreview_1xikx_1030 {
    max-height: 50vh;
  }
}

._reviewPanel_1xikx_1047 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(27, 56, 96, 0.12);
  border-radius: 12px;
  background: #ffffff;
}
@media (max-width: 767px) {
  ._reviewPanel_1xikx_1047 {
    gap: 16px;
    padding: 12px;
  }
}

._reviewPanelHeader_1xikx_1065 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

._reviewPanelIcon_1xikx_1071 {
  flex: none;
}

._reviewPanelHeading_1xikx_1075 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._reviewPanelTitle_1xikx_1081 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._reviewPanelSubtitle_1xikx_1091 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._reviewAlert_1xikx_1100 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 10px 10px 12px;
  border: 0;
  border-radius: 8px;
  background: #fefaed;
  text-align: left;
  cursor: pointer;
}
._reviewAlert_1xikx_1100:hover {
  background: #fdf3d6;
}
._reviewAlert_1xikx_1100:focus-visible {
  outline: 2px solid var(--color-focus-border);
  outline-offset: 2px;
}

._reviewAlertIcon_1xikx_1120 {
  flex: none;
  color: #9c6d0c;
}

._reviewAlertText_1xikx_1125 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #9c6d0c;
}

._reviewAlertTitle_1xikx_1136 {
  font-weight: 500;
  line-height: 20px;
}

._reviewAlertContent_1xikx_1141 {
  font-weight: 400;
  line-height: 22px;
}

._reviewSection_1xikx_1146 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 2px solid #f0f3f9;
  border-radius: 8px;
  background: var(--color-surface);
}

._reviewSectionHeader_1xikx_1156 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 8px 8px 4px;
  background: #f9fafb;
}

._reviewSectionIcon_1xikx_1164 {
  box-sizing: border-box;
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 32px;
  padding: 4px 8px 8px;
  border-radius: 6px;
}
._reviewSectionIcon_1xikx_1164 img {
  display: block;
  width: 20px;
  height: 20px;
}

._reviewSectionIconBoxed_1xikx_1181 {
  padding: 0;
}
._reviewSectionIconBoxed_1xikx_1181 img {
  width: 36px;
  height: 32px;
}

._reviewSectionHeading_1xikx_1189 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._reviewSectionTitle_1xikx_1197 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #0a0c11;
}

._reviewSectionSubtitle_1xikx_1206 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._reviewSectionBody_1xikx_1214 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px;
}

._reviewSectionBody_1xikx_1214._reviewDetailsBody_1xikx_1221 {
  gap: 4px;
  padding: 6px 16px 8px;
}
._reviewSectionBody_1xikx_1214._reviewDetailsBody_1xikx_1221 ._reviewRow_1xikx_990 {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 12px;
  padding: 4px 0;
  border-bottom: 1px solid #e9eff6;
}
._reviewSectionBody_1xikx_1214._reviewDetailsBody_1xikx_1221 ._reviewRow_1xikx_990:last-child {
  border-bottom: 0;
}
@media (max-width: 767px) {
  ._reviewSectionBody_1xikx_1214._reviewDetailsBody_1xikx_1221 {
    padding: 6px 12px 8px;
  }
}
._reviewSectionBody_1xikx_1214._reviewDetailsBody_1xikx_1221 ._reviewLabel_1xikx_1000 {
  flex: none;
  width: 110px;
}
@media (max-width: 399px) {
  ._reviewSectionBody_1xikx_1214._reviewDetailsBody_1xikx_1221 ._reviewLabel_1xikx_1000 {
    width: 92px;
  }
}
._reviewSectionBody_1xikx_1214._reviewDetailsBody_1xikx_1221 ._reviewLabel_1xikx_1000 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #455468;
}
._reviewSectionBody_1xikx_1214._reviewDetailsBody_1xikx_1221 ._reviewValue_1xikx_1005 {
  min-width: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #455468;
  text-align: left;
}

._reviewSectionBody_1xikx_1214._reviewAccessBody_1xikx_1264 {
  gap: 2px;
}
._reviewSectionBody_1xikx_1214._reviewAccessBody_1xikx_1264 ._reviewRow_1xikx_990 {
  gap: 8px;
  padding: 0;
}
._reviewSectionBody_1xikx_1214._reviewAccessBody_1xikx_1264 ._reviewLabel_1xikx_1000 {
  width: 144px;
}
@media (max-width: 399px) {
  ._reviewSectionBody_1xikx_1214._reviewAccessBody_1xikx_1264 ._reviewLabel_1xikx_1000 {
    width: 92px;
  }
}

._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 {
  padding: 0;
  border: 1px solid #d7dfe9;
  border-radius: 6px;
}
._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 thead {
  border-bottom: 1px solid rgba(27, 56, 96, 0.06);
}
._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 th {
  height: 40px;
  padding: 8px 12px;
  background: #f9fafb;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}
._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 tbody > tr,
._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 tbody > tr:last-child {
  border-bottom: 1px solid #d7dfe9;
  background: #ffffff;
}
._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 tbody > tr:last-child {
  background: #eef2f8;
}
._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 tbody > tr:last-child td {
  font-weight: 700;
  color: #0a0c11;
}
._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 td {
  height: 60px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
  white-space: nowrap;
}
._reviewSectionBody_1xikx_1214 ._reviewEarningsTable_1xikx_1280 td._reviewEarningsLabel_1xikx_1318 {
  color: #0a0c11;
}

._pageUrlValue_1xikx_1322 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
._pageUrlValue_1xikx_1322 span {
  word-break: break-all;
}

._copyUrlBtn_1xikx_1332 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-surface);
  color: var(--color-icon-muted);
  cursor: pointer;
}
._copyUrlBtn_1xikx_1332:hover {
  color: var(--color-navy);
}
._copyUrlBtn_1xikx_1332:focus-visible {
  outline: 2px solid var(--color-focus-border);
  outline-offset: 2px;
}._body_e8btw_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._lede_e8btw_7 {
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: var(--color-neutral-600);
}

._row_e8btw_14 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 520px) {
  ._row_e8btw_14 {
    grid-template-columns: 1fr;
  }
}

._person_e8btw_25 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-navy-25, #f4f7fb);
}

._personText_e8btw_35 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._personName_e8btw_42 {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._personEmail_e8btw_48 {
  overflow: hidden;
  font-size: 12px;
  color: var(--color-neutral-600);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._note_e8btw_56 {
  margin: 0;
  padding: 10px 12px;
  border-radius: var(--radius-control);
  background: var(--color-navy-25, #f4f7fb);
  font-size: 13px;
  color: var(--color-neutral-700);
}

._footer_e8btw_65 {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  border-top: 1px solid var(--color-border);
}

._modalBody_e8btw_75 {
  min-height: 340px;
}._tab_18ykt_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._toolbar_18ykt_7 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._search_18ykt_15 {
  flex: 1 1 260px;
  max-width: 360px;
}

._toolbarEnd_18ykt_20 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

._total_18ykt_27 {
  font-size: 13px;
  color: var(--color-neutral-600);
  font-variant-numeric: tabular-nums;
}

._card_18ykt_33 {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: var(--shadow-e-sm);
}

._table_18ykt_41 {
  border: 0;
  border-radius: 0;
}

._memberCell_18ykt_46 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

._memberText_18ykt_53 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._memberName_18ykt_60 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._youTag_18ykt_69 {
  padding: 0 6px;
  border-radius: var(--radius-pill);
  background: var(--color-navy-50);
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  color: var(--color-navy-outline);
}

._memberEmail_18ykt_79 {
  overflow: hidden;
  font-size: 12px;
  color: var(--color-neutral-600);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._roleChips_18ykt_87 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._roleChip_18ykt_87,
._roleChipSystem_18ykt_94 {
  padding: 2px 10px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--color-neutral-700);
  white-space: nowrap;
}

._roleChipSystem_18ykt_94 {
  border-color: transparent;
  background: var(--color-navy-50);
  color: var(--color-navy-outline);
}

._muted_18ykt_112,
._joined_18ykt_113 {
  font-size: 13px;
  color: var(--color-neutral-600);
}

._menuButton_18ykt_118 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-control);
  color: var(--color-neutral-600);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
._menuButton_18ykt_118:hover {
  background: var(--color-neutral-50);
  color: var(--color-neutral-950);
}

._srOnly_18ykt_134 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

._skeletonList_18ykt_143 {
  display: flex;
  flex-direction: column;
}

._skeletonRow_18ykt_148 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}
._skeletonRow_18ykt_148 + ._skeletonRow_18ykt_148 {
  border-top: 1px solid var(--color-border);
}

._skeletonText_18ykt_158 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
}

._state_18ykt_165 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 48px 24px;
  text-align: center;
}
._state_18ykt_165 button {
  margin-top: 10px;
}

._stateIcon_18ykt_177,
._stateIconError_18ykt_178 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 6px;
  border-radius: 50%;
  background: var(--color-navy-50);
  color: var(--color-navy-outline);
}

._stateIconError_18ykt_178 {
  background: rgba(220, 38, 38, 0.08);
  color: var(--color-action-foreground-error-normal);
}

._stateTitle_18ykt_195 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._stateText_18ykt_203 {
  max-width: 380px;
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: var(--color-neutral-600);
}._matrix_8lxe7_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._lockNote_8lxe7_7 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid rgba(171, 136, 66, 0.3);
  border-radius: var(--radius-control, 8px);
  background: var(--color-badge-gold-bg, #fefaeb);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--color-badge-gold-ink, #ab8842);
}

._moduleCard_8lxe7_21 {
  border: 1px solid var(--color-border-strong, #d7dfe9);
  border-radius: var(--radius-card, 12px);
  background: var(--color-surface, #ffffff);
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.04);
  transition: box-shadow 0.15s ease;
}

._moduleHeader_8lxe7_29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px 12px 20px;
}

._moduleTitleGroup_8lxe7_37 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._moduleTitle_8lxe7_37 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-neutral-950, #0a0c11);
  letter-spacing: -0.01em;
}

._statusNone_8lxe7_52,
._statusPartial_8lxe7_53,
._statusAll_8lxe7_54 {
  font-family: var(--font-ui);
  font-size: 11.5px;
  font-weight: 600;
}

._statusNone_8lxe7_52 {
  background: var(--color-neutral-100, #f0f3f9) !important;
  color: var(--color-neutral-600, #525d6f) !important;
  border-color: transparent !important;
}

._statusPartial_8lxe7_53 {
  background: #fff1f2 !important;
  color: #f43f5e !important;
  border-color: transparent !important;
}

._statusAll_8lxe7_54 {
  background: #f0fdf4 !important;
  color: #16a34a !important;
  border-color: transparent !important;
}

._bulkActions_8lxe7_78 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._allowAllBtn_8lxe7_84 {
  border-color: #d1d5db !important;
  color: var(--color-neutral-700, #455468) !important;
}
._allowAllBtn_8lxe7_84:hover:not(:disabled) {
  background: var(--color-neutral-25, #f9fafb) !important;
  border-color: #9ca3af !important;
  color: var(--color-neutral-950, #0a0c11) !important;
}

._revokeAllBtn_8lxe7_94 {
  border-color: #fed7aa !important;
  color: #ea580c !important;
}
._revokeAllBtn_8lxe7_94:hover:not(:disabled) {
  background: #fff7ed !important;
  border-color: #f97316 !important;
  color: #c2410c !important;
}

._actionsGrid_8lxe7_104 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 4px 20px 20px 20px;
}
@media (max-width: 1280px) {
  ._actionsGrid_8lxe7_104 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  ._actionsGrid_8lxe7_104 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 540px) {
  ._actionsGrid_8lxe7_104 {
    grid-template-columns: 1fr;
  }
}

._actionCard_8lxe7_126 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--color-border-strong, #d7dfe9);
  border-radius: var(--radius-control, 8px);
  background: #ffffff;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
._actionCard_8lxe7_126:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #cbd5e1;
}

._actionCardActive_8lxe7_143 {
  background: #ffffff;
}

._actionCardDisabled_8lxe7_147 {
  cursor: default;
  opacity: 0.7;
}
._actionCardDisabled_8lxe7_147:hover {
  background: #ffffff;
}

._checkboxContainer_8lxe7_155 {
  width: 100%;
}
._checkboxContainer_8lxe7_155 .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 10px;
}
._checkboxContainer_8lxe7_155 .boxWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
}
._checkboxContainer_8lxe7_155 label {
  margin: 0;
  cursor: pointer;
  width: 100%;
  user-select: none;
}

._actionCheckbox_8lxe7_180 {
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  border-color: #d1d5db !important;
}
._actionCheckbox_8lxe7_180:checked {
  background-color: #f43f5e !important;
  border-color: #f43f5e !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
}

._actionLabel_8lxe7_195 {
  display: block;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-neutral-700, #455468);
  text-overflow: ellipsis;
  white-space: nowrap;
}._tab_h71qc_1 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

._roleList_h71qc_7 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 240px;
  padding: 8px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

._roleItem_h71qc_19 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s ease;
}
._roleItem_h71qc_19:hover {
  background: var(--color-neutral-50);
}

._roleItemActive_h71qc_35 {
  background: var(--color-navy-50);
}
._roleItemActive_h71qc_35:hover {
  background: var(--color-navy-50);
}

._roleIcon_h71qc_42,
._roleIconFull_h71qc_43 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--color-navy-50);
  color: var(--color-navy-outline);
}

._roleIconFull_h71qc_43 {
  background: var(--color-badge-gold-bg);
  color: var(--color-badge-gold-ink);
}

._roleItemText_h71qc_60 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._roleItemName_h71qc_67 {
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: var(--color-neutral-950);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._panel_h71qc_78 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

._panelHeader_h71qc_86 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._panelTitle_h71qc_94 {
  margin: 0 0 4px;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._panelSubtitle_h71qc_102 {
  margin: 0;
  font-size: 13px;
  color: var(--color-neutral-600);
}

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

._error_h71qc_114 {
  margin: 0;
  font-size: 13px;
  color: var(--color-action-foreground-error-normal);
}

._state_h71qc_120 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 48px 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  text-align: center;
}
._state_h71qc_120 button {
  margin-top: 10px;
}

._stateIcon_h71qc_135,
._stateIconError_h71qc_136 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 6px;
  border-radius: 50%;
  background: var(--color-navy-50);
  color: var(--color-navy-outline);
}

._stateIconError_h71qc_136 {
  background: rgba(220, 38, 38, 0.08);
  color: var(--color-action-foreground-error-normal);
}

._stateTitle_h71qc_153 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._stateText_h71qc_161 {
  max-width: 380px;
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: var(--color-neutral-600);
}

@media (max-width: 720px) {
  ._tab_h71qc_1 {
    flex-direction: column;
  }
  ._roleList_h71qc_7 {
    flex-direction: row;
    overflow-x: auto;
    width: 100%;
  }
  ._roleItem_h71qc_19 {
    flex-shrink: 0;
  }
}._body_dpqlb_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._lede_dpqlb_7 {
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: var(--color-neutral-600);
}

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

._matrixHeader_dpqlb_20 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 4px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--color-border);
}

._matrixTitle_dpqlb_29 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._matrixHint_dpqlb_37 {
  font-size: 12px;
  color: var(--color-neutral-600);
}

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

._error_dpqlb_48 {
  margin: 0;
  font-size: 13px;
  color: var(--color-action-foreground-error-normal);
}

._footer_dpqlb_54 {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  border-top: 1px solid var(--color-border);
}._tab_1jamz_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._toolbar_1jamz_7 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._intro_1jamz_15 {
  margin: 0;
  font-size: 13px;
  color: var(--color-neutral-600);
}

._grid_1jamz_21 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@keyframes _rise_1jamz_1 {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._cardItem_1jamz_40 {
  display: flex;
  animation: _rise_1jamz_1 0.32s cubic-bezier(0.2, 0.7, 0.3, 1) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}
@media (prefers-reduced-motion: reduce) {
  ._cardItem_1jamz_40 {
    animation: none;
  }
}

._card_1jamz_40 {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: var(--shadow-e-sm);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
._card_1jamz_40:hover, ._card_1jamz_40:focus-within {
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-e-card);
  transform: translateY(-1px);
}

/* Covers the whole card so a click anywhere opens it; the menu sits above it. */
._cardOpen_1jamz_71 {
  position: absolute;
  inset: 0;
  z-index: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  cursor: pointer;
}
._cardOpen_1jamz_71:focus-visible {
  outline: 2px solid var(--color-navy-outline);
  outline-offset: 2px;
}

._cardHeader_1jamz_86 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  pointer-events: none;
}

._roleIcon_1jamz_93,
._roleIconFull_1jamz_94 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--color-navy-50);
  color: var(--color-navy-outline);
}

._roleIconFull_1jamz_94 {
  background: var(--color-badge-gold-bg);
  color: var(--color-badge-gold-ink);
}

._cardTitleBlock_1jamz_111 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._cardTitle_1jamz_111 {
  overflow: hidden;
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: var(--color-neutral-950);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._badges_1jamz_131 {
  display: flex;
  gap: 6px;
}

._cardMenu_1jamz_136 {
  position: relative;
  z-index: 1;
  margin: -4px -6px 0 0;
  pointer-events: auto;
}

._menuButton_1jamz_143 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-control);
  color: var(--color-neutral-600);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
._menuButton_1jamz_143:hover {
  background: var(--color-neutral-50);
  color: var(--color-neutral-950);
}

._description_1jamz_159,
._descriptionEmpty_1jamz_160 {
  display: -webkit-box;
  flex: 1;
  overflow: hidden;
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: var(--color-neutral-700);
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

._descriptionEmpty_1jamz_160 {
  color: var(--color-neutral-400);
  font-style: italic;
}

._cardFooter_1jamz_178 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--color-border);
  pointer-events: none;
}

._meta_1jamz_188 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--color-neutral-600);
  font-variant-numeric: tabular-nums;
}

._access_1jamz_197,
._accessFull_1jamz_198 {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-navy-outline);
  font-variant-numeric: tabular-nums;
}

._accessFull_1jamz_198 {
  color: var(--color-badge-gold-ink);
}

._skeletonCard_1jamz_209 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

._deleteError_1jamz_219 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: var(--radius-control);
  background: rgba(220, 38, 38, 0.06);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-action-foreground-error-normal);
  text-align: left;
}
._deleteError_1jamz_219 svg {
  flex-shrink: 0;
  margin-top: 1px;
}

._state_1jamz_237 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 48px 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  text-align: center;
}
._state_1jamz_237 button {
  margin-top: 10px;
}

._stateIcon_1jamz_252,
._stateIconError_1jamz_253 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 6px;
  border-radius: 50%;
  background: var(--color-navy-50);
  color: var(--color-navy-outline);
}

._stateIconError_1jamz_253 {
  background: rgba(220, 38, 38, 0.08);
  color: var(--color-action-foreground-error-normal);
}

._stateTitle_1jamz_270 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._stateText_1jamz_278 {
  max-width: 380px;
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: var(--color-neutral-600);
}._page_1wwec_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2.8571428571px + 0.8928571429vw, 20px);
  width: 100%;
  min-width: 0;
  padding: clamp(12px, -1.7142857143px + 1.3392857143vw, 24px);
}

._tabs_1wwec_11 {
  align-self: flex-start;
}

@keyframes _fade-in_1wwec_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._panel_1wwec_23 {
  animation: _fade-in_1wwec_1 0.24s ease-out both;
}
@media (prefers-reduced-motion: reduce) {
  ._panel_1wwec_23 {
    animation: none;
  }
}

._noAccess_1wwec_32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 56px 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  text-align: center;
}

._noAccessIcon_1wwec_44 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 6px;
  border-radius: 50%;
  background: var(--color-navy-50);
  color: var(--color-navy-outline);
}

._noAccessTitle_1wwec_56 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._noAccessText_1wwec_64 {
  margin: 0;
  font-size: 13px;
  color: var(--color-neutral-600);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._onboardingStep_fgqkj_125 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 24px 24px 48px;
  box-sizing: border-box;
  background: linear-gradient(317.02deg, #fbfdff 0%, #e3f1fd 99.07%);
  overflow: auto;
}

._stack_fgqkj_138 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  width: 100%;
}

._header_fgqkj_148 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

._logoRow_fgqkj_156 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

._logoWord_fgqkj_163 {
  font-family: var(--font-plex);
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.8px;
  color: var(--color-navy);
}

._headingBlock_fgqkj_172 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

._heading_fgqkj_172 {
  align-self: stretch;
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 48px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -1.75px;
  color: var(--color-neutral-950);
}

._subheading_fgqkj_192 {
  align-self: stretch;
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._actions_fgqkj_204 {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 32px;
}

._skipLink_fgqkj_213 {
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
  text-decoration: underline;
  cursor: pointer;
}
._skipLink_fgqkj_213:hover {
  color: var(--color-neutral-950);
}

._continueBtn_fgqkj_230._continueBtn_fgqkj_230 {
  flex: none;
  width: 500px;
  max-width: 100%;
  height: 48px;
  padding: 10px 16px;
  border-radius: var(--radius-control);
}
._continueBtn_fgqkj_230._continueBtn_fgqkj_230:disabled {
  background: var(--color-count-border);
  border-color: transparent;
  box-shadow: none;
  color: #ffffff;
  opacity: 1;
}

._hint_fgqkj_246 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  text-align: center;
  color: var(--color-neutral-700);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._brandingCard_5qhnr_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: 600px;
  max-width: 100%;
  padding: 32px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  box-shadow: var(--shadow-2xl);
  border-radius: 12px;
}

._logoRow_5qhnr_140 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}

._logoTile_5qhnr_148 {
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(227.83deg, rgba(250, 208, 196, 0.35) 0%, rgba(255, 154, 158, 0.35) 66.96%);
}

._logoIcon_5qhnr_160 {
  display: block;
  width: 63px;
  height: 63px;
}

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

._logoInfo_5qhnr_173 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

._logoTitle_5qhnr_181 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._logoOptional_5qhnr_190 {
  font-weight: 400;
  color: var(--color-icon-muted);
}

._logoHint_5qhnr_195 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-icon-muted);
}

._logoError_5qhnr_204 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-error-ink);
}

._uploadBtn_5qhnr_213 {
  margin-top: 8px;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._detailsCard_1dst6_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 600px;
  max-width: 100%;
  padding: 32px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  box-shadow: var(--shadow-2xl);
  border-radius: 12px;
}

._fieldCount_1dst6_140 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
  font-variant-numeric: tabular-nums;
}

._validIcon_1dst6_152 {
  color: #8897ae;
}

/* The name field is the taller of the two (48px, 8px side padding). */
._nameBox_1dst6_157._nameBox_1dst6_157 {
  min-height: 48px;
  padding: 0 8px;
}

._card_1dst6_162 input::placeholder {
  color: #afbaca;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._table_1poeq_125 {
  box-sizing: border-box;
  align-self: stretch;
  background: var(--color-neutral-25);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
  overflow: hidden;
}

._row_1poeq_134 {
  display: grid;
  align-items: start;
  gap: 12px;
  padding: 12px 16px;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-neutral-950);
}
._row_1poeq_134 + ._row_1poeq_134 {
  border-top: 1px solid var(--color-border);
}

._plain_1poeq_148 {
  grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1.4fr);
}

._withStatus_1poeq_152 {
  grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1.2fr) 88px;
}

._head_1poeq_156 {
  background: var(--color-surface);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--color-neutral-600);
}

._type_1poeq_165 {
  font-weight: 600;
}

._copyCell_1poeq_169 {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

._mono_1poeq_176 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 20px;
  overflow-wrap: anywhere;
}

._copyBtn_1poeq_183 {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-icon-muted);
  cursor: pointer;
}
._copyBtn_1poeq_183:hover {
  background: var(--color-navy-50);
  color: var(--color-navy);
}
._copyBtn_1poeq_183:focus-visible {
  outline: 2px solid var(--color-navy-outline);
  outline-offset: 1px;
}

._status_1poeq_206 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
}

._status-pending_1poeq_214 {
  color: var(--color-neutral-600);
}

._status-verified_1poeq_218 {
  color: var(--color-badge-success-ink);
}

._status-failed_1poeq_222 {
  color: var(--color-error-ink);
}

@media (max-width: 640px) {
  ._plain_1poeq_148,
  ._withStatus_1poeq_152 {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  ._head_1poeq_156 {
    display: none;
  }
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._card_t42vr_125 {
  box-sizing: border-box;
  align-self: stretch;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-e-sm);
  overflow: hidden;
}

._cardLocked_t42vr_135 {
  background: var(--color-neutral-25);
  box-shadow: none;
}

._header_t42vr_140 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 20px;
}

._marker_t42vr_147 {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
}

._markerActive_t42vr_160 {
  background: var(--color-navy);
  color: #ffffff;
}

._markerLocked_t42vr_165 {
  background: var(--color-neutral-100);
  color: var(--color-neutral-600);
}

._markerDone_t42vr_170 {
  color: var(--color-badge-solid-success);
}

._headingText_t42vr_174 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._title_t42vr_182 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._cardLocked_t42vr_135 ._title_t42vr_182 {
  color: var(--color-neutral-600);
}

._description_t42vr_196 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.1px;
  color: var(--color-neutral-700);
  overflow-wrap: anywhere;
}

._badge_t42vr_206 {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
}

._badge-neutral_t42vr_220,
._badge-locked_t42vr_221 {
  background: var(--color-neutral-100);
  color: var(--color-neutral-600);
}

._badge-warning_t42vr_226 {
  background: var(--color-card-shell-warm);
  color: var(--color-badge-warning-ink);
}

._badge-success_t42vr_231 {
  background: var(--color-card-shell-success);
  color: var(--color-badge-success-ink);
}

._badge-muted_t42vr_236 {
  background: var(--color-navy-50);
  color: var(--color-navy);
}

._body_t42vr_241 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border-top: 1px solid var(--color-border);
}

@media (max-width: 520px) {
  ._header_t42vr_140 {
    flex-wrap: wrap;
  }
  ._badge_t42vr_206 {
    margin-left: 40px;
  }
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._lead_gyk6x_125 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-neutral-700);
}

._hint_gyk6x_133 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-700);
  overflow-wrap: anywhere;
}

._mono_gyk6x_142 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95em;
}

._actions_gyk6x_147 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

._textLink_gyk6x_154 {
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-navy);
  text-decoration: underline;
  cursor: pointer;
}
._textLink_gyk6x_154:hover:not(:disabled) {
  color: var(--color-navy-hover);
}
._textLink_gyk6x_154:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._textLink_gyk6x_154:focus-visible {
  outline: 2px solid var(--color-navy-outline);
  outline-offset: 2px;
}

._suffix_gyk6x_177 {
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-neutral-600);
  white-space: nowrap;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._steps_1uswp_125 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 600px;
  max-width: 100%;
}

._status_1uswp_133 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-neutral-700);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._lead_1kt61_125 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-neutral-700);
}

._hint_1kt61_133 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-700);
}

._field_1kt61_141 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._fieldLabel_1kt61_147 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--color-neutral-950);
}

._domainRow_1kt61_156 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

._domainName_1kt61_163 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-neutral-950);
}

._verifiedChip_1kt61_170 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  background: var(--color-card-shell-success);
  color: var(--color-badge-success-ink);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
}

._senderRow_1kt61_183 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

._segmented_1kt61_190 {
  display: inline-flex;
  padding: 4px;
  border-radius: var(--radius-pill);
  background: var(--color-neutral-100);
}

._segment_1kt61_190 {
  padding: 8px 20px;
  border: none;
  border-radius: var(--radius-pill);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-600);
  cursor: pointer;
}
._segment_1kt61_190:focus-visible {
  outline: 2px solid var(--color-navy-outline);
  outline-offset: 1px;
}

._segmentOn_1kt61_213 {
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
  color: var(--color-neutral-950);
}

._senderDomain_1kt61_219 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 15px;
  color: var(--color-neutral-600);
}

._preview_1kt61_225 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 16px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
  background: var(--color-neutral-25);
}

._previewName_1kt61_235 {
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._previewAddress_1kt61_242 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: var(--color-neutral-600);
  overflow-wrap: anywhere;
}

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

._summaryRow_1kt61_255 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-neutral-950);
}
._summaryRow_1kt61_255 + ._summaryRow_1kt61_255 {
  border-top: 1px solid var(--color-border);
}

._summaryLabel_1kt61_269 {
  color: var(--color-neutral-600);
}

._summaryValue_1kt61_273 {
  text-align: right;
  font-weight: 500;
  overflow-wrap: anywhere;
}

._groupTitle_1kt61_279 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._actions_1kt61_288 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

._textLink_1kt61_295 {
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  color: var(--color-navy);
  text-decoration: underline;
  cursor: pointer;
}
._textLink_1kt61_295:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._textLink_1kt61_295:focus-visible {
  outline: 2px solid var(--color-navy-outline);
  outline-offset: 2px;
}

._allowance_1kt61_315 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-600);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._steps_1uswp_125 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 600px;
  max-width: 100%;
}

._status_1uswp_133 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--color-neutral-700);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._authPage_16wi4_125 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: clamp(8px, 1.2vw, 16px) clamp(8px, 1.4vw, 19px);
  box-sizing: border-box;
  background: linear-gradient(317.02deg, #fbfdff 0%, #e3f1fd 99.07%);
  overflow: hidden;
}
@media (max-width: 767px) {
  ._authPage_16wi4_125 {
    padding: 0;
    overflow-y: auto;
  }
}

._brandPanel_16wi4_143 {
  position: relative;
  box-sizing: border-box;
  flex: 1 1 50%;
  max-width: 840px;
  min-width: 380px;
  padding: clamp(24px, 4vw, 64px) clamp(24px, 5.5vw, 96px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a3c6b;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
}
@media (max-width: 1023px) {
  ._brandPanel_16wi4_143 {
    display: none;
  }
}

._blob_16wi4_164 {
  position: absolute;
  width: 525px;
  height: 525px;
  border-radius: 50%;
  mix-blend-mode: luminosity;
  opacity: 0.8;
  pointer-events: none;
}

._blobWarm_16wi4_174 {
  left: 461px;
  top: -193px;
  background: #e85d04;
  filter: blur(125px);
}

._blobCool_16wi4_181 {
  left: -158px;
  bottom: -245px;
  background: #00c9a7;
  filter: blur(96.7099px);
}

._panelContent_16wi4_188 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(16px, 2.5vh, 48px);
  width: 100%;
  max-width: 580px;
  height: 100%;
  max-height: 914px;
  min-height: 0;
}

._panelMain_16wi4_203 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 2vh, 28px);
  align-self: stretch;
  min-height: 0;
}

._logoRow_16wi4_213 {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  height: clamp(38px, 4vh, 54px);
}

._logoWord_16wi4_222 {
  font-family: var(--font-plex);
  font-weight: 500;
  font-size: clamp(24px, 12.5714285714px + 1.1160714286vw, 34px);
  line-height: 1.2;
  letter-spacing: -1px;
  color: #ffffff;
}

._headingBlock_16wi4_231 {
  position: relative;
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.2vh, 16px);
}

._heading_16wi4_231 {
  margin: 0;
  font-family: var(--font-serif);
  font-style: normal;
  font-weight: 500;
  font-size: clamp(32px, 0px + 3.125vw, 60px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: #ffffff;
}
@media (max-height: 768px) {
  ._heading_16wi4_231 {
    font-size: clamp(24px, 5.7142857143px + 1.7857142857vw, 40px);
  }
}

._subheading_16wi4_256 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: clamp(14px, 7.1428571429px + 0.6696428571vw, 20px);
  line-height: 1.35;
  letter-spacing: -0.2px;
  color: #ffffff;
  max-width: 520px;
}
@media (max-height: 768px) {
  ._subheading_16wi4_256 {
    font-size: 14px;
  }
}

._highlights_16wi4_272 {
  flex: 1;
  align-self: stretch;
  min-height: 0;
  max-height: 350px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

._highlightsImage_16wi4_283 {
  display: block;
  width: 100%;
  max-width: 588px;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  object-position: left center;
}

._panelFooter_16wi4_293 {
  flex: none;
  align-self: stretch;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #ffffff;
  opacity: 0.9;
}

._formSide_16wi4_305 {
  position: relative;
  display: flex;
  flex: 1 1 50%;
  align-items: center;
  justify-content: center;
  min-width: 300px;
  padding: clamp(16px, 3vw, 40px);
  overflow-y: auto;
  overflow-x: hidden;
}

._patternLayer_16wi4_317 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 569px;
  height: 100%;
  max-height: 857px;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  opacity: 0.7;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._verifyCard_4m565_125 {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 420px;
  max-width: 100%;
  min-height: 320px;
  padding: 20px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  box-shadow: var(--shadow-2xl);
  border-radius: 16px;
}

._cardHeader_4m565_143 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

._cardTitle_4m565_151 {
  align-self: stretch;
  margin: 0;
  font-family: var(--font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  letter-spacing: -0.75px;
  color: var(--color-neutral-950);
}

._cardSubtitle_4m565_164 {
  align-self: stretch;
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._cardBody_4m565_176 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

._codeWrap_4m565_184 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

._codeRow_4m565_192 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  height: 64px;
}

._codeInput_4m565_201 {
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
  height: 64px;
  padding: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: 10px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._codeInput_4m565_201::placeholder {
  color: var(--color-icon-subtle);
  opacity: 1;
}
._codeInput_4m565_201:focus {
  border-color: var(--color-focus-border);
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}
._codeInput_4m565_201:focus::placeholder {
  color: transparent;
}
._codeInput_4m565_201._hasError_4m565_231 {
  border-color: var(--color-error-border);
}

._resendRow_4m565_235 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}

._resendTimer_4m565_244 {
  flex: 1;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._resendAction_4m565_254 {
  flex: none;
  padding: 0;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--color-icon-muted);
  cursor: pointer;
}
._resendAction_4m565_254:hover:not(:disabled) {
  color: var(--color-neutral-700);
  text-decoration: underline;
}
._resendAction_4m565_254:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._cardActions_4m565_276 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

._verifyBtn_4m565_284 {
  height: 40px;
  padding: 10px 16px;
  border-radius: var(--radius-control);
}
._verifyBtn_4m565_284:disabled {
  background: var(--color-count-border);
  border-color: transparent;
  box-shadow: none;
  color: #ffffff;
  opacity: 1;
}
._verifyBtn_4m565_284._isLoading_4m565_296:disabled {
  background: var(--color-navy-600);
  color: #ffffff;
}

._spinner_4m565_301 {
  flex: none;
  animation: _verify-spin_4m565_1 0.9s linear infinite;
}

@keyframes _verify-spin_4m565_1 {
  to {
    transform: rotate(360deg);
  }
}
._actionHint_4m565_311 {
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  text-align: center;
  color: var(--color-icon-muted);
}

._errorText_4m565_321 {
  align-self: stretch;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  text-align: center;
  color: var(--color-error-ink);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._loginCard_19im2_125 {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 420px;
  max-width: 100%;
  padding: 20px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  box-shadow: var(--shadow-2xl);
  border-radius: 16px;
}

._heading_19im2_142 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

._title_19im2_150 {
  margin: 0;
  font-family: var(--font-serif);
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
  font-weight: 600;
  letter-spacing: -0.75px;
  text-align: center;
  color: var(--color-neutral-950);
}

._subtitle_19im2_162 {
  margin: 0;
  max-width: 281px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.2px;
  text-align: center;
  color: var(--color-neutral-700);
}

._container_19im2_174 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  align-self: stretch;
}

._field_19im2_182 {
  min-height: 82px;
}

._signInBtn_19im2_186._signInBtn_19im2_186 {
  height: 40px;
  padding: 10px 16px;
  border-radius: var(--radius-control);
}
._signInBtn_19im2_186._signInBtn_19im2_186:disabled {
  opacity: 1;
  background: var(--color-navy-disabled);
  border-color: transparent;
  box-shadow: none;
  color: #ffffff;
}

._maskedEmail_19im2_199 {
  font-weight: 600;
  color: var(--color-neutral-950);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._cardsRow_553a6_125 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

._choiceCard_553a6_134 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 260px;
  min-height: 280px;
  padding: 24px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: 12px;
  font: inherit;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
._choiceCard_553a6_134:hover:not(._selected_553a6_155) {
  border-color: var(--color-choice-border);
}
._choiceCard_553a6_134._selected_553a6_155 {
  background: var(--color-choice-bg);
  border-color: var(--color-choice-border);
  box-shadow: var(--shadow-2xl);
}
._choiceCard_553a6_134:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}
._choiceCard_553a6_134._compact_553a6_167 {
  width: 200px;
  min-height: 200px;
  gap: 12px;
}

._choiceTop_553a6_173 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 217px;
}
._compact_553a6_167 ._choiceTop_553a6_173 {
  gap: 12px;
  width: 152px;
  align-self: stretch;
}

._choiceArt_553a6_186 {
  display: block;
  width: 92px;
  height: 92px;
  object-fit: contain;
}

._choiceText_553a6_193 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
._compact_553a6_167 ._choiceText_553a6_193 {
  gap: 12px;
}

._choiceTitle_553a6_203 {
  align-self: stretch;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.4px;
  color: var(--color-neutral-950);
}

._choiceSub_553a6_214 {
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._checkWrap_553a6_224 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  padding: 4px;
  /* Pinned to the bottom so every checkbox lines up however the title wraps. */
  margin-top: auto;
}

._checkControl_553a6_235 {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: var(--color-neutral-25);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  color: transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
._selected_553a6_155 ._checkControl_553a6_235 {
  background: var(--color-choice-accent);
  border-color: var(--color-choice-accent);
  color: #ffffff;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._formCard_kyad7_125 {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 420px;
  padding: 20px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  box-shadow: var(--shadow-2xl);
  border-radius: 16px;
}

._formHeader_kyad7_141 {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

._formTitle_kyad7_150 {
  margin: 0;
  font-family: var(--font-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: -0.75px;
  color: var(--color-neutral-950);
}

._formSubtitle_kyad7_161 {
  align-self: stretch;
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._formActions_kyad7_172 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

._continueBtn_kyad7_181 {
  height: 40px;
  padding: 10px 16px;
  border-radius: var(--radius-control);
}
._continueBtn_kyad7_181:disabled {
  background: var(--color-count-border);
  border-color: transparent;
  box-shadow: none;
  color: #ffffff;
  opacity: 1;
}

._consentLink_kyad7_194 {
  color: var(--color-neutral-700);
  text-decoration: underline;
  cursor: pointer;
}

._submitError_kyad7_200 {
  margin: var(--spacing-2, 8px) 0 0;
  color: var(--color-danger-600, #c0342b);
  font-size: var(--font-size-sm, 13px);
  text-align: center;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._card_uoloe_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
  width: 600px;
  max-width: 100%;
  padding: 32px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  box-shadow: var(--shadow-2xl);
  border-radius: 12px;
}

._dashboardHint_uoloe_140 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._dashboardHost_uoloe_150 {
  font-weight: 600;
  color: var(--color-neutral-950);
}

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

._checklistHead_uoloe_161 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._checklistTitle_uoloe_169 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._checklistCount_uoloe_179 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._items_uoloe_188 {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
}

._item_uoloe_188 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-border);
}
._item_uoloe_188:last-child {
  border-bottom: none;
}

._itemIcon_uoloe_206 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  height: 20px;
  color: var(--color-border-strong);
}

._itemIconDone_uoloe_215 {
  color: var(--color-badge-success-ink);
}

._itemText_uoloe_219 {
  display: flex;
  flex-direction: column;
}

._itemTitle_uoloe_224 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._itemSub_uoloe_233 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}._libraryLayout_dgr2t_1 {
  display: flex;
  min-height: 100vh;
  background: var(--color-page, #f4f7fb);
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
}

._customFocusState_dgr2t_9 {
  border-color: var(--color-focus-border, var(--color-action-border-brand-focus, #53708f)) !important;
  box-shadow: 0 0 0 3px var(--color-focus-ring, rgba(67, 89, 125, 0.16)) !important;
}

._sidebar_dgr2t_14 {
  width: 290px;
  flex-shrink: 0;
  background: #ffffff;
  border-right: 1px solid var(--color-panel-border, #e2e8f0);
  display: flex;
  flex-direction: column;
  padding: 24px 18px;
  gap: 24px;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.02);
}

._brandHeader_dgr2t_30 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 4px 6px;
}

._brandLogo_dgr2t_37 {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #23395a 0%, #15243b 100%);
  color: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(35, 57, 90, 0.25);
  flex-shrink: 0;
}

._brandTitleGroup_dgr2t_53 {
  display: flex;
  flex-direction: column;
}

._brandTitleRow_dgr2t_58 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._brandTitle_dgr2t_53 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 17px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
  margin: 0;
  line-height: 1.2;
}

._versionBadge_dgr2t_73 {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 6px;
  background: #eef3f9;
  color: #23395a;
  letter-spacing: 0.03em;
}

._brandSubtitle_dgr2t_83 {
  font-size: 12px;
  color: var(--color-body, #64748b);
  margin-top: 3px;
}

._searchBox_dgr2t_89 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  background: var(--color-page, #f2f6fa);
  border: 1.5px solid var(--color-panel-border, #dfeaf6);
  border-radius: 12px;
  font-size: 13px;
  color: var(--color-body, #64748b);
  transition: all 0.2s ease;
}
._searchBox_dgr2t_89:focus-within {
  border-color: var(--color-navy, #23395a);
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(35, 57, 90, 0.08);
}
._searchBox_dgr2t_89 ._searchIcon_dgr2t_106 {
  color: var(--color-muted, #94a3b8);
  flex-shrink: 0;
}
._searchBox_dgr2t_89 input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  font-size: 13px;
  color: var(--color-navy, #23395a);
  font-family: var(--font-ui);
}
._searchBox_dgr2t_89 input::placeholder {
  color: var(--color-muted, #94a3b8);
}

._clearSearchBtn_dgr2t_123 {
  background: transparent;
  border: none;
  color: var(--color-muted, #94a3b8);
  cursor: pointer;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
._clearSearchBtn_dgr2t_123:hover {
  color: var(--color-navy, #23395a);
}

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

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

._sectionTitle_dgr2t_150 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
  padding: 0 10px;
  margin-bottom: 4px;
}

._navItem_dgr2t_160 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9.5px 12px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--color-body, #64748b);
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: all 0.15s ease;
}
._navItem_dgr2t_160:hover {
  background: #f1f5f9;
  color: var(--color-navy, #23395a);
}
._navItem_dgr2t_160:hover ._itemIcon_dgr2t_181 {
  color: var(--color-navy, #23395a);
}
._navItem_dgr2t_160._active_dgr2t_184 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(35, 57, 90, 0.2);
}
._navItem_dgr2t_160._active_dgr2t_184 ._itemIcon_dgr2t_181 {
  color: #ffffff;
}
._navItem_dgr2t_160._active_dgr2t_184 ._countBadge_dgr2t_193 {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

._itemLeft_dgr2t_198 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}

._itemIcon_dgr2t_181 {
  color: var(--color-muted, #94a3b8);
  flex-shrink: 0;
  transition: color 0.15s ease;
}

._itemLabel_dgr2t_212 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._countBadge_dgr2t_193 {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 9999px;
  background: #e2e8f0;
  color: #475569;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

._mainContent_dgr2t_229 {
  flex: 1;
  width: 100%;
  min-width: 0;
  padding: 32px 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

._headerCard_dgr2t_239 {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid var(--color-panel-border, #e2e8f0);
  box-shadow: 0 2px 6px rgba(24, 29, 37, 0.03);
}

._docTitle_dgr2t_247 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 28px;
  font-weight: 800;
  color: var(--color-navy, #23395a);
  margin: 0 0 8px 0;
}

._docDescription_dgr2t_255 {
  font-size: 15px;
  color: var(--color-body, #64748b);
  line-height: 1.5;
  margin: 0;
}

._tagGroup_dgr2t_262 {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  flex-wrap: wrap;
}

._pillTag_dgr2t_269 {
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 9999px;
  background: var(--color-page, #f2f6fa);
  color: var(--color-navy, #23395a);
  border: 1px solid var(--color-panel-border, #dfeaf6);
}

._previewCard_dgr2t_279 {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid var(--color-panel-border, #e2e8f0);
  box-shadow: 0 2px 6px rgba(24, 29, 37, 0.03);
  overflow: visible;
  position: relative;
}

._cardHeader_dgr2t_288 {
  padding: 20px 24px;
  border-bottom: 1px solid var(--color-panel-border, #e2e8f0);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fafcff;
}

._cardTitle_dgr2t_299 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
  margin: 0;
}

._cardBody_dgr2t_306 {
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: visible;
  position: relative;
}

._codeBlock_dgr2t_315 {
  background: #1e293b;
  color: #f8fafc;
  padding: 20px;
  border-radius: 12px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.6;
  overflow-x: auto;
}

._propsTable_dgr2t_326 {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
}
._propsTable_dgr2t_326 th,
._propsTable_dgr2t_326 td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e2e8f0;
  font-size: 13px;
}
._propsTable_dgr2t_326 th {
  background: #f8fafc;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}
._propsTable_dgr2t_326 td {
  color: var(--color-body, #64748b);
}
._propsTable_dgr2t_326 code {
  background: #f1f5f9;
  color: #0f172a;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 12px;
}._card_1qv8p_1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 16px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 16px;
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
._card_1qv8p_1:hover {
  box-shadow: 0 8px 24px rgba(35, 57, 90, 0.08);
  border-color: #d7dfe9;
}
._card_1qv8p_1:focus-within {
  border-color: #d7dfe9;
}

._mediaContainer_1qv8p_21 {
  position: relative;
  flex: none;
  height: 140px;
  background: #f0f3f9;
  overflow: hidden;
}
._mediaContainer_1qv8p_21::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(102, 102, 102, 0) 37.14%);
  pointer-events: none;
}

._thumbnailPlaceholder_1qv8p_36 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #a9bedd;
  background: linear-gradient(135deg, #eef2f8 0%, #f7f9fc 100%);
}

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

._mediaOverlayTop_1qv8p_53 {
  position: absolute;
  top: 8px;
  left: 14px;
  right: 14px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._statusPill_1qv8p_64 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 2px 6px;
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #ffffff;
  white-space: nowrap;
}
._statusPill_1qv8p_64 > span {
  padding: 0 2px;
}
._statusPill_1qv8p_64._published_1qv8p_82, ._statusPill_1qv8p_64._ready_1qv8p_82 {
  background: #2e9e6b;
}
._statusPill_1qv8p_64._draft_1qv8p_85 {
  background: #5e718d;
}
._statusPill_1qv8p_64._unpublished_1qv8p_88 {
  background: #c28a0e;
}

._moreActionsBtn_1qv8p_92 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  box-sizing: border-box;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
}
._moreActionsBtn_1qv8p_92:hover {
  background: rgba(255, 255, 255, 0.16);
}

._body_1qv8p_108 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
}

._headingBlock_1qv8p_116 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._tagsRow_1qv8p_122 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

._tag_1qv8p_122 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 2px 8px;
  background: rgba(14, 15, 17, 0.06);
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}
._tag_1qv8p_122 > span {
  padding: 0 2px;
}

._title_1qv8p_148 {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 34px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.4px;
  color: #0a0c11;
}

._description_1qv8p_163 {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 36px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._pricingSection_1qv8p_176 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._pricingRow_1qv8p_182 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 22px;
  font-family: var(--font-ui);
}

._priceLabel_1qv8p_190 {
  flex: none;
  width: 97px;
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._currentPrice_1qv8p_198 {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._originalPrice_1qv8p_206 {
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  text-decoration: line-through;
  color: #8897ae;
}

._discount_1qv8p_214 {
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #1f8a5b;
}

._unpricedText_1qv8p_221 {
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._metaRow_1qv8p_228 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #8897ae;
}

._metaItem_1qv8p_239 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

._footerRow_1qv8p_245 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: auto;
}

._ctaBtn_1qv8p_252 {
  box-sizing: border-box;
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px 10px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  cursor: pointer;
}
._ctaBtn_1qv8p_252:hover {
  background: #f7f9fc;
}
._ctaBtn_1qv8p_252._ctaPrimary_1qv8p_275 {
  background: #3c609b;
  border-color: rgba(14, 15, 17, 0.12);
  box-shadow: 0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
._ctaBtn_1qv8p_252._ctaPrimary_1qv8p_275:hover {
  background: #34558a;
}

._bookmarkBtn_1qv8p_285 {
  box-sizing: border-box;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.08), inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  color: #d7dfe9;
  cursor: pointer;
}
._bookmarkBtn_1qv8p_285:hover {
  color: #8897ae;
}
._bookmarkBtn_1qv8p_285._bookmarked_1qv8p_304 {
  background: #eef2f8;
  border-color: transparent;
  box-shadow: inset 0 -1px 4px rgba(27, 42, 74, 0.08);
  color: #5e718d;
}
._bookmarkBtn_1qv8p_285._bookmarked_1qv8p_304:hover {
  color: #455468;
}

._ctaBtn_1qv8p_252:focus-visible,
._bookmarkBtn_1qv8p_285:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

._cardError_1qv8p_320 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 8px;
  background: #fdf1f2;
  border: 1px solid #f3c7cb;
  border-radius: 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: #8c2f36;
}

._cardErrorIcon_1qv8p_334 {
  flex: none;
  margin-top: 1px;
}

._cardErrorClose_1qv8p_339 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: auto;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
}
._cardErrorClose_1qv8p_339:focus-visible {
  outline: 2px solid #a9bedd;
}._dialogText_eqwjt_1 {
  margin: 0;
  padding: 16px 24px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  color: #455468;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._detailPageContainer_j4edw_125 {
  --page-padding: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  background: var(--color-surface-gradient-end, #eef4fb);
  border-radius: 0 12px 12px 0;
}

._heroBanner_j4edw_136 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: rgba(27, 56, 96, 0.12);
}

._heroTopRow_j4edw_148 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._backButton_j4edw_155 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 24px;
  padding: 4px 8px;
  background: #ffffff;
  border: 1px solid #f0f3f9;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8897ae;
  cursor: pointer;
  transition: all 0.15s ease;
}
._backButton_j4edw_155 span {
  padding: 0 2px;
}
._backButton_j4edw_155:hover {
  color: #455468;
  background: #f0f3f9;
}

._dotsActionBtn_j4edw_182 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 4px;
  color: #8897ae;
  cursor: pointer;
}
._dotsActionBtn_j4edw_182:hover {
  background: #f0f3f9;
  color: #455468;
}

._heroMain_j4edw_199 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media (max-width: 900px) {
  ._heroMain_j4edw_199 {
    flex-wrap: wrap;
  }
}

._thumbnailWrapper_j4edw_210 {
  position: relative;
  flex: none;
  width: 127px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}
._thumbnailWrapper_j4edw_210::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(102, 102, 102, 0) 37.14%);
}

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

._heroContent_j4edw_232 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._titleRow_j4edw_240 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

._courseTitle_j4edw_247 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.4px;
  color: #0a0c11;
}

._heroStatus_j4edw_257 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 24px;
  padding: 2px 8px;
  box-sizing: border-box;
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #ffffff;
  white-space: nowrap;
}
._heroStatus_j4edw_257 > span {
  padding: 0 2px;
}
._heroStatus_j4edw_257._published_j4edw_276, ._heroStatus_j4edw_257._ready_j4edw_276 {
  background: #2e9e6b;
}
._heroStatus_j4edw_257._draft_j4edw_279 {
  background: #5e718d;
}
._heroStatus_j4edw_257._unpublished_j4edw_282 {
  background: #c28a0e;
}

._courseSubtitle_j4edw_286 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._statsCardBox_j4edw_294 {
  box-sizing: border-box;
  flex: none;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 4px;
}

._statsBoxSection_j4edw_306 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding-right: 8px;
}

._statsBoxHeader_j4edw_314 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._statsBoxIcon_j4edw_320 {
  color: #8897ae;
}

._statsBoxLabel_j4edw_324 {
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #8897ae;
}

._statsBoxValue_j4edw_332 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._statsBoxLink_j4edw_341 {
  padding: 0;
  border: none;
  background: transparent;
  text-decoration: underline;
  cursor: pointer;
}
._statsBoxLink_j4edw_341:hover {
  color: #3c609b;
}

._statsBoxDivider_j4edw_352 {
  align-self: stretch;
  width: 1px;
  background: #e9eff6;
}

._heroChipsRow_j4edw_358 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._chip_j4edw_364 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 22px;
  padding: 4px 8px;
  background: #eef2f8;
  border-radius: 4px;
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #455468;
}
._chip_j4edw_364 svg {
  flex: none;
}
._chip_j4edw_364 > span {
  padding: 0 2px;
}

._tabsContainer_j4edw_386 {
  display: flex;
  padding: 0 16px;
  border-bottom: 1px solid rgba(27, 56, 96, 0.12);
}

._tabBtn_j4edw_392 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 48px;
  padding: 12px 16px;
  border: none;
  background: transparent;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #455468;
  cursor: pointer;
}
._tabBtn_j4edw_392:focus:not(:focus-visible) {
  outline: none;
}
._tabBtn_j4edw_392:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: -2px;
}
._tabBtn_j4edw_392:hover {
  color: #43597d;
}
._tabBtn_j4edw_392._activeTab_j4edw_420 {
  color: #43597d;
}
._tabBtn_j4edw_392._activeTab_j4edw_420::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: #43597d;
  border-radius: 9999px 9999px 0 0;
}

._countBadge_j4edw_434 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  min-width: 24px;
  padding: 2px 8px;
  background: rgba(27, 42, 74, 0.02);
  border: 1px solid #a9bedd;
  border-radius: 9999px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #3261af;
}
._activeTab_j4edw_420 ._countBadge_j4edw_434 {
  border-color: #ced9e8;
  color: #53708f;
}

._contentCanvasArea_j4edw_456 {
  flex: 1;
  background-color: var(--color-surface-gradient-end);
  padding: 12px 16px;
}

._columnsLayout_j4edw_462 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 313px;
  gap: 10px;
  align-items: start;
}
@media (max-width: 1100px) {
  ._columnsLayout_j4edw_462 {
    grid-template-columns: 1fr;
  }
}

._leftColumn_j4edw_474,
._rightColumn_j4edw_475 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

._cardBox_j4edw_482 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}

._cardTitle_j4edw_493 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._cardParagraph_j4edw_503 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
  overflow-wrap: anywhere;
}

._outcomesGrid_j4edw_512 {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 6px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 640px) {
  ._outcomesGrid_j4edw_512 {
    grid-template-columns: 1fr;
  }
}

._outcomeItem_j4edw_526 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 253px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._checkIcon_j4edw_537 {
  flex: none;
  color: #455468;
}

._curriculumList_j4edw_542 {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  overflow: hidden;
}

._moduleItem_j4edw_551 + ._moduleItem_j4edw_551 {
  border-top: 1px solid #e9eff6;
}
._moduleItem_j4edw_551._expanded_j4edw_554 {
  padding-bottom: 8px;
}

._moduleHeader_j4edw_558 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 6px 12px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
._moduleHeader_j4edw_558:hover {
  background: #f9fafb;
}
._expanded_j4edw_554 > ._moduleHeader_j4edw_558 {
  min-height: 54px;
  background: #f9fafb;
  border-radius: 6px;
}

._accordionIcon_j4edw_580 {
  flex: none;
  color: #455468;
}

._moduleTitleBlock_j4edw_585 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._moduleName_j4edw_592 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
}

._moduleMeta_j4edw_601 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._lessonsList_j4edw_608 {
  display: flex;
  flex-direction: column;
}

._lessonRow_j4edw_613 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px 10px 40px;
}
._lessonRow_j4edw_613 + ._lessonRow_j4edw_613 {
  border-top: 1px solid #e9eff6;
}

._lessonLeft_j4edw_625 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #455468;
}

._playIcon_j4edw_637 {
  flex: none;
  color: #455468;
}

._resourcesBadge_j4edw_642 {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 2px 8px;
  box-sizing: border-box;
  background: rgba(14, 15, 17, 0.06);
  border-radius: 9999px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
  white-space: nowrap;
}

._lessonRight_j4edw_658 {
  flex: none;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
}

._previewLabel_j4edw_669 {
  font-weight: 600;
  color: #0a0c11;
}

._lessonDuration_j4edw_674 {
  color: #455468;
}

._bulletList_j4edw_678 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0 0 0 16px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}
._bulletList_j4edw_678 li::marker {
  color: #455468;
}

._skillChips_j4edw_693 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._skillChip_j4edw_693 {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 4px 8px;
  box-sizing: border-box;
  background: #eef2f8;
  border-radius: 4px;
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #455468;
}

._infoRowsList_j4edw_714 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}

._infoRow_j4edw_714 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._infoKey_j4edw_728 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #8897ae;
}

._infoVal_j4edw_735 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #0a0c11;
  text-align: right;
}

._priceLine_j4edw_745 {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

._priceCurrent_j4edw_751 {
  font-weight: 700;
  color: #0a0c11;
}

._priceOriginal_j4edw_756 {
  font-size: 10px;
  color: #8897ae;
  text-decoration: line-through;
}

._priceDiscount_j4edw_762 {
  font-size: 10px;
  font-weight: 600;
  color: #2e9e6b;
}

._metricsGrid_j4edw_768 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

._metricTile_j4edw_774 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._metricValue_j4edw_780 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._metricTitle_j4edw_789 {
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  color: #8897ae;
}

._manageStorefrontBtn_j4edw_796 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 32px;
  padding: 6px 10px;
  box-sizing: border-box;
  background-color: #fff9ea;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #9a3412;
  cursor: pointer;
  transition: all 0.15s ease;
}
._manageStorefrontBtn_j4edw_796:hover {
  background-color: #fef3c7;
  border-color: #f59e0b;
}

._contentCanvasArea_j4edw_456._membersMode_j4edw_821 {
  background: #ffffff;
  padding: 8px 20px 24px 24px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #d7dfe9;
  border-radius: 0 12px 0 0;
}

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

._membersHeaderRow_j4edw_836 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

._membersTitleBlock_j4edw_844 {
  display: flex;
  flex-direction: column;
}

._membersTitle_j4edw_844 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #0a0c11;
}

._membersSubtitle_j4edw_859 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._membersActionsToolbar_j4edw_867 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._exportEmailBtn_j4edw_873 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid rgba(14, 15, 17, 0.06);
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
  cursor: pointer;
}
._exportEmailBtn_j4edw_873:hover {
  background: #f7f9fc;
}

._iconSquareBtn_j4edw_895 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  box-sizing: border-box;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #8897ae;
  cursor: pointer;
}
._iconSquareBtn_j4edw_895:hover {
  background: #f0f3f9;
  color: #455468;
}

._searchBoxWrapper_j4edw_914 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 10px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 6px;
}

._searchBoxIcon_j4edw_926 {
  flex: none;
  color: #8897ae;
}

._searchBoxInput_j4edw_931 {
  width: 180px;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-ui);
  font-size: 13px;
  color: #0a0c11;
}
._searchBoxInput_j4edw_931::placeholder {
  color: #8897ae;
}

._searchBoxClose_j4edw_944 {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 16px;
  line-height: 1;
  color: #8897ae;
  cursor: pointer;
}
._searchBoxClose_j4edw_944:hover {
  color: #455468;
}

._viewModeToggle_j4edw_957 {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  width: 64px;
  height: 38px;
  padding: 1px 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 6px;
  box-shadow: inset 0 -2px 8px rgba(14, 15, 17, 0.02);
  filter: drop-shadow(0 1px 2px rgba(14, 15, 17, 0.08));
}

._viewToggleBtn_j4edw_972 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: none;
  background: transparent;
  color: #343330;
  cursor: pointer;
}
._viewToggleBtn_j4edw_972 + ._viewToggleBtn_j4edw_972 {
  border-left: 1px solid #e9eff6;
}
._viewToggleBtn_j4edw_972:hover {
  background: #f7f9fc;
}
._viewToggleBtn_j4edw_972._active_j4edw_420 {
  background: #f0f3f9;
}

._membersMetricsGrid_j4edw_993 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 768px) {
  ._membersMetricsGrid_j4edw_993 {
    grid-template-columns: 1fr;
  }
}

._memberMetricCard_j4edw_1004 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
}

._memberMetricNumber_j4edw_1015 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #455468;
}

._memberMetricLabel_j4edw_1024 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #455468;
}

._membersTableWrapper_j4edw_1033 {
  width: 100%;
}

._membersTable_j4edw_1033._membersTable_j4edw_1033 {
  padding: 0;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  background: #ffffff;
}
._membersTable_j4edw_1033._membersTable_j4edw_1033 th {
  height: 40px;
  padding: 8px 16px;
  background: #f9fafb;
  border-bottom: 1px solid rgba(27, 56, 96, 0.06);
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}
._membersTable_j4edw_1033._membersTable_j4edw_1033 td {
  height: 60px;
  padding: 0 16px;
  background: #ffffff;
  border-bottom: 1px solid #d7dfe9;
}
._membersTable_j4edw_1033._membersTable_j4edw_1033 tbody tr:last-child td {
  border-bottom: none;
}
._membersTable_j4edw_1033._membersTable_j4edw_1033 ._statusInProgress_j4edw_1064 {
  background: #fefaed;
  color: #9c6d0c;
}

._memberName_j4edw_1069 {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #455468;
}

._memberEmail_j4edw_1077,
._enrolledCell_j4edw_1078 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._accessPill_j4edw_1085,
._statusPill_j4edw_1086 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 2px 6px;
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
._accessPill_j4edw_1085 > span,
._statusPill_j4edw_1086 > span {
  padding: 0 2px;
}

._accessDirect_j4edw_1106,
._accessProgram_j4edw_1107 {
  background: rgba(14, 15, 17, 0.06);
  color: #455468;
}

._accessMembership_j4edw_1112 {
  background: rgba(27, 77, 255, 0.04);
  color: #4174ff;
}

._statusInProgress_j4edw_1064,
._statusNotStarted_j4edw_1118 {
  background: rgba(14, 15, 17, 0.06);
  color: #455468;
}

._statusCompleted_j4edw_1123 {
  background: #e9f7f0;
  color: #0a9952;
}

._progressCell_j4edw_1128 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._progressBarTrack_j4edw_1135 {
  position: relative;
  flex: 1;
  height: 10px;
  background: #f0f3f9;
  border-radius: 9999px;
  overflow: hidden;
}

._progressBarFill_j4edw_1144 {
  height: 100%;
  background: #43597d;
  border-radius: 9999px;
}

._progressPercent_j4edw_1150 {
  flex: none;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}

._membersCardsGrid_j4edw_1160 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
}
@media (max-width: 1100px) {
  ._membersCardsGrid_j4edw_1160 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  ._membersCardsGrid_j4edw_1160 {
    grid-template-columns: 1fr;
  }
}

._memberCardItem_j4edw_1180 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 12px;
  background: #faf8f4;
  border: 1px solid #d7dfe9;
  border-radius: 10px;
  overflow: hidden;
}

._memberCardHeader_j4edw_1192 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 12px;
  background: #ffffff;
}

._cardMemberName_j4edw_1201 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._memberCardBody_j4edw_1210 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 12px;
}

._cardTwoColRow_j4edw_1217 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

._cardField_j4edw_1223 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

._fieldLabel_j4edw_1231 {
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #455468;
}

._fieldValue_j4edw_1239 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #0a0c11;
  overflow-wrap: anywhere;
}

._productName_j4edw_1247 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #0a0c11;
}

._productType_direct_j4edw_1256 {
  background: rgba(25, 155, 147, 0.06);
  color: #199b93;
}

._productType_membership_j4edw_1261 {
  background: rgba(27, 77, 255, 0.04);
  color: #4174ff;
}

._productType_program_j4edw_1266 {
  background: rgba(245, 158, 11, 0.1);
  color: #b45309;
}
._productType_program_j4edw_1266 svg {
  color: #d97706;
}

._productActive_j4edw_1274 {
  background: rgba(10, 153, 82, 0.1);
  color: #11a75c;
}

._productUnpublished_j4edw_1279 {
  background: rgba(14, 15, 17, 0.06);
  color: #455468;
}

._pageMessage_j4edw_1284 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 300px;
  padding: 32px;
  text-align: center;
  font-family: var(--font-ui);
}
._pageMessage_j4edw_1284 h3 {
  margin: 0;
  color: #0a0c11;
}
._pageMessage_j4edw_1284 p {
  margin: 0;
  font-size: 14px;
  color: #6c7a91;
}

._tabMessage_j4edw_1305 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 40px 16px;
  font-family: var(--font-ui);
  font-size: 14px;
  color: #6c7a91;
  text-align: center;
}
._tabMessage_j4edw_1305 p {
  margin: 0;
}

._spinner_j4edw_1320 {
  animation: _courseDetailSpin_j4edw_1 1s linear infinite;
  color: #525d6f;
}

@keyframes _courseDetailSpin_j4edw_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._heroActions_j4edw_1333 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._heroActionBtn_j4edw_1339 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 4px 8px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #455468;
  cursor: pointer;
}
._heroActionBtn_j4edw_1339:hover {
  background: #f0f3f9;
}

._heroIconBtn_j4edw_1360 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: #8897ae;
  cursor: pointer;
}
._heroIconBtn_j4edw_1360:hover {
  background: #f0f3f9;
  color: #455468;
}
._heroIconBtn_j4edw_1360._bookmarked_j4edw_1378 {
  color: #5e718d;
}

._backButton_j4edw_155:focus-visible,
._heroActionBtn_j4edw_1339:focus-visible,
._heroIconBtn_j4edw_1360:focus-visible,
._statsBoxLink_j4edw_341:focus-visible,
._moduleHeader_j4edw_558:focus-visible,
._inlineErrorClose_j4edw_1387:focus-visible,
._exportEmailBtn_j4edw_873:focus-visible,
._iconSquareBtn_j4edw_895:focus-visible,
._viewToggleBtn_j4edw_972:focus-visible,
._searchBoxClose_j4edw_944:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}

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

._thumbnailPlaceholder_j4edw_1401 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #a9bedd;
  background: linear-gradient(135deg, #eef2f8 0%, #f7f9fc 100%);
}

._inlineError_j4edw_1387 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  background: #fdf1f2;
  border: 1px solid #f3c7cb;
  border-radius: 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: #8c2f36;
}
._membersContainerCard_j4edw_830 ._inlineError_j4edw_1387 {
  margin-bottom: 12px;
}

._inlineErrorClose_j4edw_1387 {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 2px;
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
}

._preWrap_j4edw_1442 {
  white-space: pre-wrap;
}

._cardMuted_j4edw_1446 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #8897ae;
}

._cardTitleMeta_j4edw_1454 {
  font-weight: 400;
  font-size: 12px;
  color: #8897ae;
}

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

._faqList_j4edw_1472 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._faqItem_j4edw_1478 {
  border: 1px solid #e9eff6;
  border-radius: 8px;
  padding: 8px 12px;
}
._faqItem_j4edw_1478[open] ._faqQuestion_j4edw_1483 {
  margin-bottom: 6px;
}

._faqQuestion_j4edw_1483 {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #0a0c11;
  cursor: pointer;
}
._faqQuestion_j4edw_1483:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
  border-radius: 4px;
}

._setupTrack_j4edw_1501 {
  height: 6px;
  background: #eef2f8;
  border-radius: 999px;
  overflow: hidden;
}

._setupFill_j4edw_1508 {
  height: 100%;
  background: #3c609b;
  border-radius: 999px;
}

._pager_j4edw_1514 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 16px;
}

._pagerText_j4edw_1522 {
  margin-right: auto;
  font-family: var(--font-ui);
  font-size: 12px;
  color: #8897ae;
}._popupWrapper_o9rxm_1 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 400px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-border, #e9eef6);
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(35, 57, 90, 0.12);
  padding: 16px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: min(520px, 100vh - 260px);
  overflow: hidden;
}

._popupBody_o9rxm_19 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding-right: 6px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._popupHeader_o9rxm_31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border, #e9eef6);
}

._headerTitle_o9rxm_39 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 15px;
  font-weight: 700;
  color: var(--color-neutral-900, #23395a);
  margin: 0;
}

._headerSubtitle_o9rxm_47 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400, #8590a3);
}

._accordionSection_o9rxm_53 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._accordionHeader_o9rxm_59 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 6px 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: var(--font-ui);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--color-neutral-700, #455468);
}

._accordionBody_o9rxm_74 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._searchBox_o9rxm_80 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-border, #e9eef6);
  border-radius: 8px;
  padding: 6px 10px;
  background: var(--color-neutral-25, #f9fafb);
}

._searchInput_o9rxm_90 {
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-neutral-900, #23395a);
  width: 100%;
}
._searchInput_o9rxm_90::placeholder {
  color: var(--color-neutral-400, #8590a3);
}

._searchIcon_o9rxm_103 {
  color: var(--color-neutral-400, #8590a3);
}

._categoryList_o9rxm_107 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 3px;
}

._checkboxItem_o9rxm_114 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

._checkboxItemDisabled_o9rxm_123 {
  opacity: 0.45;
  cursor: not-allowed;
}

._checkboxInput_o9rxm_128 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
._checkboxInput_o9rxm_128:focus-visible + ._checkboxSquare_o9rxm_136 {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}
._checkboxInput_o9rxm_128:checked + ._checkboxSquare_o9rxm_136 {
  background-color: var(--color-navy, #23395a);
  border-color: var(--color-navy, #23395a);
}
._checkboxInput_o9rxm_128:checked + ._checkboxSquare_o9rxm_136::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

._checkboxSquare_o9rxm_136 {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1.5px solid var(--color-neutral-300, #bdc4d1);
  background: #ffffff;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

._categoryLabel_o9rxm_167 {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-neutral-700, #455468);
  flex: 1;
}

._categoryCount_o9rxm_174 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400, #8590a3);
}

._popupFooter_o9rxm_180 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--color-border, #e9eef6);
}

._cancelBtn_o9rxm_189 {
  flex: 1;
}

._applyBtn_o9rxm_193 {
  flex: 1;
}

._emptyText_o9rxm_197 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #8897ae;
}._popupWrapper_1735u_1 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 280px;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-border, #e9eef6);
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(35, 57, 90, 0.12);
  padding: 16px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

._radioOption_1735u_23 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

._radioInput_1735u_32 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
._radioInput_1735u_32:focus-visible + ._radioCircle_1735u_40 {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}
._radioInput_1735u_32:checked + ._radioCircle_1735u_40 {
  border-color: var(--color-navy, #23395a);
}
._radioInput_1735u_32:checked + ._radioCircle_1735u_40::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-navy, #23395a);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._radioCircle_1735u_40 {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid var(--color-neutral-300, #bdc4d1);
  flex-shrink: 0;
  transition: all 0.15s ease;
}

._radioLabel_1735u_69 {
  font-family: var(--font-ui);
  font-size: 13.5px;
  color: var(--color-neutral-900, #23395a);
}

._popupFooter_1735u_75 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--color-border, #e9eef6);
}

._cancelBtn_1735u_84 {
  flex: 1;
}

._applyBtn_1735u_88 {
  flex: 1;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._coursesPageContainer_18wyh_125 {
  --page-padding: 20px;
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #ffffff;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #d7dce4;
  border-radius: 0 12px 0 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  ._coursesPageContainer_18wyh_125 {
    --page-padding: 16px;
  }
}

._popupAnchorWrapper_18wyh_146 {
  position: relative;
  display: inline-flex;
}

._contentArea_18wyh_151 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  background-color: var(--color-surface-gradient-end);
  padding: 10px 10px 32px;
}
._contentArea_18wyh_151._listMode_18wyh_158 {
  background-color: #ffffff;
  padding: 10px var(--page-padding) 32px;
}
._contentArea_18wyh_151._isRefreshing_18wyh_162 {
  opacity: 0.6;
  transition: opacity 0.15s ease;
}

._gridItem_18wyh_167 {
  display: flex;
  flex-direction: column;
}
._gridItem_18wyh_167 > * {
  flex: 1;
}

._coursesGrid_18wyh_175 {
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 20px;
  align-items: stretch;
}
@media (max-width: 1280px) {
  ._coursesGrid_18wyh_175 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}
@media (max-width: 768px) {
  ._coursesGrid_18wyh_175 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

._tableWrapper_18wyh_197 {
  width: 100%;
}

._coursesTable_18wyh_201._coursesTable_18wyh_201 {
  padding: 0;
  border: 1px solid #d7dfe9;
  border-radius: 8px;
  background-color: #ffffff;
}
._coursesTable_18wyh_201._coursesTable_18wyh_201 th {
  height: 40px;
  padding: 8px 16px;
  background: #f9fafb;
  border-bottom: 1px solid rgba(27, 56, 96, 0.06);
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
}
._coursesTable_18wyh_201._coursesTable_18wyh_201 td {
  height: 60px;
  padding: 0 16px;
  background: #ffffff;
  border-bottom: 1px solid #d7dfe9;
}
._coursesTable_18wyh_201._coursesTable_18wyh_201 tbody tr:last-child td {
  border-bottom: none;
}

._tableCourseCell_18wyh_229 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

._tableCourseTitleBtn_18wyh_236 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #0a0c11;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
._tableCourseTitleBtn_18wyh_236:hover {
  color: #3c609b;
  text-decoration: underline;
}

._tableCourseCategory_18wyh_254 {
  font-family: var(--font-ui);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #455468;
}

._tableMuted_18wyh_262 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #455468;
}

._tableStrong_18wyh_269 {
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #0a0c11;
}

._tableStatus_18wyh_277 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: 20px;
  padding: 2px 6px;
  border-radius: 9999px;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #ffffff;
  white-space: nowrap;
}
._tableStatus_18wyh_277._published_18wyh_293 {
  background-color: #2e9e6b;
}
._tableStatus_18wyh_277._draft_18wyh_296 {
  background-color: #5e718d;
}
._tableStatus_18wyh_277._unpublished_18wyh_299 {
  background-color: #c28a0e;
}
._tableStatus_18wyh_277._ready_18wyh_302 {
  background-color: #2e9e6b;
}

._loadingContainer_18wyh_306,
._errorContainer_18wyh_307,
._emptyState_18wyh_308 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  text-align: center;
  background-color: var(--color-surface, #ffffff);
  border: 1px solid var(--color-border, #e9eef6);
  border-radius: 16px;
}

._spinner_18wyh_320 {
  animation: _spin_18wyh_320 1s linear infinite;
  color: var(--color-navy, #23395a);
  margin-bottom: 12px;
}

@keyframes _spin_18wyh_320 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._tableActions_18wyh_334 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

._tableActionBtn_18wyh_341 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 24px;
  padding: 4px 8px;
  background: #ffffff;
  border: 1px solid #e9eff6;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(14, 15, 17, 0.06);
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #455468;
  white-space: nowrap;
  cursor: pointer;
}
._tableActionBtn_18wyh_341:hover {
  background: #f7f9fc;
}
._tableActionBtn_18wyh_341._tableActionBtnDark_18wyh_365 {
  background: #2d3643;
  border-color: rgba(14, 15, 17, 0.06);
  box-shadow: 0 2px 5px rgba(14, 15, 17, 0.16), inset 0 3px 8px rgba(255, 255, 255, 0.12), inset 0 4px 6px rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
._tableActionBtn_18wyh_341._tableActionBtnDark_18wyh_365:hover {
  background: #1f2630;
}

._tableMoreBtn_18wyh_375 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #afbaca;
  cursor: pointer;
}
._tableMoreBtn_18wyh_375:hover {
  color: #455468;
}

._listFooter_18wyh_388 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 20px 20px 0;
}

._listFooterText_18wyh_396 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: #8897ae;
}

._inlineError_18wyh_403 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 12px 20px 0;
  padding: 6px 8px;
  background: #fdf1f2;
  border: 1px solid #f3c7cb;
  border-radius: 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 16px;
  color: #8c2f36;
}
._tableCourseCell_18wyh_229 ._inlineError_18wyh_403 {
  margin: 6px 0 0;
}

._inlineErrorClose_18wyh_421,
._inlineErrorRetry_18wyh_422 {
  flex: none;
  margin-left: auto;
  padding: 0 4px;
  background: transparent;
  border: 0;
  border-radius: 4px;
  font: inherit;
  font-weight: 600;
  color: inherit;
  cursor: pointer;
}
._inlineErrorClose_18wyh_421:focus-visible,
._inlineErrorRetry_18wyh_422:focus-visible {
  outline: 2px solid #a9bedd;
}

._tableActionBtn_18wyh_341:focus-visible,
._tableCourseTitleBtn_18wyh_236:focus-visible {
  outline: 2px solid #a9bedd;
  outline-offset: 2px;
}._container_pkupe_1 {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-24, 24px);
  gap: var(--spacing-24, 24px);
}

._header_pkupe_8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4, 4px);
}

._title_pkupe_14 {
  font-size: var(--font-size-24, 24px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-neutral-900, #111827);
  margin: 0;
}

._subtitle_pkupe_21 {
  font-size: var(--font-size-14, 14px);
  color: var(--color-neutral-500, #6b7280);
  margin: 0;
}._container_pkupe_1 {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-24, 24px);
  gap: var(--spacing-24, 24px);
}

._header_pkupe_8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4, 4px);
}

._title_pkupe_14 {
  font-size: var(--font-size-24, 24px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-neutral-900, #111827);
  margin: 0;
}

._subtitle_pkupe_21 {
  font-size: var(--font-size-14, 14px);
  color: var(--color-neutral-500, #6b7280);
  margin: 0;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._page_h3t8f_125 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 688px;
  margin: 0 auto;
  padding: 24px 16px 40px;
  box-sizing: border-box;
}

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

._backLink_h3t8f_142 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 4px 0;
  border: none;
  background: none;
  color: var(--color-neutral-700);
  font-family: var(--font-ui);
  font-size: 14px;
  cursor: pointer;
}
._backLink_h3t8f_142:focus-visible:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

._title_h3t8f_161 {
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-divider);
  color: var(--color-neutral-900);
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
}

._field_h3t8f_171 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._label_h3t8f_177 {
  color: var(--color-neutral-900);
  font-size: 14px;
  font-weight: 500;
}

._required_h3t8f_183 {
  color: var(--color-error-ink);
}

._hint_h3t8f_187 {
  color: var(--color-neutral-600);
  font-size: 13px;
}

._fieldError_h3t8f_192 {
  color: var(--color-error-ink);
  font-size: 13px;
}

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

._photoRow_h3t8f_209 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._photoPreview_h3t8f_215 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--color-navy);
  color: var(--color-surface);
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 600;
}

._photoControls_h3t8f_231 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

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

._banner_h3t8f_245 {
  position: relative;
  height: 160px;
  overflow: hidden;
  border: 1px dashed var(--color-border-strong);
  border-radius: var(--radius-card);
  background: var(--color-navy-50);
}
@media (min-width: 768px) {
  ._banner_h3t8f_245 {
    height: 200px;
  }
}

._bannerActions_h3t8f_259 {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 8px;
}
._bannerActions_h3t8f_259 button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

._iconButton_h3t8f_272 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-neutral-700);
  cursor: pointer;
}
._iconButton_h3t8f_272:focus-visible:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

._bioEditor_h3t8f_290 {
  min-height: 120px;
}

._bioFooter_h3t8f_294 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

._count_h3t8f_300 {
  margin-left: auto;
  color: var(--color-neutral-600);
  font-size: 12px;
}

._countOver_h3t8f_306 {
  margin-left: auto;
  color: var(--color-error-ink);
  font-size: 12px;
  font-weight: 600;
}

._actions_h3t8f_313 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 8px;
}
._actions_h3t8f_313 > button {
  flex: 0 1 160px;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._page_1drt5_125 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  ._page_1drt5_125 {
    padding: 32px 24px;
  }
}

._backLink_1drt5_141 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 4px 0;
  border: none;
  background: none;
  color: var(--color-neutral-700);
  font-family: var(--font-ui);
  font-size: 14px;
  cursor: pointer;
}
._backLink_1drt5_141:focus-visible:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

._headerCard_1drt5_160 {
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  box-shadow: var(--shadow-e-sm);
}

._banner_1drt5_168 {
  height: 140px;
  background: linear-gradient(135deg, var(--color-navy), var(--color-navy-50));
}
@media (min-width: 768px) {
  ._banner_1drt5_168 {
    height: 200px;
  }
}

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

._identityRow_1drt5_185 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  padding: 0 16px 20px;
}
@media (min-width: 768px) {
  ._identityRow_1drt5_185 {
    padding: 0 24px 24px;
  }
}

._avatar_1drt5_198 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin-top: -48px;
  overflow: hidden;
  border: 4px solid var(--color-surface);
  border-radius: 50%;
  background: var(--color-navy);
  color: var(--color-surface);
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 600;
}
@media (min-width: 768px) {
  ._avatar_1drt5_198 {
    width: 128px;
    height: 128px;
    margin-top: -64px;
    font-size: 40px;
  }
}

._avatarImage_1drt5_224 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._identityText_1drt5_230 {
  order: 3;
  flex: 1 0 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  ._identityText_1drt5_230 {
    order: 0;
    flex: 1;
    padding-top: 12px;
  }
}

._name_1drt5_243 {
  margin: 0;
  color: var(--color-neutral-900);
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
  overflow-wrap: break-word;
}

._profession_1drt5_252 {
  margin: 4px 0 0;
  color: var(--color-neutral-700);
  font-size: 15px;
  font-weight: 500;
}

._editButton_1drt5_259 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  margin-left: auto;
}

._profession_1drt5_252 {
  overflow-wrap: break-word;
}

._columns_1drt5_271 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 1024px) {
  ._columns_1drt5_271 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    align-items: start;
  }
}

._overview_1drt5_283,
._meetups_1drt5_284 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

._sectionTitle_1drt5_291 {
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--color-navy);
  color: var(--color-navy);
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
}

._card_1drt5_301 {
  padding: 20px 24px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  color: var(--color-neutral-900);
  overflow-wrap: anywhere;
}

._emptyCard_1drt5_310 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 24px;
  text-align: center;
}

._emptyIcon_1drt5_319 {
  color: var(--color-navy);
}

._emptyTitle_1drt5_323 {
  margin: 0;
  color: var(--color-neutral-900);
  font-size: 16px;
  font-weight: 600;
}

._muted_1drt5_330 {
  margin: 0;
  color: var(--color-neutral-600);
  font-size: 14px;
}

._stateMessage_1drt5_336 {
  padding: 32px;
  color: var(--color-neutral-600);
  text-align: center;
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

._screen_135gv_125 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 100vh;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
  background: var(--color-page);
}

._heading_135gv_138 {
  margin: 0;
  font-family: var(--font-serif);
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: var(--color-neutral-950);
}

._text_135gv_147 {
  margin: 0;
  max-width: 420px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  color: var(--color-neutral-700);
}
:root {
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-ui);
  --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-plex: 'IBM Plex Sans', var(--font-ui);
  --font-weight-regular: 400;
  --color-page: #f2f6fa;
  --color-surface: #ffffff;
  --color-surface-gradient-end: #eef4fb;
  --color-navy: #23395a;
  --color-navy-600: #43597d;
  --color-navy-hover: #1d314e;
  --color-navy-800: #111e32;
  --color-navy-50: #e9eef6;
  --color-navy-25: #f4f7fb;
  --color-navy-outline: #3c609b;
  --color-navy-disabled: #a9bedd;
  --color-neutral-950: #0a0c11;
  --color-neutral-900: #23395a;
  --color-neutral-700: #455468;
  --color-neutral-600: #525d6f;
  --color-neutral-400: #8590a3;
  --color-neutral-300: #bdc4d1;
  --color-neutral-100: #f0f3f9;
  --color-neutral-50: #f4f5f9;
  --color-neutral-25: #f9fafb;
  --color-body: #525d6f;
  --color-muted: #8590a3;
  --color-icon-muted: #8897ae;
  --color-icon-subtle: #afbaca;
  --color-stone: #343330;
  --color-border: #e9eef6;
  --color-border-strong: #d7dfe9;
  --color-border-subtle: rgba(14, 15, 17, 0.06);
  --color-border-read-only: rgba(14, 15, 17, 0.48);
  --color-addon-bg: #5e718d;
  --color-panel-border: #dfeaf6;
  --color-gold: #d69d3e;
  --color-gold-outline: #c28a0e;
  --color-avatar-bg-gold: #deac59;
  --color-l2-active-bg: #fbf3e6;
  --color-l2-active-fg: #8a6117;
  --color-transparent-dark-48: rgba(14, 15, 17, 0.45);
  --color-badge-success-border: #a8e3c6;
  --color-badge-success-ink: #1f8a5b;
  --color-badge-warning-border: #f9e6a0;
  --color-badge-warning-ink: #9c6d0c;
  --color-badge-neutral-bg: rgba(14, 15, 17, 0.02);
  --color-badge-success-soft-bg: rgba(31, 138, 91, 0.04);
  --color-badge-warning-soft-bg: rgba(156, 109, 12, 0.04);
  --color-badge-solid-success: #2e9e6b;
  --color-badge-solid-warning: #9c6d0c;
  --color-badge-solid-neutral: #455468;
  --color-badge-gold-bg: #fefaeb;
  --color-badge-gold-ink: #ab8842;
  --color-badge-info-border: #bfd7fe;
  --color-badge-info-ink: #4174ff;
  --color-badge-info-bg: rgba(27, 77, 255, 0.04);
  --color-card-shell-success: #e9f7f0;
  --color-card-shell-warning: #fdf8e8;
  --color-card-shell-neutral: #f1f4f8;
  --color-card-shell-warm: #faf8f4;
  --color-choice-bg: #fbf6e8;
  --color-choice-border: #c99527;
  --color-choice-accent: #c99527;
  --color-checkbox-bg: rgba(14, 15, 17, 0.04);
  --color-checkbox-border: rgba(14, 15, 17, 0.16);
  --color-count-bg: rgba(27, 42, 74, 0.02);
  --color-count-border: #ced9e8;
  --color-count-ink: #53708f;
  --color-table-header-border: rgba(27, 56, 96, 0.06);
  --color-divider: rgba(27, 56, 96, 0.12);
  --color-success-bg: #e5f4ec;
  --color-success-ink: #166a44;
  --color-success-emphasis: #127249;
  --color-action-border-success-normal: #2e9e6b;
  --color-success-border: var(--color-action-border-success-normal);
  --color-success-focus-ring: rgba(46, 158, 107, 0.16);
  --color-warning-bg: #fdf1de;
  --color-warning-ink: #97560c;
  --color-warning-border: #e0a955;
  --color-error-bg: #fdecec;
  --color-error-ink: #b8101a;
  --color-action-border-error-normal: #9a2a34;
  --color-action-foreground-error-normal: #9a2a34;
  --color-error-border: var(--color-action-border-error-normal);
  --color-error-focus-ring: rgba(154, 42, 52, 0.16);
  --color-required-star: var(--color-action-foreground-error-normal);
  --color-action-border-brand-focus: #53708f;
  --color-focus-border: var(--color-action-border-brand-focus);
  --color-focus-ring: rgba(67, 89, 125, 0.16);
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --radius-full-round: 9999px;
  --shadow-xs: 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-sm: 0 1px 3px rgba(14, 15, 17, 0.12), 0 1px 2px rgba(14, 15, 17, 0.06);
  --shadow-xl: 0 20px 40px rgba(24, 29, 37, 0.16);
  --shadow-2xl: 0 25px 80px -12px rgba(14, 15, 17, 0.12);
  --shadow-e-sm: 0 1px 3px rgba(24, 29, 37, 0.05);
  --shadow-e-card: 0 12px 32px rgba(24, 29, 37, 0.12);
  --filter-shadow-sm: drop-shadow(0 1px 3px rgba(14, 15, 17, 0.12)) drop-shadow(0 1px 2px rgba(14, 15, 17, 0.06));
  --shadow-button-primary:
    0 1px 5px rgba(27, 42, 74, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --shadow-button-outline: 0 1px 4px rgba(27, 42, 74, 0.24), inset 0 2px 8px rgba(27, 42, 74, 0.04);
  --shadow-button-regular-outline: 0 1px 4px rgba(14, 15, 17, 0.16), inset 0 2px 8px rgba(14, 15, 17, 0.04);
  --shadow-button-accent:
    0 1px 5px rgba(78, 18, 18, 0.16), inset 0 1px 3px rgba(255, 255, 255, 0.32),
    inset 0 4px 6px rgba(255, 255, 255, 0.06);
  --spacing-md: 16px;
  --upload-aspect-ratio: 16 / 9;
  /* ─── Responsive Layout Tokens ────────────────────────────────── */
  --layout-header-height: clamp(52px, 5vh, 60px);
  --layout-primary-sidebar-width: 80px;
  --layout-sub-sidebar-width: clamp(172px, 13.5vw, 194px);
  --layout-content-padding: clamp(12px, 1.5vw, 24px);
  --layout-gap: clamp(12px, 1.2vw, 20px);
  --layout-max-canvas-width: 1600px;
}

.icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  color: var(--color-neutral-600);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.icon-button:hover {
  background-color: var(--color-surface-gradient-end);
  color: var(--color-navy);
}
.icon-button svg {
  stroke-width: 2px;
}

.card-surface {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
}

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

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:root {
  --content-max-width: 1184px;
  --page-gutter: 48px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  :root {
    --page-gutter: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --page-gutter: 24px;
  }
}
@media (max-width: 767px) {
  :root {
    --page-gutter: 16px;
  }
}

:root {
  font-family: var(--font-ui);
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  color: var(--color-body);
  background-color: var(--color-page);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body,
#root {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  border: 0;
  background: none;
}

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

:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #d9e3f0;
  border-radius: var(--radius-control);
  border: 3px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-track {
  background: transparent;
}

@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}