:root {
  --teal-50: hsl(180, 20%, 94%);
  --teal-100: hsl(182, 31%, 81%);
  --teal-200: hsl(182, 33%, 69%);
  --teal-300: hsl(182, 34%, 58%);
  --teal-400: hsl(182, 45%, 41%);
  --teal-500: hsl(182, 45%, 31%); /* main */
  --teal-600: hsl(182, 47%, 26%);
  --teal-700: hsl(182, 47%, 21%);
  --teal-800: hsl(182, 49%, 16%);
  --teal-900: hsl(182, 52%, 11%);

  --grey-100: hsl(182, 5%, 96%);
  --grey-200: hsl(182, 5%, 91%);
  --grey-300: hsl(182, 5%, 84%);
  --grey-400: hsl(182, 5%, 74%);
  --grey-500: hsl(182, 5%, 64%);
  --grey-600: hsl(182, 6%, 52%);
  --grey-700: hsl(182, 7%, 40%);
  --grey-800: hsl(182, 8%, 28%);
  --grey-900: hsl(182, 8%, 18%);

  --mint-25:  hsl(174, 67%, 97%);
  --mint-50:  hsl(175, 38%, 94%);
  --mint-100: hsl(160, 19%, 92%);
  --mint-200: hsl(174, 64%, 89%);
  --mint-400: hsl(186, 14%, 70%);
  --mint-500: hsl(186, 20%, 53%);
  --mint-600: hsl(184, 22%, 51%);
  --mint-700: hsl(187 34% 37%);
  --mint-900: hsl(192, 30%, 13%);

  --purple-200: hsl(275, 45%, 91%);
  --purple-400: hsl(275, 60%, 60%);
  --purple-500: hsl(275, 42%, 53%);

  --amber-50:  hsl(36, 100%, 92%);
  --amber-500: hsl(36, 72%, 60%);
  --amber-700: hsl(36, 65%, 32%);

  --accent: #fff;

  /* HB Color Palette */
  --primary-purple: #6C2E9B;
  --primary-green: #37A695;
  
  --color-green: #32CF66;
  --color-orange: #FF9F43;
  --color-red: #FC453D;
  --color-blue: #398AFB;
  --color-yellow: #FCDE56;

  --comp-purple: #B5A1DE;
  --comp-green: #68F2DE;
  --comp-palette-green: #3CCFC0;
  --comp-orange: #FFCD4F;
  --comp-red: #FD8E89;
  --comp-blue: #85B6FB;
  --comp-yellow: #F3FC62;

  /* box-shadow */
  --box-shadow-single-xs: 0 1px 3px rgba(0, 0, 0, 0.1);
  --box-shadow-single-sm: 0 4px 6px rgba(0, 0, 0, 0.1);
  --box-shadow-single-md: 0 8px 20px rgba(0, 0, 0, 0.1);
  --box-shadow-single-lg: 0 10px 24px rgba(0, 0, 0, 0.2);
  --box-shadow-single-xl: 0 15px 35px rgba(0, 0, 0, 0.2);
  --box-shadow-double-xs: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --box-shadow-double-sm: 0 3px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);
  --box-shadow-double-md: 0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
  --box-shadow-double-lg: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
  --box-shadow-double-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
  --box-shadow-soft-sm: 0 4px 16px rgba(15, 30, 30, 0.03);
  --box-shadow-soft-md: 0 4px 16px rgba(15, 30, 30, 0.04);
  --box-shadow-soft-lg: 0 8px 24px rgba(15, 30, 30, 0.08);
  --box-shadow-input-focus: 0px 0px 3px 0px var(--teal-600);
  --box-shadow-mobile-bottom-bar:  0 -2px 10px rgba(0, 0, 0, 0.1);

  /* Spacing */
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-3-quarter: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-triple: 48px;
  --spacing-xxl: 64px;
  --spacing-3xl: 96px;

  /* Border Radius */
  --border-radius-xs: 4px;
  --border-radius-sm: 8px;
  --border-radius-md: 16px;
  --border-radius-lg: 24px;
  --border-radius-xl: 32px;
  --border-radius-round: 50px;

  /* Button padding */
  --padding-button-xs: 6px 8px;
  --padding-button-sm: 8px 10px;
  --padding-button-md: 12px 16px;
  --padding-button-lg: 15px 30px;

  /* Font */
  --font-primary: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
  --font-size-xxs: 11px;
  --font-size-xs: 13px;
  --font-size-sm: 14px;
  --font-size-main: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-xxl: 30px;
  --font-size-3xl: 42px;

  /*Font weight*/
  --normal: 400;
  --bold: 600;

  /* Transition */
  --transition-active: all 0.1 ease;
  --transition-hover: all 0.3s ease;

  /* Container sizes — dot, buttons, tiles */
  --size-xxs: 10px;
  --size-xs:  32px;
  --size-sm:  36px;
  --size-md:  42px;
  --size-lg:  52px;
  --size-xl:  64px;

  /* Gradients */
  --gradient-page: linear-gradient(
    20deg,
    hsl(171 47% 94%) 0%,
    hsl(180 33% 98%) 50%,
    hsl(186 43% 91%) 100%
  );
  --gradient-brand: linear-gradient(135deg, #448285 0%, #5AB2A9 100%);
  --gradient-tile: linear-gradient(135deg, hsl(176 57% 88%) 0%, hsl(184 43% 81%) 100%);
  --gradient-tile-hover: linear-gradient(
    135deg,
    hsl(178, 100%, 90%) 0%,
    var(--mint-200) 100%
  );
  --gradient-tile-filter: brightness(1.05);
  --gradient-button-filter: brightness(1.1);
}

/* react-toastify v11.1.0+ auto-injects its own :root defaults into
  <head> at runtime,which overrides ours by source order.
  Using html:root raises specificity so ours win. */
html:root {
  --toastify-text-color-light: hsl(182, 7%, 40%); /* --grey-700 */
  --toastify-color-success: hsl(182, 45%, 41%); /* --teal-400 */
  --toastify-color-error: #FD8E89; /* --comp-red */
  --toastify-color-warning: #F3FC62; /* --comp-yellow */
  --toastify-color-info: #85B6FB; /* --comp-blue */
  --toastify-color-progress-success: hsl(182, 45%, 41%); /* --teal-400 */
  --toastify-color-progress-error: #FD8E89; /* --comp-red */
  --toastify-color-progress-warning: #F3FC62; /* --comp-yellow */
  --toastify-color-progress-info: #85B6FB; /* --comp-blue */
  --toastify-font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; /* --font-primary*/
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-main);
  line-height: 1.6;
  color: var(--teal-700);
  scrollbar-width: thin;
  scrollbar-color: var(--grey-200) transparent;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

h2 {
  text-align: center;
  font-weight: var(--bold);
  font-size: var(--font-size-xl);
  color: var(--teal-800);
}

h3 {
  margin-bottom: var(--spacing-md);
  font-weight: var(--normal);
  font-size: var(--font-size-lg);
}

@media (max-width: 768px) {
  h2 {
    text-align: center;
    font-weight: var(--bold);
    font-size: var(--font-size-lg);
  }

  h3 {
    font-size: var(--font-size-md);
    margin-bottom: var(--spacing-3-quarter);
  }

  .mobile-toast-container .Toastify__toast {
    margin-bottom: var(--spacing-xs);
  }
}._form_15i01_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

._form_links_15i01_7 {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-sm);
}

._form_links_row_15i01_13 {
    display: flex;
    justify-content: space-between;
    margin-top: var(--spacing-sm);
}

._button_text_15i01_19 {
    font-weight: var(--bold);
    color: inherit;
    font-size: var(--font-size-sm);
}
/* ============ PRIMARY BUTTON ============ */
._button_9etkv_2 {
  background: var(--gradient-brand);
  color: var(--accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  transition: var(--transition-hover);
}

._button_9etkv_2:hover,
._button_9etkv_2:active,
._button_9etkv_2:focus-visible {
  box-shadow: var(--box-shadow-soft-lg);
  filter: var(--gradient-button-filter);
}

._button_9etkv_2:disabled {
  background: var(--mint-100);
  color: var(--grey-500);
  cursor: not-allowed;
  pointer-events: none;
}

/* ============ SECONDARY (outline) ============ */
._button_9etkv_2._button_secondary_9etkv_27 {
  background: transparent;
  color: var(--teal-700);
  border: 1px solid var(--mint-400);
}

._button_9etkv_2._button_secondary_9etkv_27:hover,
._button_9etkv_2._button_secondary_9etkv_27:active,
._button_9etkv_2._button_secondary_9etkv_27:focus-visible {
  background: var(--accent);
  color: var(--teal-600);
  box-shadow: var(--box-shadow-soft-sm);
  border: 1px solid var(--mint-700);
}

._button_9etkv_2._button_secondary_9etkv_27:disabled {
  color: var(--grey-500);
  border: 1px solid var(--grey-400);
  cursor: not-allowed;
  pointer-events: none;
}

._button_9etkv_2._button_secondary_9etkv_27._button_with_icon_9etkv_49 svg {
  color: var(--teal-700);
  transition: var(--transition-hover);
}

._button_9etkv_2._button_secondary_9etkv_27._button_with_icon_9etkv_49:hover svg,
._button_9etkv_2._button_secondary_9etkv_27._button_with_icon_9etkv_49:active svg,
._button_9etkv_2._button_secondary_9etkv_27._button_with_icon_9etkv_49:focus-visible svg {
  color: var(--teal-500);
}

/* ============ ICON LAYOUT (applies to both variants) ============ */
._button_with_icon_9etkv_49 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

/* ============ TEXT BUTTON ============ */
._text_button_9etkv_69 {
  background: none;
  color: inherit;
  font-size: inherit;
  font-weight: var(--normal);
  border: none;
  cursor: pointer;
  /* transition: var(--transition-hover);  */
  padding: var(--spacing-sm) var(--spacing-lg);
}

._text_button_9etkv_69:hover {
  color: var(--teal-400);
}

._text_button_9etkv_69:focus-visible {
  outline: 1px solid var(--teal-400);
  outline-offset: -1px;
  border-radius: var(--border-radius-lg);
}

._text_button_9etkv_69:disabled {
  cursor: not-allowed;
  color: var(--grey-500);
  pointer-events: none;
}

._text_button_9etkv_69._button_with_icon_9etkv_49 svg {
  color: var(--teal-500);
}

._text_button_9etkv_69._button_with_icon_9etkv_49:hover svg {
  color: var(--teal-400);
}

._text_button_9etkv_69._button_with_icon_9etkv_49:disabled svg {
  color: var(--grey-500);
}

@media (max-width: 768px) {
  ._button_9etkv_2,
  ._text_button_9etkv_69 {
    padding: var(--spacing-sm) var(--spacing-md);
  }
}
._form_group_14fec_1 ._input_label_14fec_1 {
    color: var(--grey-700);
    font-weight: var(--normal);
    font-size: var(--font-size-sm);
    margin-left: var(--spacing-md);
    margin-bottom: var(--spacing-xs);
}

._form_group_14fec_1 input {
    width: 100%;
    border: 1px solid var(--mint-400);
    border-radius: var(--border-radius-lg);
    background-color: var(--accent);
    padding: var(--spacing-sm) var(--spacing-md);
    transition: var(--transition-hover);
}

._form_group_14fec_1 input::placeholder {
    color: var(--grey-600);
}

._form_group_14fec_1 input:hover:not(:disabled) {
    border-color: var(--teal-200);
}

._form_group_14fec_1 input:focus {
    border-color: var(--teal-200);
    box-shadow: 0 0 0 1px var(--teal-200);
    outline: none;
}

._form_group_14fec_1 input:disabled {
    background-color: var(--mint-100);
    border-color: transparent;
    color: var(--grey-500);
    cursor: not-allowed;
}

._form_group_14fec_1 input._error_14fec_39 {
    border-color: var(--comp-red);
    box-shadow: 0 0 0 3px rgba(252, 69, 61, 0.12);
}
._main_t9qk9_1 {
    width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 80px var(--spacing-md) var(--spacing-xl);
}

._container_t9qk9_11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1100px;
    gap: var(--spacing-3xl);
}

._heading_t9qk9_20 {
    color: var(--mint-900);
    font-size: var(--font-size-3xl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin: 0;
    text-align: center;
}

._gradient_word_t9qk9_30 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._row_t9qk9_38 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: var(--spacing-xl);
}

._left_col_t9qk9_46 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    max-width: 360px;
    flex-shrink: 0;
}

._subtitle_t9qk9_54 {
    color: var(--grey-700);
    font-size: var(--font-size-md);
    line-height: 1.5;
    margin: 0;
}

._right_col_t9qk9_61 {
    width: 100%;
    max-width: 460px;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    ._row_t9qk9_38 {
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-xl);
    }

    ._left_col_t9qk9_46 {
        max-width: 460px;
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 768px) {
    ._main_t9qk9_1 {
        align-items: flex-start;
        padding: var(--spacing-xl) var(--spacing-md);
    }

    ._container_t9qk9_11 {
        gap: var(--spacing-xl);
    }

    ._heading_t9qk9_20 {
        font-size: var(--font-size-xxl);
    }

    ._subtitle_t9qk9_54 {
        font-size: var(--font-size-main);
    }
}
._brand_mark_oumk5_1 {
    display: flex;
    align-items: center;
    gap: var(--spacing-3-quarter);
}

