@charset "UTF-8";
: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;
}._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);
}._wrapper_1otks_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-self: stretch;
}

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

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

._box_1otks_15 {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  background: var(--color-neutral-25);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  accent-color: var(--color-navy-600);
  cursor: pointer;
}
._box_1otks_15:disabled {
  cursor: not-allowed;
}
._box_1otks_15._invalid_1otks_38 {
  border-color: var(--color-danger-600, #c0342b);
}

._label_1otks_42 {
  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_1otks_42._disabled_1otks_51 {
  opacity: 0.6;
}

._error_1otks_55 {
  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_1tn4n_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  position: relative;
}

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

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

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

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

._triggerButton_1tn4n_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_1tn4n_35:hover:not(:disabled) {
  border-color: var(--color-navy, #23395a);
}
._triggerButton_1tn4n_35._isOpen_1tn4n_55, ._triggerButton_1tn4n_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_1tn4n_35._hasError_1tn4n_59 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._triggerButton_1tn4n_35._hasError_1tn4n_59._isOpen_1tn4n_55, ._triggerButton_1tn4n_35._hasError_1tn4n_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_1tn4n_35:disabled {
  opacity: 0.55;
  background: #f8fafc;
  cursor: not-allowed;
}

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

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

._popover_1tn4n_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_1tn4n_1 0.15s ease;
}
._popover_1tn4n_83._popoverDual_1tn4n_101 {
  width: 660px;
}
@media (max-width: 700px) {
  ._popover_1tn4n_83._popoverDual_1tn4n_101 {
    width: 350px;
  }
  ._popover_1tn4n_83._popoverDual_1tn4n_101 ._dualColumns_1tn4n_108 {
    flex-direction: column;
  }
  ._popover_1tn4n_83._popoverDual_1tn4n_101 ._columnDivider_1tn4n_111 {
    display: none;
  }
}

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

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

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

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

._rangeInputBox_1tn4n_143 {
  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_1tn4n_143:focus {
  outline: none;
  border-color: var(--color-navy, #23395a);
}

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

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

._presetBtn_1tn4n_175 {
  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_1tn4n_175:hover {
  color: var(--color-navy-hover, #1d314e);
  background: var(--color-navy-50, #e9eef6);
}

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

._monthNavBtn_1tn4n_208 {
  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_1tn4n_208:hover {
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
}

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

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

._quickInput_1tn4n_238 {
  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_1tn4n_238:focus {
  outline: none;
  border-color: var(--color-navy, #23395a);
}

._todayBtn_1tn4n_253 {
  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_1tn4n_253:hover {
  background: var(--color-navy-50, #e9eef6);
}

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

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

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

._dayCell_1tn4n_292 {
  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_1tn4n_292:hover:not(._outOfMonth_1tn4n_309):not(._selected_1tn4n_309):not(:disabled) {
  background: var(--color-navy-50, #e9eef6);
}
._dayCell_1tn4n_292:disabled {
  color: var(--color-neutral-300, #bdc4d1);
  cursor: not-allowed;
}
._dayCell_1tn4n_292._outOfMonth_1tn4n_309 {
  color: var(--color-neutral-300, #bdc4d1);
}
._dayCell_1tn4n_292._selected_1tn4n_309 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
  z-index: 2;
}
._dayCell_1tn4n_292._inRange_1tn4n_325 {
  background: var(--color-navy-50, #e9eef6);
  border-radius: 0;
  color: var(--color-navy-800, #111e32);
  font-weight: 600;
}
._dayCell_1tn4n_292._rangeStart_1tn4n_331 {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
  z-index: 2;
}
._dayCell_1tn4n_292._rangeEnd_1tn4n_339 {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
  z-index: 2;
}
._dayCell_1tn4n_292._isToday_1tn4n_347:not(._selected_1tn4n_309) {
  border: 1.5px solid var(--color-gold, #d69d3e);
  font-weight: 700;
}

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

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

._cancelBtn_1tn4n_370 {
  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_1tn4n_370:hover {
  background: var(--color-navy-25, #f4f7fb);
}

._applyBtn_1tn4n_386 {
  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_1tn4n_386:hover {
  background: var(--color-navy-hover, #1d314e);
}

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

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

._menuPanel_145o1_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_145o1_29 {
  width: 100%;
}

._menuItem_145o1_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_145o1_33:hover:not(:disabled) {
  background: var(--color-neutral-25, #f9fafb);
}
._menuItem_145o1_33._danger_145o1_59 {
  color: var(--color-error-ink, #b8101a);
}
._menuItem_145o1_33._danger_145o1_59:hover:not(:disabled) {
  background: var(--color-error-bg, #fdecec);
}
._menuItem_145o1_33:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

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

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

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

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

._divider_145o1_102 {
  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_johit_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_johit_13 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

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

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

._actionBtn_johit_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_johit_38:hover {
  background: var(--color-navy-hover, #1d314e);
}
._actionBtn_johit_38:active {
  transform: translateY(1px);
}

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

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

._iconBtn_johit_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_johit_79:hover {
  border-color: var(--color-navy, #23395a);
  color: var(--color-navy, #23395a);
}

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

._searchInputContainer_johit_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_johit_103:focus-within {
  border-color: var(--color-navy, #23395a);
}

._searchInput_johit_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_johit_103::placeholder {
  color: var(--color-muted, #8590a3);
}

._clearSearchBtn_johit_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_johit_135:hover {
  color: var(--color-navy, #23395a);
}

._viewToggleGroup_johit_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_johit_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_johit_161._active_johit_174 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
._viewToggleBtn_johit_161:hover:not(._active_johit_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_ctmzc_1 {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
._wrapper_ctmzc_1._fullWidth_ctmzc_6 {
  width: 100%;
}

._label_ctmzc_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_ctmzc_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_ctmzc_28 {
  color: var(--color-required-star, var(--color-action-foreground-error-normal, #9a2a34));
  font-weight: 600;
  margin-left: 2px;
}

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

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

._addonBefore_ctmzc_48,
._addonAfter_ctmzc_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_ctmzc_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_ctmzc_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_ctmzc_79._addonSubtle_ctmzc_79 ._addonBefore_ctmzc_48,
._inputContainer_ctmzc_79._addonSubtle_ctmzc_79 ._addonAfter_ctmzc_49 {
  padding: 0 12px;
  background: #f9fafb;
  color: #8897ae;
}

._inputContainer_ctmzc_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_ctmzc_79._hasAddonBefore_ctmzc_99._hasAddonBefore_ctmzc_99 {
  padding-left: 0;
}
._inputContainer_ctmzc_79._hasAddonBefore_ctmzc_99._hasAddonBefore_ctmzc_99 ._input_ctmzc_42 {
  padding-left: 6px;
}
._inputContainer_ctmzc_79._hasAddonAfter_ctmzc_105._hasAddonAfter_ctmzc_105 {
  padding-right: 0;
}
._inputContainer_ctmzc_79._hasAddonAfter_ctmzc_105._hasAddonAfter_ctmzc_105 ._input_ctmzc_42 {
  padding-right: 6px;
}
._inputContainer_ctmzc_79:hover:not(._disabled_ctmzc_111) {
  border-color: var(--color-navy-50, #cbd5e1);
}
._inputContainer_ctmzc_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_ctmzc_79._subtle_ctmzc_118 {
  background: var(--color-page, #f2f7fc);
  border-color: var(--color-panel-border, #dfeaf6);
}
._inputContainer_ctmzc_79._subtle_ctmzc_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_ctmzc_79._sm_ctmzc_127 {
  min-height: 36px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 20px;
}
._inputContainer_ctmzc_79._md_ctmzc_133 {
  min-height: 40px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 20px;
}
._inputContainer_ctmzc_79._lg_ctmzc_139 {
  min-height: 52px;
  padding: 0 18px;
  font-size: 15px;
  border-radius: 14px;
}
._inputContainer_ctmzc_79._hasError_ctmzc_145 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._inputContainer_ctmzc_79._hasError_ctmzc_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_ctmzc_79._hasSuccess_ctmzc_152 {
  border-color: var(--color-success-border, var(--color-action-border-success-normal, #2e9e6b));
}
._inputContainer_ctmzc_79._hasSuccess_ctmzc_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_ctmzc_79._disabled_ctmzc_111 {
  opacity: 0.55;
  background: var(--color-neutral-50, #f4f5f9);
  cursor: not-allowed;
}

._input_ctmzc_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_ctmzc_42:focus, ._input_ctmzc_42:focus-visible {
  outline: none;
  border: 0;
  box-shadow: none;
}
._input_ctmzc_42::placeholder {
  color: var(--color-icon-subtle, #afbaca);
  opacity: 1;
}
._input_ctmzc_42:-webkit-autofill, ._input_ctmzc_42:-webkit-autofill:hover, ._input_ctmzc_42:-webkit-autofill:focus, ._input_ctmzc_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_ctmzc_42:disabled {
  cursor: not-allowed;
}

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

._prefix_ctmzc_196 {
  margin-right: 8px;
}

._suffix_ctmzc_197 {
  margin-left: 8px;
}

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

._helperText_ctmzc_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_ctmzc_222._errorText_ctmzc_232 {
  color: var(--color-error-ink, #b8101a);
}
._helperText_ctmzc_222._successText_ctmzc_235 {
  color: var(--color-success-ink, #166a44);
  font-weight: 500;
}

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

._charCount_ctmzc_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;
}
._charCount_ctmzc_244._charCountLimit_ctmzc_253 {
  color: var(--color-error-ink, #b8101a);
  font-weight: 600;
}._wrapper_zn8xn_1 {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
._wrapper_zn8xn_1._isOpen_zn8xn_7 {
  z-index: 100;
}
._wrapper_zn8xn_1._fullWidth_zn8xn_10 {
  width: 100%;
}

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

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

._selectTrigger_zn8xn_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_zn8xn_29:focus, ._selectTrigger_zn8xn_29._isOpen_zn8xn_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_zn8xn_29._hasError_zn8xn_51 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._selectTrigger_zn8xn_29._hasError_zn8xn_51:focus, ._selectTrigger_zn8xn_29._hasError_zn8xn_51._isOpen_zn8xn_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_zn8xn_29._disabled_zn8xn_58 {
  opacity: 0.55;
  background: var(--color-navy-25, #f4f7fb);
  cursor: not-allowed;
}

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

._overflowBadge_zn8xn_72 {
  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_zn8xn_85 {
  color: var(--color-muted, #8590a3);
}

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

._dropdownPanel_zn8xn_98 {
  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_zn8xn_114 {
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-panel-border, #dfeaf6);
  background: var(--color-navy-25, #f4f7fb);
}

._searchInputWrapper_zn8xn_120 {
  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_zn8xn_120 input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
}
._searchInputWrapper_zn8xn_120 input::placeholder {
  color: var(--color-muted, #8590a3);
}

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

._groupHeader_zn8xn_149 {
  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_zn8xn_159 {
  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_zn8xn_159:hover:not(._disabled_zn8xn_58) {
  background: var(--color-navy-25, #f4f7fb);
}
._optionItem_zn8xn_159._selected_zn8xn_173 {
  background: var(--color-navy-50, #e9eef6);
  font-weight: 600;
}
._optionItem_zn8xn_159._disabled_zn8xn_58 {
  opacity: 0.45;
  cursor: not-allowed;
}

._checkbox_zn8xn_182 {
  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_zn8xn_173 ._checkbox_zn8xn_182 {
  background: var(--color-navy, #23395a);
  border-color: var(--color-navy, #23395a);
  color: #ffffff;
}

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

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

._helperText_zn8xn_214 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-muted, #8590a3);
}
._helperText_zn8xn_214._errorText_zn8xn_219 {
  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_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_1hv8b_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._skeleton_1hv8b_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_1hv8b_1 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._skeleton_1hv8b_9 {
    animation: none;
  }
}

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

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

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

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

._rounded_1hv8b_44 {
  border-radius: 999px;
}

._stack_1hv8b_48 {
  display: flex;
  flex-direction: column;
  gap: 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;
}

._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_1xl45_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_1xl45_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_1xl45_24,
._toolbarRight_1xl45_25 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._searchBox_1xl45_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_1xl45_31:focus-within {
  border-color: var(--color-navy, #23395a);
  background: #ffffff;
}

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

._toolbarBtn_1xl45_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_1xl45_61:hover {
  background: var(--color-navy-50, #e9eef6);
}

._badge_1xl45_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_1xl45_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_1xl45_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_1xl45_103._active_1xl45_116 {
  background: #ffffff;
  color: var(--color-navy, #23395a);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

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

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

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

._th_1xl45_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_1xl45_137._alignLeft_1xl45_160 {
  text-align: left;
}
._th_1xl45_137._alignCenter_1xl45_163 {
  text-align: center;
}
._th_1xl45_137._alignRight_1xl45_166 {
  text-align: right;
}
._th_1xl45_137._sortable_1xl45_169 {
  cursor: pointer;
}
._th_1xl45_137._sortable_1xl45_169:hover {
  color: var(--color-navy, #23395a);
  background: var(--color-navy-50, #e9eef6);
}

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

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

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

._tr_1xl45_200._hoverable_1xl45_200:hover {
  background: var(--color-neutral-25, #fafbfc);
}
._tr_1xl45_200._striped_1xl45_203:nth-child(even) {
  background: #fafbfc;
}
._tr_1xl45_200._selected_1xl45_206 {
  background: var(--color-navy-50, #e9eef6) !important;
}
._tr_1xl45_200._clickable_1xl45_209 {
  cursor: pointer;
}

._stopRowClick_1xl45_213 {
  cursor: default;
}

._td_1xl45_217 {
  height: 60px;
  padding: 0 16px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--color-neutral-700, #455468);
  vertical-align: middle;
}
._td_1xl45_217._alignLeft_1xl45_160 {
  text-align: left;
}
._td_1xl45_217._alignCenter_1xl45_163 {
  text-align: center;
}
._td_1xl45_217._alignRight_1xl45_166 {
  text-align: right;
}
._td_1xl45_217._compact_1xl45_235 {
  padding: 10px 14px;
}

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

._checkbox_1xl45_239 {
  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_1xl45_254 {
  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_1xl45_254._expanded_1xl45_266 {
  transform: rotate(90deg);
}

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

._emptyState_1xl45_277 {
  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_1xl45_289 {
  font-family: var(--font-display, var(--font-ui));
  font-size: 16px;
  font-weight: 700;
  color: var(--color-navy, #23395a);
}

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

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

@keyframes _shimmer_1xl45_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._tableFooter_1xl45_320 {
  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_1xl45_332 {
  background: transparent;
  border: none;
  color: var(--color-navy, #23395a);
  text-decoration: underline;
  cursor: pointer;
  margin-left: 8px;
  font-weight: 600;
}

._pagination_1xl45_342 {
  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_1xl45_353 {
  font-family: var(--font-ui);
  font-size: 13.5px;
  color: var(--color-body, #525d6f);
}

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

._pageSizeSelect_1xl45_365 {
  height: 34px;
  padding: 0 10px;
  border-radius: var(--radius-control, 8px);
  border: 1px solid var(--color-border, #e9eef6);
  background: #ffffff;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--color-navy, #23395a);
  cursor: pointer;
}

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

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

._sortSelect_1xl45_383 {
  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_1xl45_383:hover {
  border-color: var(--color-navy, #23395a);
}

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

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

._pageArrowBtn_1xl45_420 {
  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_1xl45_420:hover:not(:disabled) {
  background: var(--color-navy-25, #f4f7fb);
  color: var(--color-navy, #23395a);
}
._pageArrowBtn_1xl45_420:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

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

._srOnly_1xl45_449 {
  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_1xl45_461 {
  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_1xl45_461:hover:not(._active_1xl45_116) {
  background: var(--color-navy-25, #f4f7fb);
  color: var(--color-navy, #23395a);
}
._pageBtn_1xl45_461._active_1xl45_116 {
  background: #e0e7ff;
  color: #3730a3;
  font-weight: 700;
}
._pageBtn_1xl45_461:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

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

._cardItem_1xl45_495 {
  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_1xl45_505 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

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

._popoverMenu_1xl45_524 {
  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_1xl45_540 {
  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_1xl45_550 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-body, #525d6f);
}

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

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

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

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

._primaryBtn_1xl45_589 {
  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_120v1_1 {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
._wrapper_120v1_1._fullWidth_120v1_6 {
  width: 100%;
}

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

._optionalText_120v1_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_120v1_26 {
  color: var(--color-required-star, var(--color-action-foreground-error-normal, #9a2a34));
  font-weight: 600;
  margin-left: 2px;
}

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

._textareaContainer_120v1_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_120v1_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_120v1_40._subtle_120v1_54 {
  background: var(--color-navy-25, #f4f7fb);
  border-color: var(--color-panel-border, #dfeaf6);
}
._textareaContainer_120v1_40._subtle_120v1_54:focus-within {
  background: var(--color-surface, #ffffff);
  border-color: var(--color-navy, #23395a);
}
._textareaContainer_120v1_40._hasError_120v1_62 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._textareaContainer_120v1_40._hasError_120v1_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_120v1_40._disabled_120v1_69 {
  opacity: 0.55;
  background: var(--color-navy-25, #f4f7fb);
  cursor: not-allowed;
}
._textareaContainer_120v1_40._hasCount_120v1_74 {
  position: relative;
}
._textareaContainer_120v1_40._hasCount_120v1_74 ._textarea_120v1_40 {
  padding-bottom: 22px;
}

._textarea_120v1_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_120v1_40:focus, ._textarea_120v1_40:focus-visible {
  outline: none;
  border: 0;
  box-shadow: none;
}
._textarea_120v1_40::placeholder {
  color: var(--color-icon-subtle, #afbaca);
  opacity: 1;
}
._textarea_120v1_40:disabled {
  cursor: not-allowed;
}
._textarea_120v1_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_120v1_40._noResize_120v1_111 {
  resize: none;
}
._textarea_120v1_40._autoResize_120v1_114 {
  resize: none;
  box-sizing: border-box;
  transition: height 0.1s ease;
}

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

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

._charCount_120v1_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_120v1_149 ._charCount_120v1_137 {
  right: 38px;
}
._charCount_120v1_137._charCountLimit_120v1_152 {
  color: var(--color-error-ink, #b8101a);
  font-weight: 600;
}._container_19x8a_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  position: relative;
}

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

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

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

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

._triggerButton_19x8a_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_19x8a_35:hover:not(:disabled) {
  border-color: var(--color-navy, #23395a);
}
._triggerButton_19x8a_35._isOpen_19x8a_55, ._triggerButton_19x8a_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_19x8a_35._hasError_19x8a_59 {
  border-color: var(--color-error-border, var(--color-action-border-error-normal, #9a2a34));
}
._triggerButton_19x8a_35._hasError_19x8a_59._isOpen_19x8a_55, ._triggerButton_19x8a_35._hasError_19x8a_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_19x8a_35:disabled {
  opacity: 0.55;
  background: #f8fafc;
  cursor: not-allowed;
}

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

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

._popover_19x8a_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_19x8a_1 0.15s ease;
}

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

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

._timeBox_19x8a_124 {
  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_19x8a_124._active_19x8a_140 {
  border-color: var(--color-navy, #23395a);
  background: var(--color-navy-50, #e9eef6);
  color: var(--color-navy, #23395a);
}

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

._ampmToggle_19x8a_153 {
  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_19x8a_164 {
  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_19x8a_164:first-child {
  border-bottom: 1px solid var(--color-border, #e9eef6);
}
._ampmBtn_19x8a_164._selected_19x8a_178 {
  background: var(--color-l2-active-bg, #fbf3e6);
  color: var(--color-l2-active-fg, #8a6117);
  font-weight: 700;
}

._clockFaceContainer_19x8a_184 {
  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_19x8a_196 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-navy, #23395a);
  z-index: 5;
}

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

._clockNumber_19x8a_215 {
  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_19x8a_215._selected_19x8a_178 {
  background: var(--color-navy, #23395a);
  color: #ffffff;
  font-weight: 700;
}
._clockNumber_19x8a_215:hover:not(._selected_19x8a_178) {
  background: var(--color-navy-50, #e9eef6);
}

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

._textBtn_19x8a_248 {
  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_19x8a_248:hover {
  background: var(--color-navy-50, #e9eef6);
}

._errorText_19x8a_264 {
  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;
}
: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_gt1gt_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_gt1gt_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_gt1gt_141 {
    height: 56px;
  }
}
@media (max-height: 768px) {
  ._topBar_gt1gt_141 {
    height: 52px;
  }
}
@media (max-width: 767px) {
  ._topBar_gt1gt_141 {
    padding: 2px 12px 2px 8px;
    gap: 8px;
    height: 54px;
  }
}

/* ─── Navigation drawer (tablet + phone) ────────────────────────── */
._menuButton_gt1gt_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_gt1gt_171:hover {
  background: rgba(43, 53, 94, 0.06);
}
._menuButton_gt1gt_171 svg {
  width: clamp(18px, 13.4285714286px + 0.4464285714vw, 22px);
  height: clamp(18px, 13.4285714286px + 0.4464285714vw, 22px);
}
@media (max-width: 1023px) {
  ._menuButton_gt1gt_171 {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  ._menuButton_gt1gt_171._menuButtonPhoneOnly_gt1gt_198 {
    display: none;
  }
}

._inlinePrimarySidebar_gt1gt_203 {
  display: flex;
  flex-shrink: 0;
  height: 100%;
}
@media (max-width: 767px) {
  ._inlinePrimarySidebar_gt1gt_203 {
    display: none;
  }
}

._inlineSubSidebar_gt1gt_214 {
  display: flex;
  flex-shrink: 0;
  height: 100%;
}
@media (max-width: 1023px) {
  ._inlineSubSidebar_gt1gt_214 {
    display: none;
  }
}

._navDrawerLayer_gt1gt_225 {
  position: fixed;
  inset: 0;
  z-index: 900;
  display: flex;
}
@media (min-width: 1024px) {
  ._navDrawerLayer_gt1gt_225 {
    display: none;
  }
}

._navDrawerBackdrop_gt1gt_237 {
  position: absolute;
  inset: 0;
  padding: 0;
  border: none;
  background: var(--color-transparent-dark-48, rgba(14, 15, 17, 0.45));
  cursor: pointer;
}

._navDrawer_gt1gt_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_gt1gt_1 0.2s ease-out;
}
@media (min-width: 768px) {
  ._navDrawer_gt1gt_225 {
    margin-left: 80px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._navDrawer_gt1gt_225 {
    animation: none;
  }
}

@keyframes _navDrawerIn_gt1gt_1 {
  from {
    transform: translateX(-24px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._drawerPrimarySidebar_gt1gt_277 {
  display: flex;
  height: 100%;
}
@media (min-width: 768px) {
  ._drawerPrimarySidebar_gt1gt_277 {
    display: none;
  }
}

._drawerSubSidebar_gt1gt_287 {
  position: relative;
  display: flex;
  height: 100%;
  overflow-y: auto;
}

._drawerCloseButton_gt1gt_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_gt1gt_294:hover {
  background: rgba(43, 53, 94, 0.08);
}
._drawerCloseButton_gt1gt_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_gt1gt_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_gt1gt_320 {
    width: 78px;
  }
}
@media (max-width: 767px) {
  ._topBarLogoWrapper_gt1gt_320 {
    width: 36px;
    padding: 0;
  }
}

/* ─── Body Row (container) ─────────────────────────────────────── */
._bodyRow_gt1gt_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_gt1gt_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_gt1gt_358 {
    padding: 0 8px 8px;
  }
}

._mainContentContainer_gt1gt_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_gt1gt_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_gt1gt_403 {
  box-sizing: border-box;
  flex: none;
  width: 100%;
  padding: 8px 8px 0;
}
._bannerSlot_gt1gt_403:empty {
  display: none;
}

._contentCanvas_gt1gt_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_gt1gt_427 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: #8897ae;
  text-align: center;
}
._contentCanvasPlaceholder_gt1gt_427 h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-neutral-900);
  margin: 0 0 8px 0;
}
._contentCanvasPlaceholder_gt1gt_427 p {
  font-size: 14px;
  margin: 0;
  max-width: 400px;
}

/* ─── Footer Action Bar (action) ────────────────────────────────── */
._footerBar_gt1gt_450 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  width: 100%;
  height: 33px;
  background: #ffffff;
  white-space: nowrap;
}
@media (max-width: 767px) {
  ._footerBar_gt1gt_450 {
    padding: 8px 12px;
    font-size: 11px;
  }
}
._footerBar_gt1gt_450 {
  border: none;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  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_gt1gt_483 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
}
._footerLeft_gt1gt_483 span {
  overflow: hidden;
  text-overflow: ellipsis;
}

._footerRight_gt1gt_495 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 16px;
}
@media (max-width: 767px) {
  ._footerRight_gt1gt_495 {
    gap: 10px;
  }
}
._footerRight_gt1gt_495 a {
  color: inherit;
  text-decoration: none;
}
._footerRight_gt1gt_495 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);
}
: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);
}
: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_16etu_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;
}

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

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

._checklistTitle_16etu_154 {
  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_16etu_164 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: var(--color-neutral-700);
}

._items_16etu_173 {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
}

._item_16etu_173 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-border);
}
._item_16etu_173:last-child {
  border-bottom: none;
}

._itemIcon_16etu_191 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  height: 20px;
  color: var(--color-border-strong);
}

._itemIconDone_16etu_200 {
  color: var(--color-badge-success-ink);
}

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

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

._itemSub_16etu_218 {
  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;
}._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;
}._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_efg1v_1 {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: clamp(16px, -20.5714285714px + 3.5714285714vw, 48px);
}

._card_efg1v_9 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 480px;
  padding: clamp(20px, 6.2857142857px + 1.3392857143vw, 32px);
  text-align: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-e-sm);
}

._icon_efg1v_25 {
  color: var(--color-navy);
}

._checking_efg1v_29 ._icon_efg1v_25 {
  animation: _spin_efg1v_1 1.2s linear infinite;
}

._success_efg1v_33 ._icon_efg1v_25 {
  color: var(--color-success-emphasis);
}

._failed_efg1v_37 ._icon_efg1v_25 {
  color: var(--color-error-ink);
}

._pending_efg1v_41 ._icon_efg1v_25 {
  color: var(--color-warning-ink);
}

._title_efg1v_45 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: clamp(20px, 15.4285714286px + 0.4464285714vw, 24px);
  color: var(--color-neutral-950);
}

._body_efg1v_53,
._reference_efg1v_54 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 22px;
  color: var(--color-neutral-700);
}

._reference_efg1v_54 {
  font-size: 12px;
  color: var(--color-neutral-400);
}

@keyframes _spin_efg1v_1 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._checking_efg1v_29 ._icon_efg1v_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_9dbhl_125 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._list_9dbhl_131 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._indicator_9dbhl_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_9dbhl_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_9dbhl_152:hover {
  text-decoration: underline;
}

._status_9dbhl_166 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._sentinel_9dbhl_172 {
  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_on5wl_125 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 16px;
}

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

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

._title_on5wl_149 {
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 600;
  color: var(--color-neutral-950);
}

._subtitle_on5wl_157 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._parent_on5wl_163 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-border);
}

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

._parentAuthor_on5wl_179 {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-neutral-950);
}

._parentContent_on5wl_186 {
  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);
}/* 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;
}
: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;
}

._header_143jy_125 {
  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_143jy_136 {
  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_143jy_146 {
  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_143jy_146:hover {
  color: var(--color-neutral-900);
  background: var(--color-navy-50);
}

._body_143jy_165 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  padding: 20px;
}

._caption_143jy_174 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-badge-gold-ink);
}

._footer_143jy_183 {
  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_143jy_195 {
  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_143jy_195:hover {
  background: var(--color-neutral-25);
}

._pinBtn_143jy_211 {
  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_143jy_211:hover:not(:disabled) {
  background: var(--color-navy-hover);
}
._pinBtn_143jy_211: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;
}

._postCard_10e9z_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_10e9z_125 {
    padding: 16px;
  }
}
._postCard_10e9z_125 {
  box-shadow: var(--shadow-e-sm);
}

._repostLabel_10e9z_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_10e9z_156 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

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

._clickableZone_10e9z_172 {
  cursor: pointer;
}

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

._authorName_10e9z_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_10e9z_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_10e9z_205 {
  overflow-wrap: anywhere;
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._postContentClamp_10e9z_213 {
  max-height: 15em;
  overflow: hidden;
}

._postContentFaded_10e9z_218 {
  mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
}

._readMore_10e9z_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_10e9z_222:hover {
  text-decoration: underline;
}

._postContent_10e9z_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_10e9z_248,
._pollWrapper_10e9z_249 {
  width: 100%;
}

._postFooter_10e9z_253 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid var(--color-border);
}

._postFooter_10e9z_253 button._footerAction_10e9z_262 {
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  font-size: 13px;
  color: var(--color-neutral-400);
}
._postFooter_10e9z_253 button._footerAction_10e9z_262:first-child {
  margin-left: -8px;
}
._postFooter_10e9z_253 button._footerAction_10e9z_262:hover:not(:disabled) {
  background: var(--color-navy-25);
  color: var(--color-neutral-700);
}
._postFooter_10e9z_253 button._footerAction_10e9z_262._liked_10e9z_276, ._postFooter_10e9z_253 button._footerAction_10e9z_262._liked_10e9z_276:hover:not(:disabled) {
  color: var(--color-error-ink, #b8101a);
}

._commentsSection_10e9z_280 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 4px;
}

._moreSpaces_10e9z_287 {
  position: relative;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  font-weight: 600;
  color: var(--color-neutral-600);
  cursor: default;
  outline: none;
}
._moreSpaces_10e9z_287:hover, ._moreSpaces_10e9z_287:focus-visible {
  color: var(--color-navy);
}
._moreSpaces_10e9z_287:hover ._moreSpacesTooltip_10e9z_301, ._moreSpaces_10e9z_287:focus-visible ._moreSpacesTooltip_10e9z_301 {
  display: flex;
}

._moreSpacesTooltip_10e9z_301 {
  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_10e9z_301::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 0;
  left: 0;
  height: 7px;
}

._moreSpacesItem_10e9z_330 {
  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_10e9z_125 ._postMenuButton_10e9z_342 {
  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_jkweg_125 {
  width: 100%;
}

._composerBody_jkweg_129 {
  display: flex;
  flex-direction: column;
  max-height: 600px;
  padding: 0;
}

._editorBox_jkweg_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_jkweg_136 > * {
  flex: 1 0 auto;
}
@media (max-width: 767px) {
  ._editorBox_jkweg_136 {
    height: clamp(130px, 28dvh, 220px);
  }
}

._modalHeader_jkweg_157 {
  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_jkweg_157 {
    padding: 16px 14px 12px;
  }
}

._headerMeta_jkweg_172 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

._authorName_jkweg_181 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

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

._spaceChipsRow_jkweg_195 {
  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_jkweg_195 {
  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_jkweg_226._spaceChipOverflow_jkweg_226._spaceChipOverflow_jkweg_226 {
  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_jkweg_226._spaceChipOverflow_jkweg_226._spaceChipOverflow_jkweg_226:hover:not(:disabled) {
  background: var(--color-navy-50);
}

._spaceChipRemove_jkweg_244._spaceChipRemove_jkweg_244._spaceChipRemove_jkweg_244 {
  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_jkweg_244._spaceChipRemove_jkweg_244._spaceChipRemove_jkweg_244:hover:not(:disabled) {
  background: var(--color-navy-50);
}

._spacePickerTrigger_jkweg_261._spacePickerTrigger_jkweg_261._spacePickerTrigger_jkweg_261 {
  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_jkweg_261._spacePickerTrigger_jkweg_261._spacePickerTrigger_jkweg_261:hover:not(:disabled) {
  background: var(--color-neutral-25);
}

._spacePickerPanel_jkweg_279 {
  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_jkweg_296 {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 12px 4px;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._spacePickerList_jkweg_305 {
  display: flex;
  flex-direction: column;
  max-height: 190px;
  overflow-y: auto;
  padding: 6px;
}

._spacePickerItem_jkweg_313 {
  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_jkweg_313:hover {
  background: var(--color-neutral-25);
}
._spacePickerItem_jkweg_313._spacePickerItemChecked_jkweg_331 {
  background: var(--color-navy-25);
}
._spacePickerItem_jkweg_313 input[type=checkbox] {
  width: 15px;
  height: 15px;
  flex: none;
  accent-color: var(--color-navy);
  cursor: pointer;
}

._spacePickerItemLabelGrow_jkweg_342 {
  flex: 1;
}

._spacePickerDefaultTag_jkweg_346 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 500;
  color: var(--color-neutral-400);
}

._spacePickerFooter_jkweg_354 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  border-top: 1px solid var(--color-border);
}

._clearAllBtn_jkweg_364._clearAllBtn_jkweg_364._clearAllBtn_jkweg_364 {
  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_jkweg_364._clearAllBtn_jkweg_364._clearAllBtn_jkweg_364:hover:not(:disabled) {
  background: var(--color-neutral-25);
}

._doneBtn_jkweg_380._doneBtn_jkweg_380._doneBtn_jkweg_380 {
  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_jkweg_380._doneBtn_jkweg_380._doneBtn_jkweg_380:hover:not(:disabled) {
  background: var(--color-navy-hover);
  color: #ffffff;
}

._draftsPill_jkweg_397._draftsPill_jkweg_397._draftsPill_jkweg_397 {
  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_jkweg_397._draftsPill_jkweg_397._draftsPill_jkweg_397:hover:not(:disabled) {
  border-color: var(--color-neutral-400);
}
._draftsPill_jkweg_397._draftsPill_jkweg_397._draftsPill_jkweg_397:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}

._backBtn_jkweg_422._backBtn_jkweg_422 {
  margin-top: 2px;
}

._modalBody_jkweg_426 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  width: 100%;
  padding: 0 20px 16px;
}
._modalBody_jkweg_426[hidden] {
  display: none;
}
@media (max-width: 767px) {
  ._modalBody_jkweg_426 {
    padding: 0 14px 12px;
  }
}

._modalBody_jkweg_426:has(~ ._pollComposerWrapper_jkweg_443) {
  min-height: calc(120px + 16px);
}

._previewHeader_jkweg_447 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 20px 20px 16px;
}

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

._previewTitle_jkweg_465 {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--color-neutral-950);
}

._previewSubtitle_jkweg_474 {
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._previewCard_jkweg_481 {
  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_jkweg_495 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

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

._previewSubMeta_jkweg_510 {
  font-family: var(--font-ui);
  font-size: 12px;
  line-height: 18px;
  color: var(--color-neutral-400);
}

._previewText_jkweg_517 {
  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_jkweg_528 {
  color: var(--color-neutral-400);
  font-style: italic;
}

._previewPoll_jkweg_533 {
  margin-top: 12px;
}

._previewCardFooter_jkweg_537 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  padding-top: 4px;
  border-top: 1px solid var(--color-border);
}

._previewFooterAction_jkweg_546 {
  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_jkweg_443 {
  box-sizing: border-box;
  flex: none;
  width: 100%;
  padding: 0 20px 16px;
}
@media (max-width: 767px) {
  ._pollComposerWrapper_jkweg_443 {
    padding: 0 14px 12px;
  }
}

._attachmentsRow_jkweg_568 {
  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_jkweg_568 {
    gap: 8px;
    padding: 10px 14px;
  }
}

._attachmentButtons_jkweg_586 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593 {
  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_jkweg_593._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593:hover:not(:disabled) {
  background: var(--color-neutral-25);
}
._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593._attachmentBtnActive_jkweg_611 {
  background: var(--color-navy-25);
  color: var(--color-navy);
}
._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593._attachmentBtn_jkweg_593:disabled:hover:not(:disabled) {
  background: transparent;
}

._charCount_jkweg_623 {
  flex: none;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-neutral-400);
}

._charCountWarn_jkweg_630 {
  color: var(--color-warning-ink);
}

._charCountLimit_jkweg_634 {
  color: var(--color-error-ink);
  font-weight: 600;
}

._limitNotice_jkweg_639 {
  margin: 8px 0 0;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--color-warning-ink);
}

._limitNoticeOver_jkweg_646 {
  color: var(--color-error-ink);
}

._modalFooter_jkweg_650 {
  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_jkweg_650 {
    gap: 8px;
    padding: 10px 14px;
  }
}

._footerLeftIcons_jkweg_670 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtn_jkweg_677 {
  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_jkweg_677._iconBtn_jkweg_677._iconBtn_jkweg_677:hover:not(:disabled) {
  background: var(--color-neutral-25);
  color: var(--color-neutral-700);
}
._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtnRestricted_jkweg_698 {
  width: auto;
  padding: 0 10px;
  border-color: transparent;
  background: var(--color-error-bg);
  color: var(--color-error-ink);
}
._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtnRestricted_jkweg_698:hover:not(:disabled) {
  background: var(--color-error-bg);
  opacity: 0.85;
}

._footerRightActions_jkweg_710 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

@media (max-width: 767px) {
  ._previewLabel_jkweg_719 {
    display: none;
  }
}

._previewBtn_jkweg_724 {
  gap: 6px;
}
@media (max-width: 767px) {
  ._previewBtn_jkweg_724 {
    padding: 0 9px;
  }
}

._postBtn_jkweg_733._postBtn_jkweg_733 {
  gap: 6px;
  border: none;
  background: var(--color-gold);
  font-weight: 600;
}
._postBtn_jkweg_733._postBtn_jkweg_733:hover:not(:disabled) {
  background: #b9822f;
}
._postBtn_jkweg_733._postBtn_jkweg_733:disabled {
  background: var(--color-neutral-100);
  color: var(--color-neutral-400);
  box-shadow: none;
  opacity: 1;
}

._attachmentList_jkweg_749 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0 20px 8px;
  list-style: none;
}

._attachmentChip_jkweg_758 {
  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_jkweg_772 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._attachmentChipError_jkweg_778 {
  background: var(--color-error-bg);
  color: var(--color-error-ink);
}

._attachmentStatus_jkweg_783 {
  flex-shrink: 0;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  opacity: 0.8;
}

._attachmentError_jkweg_790 {
  margin: 0;
  padding: 0 20px 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-error-ink);
}

._attachmentRemove_jkweg_798._attachmentRemove_jkweg_798._attachmentRemove_jkweg_798 {
  height: auto;
  display: inline-flex;
  padding: 2px;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
._attachmentRemove_jkweg_798._attachmentRemove_jkweg_798._attachmentRemove_jkweg_798:hover:not(:disabled) {
  background: transparent;
  color: inherit;
}

._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtnActive_jkweg_812 {
  border-color: #c7d6ee;
  background: var(--color-navy-50);
  color: var(--color-navy);
}
._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtn_jkweg_677._iconBtnActive_jkweg_812:hover:not(:disabled) {
  background: var(--color-navy-50);
  color: var(--color-navy);
}

._scheduleBanner_jkweg_822 {
  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_jkweg_837 {
  flex: none;
}

._scheduleBannerText_jkweg_841 {
  flex: 1;
  min-width: 0;
  font-weight: 600;
}

._scheduleBannerEdit_jkweg_847._scheduleBannerEdit_jkweg_847._scheduleBannerEdit_jkweg_847 {
  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_jkweg_847._scheduleBannerEdit_jkweg_847._scheduleBannerEdit_jkweg_847:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.6);
}

._scheduleBannerClear_jkweg_863._scheduleBannerClear_jkweg_863._scheduleBannerClear_jkweg_863 {
  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_jkweg_863._scheduleBannerClear_jkweg_863._scheduleBannerClear_jkweg_863:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.6);
  color: var(--color-neutral-900);
}

._previewFooterActionDisabled_jkweg_881 {
  opacity: 0.4;
  cursor: not-allowed;
}

._postBtnOver_jkweg_886 {
  opacity: 0.45;
  cursor: not-allowed;
}

._limitToast_jkweg_891 {
  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_jkweg_1 0.22s ease-out;
}
._limitToast_jkweg_891 span {
  overflow: hidden;
  text-overflow: ellipsis;
}

._limitToastClose_jkweg_915 {
  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_jkweg_915:hover {
  background: rgba(255, 255, 255, 0.36);
}

@keyframes _limitToastIn_jkweg_1 {
  from {
    opacity: 0;
    transform: translate(-50%, 8px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
._pollHint_jkweg_943 {
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 18px;
  color: var(--color-error-ink, #b8101a);
}
@media (max-width: 767px) {
  ._pollHint_jkweg_943 {
    display: none;
  }
}

._spacePlaceholder_jkweg_955 {
  flex: 1 1 auto;
  font-family: var(--font-ui);
  font-size: 15px;
  color: var(--color-neutral-400);
}

._spaceHint_jkweg_962 {
  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_t7847_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_t7847_141 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  color: var(--pd-mute);
  font-size: 14px;
}

._bar_t7847_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_t7847_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_t7847_164:hover {
  background: var(--pd-well);
}

._wrap_t7847_181 {
  box-sizing: border-box;
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 16px;
}
@media (max-width: 620px) {
  ._wrap_t7847_181 {
    padding: 0;
  }
}

._shell_t7847_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_t7847_193 {
    border-width: 0 0 1px;
    border-radius: 0;
  }
}

._split_t7847_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_t7847_209 {
    display: block;
    height: auto;
    min-height: 0;
  }
}

._stage_t7847_224 {
  min-width: 0;
  background: #131d33;
}
@media (max-width: 959px) {
  ._stage_t7847_224 {
    height: 56vw;
    max-height: 72vh;
    min-height: 240px;
  }
}

._rail_t7847_236 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}
@media (max-width: 959px) {
  ._rail_t7847_236 {
    overflow: visible;
  }
}

._card_t7847_249 {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

._postHead_t7847_255 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 0;
}

._headText_t7847_262 {
  flex: 1;
  min-width: 0;
}

._headName_t7847_267 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
._headName_t7847_267 b {
  color: var(--pd-navy);
  font: 700 15px/1.3 var(--font-ui);
}

._headMeta_t7847_278 {
  margin-top: 2px;
  color: var(--pd-mute);
  font: 400 12.5px/1.4 var(--font-ui);
}

._chipPin_t7847_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_t7847_297 {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
._menuTrigger_t7847_297:hover {
  background: var(--pd-well);
}

._postBody_t7847_306 {
  padding: 16px 24px 0;
  font-size: 15.5px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

._docs_t7847_313,
._block_t7847_314 {
  padding: 16px 24px 0;
}

._acts_t7847_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_t7847_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_t7847_318:hover:not(:disabled) {
  background: var(--pd-well);
  color: var(--pd-navy);
}
._act_t7847_318:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

._actLiked_t7847_351 {
  color: var(--pd-like);
}

._actActive_t7847_355 {
  background: var(--pd-well);
  color: var(--pd-navy);
}

._actReposted_t7847_360 {
  color: var(--pd-good);
}

._comments_t7847_364 {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 24px;
}

._commentsHead_t7847_371 {
  margin: 0 0 12px;
  color: var(--pd-navy);
  font: 700 14px/1.3 var(--font-ui);
}

@media (max-width: 620px) {
  ._postHead_t7847_255,
  ._postBody_t7847_306,
  ._docs_t7847_313,
  ._block_t7847_314,
  ._acts_t7847_318,
  ._comments_t7847_364 {
    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;
}._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;
}

._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 {
  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;
  }
}