._brand_text_oumk5_7 {
    font-weight: var(--bold);
    letter-spacing: -0.5px;
}

._brand_text_dark_oumk5_12 {
    color: var(--mint-900);
    font-size: var(--font-size-lg);
}

._brand_text_gradient_oumk5_17 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: var(--font-size-lg);
}
._registration_form_1lzxt_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

._password_container_1lzxt_7 {
    position: relative;
}

._password_description_1lzxt_11 {
    color: var(--grey-700);
    font-size: var(--font-size-xs);
    padding: var(--spacing-xs) var(--spacing-md);
}

._form_links_row_1lzxt_17 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--teal-700);
}

._button_text_1lzxt_24 {
    font-weight: var(--bold);
    color: inherit;
}

._form_group_djaf4_1 ._input_label_djaf4_1 {
    color: var(--grey-700);
    font-weight: var(--normal);
    font-size: var(--font-size-sm);
    margin-left: var(--spacing-md);
    margin-bottom: var(--spacing-xs);
}

._field_djaf4_9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--border-radius-lg);
    background-color: var(--mint-100);
    padding: var(--spacing-sm) var(--spacing-md);
    cursor: pointer;
    transition: var(--transition-hover);
}

._field_djaf4_9:hover {
    border-color: var(--teal-200);
}

._field_djaf4_9:focus {
    border-color: var(--teal-200);
    box-shadow: 0 0 0 1px var(--teal-200);
    outline: none;
}

._placeholder_djaf4_32 {
    color: var(--grey-500);
}

._value_djaf4_36 {
    color: var(--mint-900);
}

._icon_djaf4_40 {
    color: var(--grey-500);
    margin-left: var(--spacing-sm);
    flex-shrink: 0;
    transition: var(--transition-hover);
}

._field_djaf4_9:hover ._icon_djaf4_40,
._field_djaf4_9:focus ._icon_djaf4_40 {
    color: var(--teal-300);
}
._backdrop_18si2_1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001;
    animation: _fadeIn_18si2_1 0.2s ease-out;
}

@keyframes _fadeIn_18si2_1 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

._dialog_18si2_26 {
    background: var(--accent);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-lg);
    max-height: 90vh;
    overflow: hidden;
    margin: var(--spacing-md);
    animation: _slideIn_18si2_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes _slideIn_18si2_1 {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

._small_18si2_47 {
    width: 90%;
    max-width: 400px;
}

._medium_18si2_52 {
    width: 90%;
    max-width: 500px;
}

._large_18si2_57 {
    width: 90%;
    max-width: 700px;
}

._header_18si2_62 {
    position: relative;
    border-bottom: 1px solid var(--mint-100);
    padding: var(--spacing-lg);
    text-align: center;
}

._header_18si2_62 h3 {
    margin: 0;
    font-weight: var(--bold);
    font-size: var(--font-size-lg);
    background: var(--gradient-brand);
    background-clip: text;
    color: transparent;
}

._close_button_18si2_78 {
    position: absolute;
    right: var(--spacing-md);
    top: 50%;
    transform: translateY(-50%);
}

._content_18si2_85 {
    padding: var(--spacing-lg);
    max-height: calc(90vh - 100px);
    overflow-y: auto;
}

@media (max-width: 768px) {
    ._dialog_18si2_26 {
        width: 90%;
        max-width: 500px;
    }

    ._header_18si2_62 {
        padding: var(--spacing-md);
    }

    ._header_18si2_62 h3 {
        font-size: var(--font-size-md);
    }

    ._content_18si2_85 {
        max-height: calc(90vh - 100px);
        padding: var(--spacing-md);
        padding-top: var(--spacing-lg);
    }
}
._action_icon_s3k52_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: none;
  border-radius: 50%;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* sizes */
._action_icon_xs_s3k52_12 {
  width: var(--size-xs);
  height: var(--size-xs);
  font-size: var(--font-size-xs);
}

._action_icon_sm_s3k52_18 {
  width: var(--size-sm);
  height: var(--size-sm);
  font-size: var(--font-size-sm);
}

._action_icon_md_s3k52_24 {
  width: var(--size-md);
  height: var(--size-md);
  font-size: var(--font-size-lg);
}

/* modes */
._action_icon_filled_s3k52_31 {
  background-color: var(--mint-100);
  color: var(--teal-700);
}

._action_icon_ghost_s3k52_36 {
  background-color: transparent;
  color: var(--teal-700);
}

/* interactive states — only for action icons */
._interactive_icon_s3k52_42 {
  cursor: pointer;
}

._interactive_icon_s3k52_42._action_icon_filled_s3k52_31:hover {
  background-color: var(--mint-200);
  color: var(--teal-500)
}

._interactive_icon_s3k52_42._action_icon_ghost_s3k52_36:hover {
  background-color: var(--mint-50);
  color: var(--teal-500);
}

._interactive_icon_s3k52_42:focus-visible {
  outline: 2px solid var(--teal-400);
  outline-offset: 2px;
}

._interactive_icon_s3k52_42:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

._interactive_icon_s3k52_42._action_icon_filled_s3k52_31:disabled {
  background-color: var(--grey-100);
  color: var(--grey-400);
}

._interactive_icon_s3k52_42._action_icon_ghost_s3k52_36:disabled {
  background-color: transparent;
  color: var(--grey-300);
}
._dialog_body_80wq3_1 {
    display: flex;
    flex-direction: column;
}

._columns_container_80wq3_6 {
    position: relative;
    display: flex;
    gap: var(--spacing-md);
    justify-content: center;
    margin-bottom: var(--spacing-lg);
}

._column_wrapper_80wq3_14 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 0;
}

._column_label_80wq3_22 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
    margin-bottom: var(--spacing-sm);
    font-weight: var(--bold);
}

._scroll_column_outer_80wq3_29 {
    position: relative;
    width: 100%;
    height: 165px;
    overflow: hidden;
}

._highlight_80wq3_36 {
    position: absolute;
    top: calc(var(--font-size-sm) * 1.6 + var(--spacing-sm) + 66px);
    left: 0;
    right: 0;
    height: 33px;
    background-color: var(--mint-50);
    border-radius: var(--border-radius-md);
    pointer-events: none;
    z-index: 0;
}

._scroll_column_80wq3_29 {
    position: relative;
    height: 165px;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    z-index: 1;
}

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

._scroll_item_80wq3_62 {
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    scroll-snap-align: center;
    color: var(--grey-400);
    cursor: pointer;
    user-select: none;
    font-size: var(--font-size-main);
    transition: var(--transition-hover);
}

._scroll_item_selected_80wq3_75 {
    color: var(--mint-900);
    font-weight: var(--bold);
}

._error_80wq3_80 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--comp-red);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-md);
}

._actions_80wq3_89 {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacing-sm);
}

._actions_80wq3_89 button {
    width: 100%;
}

@media (min-width: 769px) {
    ._actions_80wq3_89 {
        flex-direction: row;
        justify-content: flex-end;
        gap: var(--spacing-lg);
    }

    ._actions_80wq3_89 button {
        width: auto;
    }
}
._form_group_1e0cl_1 ._input_label_1e0cl_1 {
    color: var(--grey-700);
    font-weight: var(--normal);
    font-size: var(--font-size-sm);
    margin-left: var(--spacing-md);
    margin-bottom: var(--spacing-xs);
}

._select_wrapper_1e0cl_9 {
    position: relative;
}

._form_group_1e0cl_1 select {
    width: 100%;
    border: 1px solid var(--mint-400);
    border-radius: var(--border-radius-lg);
    color: var(--mint-900);
    background-color: var(--accent);
    padding: var(--spacing-sm) var(--spacing-md);
    padding-right: var(--spacing-xl);
    transition: var(--transition-hover);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: inherit;
    font-size: inherit;
}

._form_group_1e0cl_1 select:hover:not(:disabled) {
    border-color: var(--teal-200);
}

._form_group_1e0cl_1 select:focus {
    border-color: var(--teal-200);
    box-shadow: 0 0 0 1px var(--teal-200);
    outline: none;
}

._form_group_1e0cl_1 select:disabled {
    background-color: var(--mint-100);
    border-color: transparent;
    color: var(--grey-500);
    cursor: not-allowed;
}

._form_group_1e0cl_1 select._error_1e0cl_47 {
    border-color: var(--color-red);
    box-shadow: 0 0 0 3px rgba(252, 69, 61, 0.12);
}

._chevron_1e0cl_52 {
    position: absolute;
    right: var(--spacing-md);
    top: 50%;
    transform: translateY(-50%);
    color: var(--grey-600);
    pointer-events: none;
    font-size: var(--font-size-sm);
    transition: var(--transition-hover);
}

._form_group_1e0cl_1 select:hover:not(:disabled) + ._chevron_1e0cl_52,
._form_group_1e0cl_1 select:focus + ._chevron_1e0cl_52 {
    color: var(--teal-300);
}

._form_group_1e0cl_1 select:disabled + ._chevron_1e0cl_52 {
    color: var(--grey-400);
}
._form_group_1ebbt_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-3-quarter);
    padding: 0 var(--spacing-md);
}

._form_group_1ebbt_1 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 2px solid var(--mint-100);
    border-radius: var(--border-radius-xs);
    background-color: var(--accent);
    cursor: pointer;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: var(--transition-hover);
}

._form_group_1ebbt_1 input[type="checkbox"]:hover:not(:disabled) {
    border-color: var(--teal-200);
}

._form_group_1ebbt_1 input[type="checkbox"]:focus-visible {
    border-color: var(--teal-200);
    outline: none;
}

._form_group_1ebbt_1 input[type="checkbox"]:checked,
._form_group_1ebbt_1 input[type="checkbox"]:checked:hover {
    background-color: var(--teal-300);
    border-color: var(--teal-300);
}

._form_group_1ebbt_1 input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 5px;
    width: 5px;
    height: 10px;
    border: solid var(--accent);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

._form_group_1ebbt_1 input[type="checkbox"]:disabled {
    background-color: var(--mint-100);
    border-color: var(--mint-100);
    cursor: not-allowed;
}

._form_group_1ebbt_1 input[type="checkbox"]:disabled:checked {
    background-color: var(--grey-400);
    border-color: var(--grey-400);
}

._form_group_1ebbt_1 label {
    color: var(--mint-900);
    font-size: var(--font-size-sm);
    cursor: pointer;
}

._form_group_1ebbt_1 input[type="checkbox"]:disabled + label {
    color: var(--grey-500);
    cursor: not-allowed;
}
._checklist_1ocy9_1 {
    list-style: none;
    padding: var(--spacing-xs) var(--spacing-md);
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xxs) var(--spacing-md);
}

._checklist_1ocy9_1 li {
    font-size: var(--font-size-xs);
    transition: var(--transition-hover);
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

._rule_met_1ocy9_18 {
    color: var(--teal-400);
}

._rule_unmet_1ocy9_22 {
    color: var(--grey-500);
}

@media (max-width: 600px) {
    ._checklist_1ocy9_1 {
        grid-template-columns: 1fr;
    }
}
._match_p7jwa_1,
._no_match_p7jwa_2 {
    position: absolute;
    right: var(--spacing-md);
    bottom: 14px;
    font-size: var(--font-size-sm);
    pointer-events: none;
}

._match_p7jwa_1 {
    color: var(--teal-400);
}

._no_match_p7jwa_2 {
    color: var(--comp-red);
}
._main_1wbuc_1 {
  max-width: 100vw;
  min-height: 100vh;
  background: var(--gradient-page);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

._upload_container_1wbuc_11 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 720px;
  padding: var(--spacing-xl) var(--spacing-md);
  margin: 0 auto;
}

._hero_1wbuc_21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-3-quarter);
  margin-bottom: var(--spacing-xl);
}

._hero_heading_1wbuc_30 {
  color: var(--mint-900);
  font-size: var(--font-size-3xl);
  font-weight: var(--bold);
  line-height: 1.2;
  letter-spacing: -1.5px;
  margin: 0;
}

._hero_heading_name_1wbuc_39 {
  background: var(--gradient-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: inherit;
}

._hero_subtitle_1wbuc_47 {
  color: var(--grey-700);
  font-size: var(--font-size-md);
  line-height: 1.5;
  max-width: 600px;
  margin: 0;
}

._upload_options_1wbuc_55 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

._option_container_1wbuc_62 {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  background-color: var(--accent);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-soft-md);
  padding: var(--spacing-lg);
  cursor: pointer;
  border: 1px solid transparent;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

._option_container_1wbuc_62:hover {
  box-shadow: var(--box-shadow-soft-lg);
  border: 1px solid var(--grey-200);
}

._option_container_1wbuc_62:hover ._option_title_1wbuc_80 {
  color: var(--teal-500);
}

._option_container_1wbuc_62:hover ._option_icon_tile_1wbuc_84 {
  filter: var(--gradient-tile-filter);
}

._option_container_1wbuc_62:hover ._card_action_chip_1wbuc_88 {
  background-color: var(--mint-200);
  color: var(--teal-500);
}

._option_container_1wbuc_62:hover ._option_icon_1wbuc_84 *  {
  color: var(--teal-500);
}

._option_icon_tile_1wbuc_84 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--size-xl);
  height: var(--size-xl);
  border-radius: var(--border-radius-md);
  background: var(--gradient-tile);
}

._option_icon_1wbuc_84 {
  font-size: var(--font-size-xl);
}

._option_icon_1wbuc_84 * {
  color: var(--mint-700);
}

._option_content_1wbuc_116 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
  min-width: 0;
}

._option_title_row_1wbuc_124 {
  display: flex;
  align-items: center;
  gap: var(--spacing-3-quarter);
  flex-wrap: wrap;
}

._option_title_1wbuc_80 {
  color: var(--mint-900);
  font-size: var(--font-size-md);
  font-weight: var(--bold);
}

._option_description_1wbuc_137 {
  color: var(--grey-700);
  font-size: var(--font-size-sm);
  line-height: 1.4;
}

@media (max-width: 768px) {
  ._upload_container_1wbuc_11 {
    padding: var(--spacing-lg);
  }

  ._hero_heading_1wbuc_30 {
    font-size: var(--font-size-xxl);
  }

  ._hero_subtitle_1wbuc_47 {
    font-size: var(--font-size-main);
    max-width: unset;
  }

  ._option_container_1wbuc_62 {
    padding: var(--spacing-md);
    gap: var(--spacing-md);
    align-items: flex-start;
  }

  ._option_icon_tile_1wbuc_84 {
    width: var(--size-lg);
    height: var(--size-lg);
  }

  ._option_icon_1wbuc_84 {
    font-size: var(--font-size-lg);
  }

  ._option_title_1wbuc_80 {
    font-size: var(--font-size-sm);
  }

  ._option_description_1wbuc_137 {
    font-size: var(--font-size-xs);
  }
}
._app_header_n9tdi_1 {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--mint-25);
    box-shadow: var(--box-shadow-soft-sm);
    padding: 0 var(--spacing-lg);
    border-bottom: 1px solid var(--grey-200);
}

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

._menu_toggle_lines_n9tdi_23 {
    position: relative;
    width: 18px;
    height: 14px;
}

._menu_toggle_line_n9tdi_23 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: currentColor;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

._menu_toggle_line_n9tdi_23:nth-child(1) {
    top: 0;
}

._menu_toggle_line_n9tdi_23:nth-child(2) {
    top: 6px;
}

._menu_toggle_line_n9tdi_23:nth-child(3) {
    top: 12px;
}

._menu_toggle_open_n9tdi_51 ._menu_toggle_line_n9tdi_23:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

._menu_toggle_open_n9tdi_51 ._menu_toggle_line_n9tdi_23:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

._menu_toggle_open_n9tdi_51 ._menu_toggle_line_n9tdi_23:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

._header_info_n9tdi_64 {
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center;
    font-size: 1.2rem;
}

._header_right_n9tdi_72 {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

._notifications_wrapper_n9tdi_80 {
    display: flex;
    align-items: center;
}

._download_wrapper_n9tdi_85 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

._download_dot_n9tdi_92 {
    position: absolute;
    top: 10px;
    right: 10px;
    width: var(--size-xxs);
    height: var(--size-xxs);
    border-radius: 50%;
    background-color: var(--mint-500);
    border: 1px solid var(--accent);
    opacity: 0.9;
}

._notifications_panel_n9tdi_104 {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 125%;
    right: 0;
    width: 350px;
    height: 60vh;
    background-color: var(--mint-25);
    border: 1px solid var(--mint-100);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-lg);
    padding: var(--spacing-md);
    z-index: 12;
    overflow: hidden;
    animation: _slideDown_n9tdi_1 0.3s ease;
}

._notifications_panel_n9tdi_104._notifications_empty_n9tdi_122 {
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--spacing-sm);
}

._notifications_empty_icon_n9tdi_129 {
    color: var(--mint-400);
    font-size: var(--font-size-3xl);
}

._notifications_empty_heading_n9tdi_134 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
}

._notifications_empty_text_n9tdi_140 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    max-width: 240px;
}

._notifications_panel_header_n9tdi_146 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--spacing-sm) var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    border-bottom: 1px solid var(--mint-100);
    flex-shrink: 0;
}

._notifications_panel_title_n9tdi_156 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
}

._notifications_panel_icon_n9tdi_162 {
    position: relative;
    align-items: center;
    justify-content: center;
}

._notifications_panel_dot_n9tdi_168 {
    position: absolute;
    top: 10px;
    right: 10px;
    width: var(--size-xxs);
    height: var(--size-xxs);
    border-radius: 50%;
    background-color: var(--mint-500);
    border: 1px solid var(--accent);
    opacity: 0.9;
}

._notification_items_n9tdi_180 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-xs);
}

._notification_section_n9tdi_189 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

._notifications_section_header_n9tdi_195 {
    font-size: var(--font-size-xs);
    font-weight: var(--bold);
    color: var(--grey-600);
    padding-left: var(--spacing-xs);
}

._notification_container_n9tdi_202 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3-quarter);
    width: 100%;
    padding: var(--spacing-md);
    background-color: var(--accent);
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow-soft-sm);
    cursor: pointer;
    transition: var(--transition-hover);
}

._notification_container_n9tdi_202._notification_unread_n9tdi_217 {
    box-shadow: inset 2px 0 0 var(--mint-500), var(--box-shadow-soft-sm);
}

._notification_container_n9tdi_202:hover {
    border-color: var(--mint-100);
    box-shadow: var(--box-shadow-soft-md);
}

._notification_container_n9tdi_202._notification_unread_n9tdi_217:hover {
    box-shadow: inset 2px 0 0 var(--mint-500), var(--box-shadow-soft-md);
}

._notification_text_n9tdi_230 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    flex: 1;
    min-width: 0;
}

._notification_title_n9tdi_238 {
    color: var(--mint-900);
    font-size: var(--font-size-sm);
    font-weight: var(--bold);
    word-break: break-word;
    transition: var(--transition-hover);
}

._notification_title_n9tdi_238._notification_read_n9tdi_246 {
    color: var(--grey-700);
    font-weight: var(--normal);
}

._notification_container_n9tdi_202:hover ._notification_title_n9tdi_238 {
    color: var(--teal-500);
}

._notification_meta_n9tdi_255 {
    font-size: var(--font-size-xs);
    color: var(--grey-700);
    font-style: italic;
}

._notification_actions_n9tdi_261 {
    display: flex;
    gap: var(--spacing-xs);
    flex-shrink: 0;
}

@media (min-width: 769px) {
    ._notification_actions_n9tdi_261 {
        opacity: 0;
        transition: var(--transition-hover);
    }

    ._notification_container_n9tdi_202:hover ._notification_actions_n9tdi_261,
    ._notification_container_n9tdi_202:focus-within ._notification_actions_n9tdi_261 {
        opacity: 1;
    }
}

._button_icon_n9tdi_279 {
    font-size: var(--font-size-sm);
}

._notifications_panel_footer_n9tdi_283 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-sm) 0;
    border-top: 1px solid var(--mint-100);
    color: var(--teal-700);
    flex-shrink: 0;
}

._notifications_panel_footer_n9tdi_283 button {
    padding: unset;
}

._user_wrapper_n9tdi_299 {
    position: relative;
    color: var(--teal-700);
}

._user_chip_n9tdi_304 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-3-quarter);
}

._avatar_n9tdi_310 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-sm);
    height: var(--size-sm);
    border-radius: 50%;
    background: var(--gradient-brand);
    color: var(--accent);
    font-size: var(--font-size-sm);
    font-weight: var(--bold);
    letter-spacing: 0.5px;
}

._user_name_n9tdi_324 {
    color: var(--mint-900);
    font-weight: var(--bold);
}

._dropdown_menu_n9tdi_329 {
    position: absolute;
    top: calc(100% + var(--spacing-sm));
    right: 0;
    background-color: var(--mint-25);
    border: 1px solid var(--mint-100);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-lg);
    padding: var(--spacing-xs);
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
    z-index: 10;
    animation: _slideDown_n9tdi_1 0.18s ease;
}

._dropdown_menu_n9tdi_329 button {
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-md);
    background: none;
    border: none;
    text-align: left;
    color: var(--teal-700);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

._dropdown_menu_n9tdi_329 button:hover,
._dropdown_menu_n9tdi_329 button:active {
    background-color: var(--accent);
    color: var(--teal-500);
    border: none;
    box-shadow: var(--box-shadow-soft-sm);
}

._dropdown_menu_n9tdi_329 button:focus-visible {
    background-color: var(--accent);
    color: var(--teal-500);
    border: none;
    box-shadow: var(--box-shadow-soft-sm);
    outline: none;
}

._menu_overlay_n9tdi_373 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 998;
    animation: _fadeIn_n9tdi_1 0.2s ease;
}

._hamburger_menu_n9tdi_386 {
    position: fixed;
    top: 80px;
    left: 0;
    width: 280px;
    max-width: 80vw;
    height: calc(100vh - 80px);
    background-color: var(--mint-25);
    border-right: 1px solid var(--mint-100);
    z-index: 999;
    display: flex;
    flex-direction: column;
    box-shadow: var(--box-shadow-soft-lg);
}

._menu_enter_n9tdi_401 {
    animation: _slideIn_n9tdi_1 0.3s ease forwards;
}

._menu_exit_n9tdi_405 {
    animation: _slideOut_n9tdi_1 0.3s ease forwards;
}

._menu_items_n9tdi_409 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-sm);
    overflow-y: auto;
}

._menu_items_n9tdi_409 button {
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-md);
    text-align: left;
    color: var(--teal-700);
    background: none;
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    transition: var(--transition-hover);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--font-size-sm);
}

._menu_items_n9tdi_409 button:hover,
._menu_items_n9tdi_409 button:active {
    background-color: var(--accent);
    color: var(--teal-500);
    box-shadow: var(--box-shadow-soft-sm);
    border: 1px solid var(--mint-100);
}

._menu_items_n9tdi_409 button._menu_item_active_n9tdi_441 {
    background-color: var(--mint-50);
    border-color: var(--mint-100);
    color: var(--teal-500);
    font-weight: var(--bold);
    box-shadow: inset 2px 0 0 var(--mint-500);
}

._menu_items_n9tdi_409 button._menu_item_active_n9tdi_441:hover,
._menu_items_n9tdi_409 button._menu_item_active_n9tdi_441:active {
    background-color: var(--accent);
}

._menu_item_icon_n9tdi_454 {
    font-size: var(--font-size-md);
}

._menu_item_label_n9tdi_458 {
    flex: 1;
}

@media (max-width: 768px) {
    ._app_header_n9tdi_1 {
        padding-left: var(--spacing-md);
    }

    ._header_info_n9tdi_64 {
        flex: unset;
        display: block;
        margin: 0 var(--spacing-lg);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    ._download_wrapper_n9tdi_85 button,
    ._notifications_panel_icon_n9tdi_162 button {
        width: var(--size-xs);
        height: var(--size-xs);
        font-size: var(--font-size-md);
    }

    ._download_dot_n9tdi_92,
    ._notifications_panel_dot_n9tdi_168 {
        top: 7px;
        right: 7px;
    }

    ._notifications_panel_n9tdi_104 {
        right: 0;
        left: auto;
        transform: none;
        width: min(280px, calc(100vw - (var(--spacing-md) * 2)));
        padding: var(--spacing-3-quarter);
        height: 60vh;
        animation: _slideDown_n9tdi_1 0.3s ease;
    }

    ._notifications_panel_title_n9tdi_156 {
        font-size: var(--font-size-main);
    }

    ._notifications_panel_footer_n9tdi_283 {
        font-size: var(--font-size-sm);
        padding: var(--spacing-3-quarter) var(--spacing-sm) 0;
    }

    ._user_wrapper_n9tdi_299 button {
        padding: unset;
        padding-left: 6px;
    }

    ._user_name_n9tdi_324 {
        display: none;
    }

    ._menu_items_n9tdi_409 {
        gap: var(--spacing-xs);
    }
}

@keyframes _fadeIn_n9tdi_1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes _slideIn_n9tdi_1 {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes _slideOut_n9tdi_1 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes _slideDown_n9tdi_1 {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
._pill_c3ezf_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xxs) var(--spacing-sm);
  border-radius: var(--border-radius-round);
  font-size: var(--font-size-xxs);
  font-weight: var(--bold);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1;
  width: fit-content;
}

._pill_dot_c3ezf_15 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._pill_completed_c3ezf_22 {
  background-color: var(--mint-200);
  color: var(--teal-600);
}

._pill_completed_c3ezf_22 ._pill_dot_c3ezf_15 {
  background-color: var(--mint-600);
}

._pill_progress_c3ezf_31 {
  background-color: var(--amber-50);
  color: var(--amber-700);
}

._pill_progress_c3ezf_31 ._pill_dot_c3ezf_15 {
  background-color: var(--amber-500);
}

._pill_pending_c3ezf_40 {
  background-color: var(--grey-200);
  color: var(--grey-700);
}

._pill_pending_c3ezf_40 ._pill_dot_c3ezf_15 {
  background-color: var(--grey-500);
}

._pill_role_patient_c3ezf_49 {
  background-color: transparent;
  color: var(--teal-700);
  border: 1px solid var(--mint-400);
}

._pill_role_md_c3ezf_55 {
  background: var(--gradient-brand);
  color: var(--accent);
}
._main_l4q3z_1 {
    max-width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

._page_container_l4q3z_11 {
    width: 100%;
    max-width: 700px;
    padding: var(--spacing-xl) var(--spacing-md);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._hero_l4q3z_21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3-quarter);
    text-align: center;
}

._hero_heading_l4q3z_29 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
}

._hero_heading_accent_l4q3z_38 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._hero_subtitle_l4q3z_46 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    margin: 0;
}

._complete_buttons_l4q3z_52 {
    display: flex;
    justify-content: center;
    gap: var(--spacing-lg);
}

._complete_buttons_l4q3z_52 button {
    min-width: 200px;
}

._error_message_l4q3z_62 {
    color: var(--color-red);
    font-weight: var(--bold);
    text-align: center;
}

@media (max-width: 768px) {
    ._page_container_l4q3z_11 {
        padding: var(--spacing-lg);
        gap: var(--spacing-md);
    }

    ._hero_heading_l4q3z_29 {
        font-size: var(--font-size-xl);
    }

    ._hero_subtitle_l4q3z_46 {
        font-size: var(--font-size-sm);
    }

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

    ._complete_buttons_l4q3z_52 button {
        width: 100%;
    }
}
._back_link_6h8pd_1 {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-md);
    align-self: flex-start;
    color: var(--grey-700);
    font-family: inherit;
    font-size: var(--font-size-sm);
    transition: var(--transition-hover);
}

._back_link_6h8pd_1:hover {
    color: var(--teal-500);
}

._back_link_6h8pd_1:hover ._back_arrow_6h8pd_21 {
    background-color: var(--mint-200);
    color: var(--teal-500);
}

._back_link_6h8pd_1:focus-visible {
    outline: 2px solid var(--teal-400);
    outline-offset: 2px;
    border-radius: var(--border-radius-sm);
}

._link_label_6h8pd_32 {
    word-wrap: anywhere;
    text-align: left;
}
._dialog_body_1vsyv_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._message_1vsyv_7 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    line-height: 1.5;
}

._actions_1vsyv_13 {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg);
}

@media (max-width: 768px) {
    ._actions_1vsyv_13 {
        flex-direction: column-reverse;
        gap: var(--spacing-sm);
    }

    ._actions_1vsyv_13 button {
        width: 100%;
    }
}
._container_1up8x_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
}

/* Drag & drop state */
._dropzone_1up8x_8 {
    background-color: var(--accent);
    border: 1px solid var(--grey-200);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-sm);
    padding: var(--spacing-xl);
    text-align: center;
    transition: var(--transition-hover);
}

._dropzone_active_1up8x_18 {
    background-color: var(--mint-25);
    border-color: var(--teal-500);
    box-shadow: var(--box-shadow-soft-lg);
}

._dropzone_disabled_1up8x_24 {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

._dropzone_icon_1up8x_30 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-lg);
    height: var(--size-lg);
    border-radius: var(--border-radius-md);
    background: var(--gradient-tile);
    margin: 0 auto var(--spacing-md);
    color: var(--mint-700);
    font-size: var(--font-size-xl);
    transition: var(--transition-hover);
}

._dropzone_text_1up8x_44 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-lg);
}

._dropzone_buttons_1up8x_50 {
    display: flex;
    justify-content: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
}

._dropzone_buttons_1up8x_50 button {
    min-width: 150px;
}

._warning_1up8x_61 {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-sm);
}


._warning_1up8x_61 > div {
    font-size: var(--font-size-sm);
    color: var(--comp-red);
}

._hidden_input_1up8x_73 {
    display: none;
}

._formats_1up8x_77 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding-left: var(--spacing-md);
}

._formats_label_1up8x_84 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
    font-weight: var(--medium, 500);
    text-align: center;
}

._formats_badges_1up8x_91 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-sm);
}

._format_badge_1up8x_98 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-3-quarter);
    padding: var(--spacing-sm) var(--spacing-3-quarter);
    border: 1px solid var(--grey-200);
    border-radius: var(--border-radius-md);
    color: var(--grey-700);
    background-color: var(--accent);
    font-size: var(--font-size-sm);
    box-shadow: var(--box-shadow-soft-sm);
}

._badge_icon_1up8x_111 {
    color: var(--mint-700);
}

/* Summary state */
._summary_heading_1up8x_116 {
    font-size: var(--font-size-lg);
    font-weight: var(--bold);
    color: var(--mint-900);
    text-align: center;
    margin-bottom: var(--spacing-sm);
}

._summary_card_1up8x_124 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

._summary_input_row_1up8x_130 {
    width: 100%;
    margin-bottom: var(--spacing-sm);
}

._summary_row_1up8x_135 {
    display: flex;
    align-items: baseline;
    padding-left: var(--spacing-md);
}

._summary_label_1up8x_141 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
    width: 25%;
}

._summary_value_1up8x_147 {
    font-weight: var(--bold);
    color: var(--mint-900);
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._summary_value_1up8x_147 ._empty_batch_1up8x_156 {
    color: var(--comp-red);
    font-weight: var(--normal);
    font-style: italic;
}

._summary_note_1up8x_162 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
    margin-top: var(--spacing-xs);
    text-align: center;
}

._summary_value_muted_1up8x_169 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
    max-width: 75%;
}

._summary_actions_1up8x_175 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
}

._summary_actions_1up8x_175 button {
    width: 100%;
    max-width: 300px;
}

/* Complete state */
._complete_heading_1up8x_188 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    font-size: var(--font-size-lg);
    font-weight: var(--bold);
    color: var(--teal-500);
    margin-bottom: var(--spacing-sm);
}

._complete_card_1up8x_199 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

/* Uploading state */
._uploading_heading_1up8x_206 {
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    color: var(--mint-900);
    text-align: center;
}

._progress_section_1up8x_213 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

._progress_label_1up8x_220 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
    text-align: center;
}

._progress_track_1up8x_226 {
    width: 100%;
    height: 8px;
    background-color: var(--mint-100);
    border-radius: var(--border-radius-round);
    overflow: hidden;
}

._progress_fill_1up8x_234 {
    height: 100%;
    background: var(--gradient-brand);
    border-radius: var(--border-radius-round);
    transition: width 0.3s ease;
}

._cancel_section_1up8x_241 {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    ._dropzone_1up8x_8 {
        padding: var(--spacing-lg);
    }

    ._dropzone_buttons_1up8x_50 {
        flex-direction: column;
        align-items: center;
    }

    ._dropzone_buttons_1up8x_50 button {
        width: 100%;
    }

    ._format_badge_1up8x_98 {
        padding: var(--spacing-xs) var(--spacing-3-quarter);
    }

    ._summary_row_1up8x_135 {
        flex-direction: column;
    }

    ._summary_label_1up8x_141 {
        width: auto;
    }

    ._summary_actions_1up8x_175 button {
        max-width: unset;
    }
}
._main_g361z_1 {
    max-width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

._page_container_g361z_11 {
    width: 100%;
    max-width: 700px;
    padding: var(--spacing-xl) var(--spacing-md);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._hero_g361z_21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3-quarter);
    text-align: center;
}

._hero_heading_g361z_29 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
}

._hero_heading_accent_g361z_38 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._hero_subtitle_g361z_46 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    margin: 0;
}

._form_g361z_52 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

._hint_g361z_58 {
    margin-top: var(--spacing-xs);
    font-size: var(--font-size-xs);
    color: var(--grey-600);
}

._sending_as_g361z_64 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

@media (max-width: 768px) {
    ._page_container_g361z_11 {
        padding: var(--spacing-lg);
        gap: var(--spacing-md);
    }

    ._hero_heading_g361z_29 {
        font-size: var(--font-size-xl);
    }

    ._hero_subtitle_g361z_46 {
        font-size: var(--font-size-sm);
    }
}
._main_k541k_1 {
    max-width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

._page_container_k541k_11 {
    width: 100%;
    max-width: 1200px;
    padding: var(--spacing-xl) var(--spacing-md);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._hero_k541k_21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3-quarter);
}

._hero_heading_k541k_28 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
}

._hero_heading_accent_k541k_37 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._hero_subtitle_k541k_45 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    margin: 0;
}

@keyframes _subtle_pulse_k541k_1 {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

._hero_subtitle_loading_k541k_56 {
    animation: _subtle_pulse_k541k_1 1.5s ease-in-out infinite;
}

._hero_subtitle_error_k541k_60 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._hero_subtitle_error_icon_k541k_66 {
    color: var(--comp-red);
}

._batches_grid_k541k_70 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--spacing-lg);
}

._empty_cta_k541k_76 {
    display: flex;
    justify-content: center;
    padding: var(--spacing-lg) 0;
}

@media (max-width: 768px) {
    ._page_container_k541k_11 {
        padding: var(--spacing-lg);
        gap: var(--spacing-md);
    }

    ._hero_heading_k541k_28 {
        font-size: var(--font-size-xl);
    }

    ._hero_subtitle_k541k_45 {
        font-size: var(--font-size-sm);
    }

    ._batches_grid_k541k_70 {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
}
._batch_card_19inm_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3-quarter);
    background-color: var(--accent);
    border: 1px solid transparent;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-md);
    padding: var(--spacing-lg);
    cursor: pointer;
    transition: var(--transition-hover);
}

._batch_card_19inm_1:hover {
    box-shadow: var(--box-shadow-soft-lg);
    border: 1px solid var(--grey-200);
}

._batch_card_19inm_1:hover ._batch_name_19inm_19 {
    color: var(--teal-500);
}

._batch_card_19inm_1:hover ._card_action_chip_19inm_23 {
    background-color: var(--mint-200);
    color: var(--teal-500);
}

._batch_card_19inm_1:hover ._folder_icon_tile_19inm_28 {
    filter: var(--gradient-tile-filter);
}

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

._folder_icon_tile_19inm_28 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-md);
    height: var(--size-md);
    border-radius: var(--border-radius-md);
    background: var(--gradient-tile);
    flex-shrink: 0;
}

._folder_icon_19inm_28 {
    font-size: var(--font-size-lg);
    color: var(--teal-700);
    transition: var(--transition-hover);
}

._card_action_chip_19inm_23 {
    transition: var(--transition-hover);
}

._card_level_19inm_59 {
    font-size: var(--font-size-xs);
    font-weight: var(--bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--teal-700);
}

._title_row_19inm_67 {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

._batch_name_19inm_19 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    word-break: break-word;
    transition: var(--transition-hover);
}

._modality_pills_19inm_82 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

._modality_pill_19inm_82 {
    display: inline-block;
    padding: var(--spacing-xxs) var(--spacing-sm);
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-xs);
    color: var(--mint-900);
    background-color: var(--mint-200);
}

._stats_19inm_97 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
}

._stats_row_19inm_103 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

._stat_item_19inm_111 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
}

._stat_icon_19inm_117 {
    font-size: var(--font-size-xs);
    color: var(--mint-700);
    width: 1em;
}

._date_row_19inm_123 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

._progress_row_19inm_128 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

._progress_bar_19inm_134 {
    width: 100%;
    height: 6px;
    border-radius: var(--border-radius-round);
    background-color: var(--mint-100);
    overflow: hidden;
}

._progress_fill_19inm_142 {
    height: 100%;
    width: var(--progress, 0%);
    background: var(--gradient-brand);
    border-radius: var(--border-radius-round);
    transition: width 0.4s ease;
}

._progress_label_19inm_150 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

@media (max-width: 768px) {
    ._card_header_row_19inm_32 {
        align-items: flex-start;
    }

    ._folder_icon_19inm_28 {
        font-size: var(--font-size-lg);
    }

    ._batch_name_19inm_19 {
        font-size: var(--font-size-main);
    }
}
._container_i5i5h_1 {
    display: flex;
    flex-direction: column;
}

._trigger_i5i5h_6 {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    cursor: pointer;
    user-select: none;
}

._trigger_text_i5i5h_14 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
    transition: var(--transition-hover);
}

._chevron_i5i5h_20 {
    color: var(--teal-700);
    font-size: var(--font-size-xs);
    transition: var(--transition-hover);
    flex-shrink: 0;
}

._chevron_expanded_i5i5h_27 {
    transform: rotate(90deg);
}

._trigger_i5i5h_6:hover ._trigger_text_i5i5h_14,
._trigger_i5i5h_6:hover ._chevron_i5i5h_20 {
    color: var(--teal-500);
}

._expanded_content_i5i5h_36 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    padding-left: var(--spacing-md);
    padding-top: var(--spacing-xs);
}

._expanded_content_i5i5h_36:has(._user_progress_row_i5i5h_44) {
    padding-left: var(--spacing-3-quarter);
    gap: unset;
}

._status_group_i5i5h_49 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
}

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

._name_i5i5h_55 {
    display: inline-block;
    padding: var(--spacing-xxs) var(--spacing-sm);
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-xs);
    color: var(--grey-700);
}

._user_progress_row_i5i5h_44 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-left: var(--spacing-sm);
    gap: var(--spacing-3-quarter);
}

._progress_text_i5i5h_76 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}
._main_qdj0x_1 {
    max-width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

._page_container_qdj0x_11 {
    width: 100%;
    max-width: 1200px;
    padding: var(--spacing-xl) var(--spacing-md);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._hero_qdj0x_21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3-quarter);
}

._hero_heading_qdj0x_28 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
}

._hero_heading_accent_qdj0x_37 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._hero_subtitle_qdj0x_45 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    margin: 0;
    text-align: center;
}

@keyframes _subtle_pulse_qdj0x_1 {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

._hero_subtitle_loading_qdj0x_57 {
    animation: _subtle_pulse_qdj0x_1 1.5s ease-in-out infinite;
}

._hero_subtitle_error_qdj0x_61 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._hero_subtitle_error_icon_qdj0x_67 {
    color: var(--comp-red);
}

._hero_subtitle_attention_qdj0x_71 {
    color: var(--mint-900);
    font-weight: var(--bold);
}

._batches_grid_qdj0x_76 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--spacing-lg);
}

@media (max-width: 768px) {
    ._page_container_qdj0x_11 {
        padding: var(--spacing-lg);
        gap: var(--spacing-md);
    }

    ._hero_heading_qdj0x_28 {
        font-size: var(--font-size-xl);
    }

    ._hero_subtitle_qdj0x_45 {
        font-size: var(--font-size-sm);
    }

    ._batches_grid_qdj0x_76 {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
}
._main_1sorb_1 {
    max-width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

._page_container_1sorb_11 {
    width: 100%;
    max-width: 1200px;
    padding: var(--spacing-xl) var(--spacing-md);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._hero_1sorb_21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3-quarter);
    text-align: center;
}

._hero_heading_1sorb_29 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
    word-break: break-word;
}

._hero_heading_accent_1sorb_39 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._hero_subtitle_1sorb_47 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    margin: 0;
}

@keyframes _subtle_pulse_1sorb_1 {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

._hero_subtitle_loading_1sorb_58 {
    animation: _subtle_pulse_1sorb_1 1.5s ease-in-out infinite;
}

._hero_subtitle_error_1sorb_62 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._hero_subtitle_error_icon_1sorb_68 {
    color: var(--comp-red);
}

._hero_subtitle_attention_1sorb_72 {
    color: var(--mint-900);
    font-weight: var(--bold);
}

._top_actions_1sorb_77 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md);
    margin-top: var(--spacing-sm);
}

._studies_section_1sorb_86 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

._studies_grid_1sorb_92 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--spacing-lg);
}

._empty_state_1sorb_98 {
    display: flex;
    justify-content: center;
    padding: var(--spacing-xl) 0;
    color: var(--grey-700);
    font-size: var(--font-size-main);
}

._danger_zone_1sorb_106 {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-xl);
}

@media (max-width: 768px) {
    ._page_container_1sorb_11 {
        padding: var(--spacing-lg);
        gap: var(--spacing-md);
        padding-bottom: 72px;
    }

    ._hero_heading_1sorb_29 {
        font-size: var(--font-size-xl);
    }

    ._hero_subtitle_1sorb_47 {
        font-size: var(--font-size-sm);
    }

    ._top_actions_1sorb_77 {
        display: none;
    }

    ._studies_grid_1sorb_92 {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }

    ._danger_zone_1sorb_106 {
        margin-top: var(--spacing-lg);
    }

    ._danger_zone_1sorb_106 > * {
        width: 100%;
    }
}
._study_card_10qle_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3-quarter);
    background-color: var(--accent);
    border: 1px solid transparent;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-md);
    padding: var(--spacing-lg);
    cursor: pointer;
    transition: var(--transition-hover);
}

._study_card_10qle_1:hover {
    box-shadow: var(--box-shadow-soft-lg);
    border: 1px solid var(--grey-200);
}

._study_card_10qle_1:hover ._study_name_10qle_19 {
    color: var(--teal-500);
}

._study_card_10qle_1:hover ._card_action_chip_10qle_23 {
    background-color: var(--mint-200);
    color: var(--teal-500);
}

._study_card_10qle_1:hover ._study_icon_tile_10qle_28 {
    filter: var(--gradient-tile-filter);
}

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

._study_icon_tile_10qle_28 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-md);
    height: var(--size-md);
    border-radius: var(--border-radius-md);
    background: var(--purple-200);
    flex-shrink: 0;
}

._study_icon_10qle_28 {
    font-size: var(--font-size-lg);
    color: var(--primary-purple);
    transition: var(--transition-hover);
}

._card_action_chip_10qle_23 {
    transition: var(--transition-hover);
}

._institution_logo_10qle_59 {
    display: block;
    width: var(--size-md);
    height: var(--size-md);
    flex-shrink: 0;
}

._card_level_10qle_66 {
    font-size: var(--font-size-xs);
    font-weight: var(--bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--primary-purple);
}

._title_row_10qle_74 {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

._study_name_10qle_19 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    word-break: break-word;
    transition: var(--transition-hover);
}

._modality_pills_10qle_89 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

._modality_pill_10qle_89 {
    display: inline-block;
    padding: var(--spacing-xxs) var(--spacing-sm);
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-xs);
    color: var(--mint-900);
    background-color: var(--mint-200);
}

._stats_10qle_104 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
}

._stats_row_10qle_110 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

._stat_item_10qle_118 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
}

._stat_icon_10qle_124 {
    font-size: var(--font-size-xs);
    color: var(--mint-700);
    width: 1em;
}

._progress_row_10qle_130 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

._progress_bar_10qle_136 {
    width: 100%;
    height: 6px;
    border-radius: var(--border-radius-round);
    background-color: var(--mint-100);
    overflow: hidden;
}

._progress_fill_10qle_144 {
    height: 100%;
    width: var(--progress, 0%);
    background: var(--gradient-brand);
    border-radius: var(--border-radius-round);
    transition: width 0.4s ease;
}

._progress_label_10qle_152 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

._status_row_10qle_157 {
    display: flex;
}

@media (max-width: 768px) {
    ._card_header_row_10qle_32 {
        align-items: flex-start;
    }

    ._study_icon_10qle_28 {
        font-size: var(--font-size-lg);
    }

    ._study_name_10qle_19 {
        font-size: var(--font-size-main);
    }
}
._mobile_bottom_bar_s30t0_1 {
    display: none;
}

._mobile_modal_s30t0_5 {
    display: none;
}

@media (max-width: 768px) {
    /* Docked bottom action bar */
    ._mobile_bottom_bar_s30t0_1 {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        padding: var(--spacing-3-quarter) var(--spacing-md);
        gap: var(--spacing-md);
        background: var(--mint-25);
        border-top: 1px solid var(--grey-200);
        box-shadow: var(--box-shadow-mobile-bottom-bar);
    }

    ._mobile_bottom_bar_s30t0_1 button {
        flex: 1;
    }

    /* Backdrop behind the slide-up panel */
    ._backdrop_s30t0_30 {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        z-index: 1000;
        animation: _fadeIn_s30t0_1 0.2s ease-out;
    }

    /* Slide-up panel */
    ._mobile_modal_s30t0_5 {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--mint-25);
        border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;
        transform: translateY(100%);
        z-index: 1000;
        max-height: 85vh;
        overflow: hidden;
        box-shadow: var(--box-shadow-soft-lg);
        touch-action: none;
        will-change: transform;
    }

    ._mobile_modal_s30t0_5._visible_s30t0_61 {
        animation: _slideUp_s30t0_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    }

    ._modal_header_s30t0_65 {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        border-bottom: 1px solid var(--grey-200);
        padding: var(--spacing-md) 0;
    }

    ._modal_header_s30t0_65 h3 {
        grid-column: 2;
        font-weight: var(--bold);
        margin: 0;
    }

    ._modal_drag_handle_s30t0_79 {
        width: 40px;
        height: 4px;
        background: var(--grey-400);
        border-radius: 4px;
        margin: 0 auto;
    }

    ._drag_zone_s30t0_87 {
        grid-column: 1 / -1;
        width: 100%;
        padding: 20px 0;
        touch-action: none;
    }

    ._modal_close_button_s30t0_94 {
        grid-column: 3;
        justify-self: end;
        padding-right: var(--spacing-md);
        background: none;
        border: none;
        cursor: pointer;
    }

    ._modal_content_s30t0_103 {
        padding: 0;
        max-height: calc(80vh - 75px);
        overflow-y: auto;
        background: var(--mint-25);
    }
}

@keyframes _slideUp_s30t0_1 {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes _fadeIn_s30t0_1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
._share_dialog_10tvj_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

/* ============ Context tile ============ */

._context_tile_10tvj_9 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3-quarter);
    padding: var(--spacing-md);
    background-color: var(--mint-25);
    border: 1px solid var(--mint-100);
    border-radius: var(--border-radius-md);
}

._context_name_10tvj_19 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    word-break: break-all;
}

._context_shares_10tvj_26 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
}

._context_shares_names_10tvj_31 {
    color: var(--mint-900);
    font-weight: var(--bold);
}

/* ============ User selection ============ */

._user_selection_title_10tvj_38 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    margin-left: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

._user_list_10tvj_45 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    max-height: 220px;
    overflow-y: auto;
    padding: var(--spacing-xs);
}

._user_option_10tvj_54 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-3-quarter);
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: var(--transition-hover);
}

._user_option_10tvj_54:hover {
    border-color: var(--mint-100);
    background-color: var(--mint-25);
    box-shadow: var(--box-shadow-soft-sm);
}

._user_option_10tvj_54:has(input:checked) {
    border-color: var(--mint-100);
    background-color: var(--mint-25);
    box-shadow: var(--box-shadow-soft-sm);
}

._user_option_10tvj_54:hover:has(input:checked) {
    box-shadow: var(--box-shadow-soft-md);
}

._user_option_10tvj_54:hover ._user_name_10tvj_81 {
    color: var(--teal-500);
}

._bare_checkbox_10tvj_85 {
    padding: 0;
}

._user_name_10tvj_81 {
    color: var(--mint-900);
    font-size: var(--font-size-sm);
    cursor: pointer;
    transition: var(--transition-hover);
}

/* ============ Empty state ============ */

._no_users_10tvj_98 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg) 0;
}

._no_users_icon_10tvj_106 {
    color: var(--mint-400);
    font-size: var(--font-size-xxl);
}

._no_users_title_10tvj_111 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
}

._no_users_subtitle_10tvj_117 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    max-width: 320px;
    text-align: center;
}

/* ============ Actions ============ */

._actions_10tvj_126 {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg);
}

@media (max-width: 768px) {
    ._share_dialog_10tvj_1 {
        gap: var(--spacing-md);
    }

    ._actions_10tvj_126 {
        flex-direction: column-reverse;
    }

    ._actions_10tvj_126 button {
        width: 100%;
    }

    ._user_list_10tvj_45 {
        max-height: 130px;
    }
}
._unshare_dialog_1rjq9_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

/* ============ Context tile ============ */

._context_tile_1rjq9_9 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3-quarter);
    padding: var(--spacing-md);
    background-color: var(--mint-25);
    border: 1px solid var(--mint-100);
    border-radius: var(--border-radius-md);
}

._context_name_1rjq9_19 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    word-break: break-all;
}

._context_shares_1rjq9_26 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
}

._context_shares_names_1rjq9_31 {
    color: var(--mint-900);
    font-weight: var(--bold);
}

/* ============ User selection ============ */

._user_selection_title_1rjq9_38 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    margin-left: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

._user_list_1rjq9_45 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    max-height: 220px;
    overflow-y: auto;
    padding: var(--spacing-xs);
}

._user_option_1rjq9_54 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-3-quarter);
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: var(--transition-hover);
}

._user_option_1rjq9_54:hover {
    border-color: var(--mint-100);
    background-color: var(--mint-25);
    box-shadow: var(--box-shadow-soft-sm);
}

._user_option_1rjq9_54:has(input:checked) {
    border-color: var(--mint-100);
    background-color: var(--mint-25);
    box-shadow: var(--box-shadow-soft-sm);
}

._user_option_1rjq9_54:hover:has(input:checked) {
    box-shadow: var(--box-shadow-soft-md);
}

._user_option_1rjq9_54:hover ._user_name_1rjq9_81 {
    color: var(--teal-500);
}

._bare_checkbox_1rjq9_85 {
    padding: 0;
}

._user_name_1rjq9_81 {
    color: var(--mint-900);
    font-size: var(--font-size-sm);
    cursor: pointer;
    transition: var(--transition-hover);
}

/* ============ Empty state ============ */

._no_users_1rjq9_98 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg) 0;
}

._no_users_icon_1rjq9_106 {
    color: var(--mint-400);
    font-size: var(--font-size-xxl);
}

._no_users_title_1rjq9_111 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
}

._no_users_subtitle_1rjq9_117 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    max-width: 320px;
    text-align: center;
}

/* ============ Actions ============ */

._actions_1rjq9_126 {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg);
}

@media (max-width: 768px) {
    ._unshare_dialog_1rjq9_1 {
        gap: var(--spacing-md);
    }

    ._actions_1rjq9_126 {
        flex-direction: column-reverse;
        gap: var(--spacing-sm);
    }

    ._actions_1rjq9_126 button {
        width: 100%;
    }

    ._user_list_1rjq9_45 {
        max-height: 130px;
    }
}
._dialog_body_pjt34_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

._spinner_pjt34_7 {
    width: 50px;
    height: 50px;
    border: 4px solid var(--mint-100);
    border-top: 4px solid var(--teal-500);
    border-radius: 50%;
    animation: _spin_pjt34_7 1s linear infinite;
    margin-bottom: var(--spacing-lg);
}

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

._message_pjt34_22 {
    white-space: pre-line;
    color: var(--grey-700);
    font-size: var(--font-size-main);
    line-height: 1.5;
    width: 100%;
}

._message_centered_pjt34_30 {
    text-align: center;
}
._main_1u2s3_1 {
    max-width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

._page_container_1u2s3_11 {
    width: 100%;
    max-width: 1200px;
    padding: var(--spacing-xl) var(--spacing-md);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._hero_1u2s3_21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3-quarter);
    text-align: center;
}

._hero_heading_1u2s3_29 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
    word-break: break-word;
}

._hero_heading_accent_1u2s3_39 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._series_section_1u2s3_47 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

._hero_subtitle_1u2s3_53 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    margin: 0;
}

@keyframes _subtle_pulse_1u2s3_1 {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

._hero_subtitle_loading_1u2s3_64 {
    animation: _subtle_pulse_1u2s3_1 1.5s ease-in-out infinite;
}

._hero_subtitle_error_1u2s3_68 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._hero_subtitle_error_icon_1u2s3_74 {
    color: var(--comp-red);
}

._status_row_1u2s3_78 {
    display: flex;
    justify-content: center;
}

._action_bar_1u2s3_83 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md);
    margin-top: var(--spacing-sm);
}

._mobile_actions_1u2s3_92 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
}

._mobile_actions_1u2s3_92 > * {
    width: 100%;
}

._series_grid_1u2s3_103 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-md);
}

._danger_zone_1u2s3_109 {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-xl);
}

@media (max-width: 768px) {
    ._page_container_1u2s3_11 {
        padding: var(--spacing-lg);
        gap: var(--spacing-md);
        padding-bottom: 72px;
    }

    ._hero_heading_1u2s3_29 {
        font-size: var(--font-size-xl);
    }

    ._hero_subtitle_1u2s3_53 {
        font-size: var(--font-size-sm);
    }

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

    ._action_bar_1u2s3_83 > * {
        width: 100%;
    }

    ._action_bar_hide_mobile_1u2s3_139 {
        display: none;
    }

    ._series_grid_1u2s3_103 {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
    }

    ._danger_zone_1u2s3_109 {
        margin-top: var(--spacing-lg);
    }

    ._danger_zone_1u2s3_109 > * {
        width: 100%;
    }
}
._series_card_5c50y_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3-quarter);
    background-color: var(--accent);
    border: 1px solid transparent;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-md);
    padding: var(--spacing-lg);
    cursor: pointer;
    transition: var(--transition-hover);
}

._series_card_5c50y_1:hover {
    box-shadow: var(--box-shadow-soft-lg);
    border: 1px solid var(--grey-200);
}

._series_card_5c50y_1:hover ._series_name_5c50y_19 {
    color: var(--teal-500);
}

._series_card_5c50y_1:hover ._card_action_chip_5c50y_23 {
    background-color: var(--mint-200);
    color: var(--teal-500);
}

._series_card_5c50y_1:hover ._series_icon_tile_5c50y_28 {
    filter: var(--gradient-tile-filter);
}

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

._series_icon_tile_5c50y_28 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-md);
    height: var(--size-md);
    border-radius: var(--border-radius-md);
    background: var(--amber-50);
    flex-shrink: 0;
}

._series_icon_5c50y_28 {
    font-size: var(--font-size-lg);
    color: var(--amber-700);
    transition: var(--transition-hover);
}

._card_action_chip_5c50y_23 {
    transition: var(--transition-hover);
}

._card_level_5c50y_59 {
    font-size: var(--font-size-xs);
    font-weight: var(--bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--amber-700);
}

._title_row_5c50y_67 {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

._series_name_5c50y_19 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    word-break: break-word;
    transition: var(--transition-hover);
}

._modality_pills_5c50y_82 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

._modality_pill_5c50y_82 {
    display: inline-block;
    padding: var(--spacing-xxs) var(--spacing-sm);
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-xs);
    color: var(--mint-900);
    background-color: var(--mint-200);
}

._stats_5c50y_97 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
}

._stats_row_5c50y_103 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

._stat_item_5c50y_111 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
}

._stat_icon_5c50y_117 {
    font-size: var(--font-size-xs);
    color: var(--mint-700);
    width: 1em;
}

@media (max-width: 768px) {
    ._card_header_row_5c50y_32 {
        align-items: flex-start;
    }

    ._series_icon_5c50y_28 {
        font-size: var(--font-size-lg);
    }

    ._series_name_5c50y_19 {
        font-size: var(--font-size-main);
    }
}
._dialog_body_16puw_1 {
    display: flex;
    flex-direction: column;
    max-height: 70vh;
}

._char_count_16puw_7 {
    font-size: var(--font-size-sm);
    color: var(--grey-600);
    text-align: right;
    margin-top: var(--spacing-xs);
}

._actions_16puw_14 {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg);
    margin-top: var(--spacing-lg);
    flex-shrink: 0;
}

._conclusions_list_16puw_22 {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

._conclusion_entry_16puw_28 {
    border: 1px solid var(--mint-100);
    border-radius: var(--border-radius-md);
    background-color: var(--mint-25);
    margin-bottom: var(--spacing-md);
}

._conclusion_entry_16puw_28:last-of-type {
    margin-bottom: 0;
}

._accordion_header_16puw_39 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-md);
    cursor: pointer;
    user-select: none;
    transition: var(--transition-hover);
}

._accordion_header_16puw_39:hover {
    background-color: var(--mint-50);
    border-radius: var(--border-radius-md);
}

._accordion_header_16puw_39:hover ._accordion_chevron_16puw_54 {
    color: var(--teal-500);
}

._accordion_chevron_16puw_54 {
    color: var(--teal-700);
    font-size: var(--font-size-sm);
    transition: var(--transition-hover);
    flex-shrink: 0;
    margin-left: var(--spacing-md);
}

._accordion_chevron_expanded_16puw_66 {
    transform: rotate(90deg);
}

._accordion_body_16puw_70 {
    padding: 0 var(--spacing-md) var(--spacing-md);
}

._conclusion_author_16puw_74 {
    font-weight: var(--bold);
    color: var(--mint-900);
}

._conclusion_date_16puw_79 {
    font-weight: normal;
    color: var(--grey-500);
    font-size: var(--font-size-sm);
}

._conclusion_text_16puw_85 {
    white-space: pre-wrap;
    color: var(--grey-700);
    line-height: 1.5;
    max-height: 40vh;
    overflow-y: auto;
}

@media (max-width: 768px) {
    ._actions_16puw_14 {
        margin-top: var(--spacing-md);
        flex-direction: column-reverse;
        gap: var(--spacing-sm);
    }

    ._actions_16puw_14 button {
        width: 100%;
    }
}
._form_group_60jnk_1 ._input_label_60jnk_1 {
    color: var(--grey-700);
    font-weight: var(--normal);
    font-size: var(--font-size-sm);
    margin-left: var(--spacing-md);
    margin-bottom: var(--spacing-xs);
}

._form_group_60jnk_1 textarea {
    padding: var(--spacing-md);
    width: 100%;
    resize: none;
    border: 1px solid var(--mint-400);
    border-radius: var(--border-radius-lg);
    background-color: var(--accent);
    transition: var(--transition-hover);
}

._form_group_60jnk_1 textarea::placeholder {
    color: var(--grey-600);
}

._form_group_60jnk_1 textarea:hover:not(:disabled) {
    border-color: var(--teal-200);
}

._form_group_60jnk_1 textarea:focus {
    border-color: var(--teal-200);
    box-shadow: 0 0 0 1px var(--teal-200);
    outline: none;
}

._form_group_60jnk_1 textarea:disabled {
    background-color: var(--mint-100);
    border-color: transparent;
    color: var(--grey-500);
    cursor: not-allowed;
}

._form_group_60jnk_1 textarea._error_60jnk_40 {
    border-color: var(--comp-red);
    box-shadow: 0 0 0 3px rgba(252, 69, 61, 0.12);
}
._main_1m030_1 {
  max-width: 100vw;
  min-height: 100vh;
  background: var(--gradient-page);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

._page_container_1m030_11 {
  width: 100%;
  max-width: 600px;
  padding: var(--spacing-xl) var(--spacing-md);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

/* ============ Hero ============ */

._hero_1m030_23 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-3-quarter);
  text-align: center;
}

._hero_heading_1m030_31 {
  color: var(--mint-900);
  font-size: var(--font-size-xxl);
  font-weight: var(--bold);
  line-height: 1.2;
  letter-spacing: -1px;
  margin: 0;
}

._hero_heading_accent_1m030_40 {
  background: var(--gradient-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: inherit;
}

._hero_subtitle_1m030_48 {
  color: var(--grey-700);
  font-size: var(--font-size-main);
  margin: 0;
}

@keyframes _subtle_pulse_1m030_1 {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

._hero_subtitle_loading_1m030_59 {
  animation: _subtle_pulse_1m030_1 1.5s ease-in-out infinite;
}

._hero_subtitle_error_1m030_63 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}

._hero_subtitle_error_icon_1m030_69 {
  color: var(--comp-red);
}

/* ============ Generator body ============ */

._generator_body_1m030_75 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

._input_row_1m030_81 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

._button_row_1m030_87 {
  display: flex;
  justify-content: center;
}

._generated_link_block_1m030_92 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

._url_tile_1m030_98 {
  background-color: var(--mint-25);
  border: 1px solid var(--mint-100);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-md);
}

._url_row_1m030_105 {
  display: flex;
  gap: var(--spacing-sm);
  align-items: flex-start;
  font-family: monospace;
  font-size: var(--font-size-sm);
  color: var(--mint-900);
  word-break: break-all;
}

._url_row_1m030_105 code {
  font-family: inherit;
}

._meta_row_1m030_119 {
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
  margin: 0 var(--spacing-md);
}

._row_icon_1m030_126 {
  font-size: var(--font-size-sm);
  color: var(--teal-500);
  flex-shrink: 0;
}

._row_icon_inactive_1m030_132 {
  color: var(--comp-red);
}

._row_label_1m030_136 {
  color: var(--grey-700);
  font-size: var(--font-size-sm);
}

/* ============ Uploader body ============ */

._uploader_body_1m030_143 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

._uploader_info_strip_1m030_149 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: flex-start;
  margin: 0 var(--spacing-md);
}

._used_footnote_1m030_157 {
  border-top: 1px solid var(--mint-100);
  padding-top: var(--spacing-md);
  color: var(--grey-700);
  font-size: var(--font-size-sm);
  text-align: center;
}

@media (max-width: 768px) {
  ._page_container_1m030_11 {
    padding: var(--spacing-lg);
    gap: var(--spacing-md);
  }

  ._hero_heading_1m030_31 {
    font-size: var(--font-size-xl);
  }

  ._hero_subtitle_1m030_48 {
    font-size: var(--font-size-sm);
  }

  ._button_row_1m030_87 > button {
    width: 100%;
  }

  ._url_tile_1m030_98 {
    padding: var(--spacing-3-quarter);
  }

  ._meta_row_1m030_119 {
    margin: 0 var(--spacing-3-quarter);
  }

  ._uploader_info_strip_1m030_149 {
    margin: 0 var(--spacing-3-quarter);
  }
}
._main_oftfb_1 {
    max-width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

._hero_oftfb_11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3-quarter);
    text-align: center;
    width: 100%;
    max-width: 1200px;
    padding: var(--spacing-lg) var(--spacing-md) 0;
}

._hero_heading_oftfb_22 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
    word-break: break-word;
}

._hero_heading_accent_oftfb_32 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._section_top_row_oftfb_40 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-md);
    width: 100%;
}

._disclaimer_oftfb_49 {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    color: var(--grey-700);
}

._disclaimer_icon_oftfb_56 {
    color: var(--amber-500);
}

._disclaimer_text_oftfb_60 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
}

._disclaimer_info_button_oftfb_65 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: var(--spacing-xxs);
    color: var(--teal-500);
    cursor: pointer;
    transition: var(--transition-hover);
}

._disclaimer_info_button_oftfb_65:hover {
    color: var(--teal-400);
}

._viewer_container_oftfb_81 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
}

._tabs_panel_oftfb_88 {
    width: 340px;
    height: 690px;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-lg);
    background-color: var(--mint-25);
    overflow: hidden;
}

._viewer_section_oftfb_97 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacing-md);
    padding-top: unset;
    gap: var(--spacing-lg);
}

/* Series Sidebar */
._series_sidebar_list_oftfb_107 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-sm) var(--spacing-md);
    overflow-y: auto;
}

._series_item_oftfb_116 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    background-color: var(--accent);
    box-shadow: var(--box-shadow-soft-sm);
    cursor: pointer;
    transition: var(--transition-hover);
    position: relative;
}

._series_item_action_chip_oftfb_130 {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    opacity: 0;
    transform: translateX(4px);
    transition: var(--transition-hover);
    pointer-events: none;
}

._series_item_oftfb_116:hover ._series_item_action_chip_oftfb_130 {
    opacity: 1;
    transform: translateX(0);
    background-color: var(--mint-200);
    color: var(--teal-500);
}

._series_item_oftfb_116:not(._series_item_active_oftfb_147):hover {
    box-shadow: var(--box-shadow-soft-md);
    border-color: var(--grey-200);
}

._series_item_oftfb_116:not(._series_item_active_oftfb_147):hover ._series_item_title_oftfb_152 {
    color: var(--teal-500);
}

._series_item_active_oftfb_147 {
    border-left: 3px solid var(--teal-400);
}

._series_item_title_oftfb_152 {
    word-break: break-word;
    color: var(--mint-900);
    transition: var(--transition-hover);
}

._series_item_active_oftfb_147 ._series_item_title_oftfb_152 {
    font-weight: var(--bold);
}

._series_item_meta_oftfb_170 {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

._modality_pill_oftfb_178 {
    display: inline-block;
    padding: var(--spacing-xxs) var(--spacing-sm);
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-xs);
    color: var(--mint-900);
    background-color: var(--mint-200);
}

/* Viewer */
._viewer_oftfb_81 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 1200px;
    height: auto;
    background-color: var(--accent);
    border-top: 2px solid var(--grey-200);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-md);
    position: relative;
}

._viewport_oftfb_201 {
    flex: 1;
    width: 100%;
    min-height: 500px;
    position: relative;
}

._loading_oftfb_208,
._error_oftfb_209 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xl);
    z-index: 10;
}

._loading_oftfb_208 {
    font-size: var(--font-size-md);
}

._error_oftfb_209 {
    text-align: center;
}

._error_title_oftfb_230 {
    font-size: var(--font-size-xl);
}

._error_description_oftfb_234 {
    color: var(--grey-600);
}

._button_container_oftfb_238 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    padding: 0 var(--spacing-xl);
}

._button_container_oftfb_238 button {
    width: 100%;
}

._slice_indicator_oftfb_250 {
    position: absolute;
    bottom: 50px;
    left: 12px;
    background: var(--grey-800);
    color: var(--accent);
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--border-radius-md);
    font-size: var(--font-size-sm);
    z-index: 10;
    pointer-events: none;
    user-select: none;
}

._slice_scrubber_oftfb_264 {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-sm) var(--spacing-lg);
    background: var(--grey-900);
}

._slice_scrubber_oftfb_264 input[type="range"] {
    flex: 1;
    cursor: pointer;
    accent-color: var(--teal-400);
}

._slice_scrubber_label_oftfb_278 {
    color: var(--grey-200);
    font-size: var(--font-size-sm);
    min-width: 80px;
    text-align: center;
    user-select: none;
}

/* Spinner */
._spinner_oftfb_287 {
    width: 50px;
    height: 50px;
    border: 4px solid var(--grey-300);
    border-top: 4px solid var(--teal-500);
    border-radius: 50%;
    animation: _spin_oftfb_287 1s linear infinite;
}

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

/* Toolbar — dedicated dark strip at top of viewer */
._toolbar_oftfb_302 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    padding: var(--padding-button-xs);
    background-color: var(--grey-900);
    flex-shrink: 0;
}

._toolbar_row_oftfb_311 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-xxs);
}

._toolbar_group_oftfb_318 {
    display: flex;
    align-items: center;
    gap: var(--spacing-xxs);
}

._toolbar_divider_oftfb_324 {
    width: 1px;
    height: 28px;
    background-color: var(--grey-800);
    margin: 0 var(--spacing-xs);
    flex-shrink: 0;
}

._toolbar_button_oftfb_332 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    color: var(--grey-400);
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    font-size: var(--font-size-sm);
    flex-shrink: 0;
}

._toolbar_button_oftfb_332 * {
    color: inherit;
    fill: currentColor;
}

._toolbar_button_oftfb_332:hover {
    background-color: var(--grey-800);
    color: var(--accent);
}

._toolbar_button_active_oftfb_358,
._toolbar_button_active_oftfb_358:hover,
._toolbar_button_active_oftfb_358._preset_button_oftfb_360,
._toolbar_button_active_oftfb_358._preset_button_oftfb_360:hover {
    background: var(--gradient-brand);
    color: var(--accent);
    border: none;
}

._preset_button_oftfb_360 {
    width: auto;
    padding: var(--spacing-xxs) var(--spacing-sm);
    font-size: var(--font-size-xs);
    height: 28px;
    color: var(--grey-400);
}

._preset_button_oftfb_360:hover {
    color: var(--accent);
    background-color: var(--grey-800);
}

/* Annotations */
._annotations_container_oftfb_381 {
    display: flex;
    flex-direction: column;
    height: 690px;
    width: 340px;
    min-width: 280px;
    max-width: 350px;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-lg);
    background-color: var(--mint-25);
    padding-top: var(--spacing-lg);
    overflow: hidden;
    transition: width 0.25s ease;
}

._annotations_list_oftfb_396 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--spacing-md);
    overflow-y: auto;
    padding: var(--spacing-sm) var(--spacing-md);
}

._annotation_card_oftfb_405 {
    background-color: var(--accent);
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow-soft-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    transition: var(--transition-hover);
}

._annotation_card_oftfb_405:hover,
._annotation_card_active_oftfb_415 {
    box-shadow: var(--box-shadow-soft-md);
    border-color: var(--grey-200);
}

._annotation_card_active_oftfb_415 ._annotation_tool_info_oftfb_420,
._annotation_card_active_oftfb_415 ._annotation_label_oftfb_421 {
    color: var(--teal-500);
}

._annotation_card_oftfb_405:not(._annotation_card_active_oftfb_415):hover ._annotation_tool_info_oftfb_420,
._annotation_card_oftfb_405:not(._annotation_card_active_oftfb_415):hover ._annotation_label_oftfb_421 {
    color: var(--teal-400);
}

._annotation_actions_oftfb_430 {
    display: flex;
    align-items: center;
    gap: var(--spacing-xxs);
}

._annotation_actions_oftfb_430 ._replies_count_oftfb_436 {
    font-size: var(--font-size-sm);
    margin-right: var(--spacing-xxs);
}

._annotation_action_button_oftfb_441 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--teal-500);
    cursor: pointer;
    padding: var(--spacing-xxs);
    transition: var(--transition-hover);
}

._annotation_action_button_oftfb_441:hover:not(:disabled) {
    color: var(--teal-400);
}

._annotation_action_button_oftfb_441:disabled {
    cursor: default;
    color: var(--grey-500);
}

._annotation_header_oftfb_462 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-xxs);
}

._annotation_tool_info_oftfb_420 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._annotation_icon_oftfb_475 {
    font-size: var(--font-size-sm);
}


._annotation_label_oftfb_421 {
    font-weight: var(--bold);
    font-size: var(--font-size-sm);
    color: var(--mint-900);
}

._annotation_timestamp_oftfb_486 {
    font-size: var(--font-size-xs);
    color: var(--grey-500);
    margin-right: var(--spacing-xs);
    font-style: italic;
}

._annotation_value_oftfb_493 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
    white-space: pre-line;
    padding-left: 26px;
}

._annotation_tool_name_oftfb_500 {
    font-size: var(--font-size-sm);
    color: var(--grey-700);
}

/* Comment */
._annotation_comment_section_oftfb_506 {
    margin: var(--spacing-xs) 0;
}

._annotation_comment_text_oftfb_510 {
    font-size: var(--font-size-xs);
    font-style: italic;
    color: var(--mint-900);
    padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 26px;
    background-color: var(--mint-25);
    border-radius: var(--border-radius-sm);
    word-wrap: break-word;
    transition: var(--transition-hover);
}

._annotation_comment_text_oftfb_510:not(._readonly_comment_oftfb_521):hover {
    background-color: var(--mint-200);
    cursor: pointer;
}

._annotation_comment_placeholder_oftfb_526 {
    font-size: var(--font-size-xs);
    color: var(--grey-500);
    font-style: italic;
    padding: var(--spacing-xs) var(--spacing-sm);
    cursor: pointer;
    transition: var(--transition-hover);
}

._annotation_comment_placeholder_oftfb_526:hover {
    color: var(--teal-500);
}

._no_annotations_container_oftfb_539 {
    padding: var(--spacing-xl) var(--spacing-md);
}

._no_annotations_title_oftfb_543 {
    text-align: center;
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    margin-bottom: var(--spacing-xs);
}

._no_annotations_text_oftfb_550 {
    text-align: center;
    color: var(--grey-700);
    font-size: var(--font-size-sm);
}

._clear_all_button_container_oftfb_556 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    width: 100%;
}

._clear_all_button_container_oftfb_556 button {
    width: 100%;
}

/* Replies */
._annotation_expand_section_oftfb_569 {
    border-top: 1px solid var(--grey-200);
    margin-top: var(--spacing-sm);
    padding-top: var(--spacing-sm);
}

._annotation_replies_section_oftfb_575 {
    margin-bottom: var(--spacing-sm);
}

._annotation_replies_header_oftfb_579 {
    font-size: var(--font-size-xs);
    font-weight: var(--bold);
    color: var(--grey-700);
    margin-bottom: var(--spacing-xs);
}

._annotation_reply_oftfb_586 {
    padding: var(--spacing-xs);
    padding-left: var(--spacing-sm);
    background-color: var(--mint-25);
    border-radius: var(--border-radius-sm);
    margin-bottom: var(--spacing-sm);
}

._annotation_reply_header_oftfb_594 {
    display: flex;
    justify-content: space-between;
    align-items: first baseline;
}

._annotation_reply_right_oftfb_600 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._annotation_reply_author_oftfb_606 {
    font-size: var(--font-size-xs);
    font-weight: var(--bold);
    color: var(--teal-700);
}

._annotation_reply_time_oftfb_612 {
    font-size: var(--font-size-xxs);
    color: var(--grey-500);
    font-style: italic;
}

._annotation_reply_text_oftfb_618 {
    font-size: var(--font-size-xs);
    color: var(--grey-700);
    margin-top: var(--spacing-xxs);
}

._edited_label_oftfb_624 {
    font-size: var(--font-size-xs);
    color: var(--grey-500);
    font-style: italic;
    margin-left: var(--spacing-xs);
    cursor: default;
}

._annotation_reply_input_row_oftfb_632 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._annotation_reply_input_oftfb_632 {
    flex: 1;
    padding: var(--spacing-xs) var(--spacing-sm);
    border: 1px solid var(--grey-200);
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-xs);
    font-family: var(--font-primary);
    color: var(--grey-800);
    background-color: var(--accent);
    transition: var(--transition-hover);
}

._annotation_reply_input_oftfb_632:focus {
    border-color: var(--teal-300);
    outline: none;
}

._annotation_reply_send_btn_oftfb_655 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: transparent;
    border: none;
    color: var(--teal-500);
    cursor: pointer;
    flex-shrink: 0;
    font-size: var(--font-size-xs);
    transition: var(--transition-hover);
}

._annotation_reply_send_btn_oftfb_655:hover:not(:disabled) {
    color: var(--teal-400);
}

._annotation_reply_send_btn_oftfb_655:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--grey-500);
}

._annotation_comment_has_content_oftfb_680 {
    color: var(--teal-500);
}

/* Fullscreen mode */
._viewer_oftfb_81:fullscreen {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    box-shadow: none;
    border-top: none;
}

._viewer_oftfb_81:fullscreen ._viewport_oftfb_201 {
    min-height: 0;
    flex: 1;
}

/* Laptops (1440-class) */
@media (max-width: 1440px) {
    ._hero_oftfb_11 {
        padding: var(--spacing-md) var(--spacing-md) 0;
    }

    ._hero_heading_oftfb_22 {
        font-size: var(--font-size-xl);
    }

    ._viewer_container_oftfb_81 {
        gap: var(--spacing-md);
    }

    ._viewer_section_oftfb_97 {
        padding: var(--spacing-sm);
        padding-top: unset;
        gap: var(--spacing-md);
    }

    ._tabs_panel_oftfb_88 {
        width: 320px;
        height: 670px;
    }

    ._viewer_oftfb_81 {
        width: 900px;
    }

    ._viewport_oftfb_201 {
        min-height: 520px;
    }

    ._annotations_container_oftfb_381 {
        width: 320px;
        min-width: 260px;
        max-width: 320px;
        height: 670px;
    }
}

/* Laptops (1280-class) */
@media (max-width: 1280px) {
    ._tabs_panel_oftfb_88 {
        width: 300px;
        height: 600px;
    }

    ._viewer_oftfb_81 {
        width: 640px;
    }

    ._viewport_oftfb_201 {
        min-height: 440px;
    }

    ._annotations_container_oftfb_381 {
        width: 300px;
        min-width: 240px;
        max-width: 300px;
        height: 600px;
    }
}

@media (max-width: 768px) {
    ._hero_oftfb_11 {
        padding: var(--spacing-lg) var(--spacing-md) 0;
    }

    ._hero_heading_oftfb_22 {
        font-size: var(--font-size-xl);
    }

    ._viewer_container_oftfb_81 {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

    ._viewer_section_oftfb_97 {
        max-width: 100%;
        width: 90%;
        margin: var(--spacing-xl) auto;
        padding: 0;
        gap: var(--spacing-md);
    }

    ._section_top_row_oftfb_40 {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }

    ._viewer_oftfb_81 {
        min-width: 300px;
        width: 100%;
    }

    ._viewport_oftfb_201 {
        min-height: 400px;
    }

    ._button_container_oftfb_238 {
        width: 100%;
        padding: unset;
    }

    ._slice_indicator_oftfb_250 {
        bottom: 44px;
        font-size: var(--font-size-xs);
    }

    /* Toolbar */
    ._toolbar_oftfb_302 {
        padding: var(--spacing-xs);
    }

    ._toolbar_row_oftfb_311 {
        gap: var(--spacing-xs);
    }

    ._toolbar_group_oftfb_318 {
        flex-wrap: wrap;
        gap: var(--spacing-xs);
    }

    ._toolbar_divider_oftfb_324 {
        display: none;
    }

    ._tabs_panel_oftfb_88 {
        display: none;
    }

    ._clear_all_button_container_oftfb_556 {
        gap: var(--spacing-sm);
    }

    ._main_oftfb_1 {
        padding-bottom: 60px;
    }

    ._mobile_panel_content_oftfb_840 ._annotations_container_oftfb_381 {
        height: calc(80vh - 75px);
        min-height: unset;
        width: 100%;
        max-width: unset;
        min-width: unset;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding-top: var(--spacing-md);
    }

    ._mobile_panel_content_oftfb_840 ._series_sidebar_list_oftfb_107 {
        padding: var(--spacing-md);
    }
}
._tabs_6quz5_1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

._tab_list_6quz5_8 {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-lg) 0;
    border-bottom: 1px solid var(--mint-200);
    flex-shrink: 0;
}

._tab_6quz5_1 {
    appearance: none;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding: var(--spacing-sm);
    color: var(--mint-900);
    font-family: inherit;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: var(--transition-hover);
}

._tab_6quz5_1:hover {
    color: var(--teal-500);
}

._tab_active_6quz5_36 {
    color: var(--teal-600);
    border-bottom-color: var(--teal-400);
    font-weight: var(--bold);
}

._tab_6quz5_1:focus-visible {
    outline: 2px solid var(--teal-300);
    outline-offset: -2px;
    border-radius: var(--border-radius-md);
}

._tab_panel_6quz5_48 {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
._dialog_body_xnsei_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._actions_xnsei_7 {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg);
}

@media (max-width: 768px) {
    ._actions_xnsei_7 {
        flex-direction: column-reverse;
        gap: var(--spacing-sm);
    }

    ._actions_xnsei_7 button {
        width: 100%;
    }
}
._main_ii4j5_1 {
    max-width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    flex-direction: column;
    align-items: center;
}

._content_ii4j5_10 {
    width: 100%;
    max-width: 900px;
    padding: var(--spacing-xl) var(--spacing-md);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
}

/* ============ Hero ============ */

._hero_ii4j5_21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3-quarter);
    text-align: center;
}

._hero_heading_ii4j5_29 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0;
}

._hero_heading_accent_ii4j5_38 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._hero_subtitle_ii4j5_46 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    margin: 0;
}

@keyframes _subtle_pulse_ii4j5_1 {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

._hero_subtitle_loading_ii4j5_57 {
    animation: _subtle_pulse_ii4j5_1 1.5s ease-in-out infinite;
}

._hero_subtitle_error_ii4j5_61 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._hero_subtitle_error_icon_ii4j5_67 {
    color: var(--comp-red);
}

/* ============ Identity card ============ */

._identity_card_ii4j5_73 {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
    background-color: var(--accent);
    border: 1px solid transparent;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-md);
    padding: var(--spacing-lg);
}

._avatar_ii4j5_84 {
    width: 72px;
    height: 72px;
    min-width: 72px;
    border-radius: 50%;
    background: var(--gradient-brand);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
}

._identity_details_ii4j5_98 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    flex: 1;
    min-width: 0;
}

._identity_name_ii4j5_106 {
    color: var(--mint-900);
    font-size: var(--font-size-xl);
    font-weight: var(--bold);
}

._identity_row_ii4j5_112 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-md);
}

._identity_email_ii4j5_119 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    word-break: break-all;
}

._identity_meta_ii4j5_125 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
}

._account_actions_ii4j5_130 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--spacing-md);
}

/* ============ Sections & grids ============ */

._section_ii4j5_139 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

._section_title_ii4j5_145 {
    color: var(--mint-900);
    font-size: var(--font-size-lg);
    font-weight: var(--bold);
    text-align: left;
    margin: 0;
    padding: 0 var(--spacing-lg);
}

._section_header_ii4j5_154 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--spacing-md);
}

._activity_grid_ii4j5_161 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

._sharing_grid_ii4j5_167 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: var(--spacing-md);
}

/* ============ Tiles ============ */

._tile_ii4j5_175 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    background-color: var(--accent);
    border: 1px solid transparent;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-soft-sm);
    padding: var(--spacing-lg);
    min-height: 140px;
    transition: var(--transition-hover);
}

._tile_clickable_ii4j5_188 {
    cursor: pointer;
}

._tile_clickable_ii4j5_188:hover {
    box-shadow: var(--box-shadow-soft-lg);
    border: 1px solid var(--grey-200);
}

._tile_clickable_ii4j5_188:hover ._tile_action_chip_ii4j5_197 {
    background-color: var(--mint-200);
    color: var(--teal-500);
}

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

._tile_icon_ii4j5_208 {
    font-size: var(--font-size-md);
    color: var(--teal-300);
}

._tile_action_chip_ii4j5_197 {
    transition: var(--transition-hover);
}

._tile_number_ii4j5_217 {
    color: var(--mint-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--bold);
    line-height: 1.2;
}

._tile_label_ii4j5_224 {
    color: var(--grey-700);
    font-size: var(--font-size-md);
}

._tile_sub_ii4j5_229 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    margin-top: auto;
}

._tile_label_top_ii4j5_235 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
}

._tile_rows_ii4j5_241 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-xs);
}

._tile_row_ii4j5_241 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

._tile_row_dot_ii4j5_254 {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    min-width: 10px;
}

._dot_active_ii4j5_261 {
    background-color: var(--teal-300);
}

._dot_used_ii4j5_265 {
    background-color: var(--grey-500);
}

._dot_expired_ii4j5_269 {
    background-color: var(--comp-red);
}

._dot_in_progress_ii4j5_273 {
    background-color: var(--comp-orange);
}

._dot_completed_ii4j5_277 {
    background-color: var(--teal-300);
}

._tile_row_count_ii4j5_281 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    min-width: 24px;
}

._tile_row_label_ii4j5_288 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
}

@media (max-width: 768px) {
    ._content_ii4j5_10 {
        padding: var(--spacing-lg);
        gap: var(--spacing-lg);
    }

    ._hero_heading_ii4j5_29 {
        font-size: var(--font-size-xl);
    }

    ._identity_card_ii4j5_73 {
        flex-direction: column;
        text-align: center;
        padding: var(--spacing-md);
    }

    ._identity_details_ii4j5_98 {
        align-items: center;
    }

    ._identity_row_ii4j5_112 {
        justify-content: center;
    }

    ._account_actions_ii4j5_130 {
        flex-direction: column;
        justify-content: center;
    }

    ._avatar_ii4j5_84 {
        width: 64px;
        height: 64px;
        min-width: 64px;
        font-size: var(--font-size-xl);
    }

    ._identity_name_ii4j5_106 {
        font-size: var(--font-size-lg);
    }

    ._activity_grid_ii4j5_161,
    ._sharing_grid_ii4j5_167 {
        grid-template-columns: 1fr;
    }

    ._tile_ii4j5_175 {
        min-height: auto;
    }

    ._tile_number_ii4j5_217 {
        font-size: var(--font-size-xl);
    }

    ._section_header_ii4j5_154 {
        gap: var(--spacing-sm);
    }
}
._dialog_body_9y7y5_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._message_9y7y5_7 {
    color: var(--grey-700);
    font-size: var(--font-size-main);
    line-height: 1.5;
}

._error_9y7y5_13 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--comp-red);
    font-size: var(--font-size-sm);
    margin: 0;
}

._error_icon_9y7y5_22 {
    color: var(--comp-red);
}

._actions_9y7y5_26 {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg);
}

@media (max-width: 768px) {
    ._actions_9y7y5_26 {
        flex-direction: column-reverse;
        gap: var(--spacing-sm);
    }

    ._actions_9y7y5_26 button {
        width: 100%;
    }
}
._dialog_body_1bhrl_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._password_container_1bhrl_7 {
    position: relative;
}

._error_1bhrl_11 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--comp-red);
    font-size: var(--font-size-sm);
    margin: 0;
}

._error_icon_1bhrl_20 {
    color: var(--comp-red);
}

._actions_1bhrl_24 {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg);
}

@media (max-width: 768px) {
    ._actions_1bhrl_24 {
        flex-direction: column-reverse;
        gap: var(--spacing-sm);
    }

    ._actions_1bhrl_24 button {
        width: 100%;
    }
}
._dialog_body_cytwx_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._hint_cytwx_7 {
    color: var(--grey-700);
    font-size: var(--font-size-xs);
    padding: var(--spacing-xs) var(--spacing-md);
}

._actions_cytwx_13 {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg);
}

@media (max-width: 768px) {
    ._actions_cytwx_13 {
        flex-direction: column-reverse;
        gap: var(--spacing-sm);
    }

    ._actions_cytwx_13 button {
        width: 100%;
    }
}
._main_5bfmd_1 {
    width: 100vw;
    min-height: 100vh;
    background: var(--gradient-page);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 80px var(--spacing-md) var(--spacing-xl);
}

._container_5bfmd_11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 500px;
    gap: var(--spacing-triple);
}

._hero_5bfmd_20 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
    text-align: center;
}

._title_5bfmd_28 {
    color: var(--mint-900);
    font-size: var(--font-size-3xl);
    font-weight: var(--bold);
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin: 0;
}

._gradient_word_5bfmd_37 {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: inherit;
}

._sub_title_5bfmd_45 {
    color: var(--grey-700);
    font-size: var(--font-size-md);
    line-height: 1.5;
    margin: 0;
    max-width: 480px;
}

._icon_div_5bfmd_53 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 170px;
}

._icon_div_5bfmd_53 img {
    width: 100%;
    height: auto;
}

._role_options_5bfmd_65 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    width: 100%;
}

._footer_5bfmd_72 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
}

._button_text_5bfmd_79 {
    font-weight: var(--bold);
    color: inherit;
}

@media (max-width: 768px) {
    ._container_5bfmd_11 {
        gap: var(--spacing-xl);
    }

    ._title_5bfmd_28 {
        font-size: var(--font-size-xxl);
    }

    ._sub_title_5bfmd_45 {
        font-size: var(--font-size-main);
    }

    ._icon_div_5bfmd_53 {
        max-width: 140px;
    }
}
._reset_form_184f7_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

._password_container_184f7_7 {
    position: relative;
}

._form_links_row_184f7_11 {
    display: flex;
    justify-content: center;
    width: 100%;
    color: var(--teal-700);
}

._button_text_184f7_18 {
    font-weight: var(--bold);
    color: inherit;
}
._form_jill4_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

._password_container_jill4_7 {
    position: relative;
}

._details_jill4_11 {
    width: 100%;
    background-color: var(--accent);
    border: 1px solid var(--grey-200);
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow-soft-sm);
    padding: var(--spacing-md);
}

._institution_jill4_20 {
    font-weight: var(--bold);
    color: var(--teal-700);
}

._study_jill4_25 {
    margin-top: var(--spacing-xs);
    color: var(--grey-800);
}

._meta_jill4_30 {
    font-size: var(--font-size-xs);
    color: var(--grey-600);
}

._state_jill4_35 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    align-items: flex-start;
}

._actions_jill4_42 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    width: 100%;
}

._message_jill4_49 {
    margin: 0;
    color: var(--grey-700);
    line-height: 1.5;
    padding: 0 var(--spacing-md);
}

._hint_jill4_56 {
    margin: 0;
    font-size: var(--font-size-xs);
    color: var(--grey-600);
    padding: 0 var(--spacing-md);
}

._error_row_jill4_63 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 0 var(--spacing-md);
    line-height: 1.5;
    color: var(--grey-800);
}

._error_icon_jill4_72 {
    color: var(--comp-red);
}
._download_center_3hg2v_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

._list_3hg2v_7 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    max-height: 360px;
    overflow-y: auto;
}

._row_3hg2v_15 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    padding: var(--spacing-3-quarter) var(--spacing-md);
    background-color: var(--mint-25);
    border: 1px solid var(--mint-100);
    border-radius: var(--border-radius-md);
}

._row_info_3hg2v_26 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    min-width: 0;
}

._row_name_3hg2v_33 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
    word-break: break-word;
}

._row_meta_3hg2v_40 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
}

._row_action_3hg2v_45 {
    flex-shrink: 0;
}

._preparing_3hg2v_49 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
}

._footer_3hg2v_54 {
    display: flex;
    justify-content: center;
    padding-top: var(--spacing-md);
    border-top: 1px solid var(--mint-100);
}

._clear_all_icon_3hg2v_61 {
    margin-right: var(--spacing-xs);
}

._empty_3hg2v_65 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg) 0;
}

._empty_title_3hg2v_73 {
    color: var(--mint-900);
    font-size: var(--font-size-md);
    font-weight: var(--bold);
}

._empty_subtitle_3hg2v_79 {
    color: var(--grey-700);
    font-size: var(--font-size-sm);
    text-align: center;
}

@media (max-width: 768px) {
    ._row_3hg2v_15 {
        flex-direction: column;
        align-items: stretch;
        gap: var(--spacing-sm);
    }

    ._row_action_3hg2v_45 button {
        width: 100%;
    }
}