@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");._authLayout_1ysj3_1 {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f5f5f7;
}

._authLayoutHeader_1ysj3_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 32px 40px;
  flex-shrink: 0;
}

._authLayoutHeaderLogo_1ysj3_16 {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

._authLayoutHeaderText_1ysj3_22 {
  font-size: 24px;
  font-weight: 600;
  color: #14181f;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
}

._authLayoutContent_1ysj3_30 {
  flex: 1;
  display: flex;
  flex-direction: column;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 250ms, color 250ms, box-shadow 250ms;
  user-select: none;
  text-align: center;
  padding: 10px;
  border: 1px solid transparent;
}
.button.left-aligned {
  justify-content: flex-start;
}
.button.loading {
  cursor: not-allowed;
}
.button__spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: button-spin 0.6s linear infinite;
}
.button__text {
  display: inline-block;
}
.button__text .filterCount {
  color: var(--color-primary, #e7212b);
  padding-left: 4px;
}
.button__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.button__icon svg {
  display: block;
}
.button__icon--start {
  margin-right: 4px;
}
.button__icon--end {
  margin-left: 4px;
}
.button__icon--dropdown {
  margin-left: 8px;
  transition: transform 250ms;
}
.button__icon--dropdown svg path {
  fill: #fff;
}
.button__icon--dropdown.open {
  transform: rotate(180deg);
}
.button__icon--dropdown.open svg path {
  fill: #919eab;
}
.button.contained {
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button.contained:hover:not(.disabled) {
  background: linear-gradient(to bottom, #e7212b, #f04906);
  border: 1px solid #c73407;
  color: #fff;
}
.button.contained.primary {
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  border-color: var(--color-primary-contained, #e7212b);
  border-radius: 12px;
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e7212b;
  border: 1px solid #e7212b;
  border-radius: 8px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.07em;
  min-width: 158px;
  height: 40px;
  padding: 10px 14px;
  gap: 4px;
}
.button.contained.primary:hover:not(.disabled) {
  background: #c91b24;
  border: 1px solid #c91b24;
  color: #fff;
}
.button.contained.info {
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  color: #212b36;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.07em;
  min-width: 120px;
  height: 40px;
  padding: 10px 14px;
  gap: 4px;
}
.button.contained.info:hover:not(.disabled) {
  background: #f5f5f5;
  border: 1px solid #d0d0d1;
  color: #212b36;
}
.button.contained.success {
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #15ac77;
  border: 1px solid #15ac77;
  border-radius: 8px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.07em;
  min-width: 120px;
  height: 40px;
  padding: 10px 14px;
  gap: 4px;
}
.button.contained.success:hover:not(.disabled) {
  background: #0e8a5f;
  border: 1px solid #0e8a5f;
  color: #fff;
}
.button.contained.warning {
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button.contained.warning:hover:not(.disabled) {
  background: linear-gradient(to bottom, #e7212b, #f04906);
  border: 1px solid #c73407;
  color: #fff;
}
.button.contained.error {
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-error-dark, #fb3748);
  border: 1px solid var(--color-error-dark, #fb3748);
  border-radius: 12px;
}
.button.contained.error:hover:not(.disabled) {
  background: var(--color-error-dark, #fb3748);
  border: 1px solid var(--color-error-dark, #fb3748);
  color: #fff;
}
.button.outlined {
  color: var(--color-neutral-dark, #212b36);
  font-size: 14px;
  background-color: transparent;
  border-color: var(--color-neutral-dark, #212b36);
  border: 1px solid var(--color-neutral-dark, #212b36);
}
.button.outlined:hover:not(.disabled) {
  background-color: rgba(var(--color-neutral-dark, #212b36), 0.08);
  color: var(--color-neutral-dark, #212b36);
  border: 1px solid var(--color-neutral-dark, #212b36);
}
.button.outlined.primary {
  color: #e7212b;
  font-size: 14px;
  background-color: transparent;
  border-color: #e7212b;
  border-radius: 12px;
  border: 1px solid #e7212b;
}
.button.outlined.primary:hover:not(.disabled) {
  background-color: rgba(231, 33, 43, 0.08);
  color: #e7212b;
  border: 1px solid #e7212b;
}
.button.outlined.primary {
  color: #e7212b;
  border-color: #e7212b;
  background-color: transparent;
}
.button.outlined.primary:hover:not(.disabled) {
  background-color: #fff5f0;
  border-color: #e7212b;
  color: #c91b24;
}
.button.outlined.secondary {
  color: #fe5b65;
  font-size: 14px;
  background-color: transparent;
  border-color: #ffcccf;
  background: transparent;
  border: 1px solid #ffcccf;
  border-radius: 8px;
  color: #fe5b65;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5%;
  padding: 10px 14px;
}
.button.outlined.secondary:hover:not(.disabled) {
  background-color: rgba(254, 91, 101, 0.08);
  border: 1px solid #fe5b65;
  color: #fe5b65;
}
.button.outlined.info {
  color: #1f81ec;
  font-size: 14px;
  background-color: transparent;
  border-color: #1f81ec;
  border: 1px solid #1f81ec;
}
.button.outlined.info:hover:not(.disabled) {
  background-color: rgba(31, 129, 236, 0.08);
  color: #1f81ec;
  border: 1px solid #1f81ec;
}
.button.outlined.default {
  background: transparent;
  border: 1px solid #b6b7ba;
  border-radius: 8px;
  color: #14181f;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5%;
  padding: 10px 14px;
  height: 40px;
  min-width: 158px;
}
.button.outlined.default:hover:not(.disabled) {
  background: rgba(20, 24, 31, 0.04);
  border: 1px solid #8a8b8e;
  color: #14181f;
}
.button.outlined.info {
  background: #e9f2fd;
  border: 1px solid #1f81ec;
  border-radius: 8px;
  color: #1f81ec;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5%;
  padding: 10px 14px;
  height: 40px;
  min-width: 158px;
}
.button.outlined.info:hover:not(.disabled) {
  background: #d4e5fa;
  border: 1px solid #1a6fc9;
  color: #1a6fc9;
}
.button.outlined.success {
  color: var(--color-success, #4caf50);
  font-size: 14px;
  background-color: transparent;
  border-color: var(--color-success, #4caf50);
  border: 1px solid var(--color-success, #4caf50);
}
.button.outlined.success:hover:not(.disabled) {
  background-color: rgba(var(--color-success, #4caf50), 0.08);
  color: var(--color-success, #4caf50);
  border: 1px solid var(--color-success, #4caf50);
}
.button.outlined.warning {
  color: var(--color-warning, #ff9800);
  font-size: 14px;
  background-color: transparent;
  border-color: var(--color-warning, #ff9800);
  border: 1px solid var(--color-warning, #ff9800);
}
.button.outlined.warning:hover:not(.disabled) {
  background-color: rgba(var(--color-warning, #ff9800), 0.08);
  color: var(--color-warning, #ff9800);
  border: 1px solid var(--color-warning, #ff9800);
}
.button.outlined.error {
  color: var(--color-error-dark, #f44336);
  font-size: 14px;
  background-color: transparent;
  border-color: var(--color-error-dark, #f44336);
  border: 1px solid var(--color-error-dark, #f44336);
}
.button.outlined.error:hover:not(.disabled) {
  background-color: rgba(var(--color-error-dark, #f44336), 0.08);
  color: var(--color-error-dark, #f44336);
  border: 1px solid var(--color-error-dark, #f44336);
}
.button.text {
  color: var(--color-neutral-dark, #212b36);
  font-size: 14px;
  background-color: transparent;
}
.button.text:hover:not(.disabled) {
  background-color: rgba(var(--color-neutral-dark, #212b36), 0.1);
  color: var(--color-neutral-dark, #212b36);
}
.button.text.primary {
  color: var(--color-primary, #e7212b);
  font-size: 14px;
  background-color: transparent;
}
.button.text.primary:hover:not(.disabled) {
  background-color: rgba(var(--color-primary, #e7212b), 0.1);
  color: var(--color-primary, #e7212b);
}
.button.text.secondary {
  color: #707a8f;
  font-size: 14px;
  background-color: transparent;
  background: transparent;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  color: #707a8f;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.8px;
  padding: 10px 24px;
}
.button.text.secondary:hover:not(.disabled) {
  background-color: rgba(112, 122, 143, 0.08);
  border: 1px solid #d0d0d1;
  color: #5a6375;
}
.button.text.info {
  color: var(--color-info, #00b8d9);
  font-size: 14px;
  background-color: transparent;
}
.button.text.info:hover:not(.disabled) {
  background-color: rgba(var(--color-info, #00b8d9), 0.1);
  color: var(--color-info, #00b8d9);
}
.button.text.success {
  color: var(--color-success, #4caf50);
  font-size: 14px;
  background-color: transparent;
}
.button.text.success:hover:not(.disabled) {
  background-color: rgba(var(--color-success, #4caf50), 0.1);
  color: var(--color-success, #4caf50);
}
.button.text.warning {
  color: var(--color-warning, #ff9800);
  font-size: 14px;
  background-color: transparent;
}
.button.text.warning:hover:not(.disabled) {
  background-color: rgba(var(--color-warning, #ff9800), 0.1);
  color: var(--color-warning, #ff9800);
}
.button.text.error {
  color: var(--color-error-dark, #f44336);
  font-size: 14px;
  background-color: transparent;
}
.button.text.error:hover:not(.disabled) {
  background-color: rgba(var(--color-error-dark, #f44336), 0.1);
  color: var(--color-error-dark, #f44336);
}
.button.text.primary {
  background-color: var(--color-primary-contained, #e7212b);
  color: #fff;
  border-color: transparent;
}
.button.text.primary .button__icon svg path {
  fill: #fff;
  stroke: #fff;
}
.button.text.primary:hover:not(.disabled) {
  background-color: #c91b24;
  color: #fff;
}
.button.text.primary:hover:not(.disabled) .button__icon svg path {
  fill: #fff;
  stroke: #fff;
}
.button.soft {
  color: var(--color-neutral-dark, #212b36);
  font-size: 14px;
  background-color: transparent;
  font-size: 16px;
  color: var(--color-neutral-dark, #212b36);
  background-color: var(--color-neutral-lighter, #f5f5f5);
  border-radius: 8px;
}
.button.soft:hover:not(.disabled) {
  background-color: #e8e8e8;
  color: var(--color-neutral-dark, #212b36);
}
.button.soft.primary {
  color: var(--color-primary, #e7212b);
  font-size: 14px;
  background-color: transparent;
  font-size: 16px;
  color: var(--color-primary, #e7212b);
  background-color: #ffeff0;
  border-radius: 8px;
}
.button.soft.primary:hover:not(.disabled) {
  background-color: #ffe0e2;
  color: #e7212b;
}
.button.soft.info {
  color: var(--color-info, #00b8d9);
  font-size: 14px;
  background-color: transparent;
  font-size: 16px;
  color: var(--color-info, #00b8d9);
  background-color: var(--color-info-lighter, #e0f7fa);
  border-radius: 8px;
}
.button.soft.info:hover:not(.disabled) {
  background-color: #e8e8e8;
  color: var(--color-info, #00b8d9);
}
.button.soft.success {
  color: var(--color-success, #4caf50);
  font-size: 14px;
  background-color: transparent;
  font-size: 16px;
  color: var(--color-success, #4caf50);
  background-color: var(--color-success-lighter, #e8f5e9);
  border-radius: 8px;
}
.button.soft.success:hover:not(.disabled) {
  background-color: #e8e8e8;
  color: var(--color-success, #4caf50);
}
.button.soft.warning {
  color: var(--color-warning, #ff9800);
  font-size: 14px;
  background-color: transparent;
  font-size: 16px;
  color: var(--color-warning, #ff9800);
  background-color: var(--color-warning-lighter, #fff3e0);
  border-radius: 8px;
}
.button.soft.warning:hover:not(.disabled) {
  background-color: #e8e8e8;
  color: var(--color-warning, #ff9800);
}
.button.soft.error {
  color: var(--color-error, #fb3748);
  font-size: 14px;
  background-color: transparent;
  font-size: 16px;
  color: var(--color-error, #fb3748);
  background-color: var(--color-error-lighter, #ffebee);
  border-radius: 8px;
}
.button.soft.error:hover:not(.disabled) {
  background-color: #e8e8e8;
  color: var(--color-error, #fb3748);
}
.button:focus-visible {
  outline: none;
}
.button.disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
.button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
.button.large {
  padding: 18px 22px;
  min-height: 44px;
  font-size: 16px !important;
}
.button.medium {
  padding: 10px 24px;
  font-size: 16px;
}
.button.small {
  padding: 8px 8px;
  font-size: 12px;
}

.button-wrapper {
  position: relative;
  display: inline-block;
}
.button-wrapper.has-dropdown .button.with-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open {
  background: transparent;
  border-color: #dadfe3;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open .button_text:hover {
  color: #0d1f2d;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open .button__icon--start svg path {
  fill: var(--color-primary, #e7212b);
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open:hover {
  background: transparent;
  border-color: #dadfe3;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open.outlined.primary {
  background: transparent;
  color: #0d1f2d;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open.outlined.primary:hover {
  background: transparent;
  color: #0d1f2d;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open.contained.primary {
  background: transparent;
  border: 1px solid #dadfe3;
  color: #0d1f2d;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open.contained.primary:hover {
  background: transparent;
  color: #0d1f2d;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open.soft.primary {
  background: transparent;
  border: 1px solid #dadfe3;
  color: #0d1f2d;
}
.button-wrapper.has-dropdown .button.with-dropdown.dropdown-open.soft.primary:hover {
  background: transparent;
  color: #0d1f2d;
}

.button-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  list-style: none;
  border: 1px solid #dadfe3;
  margin: 0;
  padding: 8px;
  z-index: 1000;
  min-width: 150px;
}
.button-dropdown.top {
  top: auto;
  bottom: calc(100% + 8px);
}
.button-dropdown__item {
  padding: 10px 16px;
  cursor: pointer;
  transition: all 250ms;
  font-size: 16px;
  color: #505862;
  font-weight: 500;
  border-radius: 12px;
}
.button-dropdown__item:first-child {
  color: var(--color-primary, #e7212b);
}
.button-dropdown__item:hover {
  background-color: #f6f7f8;
}
.button-dropdown__item:active {
  background-color: #eaedf0;
}

@keyframes button-spin {
  to {
    transform: rotate(360deg);
  }
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.input-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.input-container.standard .input {
  border: 1px solid var(--color-neutral-darker);
  color: var(--color-neutral-dark);
  border-radius: 8px;
  transition: border-color 250ms;
  padding: 8px 12px;
  border: 1px solid #e8e8e9;
  min-height: 40px;
}
.input-container.standard.has-start-icon .input {
  padding-left: 42px;
}
.input-container.standard.hovered .input {
  border-color: var(--color-primary, #e7212b);
  cursor: pointer;
}
.input-container.standard.focused .input {
  border-color: var(--color-primary, #e7212b);
}
.input-container.standard.error .input {
  border-color: var(--color-error, #ff5630);
  background-color: #ffeff0;
}
.input-container.standard.disabled .input {
  background-color: var(--color-neutral-darker, #f5f5f5);
  border-color: var(--color-neutral-darker, #ddd);
  color: #8b98a6;
  cursor: not-allowed;
}
.input-container.standard.read-only .input {
  background-color: #f6f7f8;
  color: #505862;
  cursor: default;
}
.input-container.standard.read-only.hovered .input {
  border-color: #dadfe3;
}
.input-container.standard.read-only.focused .input {
  border-color: #dadfe3;
}
.input-container.outlined .input {
  border: 1px solid var(--color-neutral-dark);
  border-radius: 6px;
  transition: border-color 250ms;
  padding: 10px 16px;
  min-height: 40px;
}
.input-container.outlined.has-start-icon .input {
  padding-left: 42px;
}
.input-container.outlined.hovered .input {
  box-shadow: inset 0 0 0 1px var(--color-light);
}
.input-container.outlined.focused .input {
  box-shadow: inset 0 0 0 2px var(--color-primary, #e7212b);
}
.input-container.outlined.error .input {
  box-shadow: inset 0 0 0 2px var(--color-error, #ff5630);
}
.input-container.outlined.disabled .input {
  background-color: var(--color-neutral-lighter, #f5f5f5);
  box-shadow: inset 0 0 0 1px var(--color-neutral, #ddd);
  cursor: not-allowed;
}
.input-container.outlined.read-only .input {
  background-color: #f6f7f8;
  border: 1px solid var(--color-neutral-darker);
  color: #505862;
  cursor: default;
}
.input-container.outlined.read-only.hovered .input {
  border: 1px solid var(--color-neutral-darker);
}
.input-container.outlined.read-only.focused .input {
  border: 1px solid var(--color-neutral-darker);
}
.input-container.underline .input {
  border: 1px solid var(--color-neutral-dark);
  border-radius: 6px;
  padding: 10px 16px;
  min-height: 40px;
  border: none;
  border-bottom: 1px solid var(--color-neutral, #ddd);
  transition: border-color 250ms;
}
.input-container.underline.has-start-icon .input {
  padding-left: 42px;
}
.input-container.underline.hovered .input {
  border-bottom-color: var(--color-neutral-dark, #c1c1c1);
}
.input-container.underline.focused .input {
  border-bottom-color: var(--color-primary, #e7212b);
}
.input-container.underline.error .input {
  border-bottom-color: var(--color-error, #ff5630);
}
.input-container.underline.disabled .input {
  background-color: var(--color-neutral-lighter, #f5f5f5);
  border-bottom-color: var(--color-neutral, #ddd);
  cursor: not-allowed;
}
.input-container.underline.read-only .input {
  background-color: #f6f7f8;
  border-bottom-color: var(--color-neutral, #ddd);
  color: #505862;
  cursor: default;
}
.input-container.underline.read-only.hovered .input {
  border-bottom-color: var(--color-neutral, #ddd);
}
.input-container.underline.read-only.focused .input {
  border-bottom-color: var(--color-neutral, #ddd);
}
.input-container .input-wrapper {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  min-width: 250px;
}
.input-container .input-wrapper .start-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  color: var(--color-neutral-dark, #72808f);
  pointer-events: none;
  transition: color 250ms;
}
.input-container .input-wrapper .copy-button {
  border-top-right-radius: 89px;
  border-bottom-right-radius: 89px;
  border: none;
  border-left: none;
  padding: 10px 16px;
  background-color: var(--color-primary, #e7212b);
  color: white;
  cursor: pointer;
}
.input-container .input-wrapper .copy-button:hover {
  background-color: var(--color-primary, #e7212b);
}
.input-container .input-wrapper .eye-button {
  position: absolute;
  right: 3%;
  top: 3%;
  bottom: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.input-container.focused .start-icon {
  color: var(--color-primary, #e7212b);
}
.input-container.error .start-icon {
  color: var(--color-error, #ff5630);
}
.input-container.disabled .start-icon {
  color: var(--color-neutral-dark, #bdbdbd);
}
.input-container.read-only .start-icon {
  color: var(--color-neutral-dark, #72808f);
}
.input-container.read-only.focused .start-icon {
  color: var(--color-neutral-dark, #72808f);
}
.input-container .input-label {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #707a8f;
  line-height: 20px;
  letter-spacing: 0.08px;
  transition: color 250ms;
  font-weight: 500;
}
.input-container .input-label.focused {
  color: var(--color-primary, #e7212b);
}
.input-container .input-label.error {
  color: var(--color-error, #ff5630);
}
.input-container .input-label.required::after {
  content: " *";
  color: #e7212b;
}
.input-container .input-label.disabled {
  color: var(--color-neutral-dark, #bdbdbd);
}
.input-container .input-label.read-only {
  color: var(--color-neutral-dark);
}
.input-container .input-label.read-only.focused {
  color: var(--color-neutral-dark);
}
.input-container .input {
  width: 100%;
  font-size: 16px;
  transition: border-color 250ms ease;
  outline: none;
}
.input-container .input:focus {
  caret-color: var(--color-primary, #e7212b);
}
.input-container .input:disabled {
  cursor: not-allowed;
}
.input-container .input-error {
  margin-top: 4px;
  font-size: 12px;
  color: var(--color-error, #ff5630);
}._login_8ccsm_1 {
  min-height: 100vh;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background-color: #f5f5f7;
  background-image: linear-gradient(rgba(245, 245, 247, 0.62), rgba(245, 245, 247, 0.62)), url("/assets/Background.Um4lZrza.png");
  background-size: cover;
  background-position: center;
}
._login__title_8ccsm_11 {
  font-size: 24px;
  margin-bottom: 1rem;
  color: #0d1f2d;
  font-weight: bold;
}
._login__description_8ccsm_17 {
  font-size: 14px;
  color: #606b77;
  margin-bottom: 2rem;
  font-weight: regular;
}
._login__logo_8ccsm_23 {
  position: absolute;
  left: 50%;
  top: 0;
  background-color: #fff;
  padding: 1.2rem;
  border: none;
  border-radius: 50%;
  width: 108px;
  height: 108px;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
._login__logo_8ccsm_23 img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}
._login__form_8ccsm_44 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem;
  max-width: 100%;
  height: 100%;
  box-sizing: border-box;
}
._login__wrapper_8ccsm_54 {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 3rem 2rem 2rem 2rem;
  border-radius: 40px;
  min-width: 460px;
  max-width: 460px;
  position: relative;
}
._login_8ccsm_1 ._staff-login_8ccsm_64,
._login_8ccsm_1 ._user-login_8ccsm_65 {
  margin-top: 2rem;
}
._login_8ccsm_1 ._user-login_8ccsm_65 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._login_8ccsm_1 ._staff-login_8ccsm_64 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._login_8ccsm_1 ._user-selection_8ccsm_78 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._login_8ccsm_1 ._login-tabs_8ccsm_83 {
  width: 100%;
}
._login_8ccsm_1 ._login-tabs_8ccsm_83 .tab-group {
  width: 100%;
}
._login_8ccsm_1 ._login-tabs_8ccsm_83 ._staff-login_8ccsm_64 {
  background-color: rgba(231, 33, 43, 0.0784313725);
  border: 1px solid rgba(231, 33, 43, 0.0784313725);
  padding: 12px;
  border-radius: 8px;
  color: var(--primary-color, #e7212b);
  font-size: 14px;
}
._login_8ccsm_1 ._login-tabs_8ccsm_83 ._staff-login_8ccsm_64:hover {
  border: 1px solid #e7212b;
  cursor: pointer;
}
._login_8ccsm_1 ._login-tabs_8ccsm_83 ._admin-login_8ccsm_101 {
  background-color: #e6f6ff;
  border: 1px solid #e6f6ff;
  padding: 12px;
  border-radius: 8px;
  color: #00b8d9;
  font-size: 14px;
}
._login_8ccsm_1 ._login-tabs_8ccsm_83 ._admin-login_8ccsm_101:hover {
  border: 1px solid #00b8d9;
  cursor: pointer;
}
._login__title_8ccsm_11 {
  font-size: 24px;
  margin-bottom: 1rem;
  color: #333;
}
._login__input_8ccsm_118 {
  width: 100%;
  padding: 0.75rem;
  margin-bottom: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
}
._login__button_8ccsm_126 {
  width: 100%;
  padding: 0.75rem;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}
._login__button_8ccsm_126:hover {
  background-color: #555;
}
._login__image_8ccsm_140 {
  position: relative;
  height: 100%;
  overflow: hidden;
}
._login__image_8ccsm_140 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  ._login_8ccsm_1 {
    grid-template-columns: 5fr 7fr;
  }
}
@media screen and (max-width: 768px) {
  ._login_8ccsm_1 {
    grid-template-columns: 1fr;
  }
  ._login__image_8ccsm_140 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  ._login__form_8ccsm_44 {
    padding: 2rem 1rem;
  }
  ._login__title_8ccsm_11 {
    font-size: 20px;
  }
  ._login__input_8ccsm_118 {
    padding: 0.5rem;
    font-size: 14px;
  }
  ._login__button_8ccsm_126 {
    padding: 0.5rem;
    font-size: 14px;
  }
}

._logo_8ccsm_180 {
  margin-bottom: 24px;
  width: 150px;
}

._title_8ccsm_185 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1.5rem;
  color: #333;
}

._companyList_8ccsm_192 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._companyItem_8ccsm_198 {
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

._companyItem_8ccsm_198:hover {
  border-color: #00c853;
}

._selected_8ccsm_213 {
  border-color: #00c853;
  background-color: #e8f5e9;
}

._otp-input-container_8ccsm_218 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}
._otp-input-container_8ccsm_218 label {
  font-size: 15px;
  color: #212b36;
  font-weight: 500;
  margin-bottom: 16px;
  align-self: flex-start;
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 {
  display: flex;
  gap: 12px;
  justify-content: center;
  width: 100%;
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input {
  width: 50px;
  height: 56px;
  border: 1.5px solid #dfe3e8;
  border-radius: 12px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #919eab;
  background: #ffffff;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  flex: 1;
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input::placeholder {
  color: #919eab;
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input:focus {
  border-color: var(--primary-color, #e7212b);
  outline: none;
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input:hover:not(:focus) {
  border-color: #919eab;
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input {
  /*       &:not(:placeholder-shown),
  &[value]:not([value=""]) {
    border-color: var(--primary-color, #e7212b);
    color: var(--primary-color, #e7212b);
  }

  &.otp-input-filled {
    border-color: var(--primary-color, #e7212b);
    color: var(--primary-color, #e7212b);
  } */
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input:disabled {
  background-color: #f4f6f8;
  border-color: #dfe3e8;
  color: #919eab;
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input::-webkit-outer-spin-button, ._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
@media screen and (max-width: 480px) {
  ._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 {
    gap: 8px;
  }
  ._otp-input-container_8ccsm_218 ._otp-inputs_8ccsm_232 input {
    width: 45px;
    height: 50px;
    font-size: 20px;
  }
}

._verify-button_8ccsm_298 {
  margin-top: 24px;
  width: 100%;
  height: 48px;
  background-color: var(--primary-color, #e7212b);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._verify-button_8ccsm_298:hover {
  background-color: rgb(215.2317073171, 23.2682926829, 32.9634146341);
}
._verify-button_8ccsm_298:disabled {
  background-color: #dfe3e8;
  cursor: not-allowed;
}

._timer_8ccsm_319 {
  margin-top: 16px;
  color: #637381;
  font-size: 14px;
  text-align: center;
}
._timer_8ccsm_319 span {
  color: var(--primary-color, #e7212b);
  font-weight: 600;
}

._resend-link_8ccsm_330 {
  margin-top: 16px;
  color: var(--primary-color, #e7212b);
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
._resend-link_8ccsm_330:hover {
  text-decoration: underline;
}
._resend-link_8ccsm_330:disabled {
  color: #919eab;
  cursor: not-allowed;
  text-decoration: none;
}

._otp-verification_8ccsm_347 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

._otp-header-back_8ccsm_356 {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 1rem;
}

._back-button_8ccsm_363 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
._back-button_8ccsm_363:hover {
  background: #f5f5f5;
}

._otp-form_8ccsm_379 {
  width: 100%;
}

._otp-header_8ccsm_356 {
  margin-bottom: 1rem;
  width: 100%;
  text-align: left;
}
._otp-header_8ccsm_356 h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #333;
}
._otp-header_8ccsm_356 p {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  max-width: 300px;
}

._otp-input_8ccsm_218 {
  width: 50px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
._otp-input_8ccsm_218:focus {
  outline: none;
  border-color: #e7212b;
  box-shadow: 0 0 0 2px rgba(255, 112, 34, 0.1);
}

._otp-footer_8ccsm_416 {
  margin-top: 1rem;
  width: 100%;
}
._otp-footer_8ccsm_416 ._timer_8ccsm_319 {
  color: #0d1f2d;
  font-size: 14px;
  text-align: left;
}
._otp-footer_8ccsm_416 ._resend-button_8ccsm_425 {
  background: none;
  border: none;
  color: #e7212b;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}
._otp-footer_8ccsm_416 ._resend-button_8ccsm_425:hover {
  color: #e65a00;
}

._login-options_8ccsm_437 {
  display: flex;
  justify-content: end;
  align-items: center;
}
._login-options_8ccsm_437 ._remember-me_8ccsm_442 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
}
._login-options_8ccsm_437 ._remember-me_8ccsm_442 input[type=checkbox] {
  margin: 0;
}
._login-options_8ccsm_437 ._forgot-password-link_8ccsm_453 {
  background: none;
  border: none;
  color: var(--primary-color, #e7212b);
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}
._login-options_8ccsm_437 ._forgot-password-link_8ccsm_453:hover {
  text-decoration: underline;
}

._forgot-password-header_8ccsm_465 {
  margin: 1rem 0 2rem 0;
}
._forgot-password-header_8ccsm_465 h2 {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #0d1f2d;
}
._forgot-password-header_8ccsm_465 p {
  font-family: 15px;
  color: #606b77;
}

._create-new-password_8ccsm_478 ._create-new-password-header_8ccsm_478 {
  margin: 1.5rem 0;
}
._create-new-password_8ccsm_478 ._create-new-password-header_8ccsm_478 h2 {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #0d1f2d;
}
._create-new-password_8ccsm_478 ._create-new-password-header_8ccsm_478 p {
  font-size: 15px;
  color: #606b77;
}
._create-new-password_8ccsm_478 ._create-new-password-form_8ccsm_490 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._create-new-password_8ccsm_478 ._create-new-password-form-field_8ccsm_495 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._create-new-password_8ccsm_478 ._create-new-password-form-field-label_8ccsm_500 {
  font-size: 15px;
  color: #606b77;
}
._create-new-password_8ccsm_478 ._create-new-password-form-field-input_8ccsm_504 {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 5px;
}
._create-new-password_8ccsm_478 ._create-new-password-form-field-input-error_8ccsm_510 {
  color: #ef4444;
  font-size: 12px;
  margin-top: 4px;
}
._create-new-password_8ccsm_478 ._create-new-password-form-field-input-error-message_8ccsm_515 {
  color: #ef4444;
  font-size: 12px;
  margin-top: 4px;
}
._create-new-password_8ccsm_478 ._create-new-password-form-field-input-error-message-icon_8ccsm_520 {
  color: #ef4444;
  font-size: 12px;
  margin-top: 4px;
}

._container_8ccsm_526 {
  width: 100%;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.tab-group {
  display: flex;
  flex-direction: column;
}
.tab-group.horizontal .tab-list {
  display: flex;
  flex-direction: row;
  gap: 16px;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e8e8e9;
}
.tab-group.vertical {
  flex-direction: row;
}
.tab-group.vertical .tab-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tab-group .tab {
  width: 138px;
  height: 48px;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  cursor: pointer;
  user-select: none;
  transition: color 0.25s ease;
  color: #667085;
  position: relative;
  z-index: 2;
  text-align: center;
}
.tab-group .tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: transparent;
  border-radius: 8px 8px 0 0;
  transition: background-color 0.25s ease;
}
.tab-group .tab:hover:not(.active) {
  color: #475467;
}
.tab-group .tab.active {
  font-weight: 700;
  color: var(--color-primary, #e7212b);
}
.tab-group .tab.active::after {
  background-color: var(--color-primary, #e7212b);
}
.tab-group.full-width .tab {
  flex: 1;
}
.tab-group .sliding-underline {
  position: absolute;
  bottom: 0;
  height: 4px;
  background-color: var(--color-primary, #e7212b);
  border-radius: 8px 8px 0 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 3;
}
.tab-group .tab-content {
  margin-top: 16px;
  padding: 16px;
}@font-face {
  font-family: "Gilroy";
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/Gilroy-Bold.ttf") format("truetype");
  font-display: swap;
}
._error-page_ez40f_8 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);
  padding: 2rem;
  overflow: hidden;
}

._error-page-background_ez40f_19 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

._error-page-light_ez40f_28 {
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  height: 80%;
  background: radial-gradient(ellipse at center, rgba(231, 33, 43, 0.15) 0%, rgba(231, 33, 43, 0.08) 30%, rgba(231, 33, 43, 0.02) 60%, transparent 80%);
  pointer-events: none;
  animation: _pulse_ez40f_1 4s ease-in-out infinite;
}

._error-page-grid_ez40f_40 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(231, 33, 43, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(231, 33, 43, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}

._error-page-content_ez40f_51 {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

._error-page-code-container_ez40f_63 {
  position: relative;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border-radius: 32px;
  padding: 60px 80px 50px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 0 0 100px rgba(231, 33, 43, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  animation: _fadeInScale_ez40f_1 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
._error-page-code-container_ez40f_63::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(231, 33, 43, 0.5) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(231, 33, 43, 0.2) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(231, 33, 43, 0.3) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
._error-page-code-container_ez40f_63::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at center, rgba(231, 33, 43, 0.08) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}

._error-page-title_ez40f_102 {
  font-family: "Gilroy", sans-serif;
  font-size: 10rem;
  font-weight: 700;
  background: linear-gradient(135deg, #ff4d55 0%, #e7212b 40%, #c41920 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  line-height: 0.9;
  letter-spacing: 0.08em;
  display: inline-block;
  text-shadow: 0 0 80px rgba(231, 33, 43, 0.5);
  filter: drop-shadow(0 0 30px rgba(231, 33, 43, 0.3));
}

._error-page-subtitle_ez40f_118 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
  animation: _fadeInUp_ez40f_1 0.6s ease-out 0.2s backwards;
  letter-spacing: 0.02em;
}

._error-page-description_ez40f_127 {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  line-height: 1.7;
  max-width: 480px;
  animation: _fadeInUp_ez40f_1 0.6s ease-out 0.3s backwards;
}

._error-page-actions_ez40f_136 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  animation: _fadeInUp_ez40f_1 0.6s ease-out 0.4s backwards;
  margin-top: 1rem;
}
._error-page-actions_ez40f_136 button {
  background: linear-gradient(135deg, #ff4d55 0%, #e7212b 100%);
  border: none;
  color: #ffffff;
  padding: 0.875rem 2.5rem;
  border-radius: 14px;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  box-shadow: 0 8px 24px rgba(231, 33, 43, 0.4), 0 4px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
._error-page-actions_ez40f_136 button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
._error-page-actions_ez40f_136 button:hover {
  background: linear-gradient(135deg, #e7212b 0%, #c41920 100%);
  box-shadow: 0 12px 32px rgba(231, 33, 43, 0.5), 0 6px 12px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}
._error-page-actions_ez40f_136 button:hover::before {
  left: 100%;
}
._error-page-actions_ez40f_136 button:active {
  transform: translateY(0);
  box-shadow: 0 4px 16px rgba(231, 33, 43, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);
}

._error-page-particles_ez40f_180 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

@keyframes _fadeInUp_ez40f_1 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _fadeInScale_ez40f_1 {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _pulse_ez40f_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
@keyframes _float_ez40f_1 {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}
@media (max-width: 640px) {
  ._error-page_ez40f_8 {
    padding: 1.5rem;
  }
  ._error-page-code-container_ez40f_63 {
    padding: 40px 50px 35px;
    border-radius: 24px;
  }
  ._error-page-title_ez40f_102 {
    font-size: 5rem !important;
  }
  ._error-page-subtitle_ez40f_118 {
    font-size: 1.35rem;
  }
  ._error-page-description_ez40f_127 {
    font-size: 0.9rem;
    padding: 0 0.5rem;
  }
  ._error-page-actions_ez40f_136 {
    width: 100%;
    padding: 0 0.5rem;
  }
  ._error-page-actions_ez40f_136 button {
    width: 100%;
    padding: 1rem 2rem;
  }
}
@media (max-width: 400px) {
  ._error-page-title_ez40f_102 {
    font-size: 4rem !important;
  }
  ._error-page-code-container_ez40f_63 {
    padding: 32px 40px 28px;
  }
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

._light_1j6hk_66 {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

._dark_1j6hk_101 {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

._dashboardLayout_1j6hk_136 {
  display: flex;
  height: 100vh;
  overflow: hidden;
  background-color: #f6f7f8;
  padding: 1rem 1rem 1rem 0;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
}
._dashboardLayout_1j6hk_136._sidebarOpen_1j6hk_146 ._dashboardLayoutMainContent_1j6hk_146 {
  filter: brightness(0.7);
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 {
  width: 80px;
  padding: 0 0.5rem;
  scrollbar-width: 1px !important;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarSkeletonItem_1j6hk_154 {
  justify-content: center;
  padding: 12px 8px;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarSkeletonItem_1j6hk_154 ._dashboardLayoutSidebarSkeletonItemText_1j6hk_158 {
  display: none;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarSkeletonItem_1j6hk_154 ._dashboardLayoutSidebarSkeletonItemIcon_1j6hk_161 {
  margin: 0;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 {
  border: none;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  border-radius: 12px;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 svg path {
  stroke: #fff;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItem_1j6hk_164._open_1j6hk_175 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  background: #fff;
  border: 1px solid #e7212b;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItem_1j6hk_164._open_1j6hk_175 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 svg path {
  stroke: #e7212b;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 {
  padding: 0 !important;
  justify-content: center;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItemLinkContent_1j6hk_167 {
  justify-content: center;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItemLinkContent_1j6hk_167 span {
  display: none;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  margin: 0;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._submenuArrow_1j6hk_195 {
  display: none;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarLogo_1j6hk_198 {
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 16px 8px;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarLogo_1j6hk_198 ._dashboardLayoutSidebarLogoContent_1j6hk_204 {
  gap: 0;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarLogo_1j6hk_198 img {
  width: 34px;
  height: 34px;
  cursor: pointer;
  transition: transform 0.2s ease;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarLogo_1j6hk_198 img:hover {
  transform: scale(1.1);
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarLogo_1j6hk_198 ._collapseButton_1j6hk_216 {
  width: 32px;
  height: 32px;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarFooter_1j6hk_220 {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 8px;
  width: calc(100% + 1rem);
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  border-top: 1px solid #e8e8e9;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarNavSubmenu_1j6hk_230._open_1j6hk_175 {
  left: 52px;
  z-index: 9999;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarFooterItem_1j6hk_234 ._dashboardLayoutSidebarFooterItemButton_1j6hk_234 {
  width: 32px;
  height: 32px;
  padding: 6px;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarFooterItem_1j6hk_234 ._dashboardLayoutSidebarFooterItemButton_1j6hk_234:last-child {
  padding: 8px;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarFooterItem_1j6hk_234 ._dashboardLayoutSidebarFooterItemButton_1j6hk_234 ._dashboardLayoutSidebarFooterItemButtonIcon_1j6hk_242 svg {
  width: 18px;
  height: 18px;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarFooterItem_1j6hk_234 ._dashboardLayoutSidebarFooterItemButton_1j6hk_234 ._dashboardLayoutSidebarFooterItemButtonIcon_1j6hk_242 span {
  display: none;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarFooterItem_1j6hk_234 ._dashboardLayoutSidebarFooterItemButton_1j6hk_234 ._dashboardLayoutSidebarFooterItemButtonArrow_1j6hk_249 {
  display: none;
}
._dashboardLayout_1j6hk_136._sidebarCollapsed_1j6hk_149 ._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarFooterItem_1j6hk_234 ._dashboardLayoutSidebarFooterItemTitle_1j6hk_252 {
  display: none;
}

._dashboardLayoutBackdrop_1j6hk_256 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 15;
  transition: opacity 0.3s ease;
}

._dashboardLayoutSidebar_1j6hk_149 {
  width: 300px;
  flex-shrink: 0;
  transition: all 0.3s ease;
  position: relative;
  z-index: 20;
  height: calc(100vh - 2rem);
  overflow: hidden;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._dashboardLayoutSidebar_1j6hk_149._open_1j6hk_175 {
  width: 250px;
  left: 0;
}
._dashboardLayoutSidebar_1j6hk_149 ._dashboardLayoutSidebarContent_1j6hk_284 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
._dashboardLayoutSidebar_1j6hk_149._collapsed_1j6hk_290 ._dashboardLayoutSidebarNavItemLink_1j6hk_164._open_1j6hk_175 {
  border: 1px solid #f6f7f8;
}
._dashboardLayoutSidebar_1j6hk_149._collapsed_1j6hk_290 ._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 {
  border: 1px solid #f6f7f8;
}

._dashboardLayoutSidebarLogo_1j6hk_198 {
  font-weight: bold;
  text-align: center;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 8px;
  transition: all 0.3s ease;
}
._dashboardLayoutSidebarLogo_1j6hk_198 img {
  cursor: pointer;
  width: 34px;
  height: 34px;
  transition: all 0.3s ease;
}
._dashboardLayoutSidebarLogo_1j6hk_198 ._dashboardLayoutSidebarLogoContent_1j6hk_204 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._dashboardLayoutSidebarLogo_1j6hk_198 ._dashboardLayoutSidebarLogoContent_1j6hk_204 ._dashboardLayoutSidebarLogoText_1j6hk_319 {
  font-size: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #14181f;
  letter-spacing: 0.08px;
}

._collapseButton_1j6hk_216 {
  background: #e8e8e9;
  border: none;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.2s ease;
  color: #e8e8e9;
  width: 32px;
  height: 32px;
  border: 1px solid #e8e8e9;
}
._collapseButton_1j6hk_216:hover {
  background-color: rgba(99, 115, 129, 0.08);
  color: #212b36;
}
._collapseButton_1j6hk_216 svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
._collapseButton_1j6hk_216._collapsed_1j6hk_290 svg {
  transform: rotate(180deg);
}

._dashboardLayoutSidebarFooter_1j6hk_220 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterButton_1j6hk_361 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #505766;
  cursor: pointer;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterButton_1j6hk_361 svg {
  flex-shrink: 0;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterButton_1j6hk_361 span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterIconButton_1j6hk_382 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #637381;
  width: 40px;
  height: 40px;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterIconButton_1j6hk_382 svg {
  width: 24px;
  height: 24px;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileIconButton_1j6hk_398 {
  background: #f1f2f4;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileIconButton_1j6hk_398:hover {
  background: #e8e8e9;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileContainer_1j6hk_407 {
  width: calc(100% + 2rem);
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
  flex-direction: column;
  padding: 16px 1rem;
  border-top: 1px solid #e8e8e9;
  height: 64px;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfile_1j6hk_398 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #e7212b;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  cursor: pointer;
  width: 100%;
  transition: background 0.2s ease;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfile_1j6hk_398:hover {
  background: #d11d26;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileAvatar_1j6hk_432 {
  width: 40px;
  height: 40px;
  border-radius: 56px;
  background: #f1f2f4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 1;
  overflow: hidden;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileAvatarImage_1j6hk_444 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileInfo_1j6hk_450 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileName_1j6hk_458 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileEmail_1j6hk_468 {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.5%;
  color: #ffeff0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileClose_1j6hk_478 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
}
._dashboardLayoutSidebarFooter_1j6hk_220 ._sidebarFooterProfileClose_1j6hk_478:hover {
  opacity: 0.8;
}

._profilePopoverContent_1j6hk_494 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 160px;
}

._profilePopoverItem_1j6hk_501 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: background 0.2s ease;
}
._profilePopoverItem_1j6hk_501:hover {
  background: #f6f7f8;
}
._profilePopoverItem_1j6hk_501 svg {
  flex-shrink: 0;
}

._dashboardLayoutSidebarSkeleton_1j6hk_154 {
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._dashboardLayoutSidebarSkeletonItem_1j6hk_154 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 8px;
}
._dashboardLayoutSidebarSkeletonItem_1j6hk_154:nth-child(2n) ._dashboardLayoutSidebarSkeletonItemText_1j6hk_158 {
  max-width: 100px;
}
._dashboardLayoutSidebarSkeletonItem_1j6hk_154:nth-child(3n) ._dashboardLayoutSidebarSkeletonItemText_1j6hk_158 {
  max-width: 140px;
}

._dashboardLayoutSidebarSkeletonItemIcon_1j6hk_161 {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background-color: #e0e0e0;
  flex-shrink: 0;
  animation: _skeleton-pulse_1j6hk_1 1.2s ease-in-out infinite alternate;
}

._dashboardLayoutSidebarSkeletonItemText_1j6hk_158 {
  height: 16px;
  background-color: #e0e0e0;
  border-radius: 4px;
  flex: 1;
  max-width: 120px;
  animation: _skeleton-pulse_1j6hk_1 1.2s ease-in-out infinite alternate;
}

._dashboardLayoutSidebarNav_1j6hk_164 {
  padding-top: 1rem;
}
._dashboardLayoutSidebarNav_1j6hk_164 ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

._dashboardLayoutSidebarNavItem_1j6hk_164 {
  cursor: pointer;
  position: relative;
  width: 100%;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 {
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  border-radius: 12px;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 {
  border: none;
  color: #fff;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 ._submenuArrow_1j6hk_195 path {
  stroke: #fff;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  background-color: #fff6ed;
  border: none;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 path {
  stroke: #e7212b;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164._open_1j6hk_175 {
  background: #fff;
  border-radius: 12px;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164._open_1j6hk_175 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 {
  color: #505862;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164._open_1j6hk_175 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 ._submenuArrow_1j6hk_195 path {
  stroke: #72808f;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164._open_1j6hk_175 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  background: linear-gradient(to bottom, #e7212b, #e7212b) !important;
  border-radius: 12px;
  border: none !important;
}
._dashboardLayoutSidebarNavItem_1j6hk_164._active_1j6hk_164._open_1j6hk_175 ._dashboardLayoutSidebarNavItemLink_1j6hk_164 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 path {
  stroke: #fff !important;
}
._dashboardLayoutSidebarNavItem_1j6hk_164:not(._active_1j6hk_164, ._open_1j6hk_175):hover {
  background: #fff;
  border-radius: 16px;
}
._dashboardLayoutSidebarNavItem_1j6hk_164:not(._active_1j6hk_164, ._open_1j6hk_175):hover ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  border: 1px solid #e7212b;
}
._dashboardLayoutSidebarNavItem_1j6hk_164:not(._active_1j6hk_164, ._open_1j6hk_175):hover svg path {
  stroke: #e7212b !important;
}

._dashboardLayoutSidebarNavItemLink_1j6hk_164 {
  display: flex;
  align-items: center;
  padding: 8px;
  font-weight: 600;
  border: 1px solid #f6f7f8;
  justify-content: space-between;
}
._dashboardLayoutSidebarNavItemLink_1j6hk_164._active_1j6hk_164 {
  background: #fff;
  border: 1px solid #e7212b;
  border-radius: 12px;
}
._dashboardLayoutSidebarNavItemLink_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: none;
}
._dashboardLayoutSidebarNavItemLink_1j6hk_164._active_1j6hk_164 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 svg path {
  stroke: #fff;
}
._dashboardLayoutSidebarNavItemLink_1j6hk_164._open_1j6hk_175 {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e7212b;
  color: #505862;
}
._dashboardLayoutSidebarNavItemLink_1j6hk_164._open_1j6hk_175 ._submenuArrow_1j6hk_195 path {
  stroke: #72808f;
}
._dashboardLayoutSidebarNavItemLink_1j6hk_164._open_1j6hk_175 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border-radius: 12px;
  border: none;
}
._dashboardLayoutSidebarNavItemLink_1j6hk_164._open_1j6hk_175 ._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 path {
  stroke: #fff;
}

._dashboardLayoutSidebarNavItemLinkContent_1j6hk_167 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
}

._dashboardLayoutSidebarNavItemLinkContentIcon_1j6hk_167 {
  border: 1px solid #dadfe3;
  border-radius: 12px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

._submenuArrow_1j6hk_195 {
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}
._submenuArrow_1j6hk_195._active_1j6hk_164 {
  transform: rotate(0deg);
}

._dashboardLayoutSidebarNavSubmenu_1j6hk_230 {
  position: fixed;
  left: 290px;
  top: auto;
  min-width: 200px;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-10px);
  transition: all 0.2s ease;
  z-index: 1100;
  font-size: 14px;
  border: 1px solid #dadfe3;
  padding: 8px;
}
._dashboardLayoutSidebarNavSubmenu_1j6hk_230._open_1j6hk_175 {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  display: block;
  visibility: visible;
}
._dashboardLayoutSidebarNavSubmenu_1j6hk_230 a:hover {
  color: #637381;
  text-decoration: none;
  cursor: pointer;
}

._dashboardLayoutSidebarNavSubmenuItem_1j6hk_715 {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 0.4rem;
}
._dashboardLayoutSidebarNavSubmenuItem_1j6hk_715:not(:last-child) {
  margin-bottom: 0.3rem;
}
._dashboardLayoutSidebarNavSubmenuItem_1j6hk_715._active_1j6hk_164 {
  background: linear-gradient(to bottom, #e7212b, #e7212b);
  border: 1px solid #f04906;
  border-radius: 12px;
}
._dashboardLayoutSidebarNavSubmenuItem_1j6hk_715._active_1j6hk_164 ._dashboardLayoutSidebarNavSubmenuItemLink_1j6hk_729 {
  border: none;
  color: #fff;
}
._dashboardLayoutSidebarNavSubmenuItem_1j6hk_715._active_1j6hk_164 ._dashboardLayoutSidebarNavSubmenuItemLinkIcon_1j6hk_733 {
  background-color: #fff6ed;
  border: none;
}
._dashboardLayoutSidebarNavSubmenuItem_1j6hk_715._active_1j6hk_164 ._dashboardLayoutSidebarNavSubmenuItemLinkIcon_1j6hk_733 path {
  stroke: #e7212b;
}
._dashboardLayoutSidebarNavSubmenuItem_1j6hk_715:not(._active_1j6hk_164):hover {
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
  border-radius: 12px;
  cursor: pointer;
}
._dashboardLayoutSidebarNavSubmenuItem_1j6hk_715:not(._active_1j6hk_164):hover svg path {
  stroke: #e7212b;
}

._dashboardLayoutSidebarNavSubmenuItemLink_1j6hk_729 {
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
  gap: 0.5rem;
}

._dashboardLayoutSidebarNavSubmenuItemLinkIcon_1j6hk_733 {
  border: 1px solid #dadfe3;
  border-radius: 12px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

._dashboardLayoutSidebarFooterItem_1j6hk_234 {
  border-top: 1px solid #dadfe3;
  padding-top: 1rem;
}

._dashboardLayoutSidebarFooterItemTitle_1j6hk_252 {
  font-size: 13px;
  color: #505862;
}

._dashboardLayoutSidebarFooterItemButton_1j6hk_234 {
  background: white;
  border: 1px solid #dadfe3;
  border-radius: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  margin-top: 0.7rem;
  text-decoration: none;
}
._dashboardLayoutSidebarFooterItemButton_1j6hk_234:hover {
  text-decoration: none;
  border: 1px solid #e7212b;
}

._dashboardLayoutSidebarFooterItemButtonIcon_1j6hk_242 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._dashboardLayoutSidebarFooterItemButtonArrow_1j6hk_249 {
  background-color: #f6f7f8;
  border-radius: 50%;
  padding: 0.2rem;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._dashboardLayoutMain_1j6hk_146 {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 97vh;
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #dadfe3;
  overflow: hidden;
}

._dashboardLayoutMainContent_1j6hk_146 {
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

._tooltip_1j6hk_839 {
  position: fixed;
  left: 60px;
  background: rgba(33, 43, 54, 0.9);
  color: white;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 9999;
  pointer-events: none;
}
._tooltip_1j6hk_839:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid rgba(33, 43, 54, 0.9);
}

._dashboardLayoutSidebarNavItem_1j6hk_164:hover ._tooltip_1j6hk_839 {
  opacity: 1;
  visibility: visible;
}

._profilePopover_1j6hk_494 {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 4px;
  width: max-content;
}
._profilePopover_1j6hk_494 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
._profilePopover_1j6hk_494 li {
  padding: 8px;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  align-items: center;
}
._profilePopover_1j6hk_494 li:hover {
  background-color: #f0f0f0;
}
._profilePopover_1j6hk_494 li a {
  text-decoration: none;
  font-size: 14px;
  list-style-type: none;
}

._languagePopover_1j6hk_902 {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 4px;
  width: max-content;
}
._languagePopover_1j6hk_902 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
._languagePopover_1j6hk_902 li {
  padding: 8px;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
._languagePopover_1j6hk_902 li:hover {
  background-color: #f0f0f0;
}

._dashboardLayoutMainTopbarActionsProfile_1j6hk_929 {
  position: relative;
  display: inline-block;
}

._dashboardLayoutMainTopbarActionsLanguage_1j6hk_934 {
  position: relative;
  display: inline-block;
}

@keyframes _spin_1j6hk_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _skeleton-pulse_1j6hk_1 {
  0% {
    background-color: #e0e0e0;
  }
  100% {
    background-color: #f0f0f0;
  }
}
@media (max-width: 768px) {
  ._dashboardLayoutSidebar_1j6hk_149 {
    position: absolute;
    left: -250px;
    top: 0;
    height: 100%;
    transition: all 0.3s ease;
    width: 250px;
    z-index: 20;
  }
  ._dashboardLayoutSidebar_1j6hk_149._open_1j6hk_175 {
    background-color: #fff;
    left: 0;
  }
}
._profileDrawerContent_1j6hk_970 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._profileDrawerHeader_1j6hk_976 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  background: linear-gradient(to bottom, #e7212b 50%, #ffffff 50%);
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  min-height: 196px;
  position: relative;
}

._profileDrawerHeaderAvatarWrapper_1j6hk_988 {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

._profileDrawerHeaderAvatar_1j6hk_988 {
  width: 84px;
  height: 84px;
  border-radius: 56px;
  background: #ffeff0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 3px solid #fff;
}
._profileDrawerHeaderAvatar_1j6hk_988 svg {
  width: 84px;
  height: 84px;
}

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

._profileDrawerHeaderEditButton_1j6hk_1019 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #f1f2f4;
  border: 1.5px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 4px;
  transition: all 0.2s ease;
}
._profileDrawerHeaderEditButton_1j6hk_1019:hover {
  background: #e8e8e9;
}
._profileDrawerHeaderEditButton_1j6hk_1019 svg {
  width: 14px;
  height: 14px;
}

._profileDrawerHeaderChip_1j6hk_1043 {
  position: absolute;
  top: calc(35% + 42px + 8px);
  left: 16px;
  z-index: 1;
}

._profileDrawerHeaderInfo_1j6hk_1050 {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  z-index: 1;
}

._profileDrawerHeaderName_1j6hk_1062 {
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
  margin: 0;
  text-align: center;
}

._profileDrawerHeaderTitle_1j6hk_1070 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
  color: #666f82;
  text-align: center;
}

._profileDrawerForm_1j6hk_1079 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 20px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
}

._profileDrawerFooter_1j6hk_1088 {
  display: flex;
  justify-content: space-between;
}

._photoModalFooter_1j6hk_1093 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._photoPreviewContainer_1j6hk_1099 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  position: relative;
}

._photoCropper_1j6hk_1108 {
  max-width: 100%;
  max-height: 300px;
}
._photoCropper_1j6hk_1108 .ReactCrop__crop-selection {
  border: 2px solid #fff;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
}
._photoCropper_1j6hk_1108 .ReactCrop__drag-handle {
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #e8e8e9;
  border-radius: 50%;
}

._photoPreviewImage_1j6hk_1124 {
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
}

._photoPreviewRemove_1j6hk_1130 {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
  z-index: 10;
}
._photoPreviewRemove_1j6hk_1130:hover {
  background: rgba(0, 0, 0, 0.8);
}

._photoModalHeader_1j6hk_1150 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #e8e8e9;
}
._photoModalHeader_1j6hk_1150 h3 {
  flex: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #14181f;
}

._photoModalHeaderIcon_1j6hk_1165 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #ffeff0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._photoModalCloseButton_1j6hk_1175 {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: background 0.2s ease;
}
._photoModalCloseButton_1j6hk_1175:hover {
  background: #f6f7f8;
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.popover-container {
  position: relative;
  display: inline-block;
}

.popover {
  position: absolute;
  padding: 8px;
  background-color: #fff;
  color: #14181F;
  border-radius: 12px;
  border: 1px solid #E8E8E9;
  white-space: nowrap;
  font-size: 14px;
  z-index: 10000;
  transition: opacity 250ms ease;
  box-shadow: 0px 4px 30px 0px rgba(77, 84, 100, 0.1);
  min-width: 160px;
}
.popover.popover-top {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 4px;
}
.popover.popover-right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  margin-left: 4px;
}
.popover.popover-bottom {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 4px;
}
.popover.popover-left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  margin-right: 4px;
}
.popover {
  /* Portal ile render edildiğinde (fixed positioning) mixin konumları devre dışı; top/left inline ile verilir. Bottom ile aynı kutu stili. */
}
.popover.popover--portal {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
  isolation: isolate;
  background-color: #fff;
  backface-visibility: hidden;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  animation: fadeIn 0.2s ease-out;
}

.drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  z-index: 1001;
  max-width: 90vw;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.1);
}
.drawer--right {
  right: 0;
  animation: slideInRight 0.3s ease-out;
}
.drawer--left {
  left: 0;
  animation: slideInLeft 0.3s ease-out;
}
.drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e8e8e9;
  flex-shrink: 0;
  background-color: #fff;
}
.drawer__header--dark {
  background-color: #e7212b;
  border-bottom-color: transparent;
}
.drawer__header--dark .drawer__title {
  color: #fff;
}
.drawer__header--dark .drawer__close {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.drawer__header--dark .drawer__close:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.drawer__header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.drawer__header-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.drawer__title {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.005em;
  color: #14181f;
  display: flex;
  align-items: center;
  gap: 8px;
}
.drawer__title-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px 10px;
  background-color: #f1f2f4;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #d3d6dc;
  color: #2f333c;
  line-height: 20px;
  letter-spacing: 0.08px;
}
.drawer__header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.drawer__header-action, .drawer__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 10px;
}
.drawer__header-action:hover, .drawer__close:hover {
  background-color: #f6f7f8;
  color: #14181f;
}
.drawer__content {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  gap: 24px;
}
.drawer__content::-webkit-scrollbar {
  width: 6px;
}
.drawer__content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.drawer__content::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.drawer__content::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.drawer__footer {
  padding: 16px 24px;
  border-top: 1px solid #e8e8e9;
  flex-shrink: 0;
  background-color: #fff;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 6px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  cursor: pointer;
  transition: all 250ms ease;
  white-space: nowrap;
}
.chip.medium {
  padding: 2px 10px;
  height: 24px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
}
.chip.small {
  padding: 2px 8px;
  height: 20px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08px;
}
.chip__content {
  display: flex;
  align-items: center;
}
.chip__avatar {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.chip.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.chip.filled.success {
  background-color: #15ac77;
  color: #ffffff;
  border: none;
}
.chip.filled.success:hover:not(.disabled) {
  background-color: #129663;
}
.chip.filled.error {
  background-color: #fb3748;
  color: #ffffff;
  border: none;
}
.chip.filled.error:hover:not(.disabled) {
  background-color: #e02d3d;
}
.chip.filled.warning {
  background-color: #ff9500;
  color: #ffffff;
  border: none;
}
.chip.filled.warning:hover:not(.disabled) {
  background-color: #e68600;
}
.chip.filled.info {
  background-color: #2e90fa;
  color: #ffffff;
  border: none;
}
.chip.filled.info:hover:not(.disabled) {
  background-color: #2a82e4;
}
.chip.filled.primary {
  background-color: var(--color-primary, #e7212b);
  color: #ffffff;
  border: none;
}
.chip.filled.primary:hover:not(.disabled) {
  background-color: #d01e27;
}
.chip.filled.default {
  background-color: #667085;
  color: #ffffff;
  border: none;
}
.chip.filled.default:hover:not(.disabled) {
  background-color: #5a6170;
}
.chip.filled.secondary {
  background-color: #7f56d9;
  color: #ffffff;
  border: none;
}
.chip.filled.secondary:hover:not(.disabled) {
  background-color: #6f4bc3;
}
.chip.outlined {
  background-color: transparent;
  border: 1px solid;
}
.chip.outlined.success {
  border-color: #15ac77;
  color: #15ac77;
}
.chip.outlined.success:hover:not(.disabled) {
  background-color: rgba(21, 172, 119, 0.08);
}
.chip.outlined.error {
  border-color: #fb3748;
  color: #fb3748;
}
.chip.outlined.error:hover:not(.disabled) {
  background-color: rgba(251, 55, 72, 0.08);
}
.chip.outlined.warning {
  border-color: #ff9500;
  color: #ff9500;
}
.chip.outlined.warning:hover:not(.disabled) {
  background-color: rgba(255, 149, 0, 0.08);
}
.chip.outlined.info {
  border-color: #2e90fa;
  color: #2e90fa;
}
.chip.outlined.info:hover:not(.disabled) {
  background-color: rgba(46, 144, 250, 0.08);
}
.chip.outlined.primary {
  border-color: var(--color-primary, #e7212b);
  color: var(--color-primary, #e7212b);
}
.chip.outlined.primary:hover:not(.disabled) {
  background-color: rgba(231, 33, 43, 0.08);
}
.chip.outlined.default {
  border-color: #667085;
  color: #667085;
}
.chip.outlined.default:hover:not(.disabled) {
  background-color: rgba(102, 112, 133, 0.08);
}
.chip.outlined.secondary {
  border-color: #7f56d9;
  color: #7f56d9;
}
.chip.outlined.secondary:hover:not(.disabled) {
  background-color: rgba(127, 86, 217, 0.08);
}
.chip.soft {
  border: none;
}
.chip.soft.success {
  background-color: #ecfdf3;
  color: #15ac77;
}
.chip.soft.success:hover:not(.disabled) {
  background-color: #d9fbe9;
}
.chip.soft.error {
  background-color: #fef3f2;
  color: #fb3748;
}
.chip.soft.error:hover:not(.disabled) {
  background-color: #fde4e2;
}
.chip.soft.warning {
  background-color: #fff8e1;
  color: #ff9500;
}
.chip.soft.warning:hover:not(.disabled) {
  background-color: #fff3cd;
}
.chip.soft.info {
  background-color: #eff8ff;
  color: #2e90fa;
}
.chip.soft.info:hover:not(.disabled) {
  background-color: #dff0ff;
}
.chip.soft.primary {
  background-color: #fff1f0;
  color: var(--color-primary, #e7212b);
}
.chip.soft.primary:hover:not(.disabled) {
  background-color: #ffe4e1;
}
.chip.soft.default {
  background-color: #f2f4f7;
  color: #667085;
}
.chip.soft.default:hover:not(.disabled) {
  background-color: #e5e8ec;
}
.chip.soft.secondary {
  background-color: #f4f3ff;
  color: #7f56d9;
}
.chip.soft.secondary:hover:not(.disabled) {
  background-color: #e8e5ff;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 800;
}
.modal.loading {
  background-color: rgba(0, 0, 0, 0.9);
}
.modal.loading .modal-content {
  opacity: 0.7;
  pointer-events: none;
}
.modal.loading .spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  border: 6px solid rgba(255, 255, 255, 0.3);
  border-top: 6px solid #fff;
  background-color: var(--primary-color, #e7212b);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}
.modal .modal-content {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-height: 90vh;
  z-index: 900;
  display: flex;
  flex-direction: column;
  transition: max-width 0.3s ease-in-out, width 0.3s ease-in-out;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
}
.modal .modal-content.sm-size {
  max-width: 400px;
}
.modal .modal-content.md-size {
  max-width: 500px;
}
.modal .modal-content.lg-size {
  max-width: 700px;
}
.modal .modal-content.xl-size {
  max-width: 900px;
}
.modal .modal-content.fullscreen-size {
  max-width: 95vw;
  max-height: 95vh;
  width: 95vw;
  height: 95vh;
}
@media (max-width: 768px) {
  .modal .modal-content {
    margin: 1rem;
    max-height: calc(100vh - 2rem);
  }
  .modal .modal-content.sm-size, .modal .modal-content.md-size, .modal .modal-content.lg-size, .modal .modal-content.xl-size {
    max-width: calc(100vw - 2rem);
    width: calc(100vw - 2rem);
  }
}
@media (max-width: 480px) {
  .modal .modal-content {
    margin: 0.5rem;
    max-height: calc(100vh - 1rem);
    border-radius: 8px;
  }
  .modal .modal-content.sm-size, .modal .modal-content.md-size, .modal .modal-content.lg-size, .modal .modal-content.xl-size {
    max-width: calc(100vw - 1rem);
    width: calc(100vw - 1rem);
  }
}
.modal .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 1px solid #dadfe3;
}
.modal .modal-content .modal-header .modal-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal .modal-content .modal-header .modal-header-left .back-button {
  background: #f5f5f5;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #666;
  font-size: 16px;
  transition: all 0.2s ease;
}
.modal .modal-content .modal-header .modal-header-left .back-button:hover {
  background: #e5e5e5;
  color: #333;
}
.modal .modal-content .modal-header .modal-header-left h3 {
  margin: 0;
  color: #14181f;
  font-size: 18px;
  font-weight: 500;
}
.modal .modal-content .modal-header .modal-header-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .modal-content .modal-header button.close-button {
  background: none;
  border: 1px solid #e8e8e9;
  font-size: 16px;
  cursor: pointer;
  color: #72808f;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.modal .modal-content .modal-header button.close-button:hover {
  background: #f5f5f5;
  color: #333;
}
.modal .modal-content .step-progress-bar {
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.modal .modal-content .step-progress-item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #f97316;
  transition: width 0.3s ease;
  width: 0;
}
.modal .modal-content .step-progress-item.active {
  width: 100%;
}
.modal .modal-content .modal-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.modal .modal-content .modal-body .staff-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 460px;
  overflow: auto;
}
.modal .modal-content .modal-body::-webkit-scrollbar {
  width: 6px;
}
.modal .modal-content .modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.modal .modal-content .modal-body::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.modal .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.modal .modal-content .modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  gap: 16px;
  flex-shrink: 0;
  border-top: 1px solid #dadfe3;
  background-color: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.react-datetime-picker {
  height: 50px;
}

.spinner {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.file-input-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.file-input-container .file-input-label {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5%;
  font-weight: 500;
  color: #707a8f;
}
.file-input-container .supported-formats {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.file-input-container .supported-formats .formats-link {
  color: #e7212b;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
}
.file-input-container .supported-formats .formats-link:hover {
  color: #c41e3a;
}
.file-input-container .supported-formats .formats-link:hover .formats-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.file-input-container .supported-formats .formats-link .formats-tooltip {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background-color: #1a1a2e;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: all 0.2s ease;
  z-index: 10;
}
.file-input-container .supported-formats .formats-link .formats-tooltip::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 12px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #1a1a2e;
}
.file-input-container .supported-formats .max-size {
  color: #707a8f;
}
.file-input-container .file-drop-zone {
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  padding: 24px 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #fff;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-input-container .file-drop-zone:hover {
  border-color: var(--color-primary, #e7212b);
  background-color: rgba(255, 246, 237, 0.64) !important;
}
.file-input-container .file-drop-zone.drag-over {
  border-color: var(--color-primary, #e7212b);
  background-color: rgba(255, 246, 237, 0.64) !important;
  transform: scale(1.02);
}
.file-input-container .file-drop-zone.has-files {
  padding: 16px;
  text-align: left;
}
.file-input-container .file-drop-zone .drop-zone-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.file-input-container .file-drop-zone .drop-zone-content .upload-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e7212b;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-input-container .file-drop-zone .drop-zone-content .drop-zone-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.file-input-container .file-drop-zone .drop-zone-content .drop-zone-text p {
  font-family: "Inter", sans-serif;
  margin: 0;
  color: #707a8f;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.5%;
  text-align: center;
}
.file-input-container .file-drop-zone .drop-zone-content .drop-zone-text .file-select-button {
  margin-top: 12px;
}
.file-input-container .file-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.file-input-container .file-list .file-item {
  display: flex;
  background-color: #f6f7f8;
  flex-direction: column;
  padding: 12px;
  border-radius: 12px;
  transition: all 0.2s ease;
  border: 1px solid #f6f7f8;
}
.file-input-container .file-list .file-item:hover {
  border-color: #d0d7de;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #e1e5e9;
}
.file-input-container .file-list .file-item.existing-file {
  background-color: #f0f7ff;
  border-color: #c8e1ff;
}
.file-input-container .file-list .file-item .file-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.file-input-container .file-list .file-item .file-item-header .file-info {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-icon {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: bold;
  color: white;
  flex-shrink: 0;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-icon.pdf {
  background-color: #fff;
  padding: 0.4rem;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-icon.doc {
  background-color: #2684ff;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-icon.xls {
  background-color: #36b37e;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-icon.default {
  background-color: var(--color-neutral-dark, #666);
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-icon.image-preview {
  background-color: #fff;
  padding: 0;
  overflow: hidden;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-icon.image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-details .file-name {
  font-size: 14px;
  font-weight: 500;
  color: #0d1f2d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
}
.file-input-container .file-list .file-item .file-item-header .file-info .file-details .file-size {
  font-size: 12px;
  color: #72808f;
}
.file-input-container .file-list .file-item .file-item-header .file-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.file-input-container .file-list .file-item .file-item-header .file-actions .upload-status {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
}
.file-input-container .file-list .file-item .file-item-header .file-actions .upload-status.completed {
  color: #505862;
}
.file-input-container .file-list .file-item .file-item-header .file-actions .upload-status.uploading {
  color: #505862;
}
.file-input-container .file-list .file-item .file-item-header .file-actions .upload-status.error {
  color: #fb3748;
}
.file-input-container .file-list .file-item .file-item-header .file-actions .upload-status svg {
  width: 16px;
  height: 16px;
}
.file-input-container .file-list .file-item .file-item-header .file-actions .progress-percentage {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary, #e7212b);
  min-width: 35px;
  text-align: right;
}
.file-input-container .file-list .file-item .file-item-header .file-actions .remove-file-button {
  background: #fff;
  border: 1px solid #dadfe3;
  color: var(--color-neutral-light, #656d76);
  cursor: pointer;
  padding: 0.3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.file-input-container .file-list .file-item .file-item-header .file-actions .remove-file-button svg {
  width: 16px;
  height: 16px;
}
.file-input-container .file-list .file-item .upload-progress {
  margin-top: 8px;
  width: 100%;
}
.file-input-container .file-list .file-item .upload-progress .progress-bar {
  width: 100%;
  height: 6px;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
}
.file-input-container .file-list .file-item .upload-progress .progress-bar .progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #e7212b 0%, #ff8f4a 100%);
  transition: width 0.3s ease;
  border-radius: 3px;
}
.file-input-container .file-input-error {
  font-size: 12px;
  color: var(--color-error, #cf222e);
  margin-top: 4px;
}
.file-input-container.error .file-drop-zone {
  border-color: var(--color-error, #cf222e);
  background-color: #fff8f8;
}
.file-input-container.error .file-input-label {
  color: var(--color-error, #cf222e);
}
.file-input-container.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.file-input-container.disabled .file-drop-zone {
  cursor: not-allowed;
  background-color: #f5f5f5;
}

.file-input-container.outlined .file-drop-zone {
  border-style: dotted;
  background-color: white;
}
.file-input-container.outlined .file-drop-zone:hover {
  background-color: rgba(255, 246, 237, 0.64) !important;
}
.file-input-container.outlined .file-drop-zone.drag-over {
  background-color: rgba(255, 246, 237, 0.64) !important;
}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._headerTopbar_1febl_31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin: 0 0 24px 0;
}

._headerTopbarLeft_1febl_39 {
  display: flex;
  align-items: center;
  gap: 24px;
}

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

._headerTopbarLeftIcon_1febl_51 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  border: 1px solid #dadfe3;
}

._headerTopbarLeftTitle_1febl_61 {
  font-size: 24px;
  font-weight: 500;
  color: #14181f;
  margin: 0;
  line-height: 32px;
  font-family: "Inter", sans-serif;
}

._headerTopbarLeftDescription_1febl_70 {
  font-size: 14px;
  color: #72808f;
  margin: 4px 0 0 0;
  line-height: 1.4;
}

._headerTopbarRight_1febl_77 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 16px;
}
._headerTopbarRight_1febl_77 ._headerTopbarRightItemAvatar_1febl_84 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f1f2f4;
  overflow: hidden;
}
._headerTopbarRight_1febl_77 ._headerTopbarRightItemAvatar_1febl_84 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._headerTopbarRight_1febl_77 ._headerTopbarRightItemCircle_1febl_99 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
._headerTopbarRight_1febl_77 ._headerTopbarRightItemCircle_1febl_99 svg {
  display: block;
}
._headerTopbarRight_1febl_77 a {
  display: flex;
  align-items: center;
  color: #72808f;
  transition: color 0.2s ease;
}
._headerTopbarRight_1febl_77 a:hover {
  color: #2b3641;
}

._headerTopbarActionsProfile_1febl_125 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 4px 12px 4px 4px;
  border-radius: 24px;
  transition: all 0.2s ease;
  background: #f6f7f8;
  border: 1px solid #f6f7f8;
}
._headerTopbarActionsProfile_1febl_125:hover:not(._active_1febl_137) {
  background-color: #f8f9fa;
  border-color: #e9ecef;
}
._headerTopbarActionsProfile_1febl_125._active_1febl_137 {
  background-color: #fff;
  border-color: var(--color-primary, #e7212b);
}

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

._headerTopbarActionsProfileImage_1febl_153 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #e9ecef;
  flex-shrink: 0;
}

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

._profileName_1febl_170 {
  font-size: 14px;
  font-weight: 600;
  color: #2b3641;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  transition: color 0.2s ease;
}

._profileEmail_1febl_183 {
  font-size: 12px;
  color: #72808f;
  line-height: 1.2;
  margin: 2px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  transition: color 0.2s ease;
}

._profileArrow_1febl_195 {
  display: flex;
  align-items: center;
  color: #72808f;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._profileArrow_1febl_195._open_1febl_202 {
  transform: rotate(180deg);
}

._avatarLoadingSpinner_1febl_206 {
  width: 40px;
  height: 40px;
  border: 2px solid #e9ecef;
  border-top: 2px solid #e7212b;
  border-radius: 50%;
  animation: _spin_1febl_1 1s linear infinite;
  flex-shrink: 0;
}

._profilePopover_1febl_216 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #fff;
  border: 1px solid #dadfe3;
  border-radius: 16px;
  z-index: 1000;
  min-width: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 1;
  transform: translateY(0);
  animation: _popoverFadeIn_1febl_1 0.2s ease-out;
  padding: 0.5rem;
}
._profilePopover_1febl_216 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
._profilePopover_1febl_216 li {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
._profilePopover_1febl_216 li._divider_1febl_242 {
  border-bottom: 1px solid #dadfe3;
  height: 1px;
  margin: 0.5rem 0;
}
._profilePopover_1febl_216 li:hover {
  border-radius: 12px;
}
._profilePopover_1febl_216 li:last-child:hover {
  background-color: #f6f7f8;
  border-radius: 12px;
}
._profilePopover_1febl_216 li:last-child:hover svg path {
  stroke: #e7212b;
}
._profilePopover_1febl_216 li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  width: 100%;
  color: #505862;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
}
._profilePopover_1febl_216 li a:hover {
  background-color: #f6f7f8;
  border-radius: 12px;
}
._profilePopover_1febl_216 li a:hover svg path {
  stroke: #e7212b;
}

._menuIcon_1febl_276 {
  width: 20px;
  height: 20px;
  color: #72808f;
  flex-shrink: 0;
  transition: color 0.2s ease;
}

._logoutItem_1febl_284 {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  width: 100%;
  color: #505862;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
  border-radius: 12px;
}
._logoutItem_1febl_284 ._menuIcon_1febl_276 {
  width: 20px;
  height: 20px;
  color: #72808f;
  flex-shrink: 0;
  transition: color 0.2s ease;
}

._active_1febl_137 {
  background-color: #fff;
  border-color: var(--color-primary, #e7212b);
}

._open_1febl_202 {
  transform: rotate(180deg);
}

._divider_1febl_242 {
  border-bottom: 1px solid #dadfe3;
  height: 1px;
  margin: 0.5rem 0;
}

@keyframes _spin_1febl_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _popoverFadeIn_1febl_1 {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._languageMenu_1febl_338 {
  display: flex;
  flex-direction: column;
  min-width: 140px;
  padding: 4px;
}

._languageMenuHeader_1febl_345 {
  font-size: 12px;
  font-weight: 600;
  color: #72808f;
  letter-spacing: 0.5px;
  padding: 8px 12px 4px;
  border-bottom: 1px solid #e8e8e9;
  margin-bottom: 4px;
}

._languageButton_1febl_355 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 12px;
  background: #f6f7f8;
  border: 1px solid #e8e8e9;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._languageButton_1febl_355:hover {
  background: #f1f2f4;
  border-color: #dadfe3;
}

._languageButtonLabel_1febl_371 {
  font-size: 14px;
  font-weight: 500;
  color: #505766;
}

._languageButtonFlag_1febl_377 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
._languageButtonFlag_1febl_377 svg {
  width: 24px;
  height: 24px;
}

._languageMenuItem_1febl_390 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: background-color 0.2s ease;
  border-radius: 8px;
  width: 100%;
}
._languageMenuItem_1febl_390:hover {
  background-color: #f3f4f6;
}
._languageMenuItem_1febl_390._languageMenuItemActive_1febl_408 {
  background-color: rgba(231, 33, 43, 0.08);
  color: var(--color-primary, #e7212b);
}

._languageMenuFlag_1febl_413 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._languageMenuFlag_1febl_413 svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.info-card {
  background-color: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 250ms ease;
}
.info-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.info-card__title {
  font-size: 14px;
  font-weight: 500;
  color: #707a8f;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
}
.info-card__icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary, #e7212b);
}
.info-card__value {
  font-size: 24px;
  font-weight: 500;
  color: #14181f;
  line-height: 32px;
}

@media (max-width: 768px) {
  .info-card {
    padding: 16px;
  }
  .info-card__value {
    font-size: 32px;
  }
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.dropdown-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.dropdown-container.disabled .dropdown-header {
  background-color: #f8f8f9;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: not-allowed;
  color: #707a8f;
}
.dropdown-container .dropdown-label {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  color: #707a8f;
  line-height: 20px;
  letter-spacing: 0.08px;
  transition: color 250ms;
  font-weight: 500;
}
.dropdown-container .dropdown-label.error {
  color: var(--color-error, #ff5630);
}
.dropdown-container .dropdown-label .dropdown-label-icon {
  display: inline-flex;
  align-items: center;
  width: 16px;
  height: 16px;
  color: currentColor;
}
.dropdown-container .dropdown-search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin: 8px;
}
.dropdown-container .dropdown-search-wrapper .dropdown-search {
  width: 100%;
  padding: 8px 40px 8px 8px;
  border: 1px solid var(--color-primary-darker, #dadfe3);
  border-radius: 6px;
}
.dropdown-container .dropdown-search-wrapper .dropdown-search:target {
  border: 1px solid var(--color-primary);
}
.dropdown-container .dropdown-search-wrapper .dropdown-search:focus, .dropdown-container .dropdown-search-wrapper .dropdown-search:focus-visible {
  border: 1px solid var(--color-primary);
  outline: none;
}
.dropdown-container .dropdown-search-wrapper .dropdown-search-icon {
  position: absolute;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.dropdown-container .dropdown-header {
  min-height: 40px;
  display: flex;
  color: #505862;
  justify-content: space-between;
  background-color: #fff;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--color-primary-darker);
  cursor: pointer;
  border-radius: 8px;
  transition: border-color 250ms;
  gap: 8px;
}
.dropdown-container .dropdown-header:hover {
  border-color: var(--color-primary, #e7212b);
}
.dropdown-container .dropdown-header.focused {
  border-color: var(--color-primary, #e7212b);
}
.dropdown-container .dropdown-header.focused .dropdown-header-icon svg path {
  stroke: var(--color-primary, #e7212b);
}
.dropdown-container .dropdown-header.error {
  border-color: var(--color-error, #ff5630);
}
.dropdown-container .dropdown-header .dropdown-header-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.dropdown-container .dropdown-header .dropdown-selected {
  color: #505862;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* Multi-select: allow tags to wrap to next line so long text doesn't cover X icon */
}
.dropdown-container .dropdown-header .dropdown-selected:has(.selected-tags) {
  overflow: visible;
  white-space: normal;
  min-width: 0;
  padding-right: 52px; /* clear ve ok ikonu için boşluk */
}
.dropdown-container .dropdown-header .dropdown-selected .selected-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  align-items: center;
  min-width: 0;
}
.dropdown-container .dropdown-header .dropdown-selected .selected-tags .tag {
  background-color: #f1f2f4;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  color: #2f333c;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.08px;
  max-width: 100%;
  min-width: 0;
  /* Uzun metin tag içinde alt satıra geçer, X ikonu her zaman görünür kalır */
  word-break: break-word;
  white-space: normal;
}
.dropdown-container .dropdown-header .dropdown-selected .selected-tags .tag .tag-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.dropdown-container .dropdown-header .dropdown-selected .selected-tags .tag .tag-delete > div {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  border: none !important;
}
.dropdown-container .dropdown-header .dropdown-clear {
  background: none;
  border: none;
  color: #555;
  cursor: pointer;
  font-size: 16px;
  margin-left: 8px;
  position: absolute;
  right: 50px;
}
.dropdown-container .dropdown-header .dropdown-icon {
  transition: transform 250ms;
  width: 18px;
  height: 18px;
}
.dropdown-container .dropdown-header .dropdown-icon.open {
  transform: rotate(180deg);
}
.dropdown-container .dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid var(--color-neutral, #ddd);
  border-radius: 6px;
  /* margin-top: $spacing-xxs; */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  z-index: 9999;
  max-height: 200px;
  overflow-y: auto;
  padding: 8px 0;
}
.dropdown-container .dropdown-list.position-top {
  top: auto;
  bottom: 100%;
}
.dropdown-container .dropdown-list .dropdown-option {
  padding: 8px;
  cursor: pointer;
  color: var(--color-neutral-dark);
  transition: background-color 250ms;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown-container .dropdown-list .dropdown-option:hover {
  background-color: #f6f7f8;
  color: var(--color-primary);
}
.dropdown-container .dropdown-list .dropdown-option.selected {
  color: var(--color-primary, #e7212b);
  font-weight: 600;
}
.dropdown-container .dropdown-list .dropdown-option .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dropdown-container .dropdown-list .dropdown-loading {
  padding: 8px;
  text-align: center;
  color: var(--color-neutral-dark);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.3s ease-in;
}
.dropdown-container .dropdown-list .dropdown-loading .loading-indicator {
  font-size: 12px;
}
.dropdown-container .dropdown-list .dropdown-option {
  animation: fadeIn 0.2s ease-in;
}
.dropdown-container .dropdown-error {
  margin-top: 4px;
  font-size: 12px;
  color: var(--color-error, #ff5630);
}

.loading-indicator {
  opacity: 0.6;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}
.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}
.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}
.disabled {
  cursor: not-allowed;
}
.disabled > * {
  pointer-events: none;
}
* {
  font-family: "Inter", sans-serif;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 250ms;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
/**
 * Text style tokens and mixin.
 * Use @include text-style('textM') in SCSS or getTextStyleClassName('textM') in TS/JS.
 */
.tooltip-container {
  position: relative;
  display: inline-block;
}
.tooltip-container.tooltip-container--table-cell {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.tooltip {
  padding: 8px 10px;
  background-color: var(--color-neutral-dark, #333);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  white-space: normal;
  max-width: 500px;
  width: max-content;
  transition: opacity 250ms ease, transform 250ms ease;
  z-index: 10000;
  word-wrap: break-word;
  line-height: 1.4;
  text-align: center;
  pointer-events: none;
}
.tooltip.top::after {
  content: "";
  position: absolute;
  border-width: 6px;
  border-style: solid;
  top: 100%;
  left: 50%;
  transform: translateX(-35%) !important;
  border-color: #333 transparent transparent transparent;
}
.tooltip.right::after {
  content: "";
  position: absolute;
  border-width: 6px;
  border-style: solid;
  top: 50%;
  left: -12px;
  transform: translateY(-35%) !important;
  border-color: transparent #333 transparent transparent;
}
.tooltip.bottom::after {
  content: "";
  position: absolute;
  border-width: 6px;
  border-style: solid;
  bottom: 100%;
  left: 50%;
  transform: translateX(-35%) !important;
  border-color: transparent transparent #333 transparent;
}
.tooltip.left::after {
  content: "";
  position: absolute;
  border-width: 6px;
  border-style: solid;
  top: 50%;
  right: -12px;
  transform: translateY(-35%) !important;
  border-color: transparent transparent transparent #333;
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.table-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #fff;
}
.table-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--color-primary-darker);
  z-index: 1;
}
.table-header tr th {
  font-weight: 600;
  color: #637381;
  background-color: #fff;
  position: sticky;
  top: 0;
}

.table {
  width: 100%;
  border-collapse: separate;
  min-height: 480px;
  border-spacing: 0;
}
.table .table-body {
  position: relative;
  border-left: 1px solid var(--color-primary-darker);
  border-right: 1px solid var(--color-primary-darker);
  border-bottom: 1px solid var(--color-primary-darker);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.table .table-body .table-row {
  height: 68.2px !important;
  max-height: 68.2px !important;
  min-height: 68.2px !important;
  display: table-row;
}
.table .table-body .table-row td {
  height: 68.2px !important;
  max-height: 68.2px !important;
  min-height: 68.2px !important;
  vertical-align: middle;
  padding: 0.8rem;
  box-sizing: border-box;
  overflow: hidden;
}
.table .table-body:not(.empty) .table-row:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.table .table-body tr:last-child td {
  border-bottom: none;
}
.table .table-body tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}
.table .table-body tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}
.table th,
.table td {
  padding: 0.8rem;
  text-align: left;
  color: #212b36;
  border-bottom: 1px solid #eee;
}
.table th:last-child,
.table td:last-child {
  border-right: none;
}
.table input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  top: 0;
}
.table th {
  font-weight: bold;
}
.table td {
  vertical-align: middle;
}
.table .profile-picture {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.table .actions {
  position: relative;
}
.table .actions .action-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table .actions .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 120px;
  max-width: 200px;
  transform: translateX(-10px);
}
.table .actions .dropdown-menu button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 0.875rem;
}
.table .actions .dropdown-menu button:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.table .actions .dropdown-menu button:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.table .actions .dropdown-menu button:hover {
  background-color: #f5f5f5;
}
.table .actions .dropdown-menu svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.table-skeleton__body tr:hover {
  background-color: transparent !important;
}
.table-skeleton__header-cell {
  display: flex;
  align-items: center;
  gap: 12px;
}
.table-skeleton__cell-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.table-skeleton__header-text {
  height: 16px;
  background-color: #e0e0e0;
  border-radius: 4px;
  animation: skeleton-pulse 1.2s ease-in-out infinite alternate;
  max-width: 120px;
  flex: 1;
}
.table-skeleton__header-text--short {
  max-width: 60px;
}
.table-skeleton__cell {
  height: 16px;
  background-color: #e0e0e0;
  border-radius: 4px;
  animation: skeleton-pulse 1.2s ease-in-out infinite alternate;
  flex: 1;
}
.table-skeleton__cell--short {
  max-width: 80px;
}
.table-skeleton__cell--medium {
  max-width: 140px;
}
.table-skeleton__cell--long {
  max-width: 200px;
}
.table-skeleton__checkbox {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-color: #e0e0e0;
  border-radius: 3px;
  animation: skeleton-pulse 1.2s ease-in-out infinite alternate;
}
.table-skeleton__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.table-skeleton__action-dot {
  width: 6px;
  height: 6px;
  background-color: #e0e0e0;
  border-radius: 50%;
  animation: skeleton-pulse 1.2s ease-in-out infinite alternate;
}
.table-skeleton__action-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.table-skeleton__action-dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes skeleton-pulse {
  0% {
    background-color: #e0e0e0;
  }
  100% {
    background-color: #f0f0f0;
  }
}
.loading-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  text-align: center;
  padding: 2rem;
  font-size: 1.2rem;
}

.table-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #E8E8E9;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  font-family: Arial, sans-serif;
  gap: 12px;
}
.table-pagination .pagination-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.table-pagination .pagination-left .pagination-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707A8F;
  white-space: nowrap;
}
.table-pagination .pagination-left .dropdown-container {
  width: auto;
}
.table-pagination .pagination-left .pagination-details {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707A8F;
  white-space: nowrap;
  margin-left: 8px;
}
.table-pagination .pagination-controls {
  display: flex;
  align-items: center;
  gap: 4px;
}
.table-pagination .pagination-controls .pagination-arrow {
  background: none;
  border: 1px solid #E8E8E9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707A8F;
  transition: all 0.2s ease;
}
.table-pagination .pagination-controls .pagination-arrow:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
.table-pagination .pagination-controls .pagination-arrow:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #E8E8E9;
}
.table-pagination .pagination-controls .pagination-arrow svg {
  width: 16px;
  height: 16px;
}
.table-pagination .pagination-controls .pagination-numbers {
  display: flex;
  gap: 4px;
}
.table-pagination .pagination-controls .pagination-numbers .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #E8E8E9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181F;
  transition: all 0.2s ease;
}
.table-pagination .pagination-controls .pagination-numbers .pagination-number.active {
  background: #FFEFF0;
  color: #E7212B;
  border-color: #E7212B;
}
.table-pagination .pagination-controls .pagination-numbers .pagination-number:hover:not(.active) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
.table-pagination .pagination-controls .pagination-numbers .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707A8F;
  font-size: 14px;
  border: 1px solid #E8E8E9;
  border-radius: 6px;
}

.leave-dates-cell {
  position: relative;
}
.leave-dates-cell .leave-dates-container {
  position: relative;
  cursor: pointer;
}
.leave-dates-cell .leave-dates-container .leave-dates-tooltip {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 200px;
  left: 0;
  top: 100%;
  white-space: normal;
}
.leave-dates-cell .leave-dates-container:hover .leave-dates-tooltip {
  display: block;
}

.truncate-text {
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  box-sizing: border-box;
  display: block;
  color: #14181F;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
}

.base-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.base-actions svg {
  cursor: pointer;
}

.table-container {
  flex-direction: column;
  gap: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.table-container:has(.flex-table-body--content) {
  flex: 0 1 auto;
}
.table-container .table-filters {
  display: flex;
  align-items: end;
  gap: 1rem;
  padding: 10px 16px;
  flex-shrink: 0;
}
.table-container .table-filters .filter {
  flex: 4;
}
.table-container .table-filters .search-input {
  flex: 8;
}
.table-container .table-wrapper {
  border-radius: 16px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  scroll-behavior: smooth;
  border: 1px solid var(--color-primary-darker);
  display: flex;
  flex-direction: column;
  transform: translateZ(0);
}
.table-container .table-wrapper:has(.flex-table-body--content) {
  flex: 0 1 auto;
  overflow: visible;
}

.flex-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  min-height: 0;
}
.flex-table .flex-table-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(100px, 1fr);
  border-bottom: 1px solid var(--color-primary-darker);
  flex-shrink: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.flex-table .flex-table-header .flex-cell {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08px;
  color: #707A8F;
  background-color: #fff;
  padding: 16px;
  text-align: left;
  border-bottom: 1px solid #F1F2F4;
  display: flex;
  align-items: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.flex-table .flex-table-header .flex-cell .row-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  margin-right: 12px;
  cursor: pointer;
  flex-shrink: 0;
  border: 2px solid #D3D6DC;
  border-radius: 6px;
  background-color: #fff;
  position: relative;
  transition: all 0.15s ease;
}
.flex-table .flex-table-header .flex-cell .row-checkbox:hover {
  border-color: var(--color-primary);
}
.flex-table .flex-table-header .flex-cell .row-checkbox:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.flex-table .flex-table-header .flex-cell .row-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.flex-table .flex-table-body {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  position: relative;
  overflow-y: auto;
  overflow-x: visible;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
}
.flex-table .flex-table-body .flex-table-row {
  height: 68.2px;
  flex-shrink: 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(100px, 1fr);
  border-bottom: 1px solid #eee;
  position: relative;
  z-index: 1;
}
.flex-table .flex-table-body .flex-table-row.has-open-dropdown {
  z-index: 1000 !important;
}
.flex-table .flex-table-body .flex-table-row.has-open-dropdown .flex-cell {
  z-index: 1001;
  overflow: visible;
}
.flex-table .flex-table-body .flex-table-row.has-open-dropdown .flex-cell .tooltip-container {
  overflow: hidden;
}
.flex-table .flex-table-body .flex-table-row.has-open-dropdown .flex-cell .truncate-text {
  overflow: hidden;
}
.flex-table .flex-table-body .flex-table-row:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.flex-table .flex-table-body .flex-table-row:last-child {
  border-bottom: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.flex-table .flex-table-body .flex-table-row .flex-cell {
  padding: 16px;
  text-align: left;
  color: #212b36;
  display: flex;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
}
.flex-table .flex-table-body .flex-table-row .flex-cell .row-checkbox {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 0;
  margin-right: 12px;
  cursor: pointer;
  flex-shrink: 0;
}
.flex-table .flex-table-body .flex-table-row .flex-cell .truncate-text {
  flex: 1;
  min-width: 0;
}
.flex-table .flex-table-body .flex-table-empty {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 68.2px;
}
.flex-table .flex-table-body .flex-table-empty .flex-cell {
  padding: 0.8rem;
  text-align: center;
  color: #212b36;
  width: 100%;
}
.flex-table .flex-table-body--expand .flex-table-row {
  height: auto;
  flex: 1;
  min-height: 68.2px;
}
.flex-table .flex-table-body--content {
  flex: 0 1 auto;
  overflow-y: visible;
}
.flex-table .flex-table-body--content .flex-table-row {
  height: 68.2px;
  flex-shrink: 0;
}
.flex-table .row-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  margin-right: 12px;
  cursor: pointer;
  flex-shrink: 0;
  border: 2px solid #D3D6DC;
  border-radius: 6px;
  background-color: #fff;
  position: relative;
  transition: all 0.15s ease;
}
.flex-table .row-checkbox:hover {
  border-color: var(--color-primary);
}
.flex-table .row-checkbox:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.flex-table .row-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.flex-table .actions-column {
  grid-column: auto/span 1;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  justify-content: center !important;
  align-items: center !important;
  position: relative;
  overflow: visible !important;
  padding-right: 1rem !important;
  /* 3 nokta aksiyon ikonu: tasarım 1px border, 8px radius, 40x40 (Figma Gray Button) */
}
.flex-table .actions-column > div > button,
.flex-table .actions-column > button {
  border: 1px solid #e8e8e9 !important;
  border-radius: 8px;
  min-width: 40px;
  min-height: 40px;
  padding: 10px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.flex-table .actions-column > div > button:hover,
.flex-table .actions-column > button:hover {
  background-color: #f1f2f4 !important;
  border-color: #e8e8e9 !important;
}
.flex-table .actions-column .error {
  border: 0;
  display: flex;
  align-items: center;
}
.flex-table .actions-column .error:hover:not(.disabled) {
  background-color: transparent;
  border: 0;
}
.flex-table .actions-column .error .button__icon--start {
  margin-right: 0;
}._section_1cj03_1 {
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

._sectionTitle_1cj03_17 {
  font-size: 16px;
  font-weight: 600;
  color: #2f333c;
  margin: 0;
}

._sectionLink_1cj03_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 40px;
  padding: 10px 14px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #707a8f;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
._sectionLink_1cj03_24:hover {
  background: #f6f7f8;
  color: #2f333c;
  border-color: #dadfe3;
}

._colName_1cj03_44 {
  min-width: 180px;
}._section_if5z9_1 {
  background: #ffffff;
  border: 1px solid #f1f2f4;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

._sectionTitle_if5z9_17 {
  font-size: 16px;
  font-weight: 700;
  color: #2f333c;
  margin: 0;
}

._sectionLink_if5z9_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 40px;
  padding: 10px 14px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #707a8f;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
._sectionLink_if5z9_24:hover {
  background: #f6f7f8;
  color: #2f333c;
  border-color: #dadfe3;
}

._list_if5z9_44 {
  list-style: none;
  padding: 12px 8px;
  gap: 18px;
  display: flex;
  flex-direction: column;
}

._item_if5z9_52 {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  gap: 12px;
  border-radius: 12px;
  flex-direction: row;
  border: 1px solid #f1f2f4;
}

._itemImageWrap_if5z9_62 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background: #f1f2f4;
}

._itemImage_if5z9_62 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._itemImagePlaceholder_if5z9_77 {
  width: 100%;
  height: 100%;
  background: #e8e8e9;
}

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

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

._itemTitle_if5z9_98 {
  font-size: 14px;
  font-weight: 600;
  color: #2f333c;
  margin: 0;
  line-height: 1.4;
  flex: 1;
  min-width: 0;
}

._itemTime_if5z9_108 {
  font-size: 12px;
  color: #707a8f;
  flex-shrink: 0;
}

._itemBottomRow_if5z9_114 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

._tagWrap_if5z9_122 {
  flex-shrink: 0;
}

._detailLink_if5z9_126 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
  font-size: 13px;
  color: #e7212b;
  cursor: pointer;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}
._detailLink_if5z9_126:hover {
  opacity: 0.9;
}

._detailArrow_if5z9_144 {
  flex-shrink: 0;
}

._section_if5z9_1 .tab-group.horizontal .tab-list {
  border-bottom-color: #f1f2f4;
}

._pagination_if5z9_152 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-top: 12px;
  border-top: 1px solid #f1f2f4;
}
._pagination_if5z9_152 ._pagination-numbers_if5z9_160 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._paginationArrow_if5z9_166 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #f1f2f4;
  border-radius: 8px;
  background: #fff;
  color: #2f333c;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
._paginationArrow_if5z9_166:hover:not(:disabled) {
  background: #f5f5f6;
  border-color: #e8e8e9;
}
._paginationArrow_if5z9_166:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-number {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #f1f2f4;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  color: #2f333c;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pagination-number:hover {
  background: #f5f5f6;
  border-color: #e8e8e9;
}

.pagination-number.active {
  background: #e7212b;
  border-color: #e7212b;
  color: #fff;
}._pageContainer_1mp90_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._infoCardGrid_1mp90_7 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

._chartsRow_1mp90_13 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 1024px) {
  ._chartsRow_1mp90_13 {
    grid-template-columns: 1fr;
  }
}

._chartCard_1mp90_24 {
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  min-height: 320px;
}

._chartTitle_1mp90_32 {
  font-size: 16px;
  font-weight: 600;
  color: #2f333c;
  margin-bottom: 16px;
}

._chartWrapper_1mp90_39 {
  width: 100%;
  min-height: 280px;
}

._tablesRow_1mp90_44 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  min-height: 680px;
}
@media (max-width: 1024px) {
  ._tablesRow_1mp90_44 {
    grid-template-columns: 1fr;
  }
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.textarea-container {
  position: relative;
  margin: 8px 0;
  display: flex;
  flex-direction: column;
}
.textarea-container.standard .textarea {
  border: 1px solid var(--color-neutral-darker, #e8e8e9);
  padding: 12px 8px;
  border-radius: 8px;
  background: #fff;
  min-height: 80px;
  transition: border-color 250ms;
}
.textarea-container.standard.hovered .textarea {
  border-color: var(--color-primary, #e7212b);
  cursor: pointer;
}
.textarea-container.standard.focused .textarea {
  border-color: var(--color-primary, #e7212b);
}
.textarea-container.standard.error .textarea {
  border-color: var(--color-error, #ff5630);
}
.textarea-container.standard.disabled .textarea {
  background-color: #f8f8f9;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: not-allowed;
}
.textarea-container.outlined .textarea {
  box-shadow: inset 0 0 0 1px var(--color-neutral, #ddd);
  padding: 4px;
  border-radius: 6px;
  transition: box-shadow 250ms;
}
.textarea-container.outlined.hovered .textarea {
  box-shadow: inset 0 0 0 1px var(--color-neutral-dark, #c1c1c1);
}
.textarea-container.outlined.focused .textarea {
  box-shadow: inset 0 0 0 2px var(--color-primary, #e7212b);
}
.textarea-container.outlined.error .textarea {
  box-shadow: inset 0 0 0 2px var(--color-error, #ff5630);
}
.textarea-container.outlined.disabled .textarea {
  background-color: #f8f8f9;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: not-allowed;
}
.textarea-container.underline .textarea {
  border: none;
  border-bottom: 1px solid var(--color-neutral, #ddd);
  padding: 4px 0;
  transition: border-color 250ms;
}
.textarea-container.underline.hovered .textarea {
  border-bottom-color: var(--color-neutral-dark, #c1c1c1);
}
.textarea-container.underline.focused .textarea {
  border-bottom-color: var(--color-primary, #e7212b);
}
.textarea-container.underline.error .textarea {
  border-bottom-color: var(--color-error, #ff5630);
}
.textarea-container.underline.disabled .textarea {
  background-color: #f8f8f9;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: not-allowed;
}
.textarea-container .textarea-label {
  font-size: 14px;
  color: #707a8f;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  margin-bottom: 4px;
}
.textarea-container .textarea-label.focused {
  color: var(--color-primary, #e7212b);
}
.textarea-container .textarea-label.error {
  color: var(--color-error, #ff5630);
}
.textarea-container .textarea-label.disabled {
  color: var(--color-neutral, #bdbdbd);
}
.textarea-container .textarea {
  width: 100%;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.005em;
  resize: none;
  padding: 12px 8px;
  color: inherit;
}
.textarea-container .textarea::placeholder {
  color: #9fa6b4;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
}
.textarea-container .textarea:focus {
  outline: none;
}
.textarea-container .textarea:disabled {
  cursor: not-allowed;
}
.textarea-container .textarea-error {
  margin-top: 4px;
  font-size: 12px;
  color: var(--color-error, #ff5630);
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.datepicker-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.datepicker-container .datepicker-label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.5%;
  color: #14181f;
  margin-bottom: 4px;
  transition: color 250ms;
}
.datepicker-container .datepicker-label.focused {
  color: var(--color-primary, #e7212b);
}
.datepicker-container .datepicker-label.error {
  color: var(--color-error, #ff5630);
}
.datepicker-container .datepicker-label.disabled {
  color: var(--color-neutral-dark, #bdbdbd);
}
.datepicker-container .datepicker-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-height: 40px;
  max-height: 40px;
}
.datepicker-container .datepicker-input-wrapper .datepicker-start-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  transition: color 250ms;
  pointer-events: none;
}
.datepicker-container .datepicker-input-wrapper .datepicker-input {
  width: 100%;
  font-size: 16px;
  transition: border-color 250ms ease;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}
.datepicker-container .datepicker-input-wrapper .datepicker-input:hover {
  border-color: var(--color-primary, #e7212b);
  cursor: pointer;
}
.datepicker-container .datepicker-input-wrapper .datepicker-input:focus {
  caret-color: var(--color-primary, #e7212b);
}
.datepicker-container .datepicker-input-wrapper .datepicker-input:disabled {
  cursor: not-allowed;
  background-color: var(--color-neutral-darker, #f5f5f5);
  color: #8b98a6;
}
.datepicker-container .datepicker-input-wrapper .datepicker-end-icons {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.datepicker-container .datepicker-input-wrapper .datepicker-end-icons .datepicker-clear {
  background: #f6f7f8;
  width: 16px;
  height: 16px;
  border: none;
  color: var(--color-neutral-dark);
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 250ms;
}
.datepicker-container .datepicker-input-wrapper .datepicker-end-icons .datepicker-clear:hover {
  background-color: var(--color-neutral-darker);
  color: var(--color-error);
}
.datepicker-container .datepicker-input-wrapper .datepicker-end-icons .datepicker-arrow-icon {
  display: flex;
  align-items: center;
  transition: color 250ms, transform 250ms;
}
.datepicker-container .datepicker-input-wrapper .datepicker-end-icons .datepicker-arrow-icon svg {
  transition: transform 250ms;
}
.datepicker-container.standard .datepicker-input {
  border: 1px solid #e8e8e9;
  color: var(--color-neutral-dark);
  border-radius: 8px;
  transition: border-color 250ms;
  padding: 10px 12px 10px 40px;
  border: 1px solid #e8e8e9;
  min-height: 40px;
  max-height: 40px;
}
.datepicker-container.standard.hovered .datepicker-input {
  border-color: var(--color-light, #c1c1c1);
}
.datepicker-container.standard.focused .datepicker-input {
  border-color: var(--color-primary, #e7212b);
}
.datepicker-container.standard.focused .datepicker-icons .datepicker-calendar-icon {
  color: var(--color-primary, #e7212b);
}
.datepicker-container.standard.error .datepicker-input {
  border-color: var(--color-error, #ff5630);
}
.datepicker-container.standard.disabled .datepicker-input {
  background-color: var(--color-neutral-darker, #f5f5f5);
  border-color: var(--color-neutral-darker, #ddd);
  color: #8b98a6;
  cursor: not-allowed;
}
.datepicker-container.outlined .datepicker-input {
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  transition: border-color 250ms;
  padding: 10px 12px 10px 40px;
  min-height: 40px;
  max-height: 40px;
}
.datepicker-container.outlined.hovered .datepicker-input {
  box-shadow: inset 0 0 0 1px var(--color-light);
}
.datepicker-container.outlined.focused .datepicker-input {
  border: 1px solid var(--color-primary, #e7212b);
}
.datepicker-container.outlined.error .datepicker-input {
  box-shadow: inset 0 0 0 2px var(--color-error, #ff5630);
}
.datepicker-container.underline .datepicker-input {
  border: 1px solid var(--color-neutral-dark);
  border-radius: 6px;
  padding: 10px 12px 10px 40px;
  border: none;
  border-bottom: 1px solid var(--color-neutral, #ddd);
  transition: border-color 250ms;
  min-height: 40px;
  max-height: 40px;
}
.datepicker-container.underline.focused .datepicker-input {
  border-bottom-color: var(--color-primary, #e7212b);
}
.datepicker-container.underline.error .datepicker-input {
  border-bottom-color: var(--color-error, #ff5630);
}
.datepicker-container .datepicker-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid var(--color-neutral, #ddd);
  border-radius: 12px;
  margin-top: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 800;
  padding: 16px;
}
.datepicker-container .datepicker-dropdown .datepicker-header {
  display: flex;
  border-radius: 8px;
  background-color: #f6f7f8;
  padding: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.datepicker-container .datepicker-dropdown .datepicker-header .datepicker-nav-button {
  background: none;
  border: none;
  font-size: 18px;
  font-weight: bold;
  color: var(--color-neutral-dark);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: all 250ms;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.datepicker-container .datepicker-dropdown .datepicker-header .datepicker-nav-button:hover {
  background-color: var(--color-primary);
  color: white;
}
.datepicker-container .datepicker-dropdown .datepicker-header .datepicker-month-year {
  font-weight: 600;
  color: var(--color-neutral-dark);
  font-size: 14px;
}
.datepicker-container .datepicker-dropdown .datepicker-header .datepicker-month-year.clickable {
  cursor: pointer;
  transition: all 250ms;
  padding: 4px 8px;
  border-radius: 6px;
}
.datepicker-container .datepicker-dropdown .datepicker-header .datepicker-month-year.clickable:hover {
  /* background-color: rgba(255, 112, 34, 0.1); */
  color: #e7212b;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  margin-bottom: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-weekdays .datepicker-weekday {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-neutral-dark);
  padding: 8px 0;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  row-gap: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-bg {
  background-color: #fff6ed;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-bg.first-in-row {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-bg.first-in-row .datepicker-day {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-bg.last-in-row {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-bg.last-in-row .datepicker-day {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day {
  background: none;
  border: none;
  padding: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  font-size: 12px;
  color: var(--color-neutral-dark);
  transition: all 250ms;
  height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 500;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day:hover:not(.disabled):not(.other-month):not(.selected):not(.in-range) {
  background-color: #fff6ed;
  color: #e7212b;
  border-radius: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.other-month {
  color: #c1c7cd !important;
  opacity: 0.3;
  cursor: not-allowed;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.today {
  font-weight: 700;
  color: #fff;
  background-color: #e7212b;
  border-radius: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.selected {
  background-color: #e7212b;
  color: white;
  font-weight: 600;
  border-radius: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.in-range {
  background-color: #fff6ed;
  color: #505862;
  border-radius: 0;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.range-start {
  background-color: #e7212b;
  color: white;
  font-weight: 600;
  border-radius: 8px;
  z-index: 2;
  /*                         &::after {
                  content: "";
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 50%;
                  height: 100%;
                  background-color: #fff6ed;
              } */
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.range-end {
  background-color: #e7212b;
  color: white;
  font-weight: 600;
  border-radius: 8px;
  z-index: 2;
  /* 
              &::before {
                  content: "";
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 50%;
                  height: 100%;
                  background-color: #fff6ed;

              } */
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.range-start.range-end {
  border-radius: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.range-start.range-end::before, .datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.range-start.range-end::after {
  display: none;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-days .datepicker-day.disabled {
  color: var(--color-neutral-light);
  cursor: not-allowed;
  opacity: 0.3;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-months {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-months .datepicker-month {
  background: none;
  border: none;
  padding: 16px 8px;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  font-size: 12px;
  color: var(--color-neutral-dark);
  transition: all 250ms;
  font-weight: 500;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-months .datepicker-month:hover {
  background-color: #fff6ed;
  color: #e7212b;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-months .datepicker-month.current {
  font-weight: 700;
  color: #fff;
  background-color: #e7212b;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-months .datepicker-month.selected {
  background-color: #e7212b;
  color: white;
  font-weight: 600;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-years {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  padding: 8px;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-years .datepicker-year {
  background: none;
  border: none;
  padding: 16px 8px;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  font-size: 12px;
  color: var(--color-neutral-dark);
  transition: all 250ms;
  font-weight: 500;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-years .datepicker-year:hover {
  background-color: #fff6ed;
  color: #e7212b;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-years .datepicker-year.current {
  font-weight: 700;
  color: #fff;
  background-color: #e7212b;
}
.datepicker-container .datepicker-dropdown .datepicker-calendar .datepicker-years .datepicker-year.selected {
  background-color: #e7212b;
  color: white;
  font-weight: 600;
}
.datepicker-container .datepicker-dropdown .datepicker-time-selector {
  display: flex;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid #e8eaed;
  margin-top: 16px;
}
.datepicker-container .datepicker-dropdown .datepicker-time-selector .time-dropdown {
  flex: 1;
  min-width: 0;
}
.datepicker-container .datepicker-dropdown .datepicker-time-selector .time-dropdown .dropdown-container {
  min-width: 0;
}
.datepicker-container .datepicker-dropdown .datepicker-time-selector .time-dropdown .dropdown-header {
  min-height: 40px;
  max-height: 40px;
  padding: 8px;
  font-size: 12px;
}
.datepicker-container .datepicker-dropdown .datepicker-time-selector .time-dropdown .dropdown-header .dropdown-header-icon svg {
  width: 16px;
  height: 16px;
}
.datepicker-container .datepicker-dropdown .datepicker-time-selector .time-dropdown .dropdown-header .dropdown-selected {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.datepicker-container .datepicker-dropdown .datepicker-time-selector .time-dropdown .dropdown-header .dropdown-icon svg {
  width: 18px;
  height: 18px;
}
.datepicker-container .datepicker-error {
  margin-top: 4px;
  font-size: 12px;
  color: var(--color-error, #ff5630);
}

.focused .datepicker-start-icon,
.focused .datepicker-end-icons .datepicker-arrow-icon {
  color: var(--color-primary, #e7212b);
}

.error .datepicker-start-icon,
.error .datepicker-end-icons .datepicker-arrow-icon {
  color: var(--color-error, #ff5630);
}

.disabled .datepicker-start-icon,
.disabled .datepicker-end-icons .datepicker-arrow-icon {
  color: var(--color-neutral-dark, #bdbdbd);
}

.datepicker-arrow-icon {
  display: flex;
  align-items: center;
  transition: color 250ms, transform 250ms;
}
.datepicker-arrow-icon.open {
  transform: rotate(180deg);
}

/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}
.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}
.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}
.disabled {
  cursor: not-allowed;
}
.disabled > * {
  pointer-events: none;
}
* {
  font-family: "Inter", sans-serif;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 250ms;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
/**
 * Text style tokens and mixin.
 * Use @include text-style('textM') in SCSS or getTextStyleClassName('textM') in TS/JS.
 */
.page-header {
  margin-bottom: 24px;
}
.page-header__title {
  font-size: 28px;
  font-weight: 600;
  color: var(--color-neutral-dark, #212b36);
  margin: 0 0 20px 0;
}
.page-header__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.page-header__actions-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.page-header__actions-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.page-header__search {
  width: 100%;
  max-width: 320px;
}
.page-header__search .input-container {
  margin-bottom: 0;
}
.page-header__search .input {
  padding-left: 40px;
}
.page-header__sort {
  position: relative;
}
.page-header__sort-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #dadfe3;
  border-radius: 8px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
.page-header__sort-btn:hover {
  background-color: #f9fafb;
  border-color: #c4c4c4;
}
.page-header__sort-btn {
  /* Kırmızı sadece dropdown açıkken (tıklandığında), varsayılan durumda gri */
}
.page-header__sort-btn.active {
  background-color: #fff5f0;
  border-color: var(--color-primary, #e7212b);
}
.page-header__sort-btn.active svg path {
  stroke: var(--color-primary, #e7212b);
}
.page-header__sort-btn {
  /* has-selection: sadece dropdown açıkken (active) kırmızı gösteriyoruz; kapalıyken gri kalır */
}
.page-header__sort-btn svg {
  color: #72808f;
}
.page-header__sort-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 215px;
  background-color: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 8px 0;
  z-index: 100;
  animation: sortDropdownFadeIn 0.2s ease;
}
.page-header__sort-option {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 12px 14px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #212b36;
  cursor: pointer;
  transition: background-color 0.15s ease;
  gap: 8px;
}
.page-header__sort-option:hover {
  background-color: #f9fafb;
}
.page-header__sort-option.selected {
  color: var(--color-primary, #e7212b);
  background-color: #fff5f0;
}
.page-header__filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  height: 44px;
  min-width: 100px;
  width: 100px;
  box-sizing: border-box;
  border: 1px solid #dadfe3;
  border-radius: 8px;
  background-color: #ffffff;
  color: #505862;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  outline: none;
}
.page-header__filter-btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(231, 33, 43, 0.25);
}
.page-header__filter-btn:hover {
  background-color: #f9fafb;
  border-color: #c4c4c4;
}
.page-header__filter-btn.active {
  background-color: #ffeff0;
  border: 1px solid var(--color-primary, #e7212b);
  color: var(--color-primary, #e7212b);
}
.page-header__filter-btn.active svg path {
  stroke: var(--color-primary, #e7212b);
}
.page-header__filter-btn svg {
  color: #72808f;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.page-header__filter-text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.08px;
}
.page-header__view-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  background-color: #f1f1f1;
  border-radius: 8px;
}
.page-header__view-toggle .view-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  color: #72808f;
  cursor: pointer;
  transition: all 0.2s ease;
}
.page-header__view-toggle .view-toggle-btn:hover {
  background-color: #dadfe3;
  color: #505862;
}
.page-header__view-toggle .view-toggle-btn.active {
  background-color: #ffffff;
  color: var(--color-primary, #e7212b);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.page-header__view-toggle .view-toggle-btn svg {
  color: currentColor;
}
.page-header__filter-panel {
  margin-top: 16px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.25s ease, margin-top 0.25s ease;
}
.page-header__filter-panel--open {
  position: relative;
  z-index: 110;
  max-height: 1200px;
  opacity: 1;
  overflow: visible;
  animation: slideDown 0.3s ease;
}
.filter-panel {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.filter-panel__fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.filter-panel__fields .filter-field .dropdown-container,
.filter-panel__fields .filter-field .input-container {
  margin-bottom: 0;
}
.filter-panel__fields .filter-field__label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #344054;
  margin-bottom: 6px;
}
.filter-panel__fields .filter-field__daterange-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-panel__fields .filter-field__daterange-separator {
  color: #72808f;
  font-weight: 500;
}
.filter-panel__fields .filter-field--daterange {
  grid-column: span 2;
}
.filter-panel__fields .filter-field--daterange .turkish-datetime-picker {
  flex: 1;
}
.filter-panel__fields .filter-field__number-with-suffix {
  display: flex;
  align-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: border-color 0.2s;
}
.filter-panel__fields .filter-field__number-with-suffix:focus-within {
  border-color: #e7212b;
}
.filter-panel__fields .filter-field__number-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 10px 12px;
  font-size: 14px;
  color: #14181f;
  background: transparent;
  min-width: 0;
}
.filter-panel__fields .filter-field__number-input::placeholder {
  color: #9ca3af;
}
.filter-panel__fields .filter-field__number-input {
  /* Hide number input spinners */
  -moz-appearance: textfield;
}
.filter-panel__fields .filter-field__number-input::-webkit-outer-spin-button, .filter-panel__fields .filter-field__number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.filter-panel__fields .filter-field__number-suffix {
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #505766;
  background: #f9fafb;
  border-left: 1px solid #d0d5dd;
  white-space: nowrap;
}
.filter-panel__fields .filter-field__range-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.filter-panel__fields .filter-field__range-value {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}
.filter-panel__fields .filter-field__range-slider {
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
}
.filter-panel__fields .filter-field__range-track {
  position: relative;
  height: 4px;
  background: #e5e7eb;
  border-radius: 2px;
}
.filter-panel__fields .filter-field__range-fill {
  position: absolute;
  height: 100%;
  background: #e7212b;
  border-radius: 2px;
}
.filter-panel__fields .filter-field__range-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 12px;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  pointer-events: none;
  z-index: 2;
}
.filter-panel__fields .filter-field__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #e7212b;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.filter-panel__fields .filter-field__range-input::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #e7212b;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.filter-panel__fields .filter-field__range-input--min {
  z-index: 3;
}
.filter-panel__fields .filter-field__range-input--max {
  z-index: 2;
}
.filter-panel__fields .filter-field__range-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  font-size: 12px;
  color: #9ca3af;
}
.filter-panel__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.filter-panel__actions button {
  min-width: 120px;
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes sortDropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .page-header__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .page-header__actions-left {
    flex-direction: column;
    align-items: stretch;
  }
  .page-header__actions-right {
    justify-content: space-between;
  }
  .page-header__search {
    max-width: 100%;
  }
  .filter-panel__fields {
    grid-template-columns: 1fr;
  }
  .filter-panel__actions {
    flex-direction: column-reverse;
  }
  .filter-panel__actions button {
    width: 100%;
  }
}.file-image {
  display: block;
  max-width: 100%;
  height: auto;
}
.file-image--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  min-height: 80px;
  color: #999;
}
.file-image__placeholder-icon {
  font-size: 24px;
  line-height: 1;
  opacity: 0.5;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.catalog-card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-darker, rgba(145, 158, 171, 0.2));
  overflow: hidden;
  transition: all 250ms ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  gap: 16px;
}
.catalog-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.catalog-card--clickable {
  cursor: pointer;
}
.catalog-card__image {
  width: 100%;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: var(--color-neutral-light, #f1f1f1);
  border-radius: 8px;
}
.catalog-card__image .file-image,
.catalog-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 350ms ease;
}
.catalog-card__image .file-image--placeholder {
  min-height: 100%;
}
.catalog-card__image:hover .file-image, .catalog-card__image:hover img {
  transform: scale(1.05);
}
.catalog-card__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.catalog-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.catalog-card__tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.catalog-card__duration {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-neutral-dark, #212b36);
  font-size: 12px;
  font-weight: 18px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
}
.catalog-card__duration span {
  white-space: nowrap;
}
.catalog-card__title-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
}
.catalog-card__title {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog-card__description {
  font-size: 12px;
  line-height: 18px;
  color: #707a8f;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog-card__educator {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #707a8f;
  margin: 0;
  font-weight: 400;
}
.catalog-card__status-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}
.catalog-card__status {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #72808f;
  font-size: 14px;
}
.catalog-card__status:not(.catalog-card__status--participant):not(.catalog-card__status--datetime):not(.catalog-card__status--deadline) {
  margin-top: auto;
  padding-top: 8px;
}
.catalog-card__status svg {
  flex-shrink: 0;
}
.catalog-card__status span {
  font-weight: 400;
}
.catalog-card__status--deadline span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #707a8f;
}
.catalog-card__status--participant span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #707a8f;
}
.catalog-card__status--datetime span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #707a8f;
}
.catalog-card__action {
  margin-top: 12px;
}
.catalog-card__button {
  width: 100%;
  justify-content: center;
  border: 1px solid #b6b7ba !important;
  border-radius: 8px;
  color: #14181f;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5%;
  padding: 10px 14px;
}
.catalog-card__button:hover {
  background-color: #f6f7f8;
  border: 1px solid #b6b7ba !important;
  color: #14181f;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._root_1cuo5_31 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 0;
  cursor: pointer;
}
._root_1cuo5_31._root_disabled_1cuo5_40 {
  cursor: not-allowed;
}
._root_1cuo5_31._root_disabled_1cuo5_40 ._answer_1cuo5_43 {
  background-color: #f8f8f9;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  padding: 8px 12px;
}

._input_1cuo5_50 {
  position: absolute !important;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

._boxWrap_1cuo5_58 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._box_1cuo5_58 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-neutral-dark, #212b36);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 250ms ease, background-color 250ms ease;
}
._input_1cuo5_50:checked ~ ._boxWrap_1cuo5_58 ._box_1cuo5_58 {
  border-color: var(--color-primary, #e7212b);
  background-color: var(--color-primary, #e7212b);
}
._input_1cuo5_50:checked ~ ._boxWrap_1cuo5_58 ._box_1cuo5_58 svg path {
  stroke: #fff;
}
._root_1cuo5_31:hover:not(._root_disabled_1cuo5_40) ._boxWrap_1cuo5_58 ._box_1cuo5_58 {
  border-color: var(--color-primary, #e7212b);
}

._answer_1cuo5_43 {
  flex: 1;
  min-height: 40px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-neutral-darker, #e8e8e9);
  border-radius: 6px;
  background-color: #f8f8f9;
  transition: background-color 250ms ease;
}
._input_1cuo5_50:checked ~ ._answer_1cuo5_43 {
  background-color: #f8f8f9;
}
._root_1cuo5_31:hover:not(._root_disabled_1cuo5_40) ._input_1cuo5_50:not(:checked) ~ ._answer_1cuo5_43 {
  background-color: #f1f1f1;
}

._label_1cuo5_105 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: var(--color-neutral-dark, #14181f);
  text-align: left;
}

/* Question text style (Inter Medium 16 / 24, 0.5% letter-spacing) */
._question_1cuo5_115 {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: var(--color-neutral-dark, #14181f);
  margin-bottom: 8px;
}

._questionHint_1cuo5_125 {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: #939598;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._root_1ltex_31 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 0;
  cursor: pointer;
}
._root_1ltex_31._root_disabled_1ltex_40 {
  cursor: not-allowed;
}

._input_1ltex_44 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

._boxWrap_1ltex_52 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._box_1ltex_52 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-neutral-dark, #212b36);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 250ms ease, background-color 250ms ease;
}
._input_1ltex_44:checked ~ ._boxWrap_1ltex_52 ._box_1ltex_52 {
  border-color: var(--color-primary, #e7212b);
  background-color: var(--color-primary, #e7212b);
  box-shadow: inset 0 0 0 6px #fff;
}
._root_1ltex_31:hover:not(._root_disabled_1ltex_40) ._boxWrap_1ltex_52 ._box_1ltex_52 {
  border-color: var(--color-primary, #e7212b);
}

._answer_1ltex_79 {
  flex: 1;
  min-height: 40px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-neutral-darker, #e8e8e9);
  border-radius: 6px;
  background-color: #f8f8f9;
  transition: background-color 250ms ease;
}
._input_1ltex_44:checked ~ ._answer_1ltex_79 {
  background-color: #f8f8f9;
}
._root_1ltex_31:hover:not(._root_disabled_1ltex_40) ._input_1ltex_44:not(:checked) ~ ._answer_1ltex_79 {
  background-color: #f1f1f1;
}

._label_1ltex_97 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: var(--color-neutral-dark, #14181f);
  text-align: left;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._root_jrze0_31 {
  width: 100%;
}
._root_jrze0_31 .dropdown-header {
  border-radius: 6px;
  border: 1px solid var(--color-neutral-darker, #e8e8e9);
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._root_fa3cd_31 {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
._root_fa3cd_31._root_disabled_fa3cd_37 {
  cursor: not-allowed;
}
._root_fa3cd_31._root_disabled_fa3cd_37 ._num_fa3cd_40 {
  cursor: not-allowed;
}

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

._num_fa3cd_40 {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 1px solid var(--color-primary, #e7212b);
  border-radius: 8px;
  background-color: #fff;
  color: var(--color-primary, #e7212b);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.005em;
  cursor: pointer;
  transition: background-color 250ms ease, border-color 250ms ease;
}
._num_fa3cd_40:hover:not(:disabled) {
  background-color: #ffeff0;
}
._num_fa3cd_40:focus-visible {
  outline: 2px solid var(--color-primary, #e7212b);
  outline-offset: 2px;
}
._num_fa3cd_40._num_selected_fa3cd_78 {
  background-color: #ffeff0;
}

._labels_fa3cd_82 {
  display: flex;
  width: auto;
  padding: 0;
  font-size: 12px;
  color: #939598;
  line-height: 1.2;
  width: 210px;
  justify-content: space-between;
}

._labelMin_fa3cd_93 {
  text-align: center;
}

._labelMax_fa3cd_97 {
  width: 36px;
  text-align: center;
}

._root_disabled_fa3cd_37 ._num_fa3cd_40 {
  cursor: not-allowed;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._root_yavpv_31 {
  display: inline-flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
._root_yavpv_31._root_disabled_yavpv_37 {
  cursor: not-allowed;
}
._root_yavpv_31._root_disabled_yavpv_37 ._star_yavpv_40 {
  cursor: not-allowed;
}

._star_yavpv_40 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--color-primary, #e7212b);
  transition: transform 250ms ease;
}
._star_yavpv_40:hover:not(:disabled) {
  transform: scale(1.1);
}
._star_yavpv_40:focus-visible {
  outline: 2px solid var(--color-primary, #e7212b);
  outline-offset: 2px;
  border-radius: 2px;
}
._star_yavpv_40 svg {
  display: block;
  flex-shrink: 0;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._root_jlpyj_31 {
  width: 100%;
}
._root_jlpyj_31 .textarea {
  min-height: 200px;
  border-radius: 6px;
  border: 1px solid var(--color-neutral-darker, #e8e8e9);
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._filterContainer_h1fnw_31 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._catalogGrid_h1fnw_37 {
  display: grid;
  gap: 24px;
  margin-top: 24px;
}
._catalogGrid_h1fnw_37._grid_h1fnw_42 {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
._catalogGrid_h1fnw_37._list_h1fnw_45 {
  grid-template-columns: 1fr;
}

._loadingState_h1fnw_49,
._errorMessage_h1fnw_50,
._emptyState_h1fnw_51 {
  margin-top: 24px;
  padding: 24px;
  text-align: center;
  color: var(--text-secondary, #637381);
}

._errorMessage_h1fnw_50 {
  color: var(--error, #dc2626);
  background: rgba(220, 38, 38, 0.08);
  border-radius: 8px;
}

._loadMore_h1fnw_64 {
  display: flex;
  justify-content: center;
  margin: 24px 0 8px;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.card {
  border: 1px solid var(--color-neutral-darker, rgba(145, 158, 171, 0.2));
  border-radius: 12px;
  /* box-shadow: $box-shadow; */
  background-color: #fff;
  overflow: hidden;
  transition: all 250ms ease;
  height: 100%;
}

.card-header {
  background-color: var(--color-neutral-lighter, #f5f5f5);
  padding: 16px;
  font-size: 20px;
  font-weight: 500;
}

.card-content {
  padding: 16px;
  font-size: 14px;
  color: var(--color-neutral-dark);
  height: 100%;
}

.card-footer {
  background-color: var(--color-neutral-lighter, #f5f5f5);
  padding: 10px;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid var(--color-neutral-darker, rgba(145, 158, 171, 0.2));
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
.education-video-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
.education-video-player video {
  width: 100%;
  height: 100%;
  display: block;
}
.education-video-player__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.education-video-player__controls.visible {
  opacity: 1;
}
.education-video-player__progress-wrap {
  cursor: pointer;
  padding: 8px 0;
  margin: -8px 0 12px;
}
.education-video-player__progress-track {
  position: relative;
  height: 6px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  overflow: hidden;
}
.education-video-player__progress-watched {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 149, 0, 0.7);
  border-radius: 3px;
  pointer-events: none;
}
.education-video-player__progress-current {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #ff9500;
  border-radius: 3px;
  pointer-events: none;
}
.education-video-player__controls-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.education-video-player__controls-left, .education-video-player__controls-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.education-video-player__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
}
.education-video-player__btn svg {
  color: inherit;
}
.education-video-player__btn {
  transition: background 0.2s;
}
.education-video-player__btn:hover {
  background: rgba(255, 255, 255, 0.2);
}
.education-video-player__btn--rewind {
  gap: 2px;
}
.education-video-player__btn--rewind span {
  font-size: 12px;
  font-weight: 600;
}
.education-video-player__volume {
  width: 72px;
  height: 4px;
  accent-color: #ff9500;
  cursor: pointer;
}
.education-video-player__time {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
  font-family: "Inter", sans-serif;
}
.education-video-player__speed {
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.education-video-player__no-seek-hint {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  pointer-events: none;
}
.education-video-player__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #0a0a0a 0%, #1a1a1a 100%);
  color: rgba(255, 255, 255, 0.85);
}
.education-video-player__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.education-video-player__loading-spinner {
  position: relative;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.education-video-player__loading-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid rgba(255, 149, 0, 0.15);
  border-top-color: #ff9500;
  animation: education-video-player-spin 0.8s linear infinite;
}
.education-video-player__loading-icon {
  position: relative;
  width: 28px;
  height: 28px;
  color: rgba(255, 149, 0, 0.9);
  animation: education-video-player-pulse 1.2s ease-in-out infinite;
}
.education-video-player__loading-icon svg {
  width: 100%;
  height: 100%;
}
.education-video-player__loading-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.7);
}

@keyframes education-video-player-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes education-video-player-pulse {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._body_nr8g4_31 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._questionText_nr8g4_37 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #14181f;
  font-family: "Inter", sans-serif;
}

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

._footer_nr8g4_52 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._container_f3ngz_32 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

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

._backButton_f3ngz_44 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}
._backButton_f3ngz_44:hover {
  background: #f6f7f8;
  border-color: #d0d0d1;
}

._mainContent_f3ngz_61 {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
}
@media (max-width: 1200px) {
  ._mainContent_f3ngz_61 {
    grid-template-columns: 1fr;
  }
}

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

._rightColumn_f3ngz_78 {
  z-index: 1000;
}
@media (max-width: 1200px) {
  ._rightColumn_f3ngz_78 {
    order: -1;
  }
}

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

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

._deadline_f3ngz_101 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #707a8f;
  font-size: 12px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

._title_f3ngz_111 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.08px;
  color: #14181f;
  font-family: "Inter", sans-serif;
  margin: 0;
}

._educator_f3ngz_121 {
  font-size: 14px;
  font-weight: 500;
  color: #707a8f;
  font-family: "Inter", sans-serif;
  margin-bottom: 8px;
  line-height: 20px;
  letter-spacing: 0.08px;
}

._videoContainer_f3ngz_131 {
  width: 100%;
  min-height: 430px;
  aspect-ratio: 16/9;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
}
._videoContainer_f3ngz_131._videoContainerJitsi_f3ngz_139 {
  min-height: 560px;
  aspect-ratio: auto;
  display: flex;
  flex-direction: column;
}

._videoIframe_f3ngz_146 {
  width: 100%;
  height: 100%;
  border: none;
}

._jitsiWrapper_f3ngz_152 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 560px;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
}
._jitsiWrapper_f3ngz_152 ._videoIframe_f3ngz_146 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}

._jitsiEmbedArea_f3ngz_170 {
  flex: 1;
  min-height: 520px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

._videoPlaceholder_f3ngz_179 {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}

._filePlaceholder_f3ngz_185 {
  width: 100%;
  min-height: 430px;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f7f8;
  border-radius: 12px;
}

._filePlaceholderContent_f3ngz_196 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px;
}

._filePlaceholderTitle_f3ngz_204 {
  font-size: 14px;
  font-weight: 500;
  color: #505862;
  font-family: "Inter", sans-serif;
  margin: 0;
  text-align: center;
}

._videoThumbnail_f3ngz_213 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._videoOverlay_f3ngz_219 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
}

._playButton_f3ngz_231 {
  cursor: pointer;
  transition: transform 0.2s ease;
}
._playButton_f3ngz_231:hover {
  transform: scale(1.1);
}

._videoControls_f3ngz_239 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

._videoProgress_f3ngz_248 {
  margin-bottom: 8px;
}

._videoProgressBar_f3ngz_252 {
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  overflow: hidden;
}

._videoProgressFill_f3ngz_259 {
  height: 100%;
  background: #e7212b;
  border-radius: 2px;
}

._videoTime_f3ngz_265 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 12px;
  font-family: "Inter", sans-serif;
}

._tabContainer_f3ngz_274 {
  margin-top: 8px;
}

._tabContent_f3ngz_278 {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  padding: 16px 24px;
  max-height: 430px;
  overflow-y: auto;
}

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

._publishDate_f3ngz_293 {
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
  font-family: "Inter", sans-serif;
  text-align: right;
  line-height: 18px;
  letter-spacing: 0.08px;
}

._descriptionText_f3ngz_303 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #505862;
  font-family: "Inter", sans-serif;
}
._descriptionText_f3ngz_303 p {
  margin: 0 0 16px 0;
}
._descriptionText_f3ngz_303 p:last-child {
  margin-bottom: 0;
}

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

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

._unitsSummaryItem_f3ngz_329 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #2f333c;
  font-family: "Inter", sans-serif;
}

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

._unitAccordionItem_f3ngz_347 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  padding: 10px 12px;
}
._unitAccordionItem_f3ngz_347._expanded_f3ngz_354 ._unitAccordionHeader_f3ngz_354 {
  border-bottom: 1px solid #e8e8e9;
}

._unitAccordionHeader_f3ngz_354 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
._unitAccordionLeft_f3ngz_366 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._unitAccordionArrow_f3ngz_372 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  color: #707a8f;
}
._unitAccordionArrow_f3ngz_372._expanded_f3ngz_354 {
  transform: rotate(180deg);
}

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

._unitAccordionTitle_f3ngz_389 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #2f333c;
  font-family: "Inter", sans-serif;
  margin: 0;
}

._unitAccordionMeta_f3ngz_399 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #707a8f;
  font-family: "Inter", sans-serif;
}
._unitAccordionMeta_f3ngz_399 ._dot_f3ngz_410 {
  color: #707a8f;
}

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

._unitProgressText_f3ngz_421 {
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  color: #ff9500;
  font-family: "Inter", sans-serif;
}

._unitAccordionContent_f3ngz_429 {
  padding: 0 16px 16px 16px;
  background: #fff;
}

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

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

._unitTitle_f3ngz_446 {
  font-size: 16px;
  font-weight: 600;
  color: #14181f;
  font-family: "Inter", sans-serif;
  margin: 0;
}

._unitMeta_f3ngz_454 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #2e90fa;
  font-family: "Inter", sans-serif;
}
._unitMeta_f3ngz_454 ._dot_f3ngz_410 {
  color: #707a8f;
}

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

._lessonItem_f3ngz_473 {
  display: flex;
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid #f1f1f1;
}
._lessonItem_f3ngz_473:last-child {
  border-bottom: none;
}
._lessonItem_f3ngz_473._lessonItemClickable_f3ngz_482 {
  cursor: pointer;
}
._lessonItem_f3ngz_473._lessonItemClickable_f3ngz_482:hover {
  background: #f9fafb;
  margin: 0 -12px;
  padding: 12px;
  border-radius: 8px;
}
._lessonItem_f3ngz_473._lessonItemSelected_f3ngz_491 {
  background: #fff5eb;
  margin: 0 -12px;
  padding: 12px;
  border-radius: 8px;
  /* Tasarımcı: seçilmiş sadece kalın yazı, border-left yok */
}
._lessonItem_f3ngz_473._lessonItemSelected_f3ngz_491 ._lessonTitle_f3ngz_498 {
  font-weight: 700;
}

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

._lessonTitleRow_f3ngz_509 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

._lessonTitle_f3ngz_498 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  font-family: "Inter", sans-serif;
  flex: 1;
  min-width: 0;
}

._lessonTitleRow_f3ngz_509 ._chip_f3ngz_526 {
  flex-shrink: 0;
}

._lessonDuration_f3ngz_530 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #e7212b;
  font-family: "Inter", sans-serif;
}
._lessonDuration_f3ngz_530._lessonDurationNotStarted_f3ngz_539 {
  color: #707a8f;
}

._progressCard_f3ngz_543 {
  position: sticky;
  top: 24px;
  background: #fff;
  padding-bottom: 2px;
}

._enrollmentSection_f3ngz_550 {
  margin-bottom: 16px;
}
._enrollmentSection_f3ngz_550 ._enrollmentButton_f3ngz_553 {
  width: 100%;
}

._progressSection_f3ngz_557 {
  padding: 16px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 16px;
}

._progressHeader_f3ngz_565 {
  margin-bottom: 16px;
}

._progressTitle_f3ngz_569 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #14181f;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.08px;
  margin: 0;
}

._progressStats_f3ngz_579 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._progressStatItem_f3ngz_586 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
  font-family: "Inter", sans-serif;
}

._lessonCount_f3ngz_596 {
  color: #14181f;
}

._progressPercentage_f3ngz_600 {
  font-size: 14px;
  font-weight: 600;
  color: #e7212b;
  font-family: "Inter", sans-serif;
}

._progressBar_f3ngz_607 {
  height: 8px;
  background: #f1f1f1;
  border-radius: 4px;
  overflow: hidden;
}

._progressBarFill_f3ngz_614 {
  height: 100%;
  background: linear-gradient(90deg, #ff9500 0%, #ff6b00 100%);
  border-radius: 4px;
  transition: width 0.3s ease;
}

._unitsList_f3ngz_621 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  overflow-y: auto;
  max-height: 430px !important;
}

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

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

._unitCardTitle_f3ngz_645 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #14181f;
  font-family: "Inter", sans-serif;
  margin: 0;
}

._unitCardMeta_f3ngz_655 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-weight: 400;
  color: #707a8f;
  font-family: "Inter", sans-serif;
}
._unitCardMeta_f3ngz_655 ._dot_f3ngz_410 {
  color: #707a8f;
}

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

._unitCardLesson_f3ngz_670 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 0;
  border-bottom: 1px solid #f5f5f5;
}
._unitCardLesson_f3ngz_670:last-child {
  border-bottom: none;
}
._unitCardLesson_f3ngz_670._unitCardLessonClickable_f3ngz_686 {
  cursor: pointer;
}
._unitCardLesson_f3ngz_670._unitCardLessonClickable_f3ngz_686:hover {
  background: #f9fafb;
  border-radius: 6px;
  margin: 0 -8px;
  padding: 8px;
}
._unitCardLesson_f3ngz_670._unitCardLessonSelected_f3ngz_695 {
  background: #fff5eb;
  border-radius: 6px;
  margin: 0 -8px;
  padding: 8px;
  /* Tasarımcı: seçilmiş sadece kalın yazı, border-left yok */
}
._unitCardLesson_f3ngz_670._unitCardLessonSelected_f3ngz_695 ._unitCardLessonTitle_f3ngz_702 {
  font-weight: 700;
}

._unitCardLessonInfo_f3ngz_706 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

._unitCardLessonTitle_f3ngz_702 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #707a8f;
  font-family: "Inter", sans-serif;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

._unitCardLessonInfo_f3ngz_706 ._chip_f3ngz_526 {
  flex-shrink: 0;
}

._unitCardLessonDuration_f3ngz_734 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  color: #e7212b;
  font-family: "Inter", sans-serif;
}
._unitCardLessonDuration_f3ngz_734._unitCardLessonDurationNotStarted_f3ngz_743 {
  color: #707a8f;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.breadcrumb__list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  gap: 10px;
  margin: 1rem 0;
}
.breadcrumb__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.breadcrumb__link {
  color: #72808f;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #707a8f;
  transition: color 250ms ease-in-out;
  cursor: pointer;
}
.breadcrumb__link:hover {
  color: var(--color-primary, #e7212b);
  text-decoration: none;
}
.breadcrumb__link--button {
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
}
.breadcrumb__separator {
  display: flex;
  align-items: center;
  color: var(--color-neutral-dark, #637381);
  font-size: 16px;
  user-select: none;
}
.breadcrumb__separator svg {
  flex-shrink: 0;
}
.breadcrumb__text {
  color: var(--color-neutral-dark, #637381);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #707a8f;
}
.breadcrumb__text--active {
  color: var(--color-primary, #e7212b);
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.switch {
  position: relative;
  width: 40px;
  height: 20px;
  border-radius: 9999px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 250ms;
}
.switch.default {
  background-color: #e7212b;
}
.switch.primary {
  background-color: var(--color-primary, #e7212b);
}
.switch.success {
  background-color: var(--color-success, #22c55e);
}
.switch.info {
  background-color: var(--color-info, #00b8d9);
}
.switch.warning {
  background-color: var(--color-warning, #ffab00);
}
.switch.error {
  background-color: var(--color-error, red);
}
.switch.unchecked {
  /* Unchecked: koyu gri, açık arka planda net görünsün */
  background-color: #9ca3af;
}
.switch.unchecked.hover:not(.disabled) {
  background-color: #6b7280;
}
.switch.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.switch .switch-toggle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background-color: #fff;
  transition: transform 250ms;
}
.switch.checked .switch-toggle {
  transform: translateX(20px);
}.document-upload-modal-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px 0;
}
.document-upload-modal-content .form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.document-upload-modal-content .form-field .field-label {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a2e;
}
.document-upload-modal-content .visibility-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.document-upload-modal-content .visibility-field .visibility-label {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #707a8f;
}
.document-upload-modal-content .visibility-field .visibility-switch {
  display: flex;
  align-items: center;
  gap: 12px;
}
.document-upload-modal-content .visibility-field .visibility-switch .switch-label {
  font-size: 14px;
  color: #c41e3a;
  font-weight: 500;
}

.document-upload-modal-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}.unit-add-modal-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px 0;
}
.unit-add-modal-content .form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.unit-add-modal-content .form-field .field-label {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a2e;
}
.unit-add-modal-content .unit-duration-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.unit-add-modal-content .unit-add-modal-muted {
  margin-top: 8px;
  font-size: 13px;
  color: #707a8f;
}
.unit-add-modal-content .unit-add-modal-files {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.unit-add-modal-content .unit-add-modal-objectives {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.unit-add-modal-content .unit-add-modal-objective {
  border: 1px solid #eef1f6;
  border-radius: 10px;
  padding: 12px;
  background: #fff;
}
.unit-add-modal-content .unit-add-modal-objective-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.unit-add-modal-content .unit-add-modal-objective-title {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
}
.unit-add-modal-content .unit-add-modal-questions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.unit-add-modal-content .unit-add-modal-question {
  padding: 10px;
  border: 1px dashed #e3e8f3;
  border-radius: 10px;
  background: #fbfcff;
}
.unit-add-modal-content .unit-add-modal-hint {
  margin: 6px 0 0;
  font-size: 12px;
  color: #707a8f;
}
.unit-add-modal-content .unit-add-modal-options {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.unit-add-modal-content .unit-add-modal-option-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.unit-add-modal-content .unit-add-modal-icon-btn {
  border: none;
  background: transparent;
  padding: 6px;
  cursor: pointer;
  color: #1a1a2e;
  opacity: 0.9;
}
.unit-add-modal-content .unit-add-modal-icon-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.unit-add-modal-content .unit-add-modal-remove-link {
  margin-top: 10px;
  border: none;
  background: transparent;
  color: #c51d26;
  cursor: pointer;
  font-size: 13px;
  text-align: left;
  padding: 0;
}
.unit-add-modal-content .unit-add-modal-question-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.unit-add-modal-content .unit-add-modal-question-section-title {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
}
.unit-add-modal-content .unit-add-modal-question-section-subtitle {
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
}

.unit-add-modal-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
.checkbox-with-text {
  display: flex;
  align-items: center;
}

.checkbox {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 10px;
  flex-shrink: 0;
}

.label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  text-align: left;
  position: relative;
}
.label.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.checkbox-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
}

input[type=checkbox] {
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid #ddd;
  transition: all 0.2s ease;
}
input[type=checkbox]:not(:checked) {
  background-color: white;
}
input[type=checkbox]:checked {
  position: relative;
  background-color: #fff6ed;
  border-color: var(--color-primary);
}
input[type=checkbox]:disabled {
  cursor: not-allowed;
}

.checkbox-with-text.bordered input[type=checkbox] {
  border: 1px solid #e8e8e9;
  box-sizing: border-box;
}
.checkbox-with-text.bordered input[type=checkbox]:disabled {
  border-color: #e8e8e9;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
.instructor-select-modal-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 8px 0;
  min-height: 320px;
}

.instructor-select-modal-table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
}

.instructor-select-modal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.instructor-select-modal-table thead {
  position: sticky;
  top: 0;
  background: #f8f8f9;
  z-index: 1;
}
.instructor-select-modal-table thead tr {
  border-bottom: 1px solid #e8e8e9;
}
.instructor-select-modal-table th {
  text-align: left;
  padding: 12px 16px;
  font-weight: 600;
  color: #707a8f;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.instructor-select-modal-table .instructor-select-modal-th-check {
  width: 48px;
  padding-right: 8px;
}
.instructor-select-modal-table .instructor-select-modal-th-name {
  min-width: 180px;
}
.instructor-select-modal-table .instructor-select-modal-th-tc {
  min-width: 140px;
}
.instructor-select-modal-table tbody tr {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.15s ease;
}
.instructor-select-modal-table tbody tr:hover {
  background: #fafafa;
}
.instructor-select-modal-table tbody tr:last-child {
  border-bottom: none;
}
.instructor-select-modal-table td {
  padding: 12px 16px;
  color: #1a1a2e;
  vertical-align: middle;
}
.instructor-select-modal-table .instructor-select-modal-td-check {
  width: 48px;
  padding-right: 8px;
}

.instructor-select-modal-selected {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #e8e8e9;
}
.instructor-select-modal-selected .instructor-select-modal-selected-label {
  font-size: 13px;
  font-weight: 500;
  color: #707a8f;
}

.instructor-select-modal-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.instructor-select-modal-tag {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  background: #f1f2f4;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.005em;
  color: #2f333c;
}
.instructor-select-modal-tag .instructor-select-modal-tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #707a8f;
  border-radius: 4px;
}
.instructor-select-modal-tag .instructor-select-modal-tag-remove svg {
  width: 16px;
  height: 16px;
  color: #707a8f;
}
.instructor-select-modal-tag .instructor-select-modal-tag-remove:hover {
  background: #e8e8e9;
}
.instructor-select-modal-tag .instructor-select-modal-tag-remove:hover svg {
  color: #707a8f;
}

.instructor-select-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
.confirm-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.2s ease-out;
}

.confirm-modal {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 600px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
  animation: scaleIn 0.2s ease-out;
}
.confirm-modal__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 20px 24px;
  position: relative;
  border-bottom: 1px solid #E8E8E9;
}
.confirm-modal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: #E8F7F1;
  border-radius: 12px;
  color: #93D9C0;
  border: 1px solid #93D9C0;
}
.confirm-modal__icon--danger {
  background-color: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
.confirm-modal__title {
  margin: 0;
  font-size: 18px;
  line-height: 28x;
  font-weight: 600;
  letter-spacing: 0.08px;
  color: #14181F;
  flex: 1;
  color: #2F333C;
}
.confirm-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  color: #707A8F;
  transition: all 0.2s ease;
}
.confirm-modal__close:hover {
  background-color: #F6F7F8;
  color: #14181F;
}
.confirm-modal__body {
  padding: 24px;
  gap: 24px;
  text-align: left;
}
.confirm-modal__message {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.08px;
  color: #666F82;
  text-align: left;
}
.confirm-modal__message .highlight-success {
  color: #15AC77;
  font-weight: 700;
  text-decoration: underline;
}
.confirm-modal__message .highlight-error {
  color: #FE5B65;
  font-weight: 700;
  text-decoration: underline;
}
.confirm-modal__message .highlight-warning {
  color: #F59E0B;
  font-weight: 700;
  text-decoration: underline;
}
.confirm-modal__poll-name {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #14181F;
}
.confirm-modal__exam-stats {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.confirm-modal__stat-card {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background-color: #FFFFFF;
  border: 1px solid #E8E8E9;
  border-radius: 12px;
}
.confirm-modal__stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 12px;
}
.confirm-modal__stat-icon--success {
  background-color: #E8F7F1;
  color: #15AC77;
}
.confirm-modal__stat-icon--purple {
  background-color: #F3EEFF;
  color: #8B5CF6;
}
.confirm-modal__stat-icon--blue {
  background-color: #EEF4FF;
  color: #3B82F6;
}
.confirm-modal__stat-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.confirm-modal__stat-value {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.5%;
  color: #14181F;
}
.confirm-modal__stat-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
  color: #707A8F;
}
.confirm-modal__exam-description {
  padding: 24px;
  background-color: #FFFFFF;
  border: 1px solid #E8E8E9;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.5%;
  color: #2F333C;
}
.confirm-modal__poll-dates {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
  padding: 16px;
  background-color: #F6F7F8;
  border-radius: 12px;
}
.confirm-modal__date-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #707A8F;
}
.confirm-modal__date-item svg {
  flex-shrink: 0;
}
.confirm-modal__date-label {
  font-size: 14px;
  font-weight: 500;
  color: #707A8F;
}
.confirm-modal__date-value {
  font-size: 14px;
  font-weight: 600;
  color: #14181F;
}
.confirm-modal__footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  border-top: 1px solid #E8E8E9;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
.map-component {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.map-component .map-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 8px;
}
.map-component .map-loading .loading-spinner {
  text-align: center;
  color: #666;
}
.map-component .map-loading .loading-spinner .spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #e5e7eb;
  border-top: 4px solid #f97316;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 16px;
}
.map-component .map-loading .loading-spinner p {
  margin: 0;
  font-size: 14px;
}
.map-component .map-controls {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  z-index: 1000;
  display: flex;
  gap: 8px;
  align-items: center;
}
.map-component .map-controls .search-input {
  flex: 1;
  position: relative;
}
.map-component .map-controls .search-input .search-field {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.map-component .map-controls .search-input .search-field:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.map-component .map-controls .current-location-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.map-component .map-controls .current-location-btn:hover {
  background: #f9fafb;
  border-color: #3b82f6;
}
.map-component .map-controls .current-location-btn svg {
  color: #6b7280;
}
.map-component .leaflet-container {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  z-index: 1;
}
.map-component .leaflet-container .leaflet-popup-content-wrapper {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.map-component .leaflet-container .leaflet-popup-content {
  margin: 8px 12px;
  font-size: 14px;
}
.map-component .leaflet-container .marker-popup {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #374151;
}
.map-component .leaflet-container .marker-popup svg {
  color: #ef4444;
  flex-shrink: 0;
}
.map-component .map-container {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  background: #e8f4f8;
  border-radius: 8px;
  overflow: hidden;
}
.map-component .map-container .map-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.map-component .map-container .map-content .map-grid {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.map-component .map-container .map-content .map-grid .grid-line {
  position: absolute;
  background: #ccc;
}
.map-component .map-container .map-content .map-grid .grid-line.horizontal {
  width: 100%;
  height: 1px;
}
.map-component .map-container .map-content .map-grid .grid-line.vertical {
  height: 100%;
  width: 1px;
}
.map-component .map-container .map-content .map-roads {
  position: absolute;
  width: 100%;
  height: 100%;
}
.map-component .map-container .map-content .map-roads .road {
  position: absolute;
  background: #ffd700;
  border-radius: 2px;
}
.map-component .map-container .map-content .map-roads .road.horizontal {
  width: 100%;
  height: 8px;
}
.map-component .map-container .map-content .map-roads .road.vertical {
  height: 100%;
  width: 8px;
}
.map-component .map-container .map-content .map-buildings {
  position: absolute;
  width: 100%;
  height: 100%;
}
.map-component .map-container .map-content .map-buildings .building {
  position: absolute;
  background: #8b4513;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.map-component .map-container .map-content .map-marker {
  position: absolute;
  z-index: 1000;
  animation: bounce 2s infinite;
}
.map-component .map-container .map-content .map-marker .marker-label {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: #f97316;
  color: white;
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.map-component .selected-location-info {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: white;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  z-index: 1000;
}
.map-component .selected-location-info svg {
  color: #f97316;
  margin-right: 8px;
  flex-shrink: 0;
}
.map-component .selected-location-info span {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .map-component .map-search {
    top: 8px;
    left: 8px;
    right: 8px;
  }
  .map-component .map-search .search-input-container .search-button {
    padding: 12px 12px;
    font-size: 12px;
  }
  .map-component .map-controls {
    bottom: 8px;
    right: 8px;
  }
  .map-component .map-controls .current-location-button {
    width: 40px;
    height: 40px;
  }
  .map-component .selected-location-info {
    bottom: 8px;
    left: 8px;
    right: 60px;
    padding: 8px 12px;
  }
  .map-component .selected-location-info span {
    font-size: 12px;
  }
}
.custom-marker {
  background: transparent !important;
  border: none !important;
}

.custom-marker-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}._container_ame9i_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._pageHeader_ame9i_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

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

._backButton_ame9i_21 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}
._backButton_ame9i_21:hover {
  background: #f6f7f8;
  border-color: #d0d0d1;
}

._actionButtons_ame9i_38 {
  display: flex;
  gap: 8px;
}
._actionButtons_ame9i_38 ._draftButton_ame9i_42 {
  flex: 1 1 50%;
  min-width: 0;
  height: 40px;
  padding: 10px 24px;
  border-radius: 8px;
}
._actionButtons_ame9i_38 ._publishButton_ame9i_49 {
  flex: 1 1 50%;
  min-width: 0 !important;
  height: 40px;
  padding: 10px 24px;
  border-radius: 8px;
}

._mainContent_ame9i_57 {
  display: grid;
  grid-template-columns: 1fr 329px;
  gap: 24px;
}
@media (max-width: 1200px) {
  ._mainContent_ame9i_57 {
    grid-template-columns: 1fr;
  }
}

._loadingState_ame9i_68 {
  padding: 48px 24px;
  text-align: center;
  color: #707a8f;
  font-size: 14px;
}

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

._formCard_ame9i_81 {
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8e9;
}

._cardHeader_ame9i_89 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

._cardTitle_ame9i_96 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.08px;
  font-weight: 600;
  color: #14181f;
  margin: 0;
  font-family: "Inter", sans-serif;
}

._cardId_ame9i_106 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #707a8f;
  font-family: "Inter", sans-serif;
}

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

._formRow_ame9i_121 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 768px) {
  ._formRow_ame9i_121 {
    grid-template-columns: 1fr;
  }
}

._formField_ame9i_132 {
  width: 100%;
}

._locationCoords_ame9i_136 {
  margin-top: 8px;
  font-size: 13px;
  color: #707a8f;
}

._unitsCard_ame9i_142 {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #e8e8e9;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

._unitsHeader_ame9i_152 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8e8e9;
}

._unitsTitle_ame9i_160 {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #14181f;
  margin: 0;
  font-family: "Inter", sans-serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

._addUnitButton_ame9i_174 {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  color: #c51d26;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.5%;
  transition: opacity 0.2s ease;
  text-decoration: underline;
}
._addUnitButton_ame9i_174:hover {
  opacity: 0.8;
}
._addUnitButton_ame9i_174 svg {
  color: #c51d26;
}

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

._unitItem_ame9i_201 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  transition: all 0.2s ease;
}
._unitItem_ame9i_201:hover {
  border-color: #d0d0d1;
}

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

._unitNumber_ame9i_221 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  font-family: "Inter", sans-serif;
}

._unitName_ame9i_228 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  font-family: "Inter", sans-serif;
}

._unitMeta_ame9i_235 {
  font-size: 12px;
  color: #707a8f;
  font-family: "Inter", sans-serif;
}

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

._removeUnitButton_ame9i_247 {
  width: 32px;
  height: 32px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._removeUnitButton_ame9i_247:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #e7212b;
}

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

._liveStreamQuestionItem_ame9i_272 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  transition: border-color 0.2s ease;
}
._liveStreamQuestionItem_ame9i_272:hover {
  border-color: #d0d0d1;
}

._liveStreamQuestionGrip_ame9i_286 {
  display: flex;
  color: #707a8f;
  flex-shrink: 0;
  padding-top: 2px;
}

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

._liveStreamQuestionTitleRow_ame9i_298 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

._liveStreamQuestionActions_ame9i_306 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

._liveStreamQuestionHeading_ame9i_313 {
  font-size: 14px;
  font-weight: 600;
  color: #14181f;
  font-family: "Inter", sans-serif;
}

._liveStreamQuestionEditBtn_ame9i_320 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  color: #707a8f;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
._liveStreamQuestionEditBtn_ame9i_320:hover {
  border-color: #d0d0d1;
  color: #14181f;
  background: #f6f7f8;
}

._liveStreamQuestionText_ame9i_340 {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #14181f;
  font-family: "Inter", sans-serif;
}

._rightColumn_ame9i_348 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1200px) {
  ._rightColumn_ame9i_348 {
    flex-direction: row;
    flex-wrap: wrap;
  }
  ._rightColumn_ame9i_348 ._sidebarCard_ame9i_358 {
    flex: 1 1 calc(50% - 6px);
    min-width: 280px;
  }
}
@media (max-width: 768px) {
  ._rightColumn_ame9i_348 ._sidebarCard_ame9i_358 {
    flex: 1 1 100%;
  }
}

._sidebarCard_ame9i_358 {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid #e8e8e9;
}

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

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

._durationRow_ame9i_388 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

._locationHint_ame9i_394 {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: #707a8f;
}

._sidebarCardBody_ame9i_401 {
  margin-top: 12px;
}

._budgetApproved_ame9i_405 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #0d7a3e;
  background: #e8f5ee;
  border: 1px solid #b8e0cc;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.02em;
}

._sidebarCardTitle_ame9i_420 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.08px;
  color: #14181f;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

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

._sidebarCardTitleIcon_ame9i_435 {
  flex-shrink: 0;
  color: #14181f;
}

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

._switchLabel_ame9i_446 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-weight: 500;
  color: #e7212b;
  font-family: "Inter", sans-serif;
}

._instructorTags_ame9i_455 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._instructorTag_ame9i_455 {
  display: inline-block;
  padding: 4px 10px;
  background: #f5f5f5;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  font-size: 13px;
  color: #1a1a2e;
}

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

._fieldLabel_ame9i_476 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5%;
  font-weight: 500;
  color: #707a8f;
  margin-bottom: 8px;
  display: block;
}

._documentList_ame9i_487 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

._documentItem_ame9i_494 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  transition: all 0.2s ease;
}
._documentItem_ame9i_494:hover {
  border-color: #d0d0d1;
}

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

._documentIcon_ame9i_514 {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._documentIcon_ame9i_514::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 4px;
  width: 14px;
  height: 6px;
  background: #d97706;
  border-radius: 2px 2px 0 0;
}
._documentIcon_ame9i_514::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  right: 4px;
  bottom: 6px;
  background: #fcd34d;
  border-radius: 0 4px 4px 4px;
}
._documentIcon_ame9i_514 ._fileCount_ame9i_544 {
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #e7212b;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

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

._documentName_ame9i_567 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  font-family: "Inter", sans-serif;
}

._documentStatus_ame9i_574 {
  font-size: 12px;
  font-weight: 500;
  color: #10b981;
  font-family: "Inter", sans-serif;
}

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

._removeDocumentButton_ame9i_587 {
  width: 32px;
  height: 32px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._removeDocumentButton_ame9i_587:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #e7212b;
}

._addDocumentArea_ame9i_606 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
  border: 1px dashed #e8e8e9;
  border-radius: 8px;
  background: #fafafa;
  gap: 16px;
}

._addDocumentText_ame9i_618 {
  font-size: 14px;
  color: #707a8f;
  margin: 0;
  text-align: center;
  font-family: "Inter", sans-serif;
}._modalHeader_1yute_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #e8e8e9;
}

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

._headerTitle_1yute_15 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #14181f;
}

._headerBadge_1yute_23 {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  background-color: #f1f2f4;
  border: 1px solid #d3d6dc;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #2f333c;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.08px;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._closeButton_1yute_42 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  transition: all 0.2s ease;
  border-radius: 8px;
  gap: 4px;
}
._closeButton_1yute_42:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._modalContent_1yute_61 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: calc(80vh - 200px);
  overflow: hidden;
}

._toolbar_1yute_69 {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

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

._toolbarRight_1yute_84 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._toolbarRight_1yute_84 .button.outlined.success {
  background-color: #e8f7f1;
  border-color: #15ac77;
  color: #15ac77;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  gap: 4px;
}
._toolbarRight_1yute_84 .button.outlined.success:hover:not(._disabled_1yute_99) {
  background-color: #d4f0e5;
  border-color: #15ac77;
}
._toolbarRight_1yute_84 .button.outlined.error {
  background-color: #ffeff0;
  border-color: #fe5b65;
  color: #fe5b65;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  gap: 4px;
}
._toolbarRight_1yute_84 .button.outlined.error:hover:not(._disabled_1yute_99) {
  background-color: #ffe0e2;
  border-color: #fe5b65;
}

._downloadButton_1yute_118 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  transition: all 0.2s ease;
  border-radius: 8px;
}
._downloadButton_1yute_118:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._tableContainer_1yute_136 {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._tableContainer_1yute_136 .table-container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._tableContainer_1yute_136 .table-wrapper {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  border-radius: 12px;
}
._tableContainer_1yute_136 .flex-table {
  height: 100%;
}
._tableContainer_1yute_136 .flex-table-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
._tableContainer_1yute_136 .table-pagination {
  flex-shrink: 0;
}
._tableContainer_1yute_136 .personnel-id-column {
  min-width: 120px;
}
._tableContainer_1yute_136 .personnel-name-column {
  min-width: 160px;
}
._tableContainer_1yute_136 .title-column {
  min-width: 140px;
}
._tableContainer_1yute_136 .department-column {
  min-width: 160px;
}
._tableContainer_1yute_136 .status-column {
  min-width: 120px;
}
._tableContainer_1yute_136 .row-checkbox {
  border-radius: 6px;
}
._tableContainer_1yute_136 .row-checkbox:checked {
  background-color: #e7212b;
  border-color: #e7212b;
}
._tableContainer_1yute_136 .row-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
}
._tableContainer_1yute_136 .row-checkbox:hover {
  border-color: #e7212b;
}

._modalFooter_1yute_205 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

._saveButton_1yute_211 {
  min-width: 120px;
}._headerTitle_1tbco_1 {
  display: flex;
  align-items: center;
  gap: 8px;
}

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

._loadingState_1tbco_13,
._emptyState_1tbco_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  color: #707A8F;
  font-size: 14px;
}

._educationTitle_1tbco_23 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.08px;
  color: #2F333C;
}

._imageContainer_1tbco_32 {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

._educationImage_1tbco_38 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

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

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

._detailLabel_1tbco_58 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #707A8F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-width: 160px;
  flex-shrink: 0;
}

._detailIcon_1tbco_70 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707A8F;
}

._detailValue_1tbco_77 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #14181F;
  text-align: right;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

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

._descriptionSection_1tbco_96 {
  background-color: #F6F7F8;
  border-radius: 12px;
  padding: 16px;
}

._descriptionTitle_1tbco_102 {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #14181F;
}

._descriptionText_1tbco_110 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #4D5464;
}

._footerContainer_1tbco_118 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

._footerButton_1tbco_124 {
  max-width: 200px !important;
}

._joinButton_1tbco_128 {
  margin-right: 8px;
  border-color: #e7212b !important;
  color: #e7212b !important;
  background-color: rgba(231, 33, 43, 0.08) !important;
}
._joinButton_1tbco_128:hover:not(:disabled) {
  background-color: rgba(231, 33, 43, 0.12) !important;
  border-color: #e7212b !important;
  color: #e7212b !important;
}._body_bwtxf_1 {
  min-height: 120px;
  max-height: min(70vh, 560px);
  overflow-y: auto;
}

._subtitle_bwtxf_7 {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  color: var(--color-text-secondary, #5c6578);
}

._muted_bwtxf_13 {
  margin: 0;
  color: var(--color-text-secondary, #5c6578);
}

._error_bwtxf_18 {
  margin: 0;
  color: var(--color-error, #c62828);
}

._list_bwtxf_23 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._card_bwtxf_32 {
  border: 1px solid var(--color-border, #e0e4eb);
  border-radius: 8px;
  padding: 0.875rem 1rem;
  background: var(--color-surface, #fafbfc);
}

._row_bwtxf_39 {
  display: grid;
  grid-template-columns: minmax(100px, 140px) 1fr;
  gap: 0.5rem 1rem;
  align-items: start;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
._row_bwtxf_39:last-child {
  margin-bottom: 0;
}

._label_bwtxf_51 {
  color: var(--color-text-secondary, #5c6578);
  font-weight: 500;
}

._value_bwtxf_56 {
  word-break: break-word;
}

._scheduleBlock_bwtxf_60 {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed var(--color-border, #e0e4eb);
}

._scheduleList_bwtxf_66 {
  margin: 0.35rem 0 0;
  padding-left: 1.1rem;
  font-size: 0.8125rem;
  color: var(--color-text-primary, #1a1d24);
}

._participantsBlock_bwtxf_73 {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px dashed var(--color-border, #e0e4eb);
}

._participantsHeader_bwtxf_79 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-text-primary, #1a1d24);
  margin-bottom: 0.5rem;
}

._participantsCount_bwtxf_86 {
  font-weight: 500;
  color: var(--color-text-secondary, #5c6578);
}

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

._participantItem_bwtxf_97 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.75rem;
  padding: 0.5rem 0.65rem;
  background: #fff;
  border: 1px solid var(--color-border, #e8e8e9);
  border-radius: 6px;
  font-size: 0.8125rem;
}

._participantName_bwtxf_109 {
  font-weight: 500;
  color: var(--color-text-primary, #1a1d24);
}

._participantTitle_bwtxf_114 {
  font-size: 0.75rem;
  color: var(--color-text-secondary, #5c6578);
}

._participantsEmpty_bwtxf_119 {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-text-secondary, #5c6578);
}._pageContainer_lwn6z_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px 24px;
}

._actionButton_lwn6z_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--color-text-secondary, #64748b);
  transition: all 0.2s ease;
}
._actionButton_lwn6z_8:hover {
  background: var(--color-action-hover, rgba(0, 0, 0, 0.04));
  color: var(--color-text-primary, #1e293b);
}
._actionButton_lwn6z_8:focus {
  outline: none;
}

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

._actionMenuItem_lwn6z_36 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 190px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
  color: #4D5464;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
}
._actionMenuItem_lwn6z_36:hover {
  background: #F6F7F8;
}
._actionMenuItem_lwn6z_36._error_lwn6z_58 {
  color: var(--color-error, #ef4444);
}
._actionMenuItem_lwn6z_36._error_lwn6z_58:hover {
  background: rgba(239, 68, 68, 0.08);
}

.education-code-column {
  min-width: 140px;
  font-weight: 500;
}
.education-name-column {
  min-width: 180px;
  flex: 1;
}
.educator-column {
  min-width: 130px;
}
.format-column {
  min-width: 100px;
}
.target-audience-column {
  min-width: 110px;
}
.registration-column {
  min-width: 110px;
  text-align: center;
}
.date-column {
  min-width: 110px;
}
.status-column {
  min-width: 130px;
}._form_fvwuw_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._checkboxRow_fvwuw_7 {
  display: flex;
  align-items: center;
}._rootCategoryName_qhzxp_1 {
  font-weight: 600;
}

._subCategoryName_qhzxp_5 {
  font-weight: 400;
}

._actionButton_qhzxp_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--color-text-secondary, #64748b);
  transition: all 0.2s ease;
}
._actionButton_qhzxp_9:hover {
  background: var(--color-action-hover, rgba(0, 0, 0, 0.04));
  color: var(--color-text-primary, #1e293b);
}
._actionButton_qhzxp_9:focus {
  outline: none;
}

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

._actionMenuItem_qhzxp_37 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 190px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
  color: #4d5464;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
}
._actionMenuItem_qhzxp_37:hover {
  background: #f6f7f8;
}
._actionMenuItem_qhzxp_37._error_qhzxp_59 {
  color: var(--color-error, #ef4444);
}
._actionMenuItem_qhzxp_37._error_qhzxp_59:hover {
  background: rgba(239, 68, 68, 0.08);
}

._nameColumn_qhzxp_66 {
  min-width: 200px;
  flex: 1;
}

._typeColumn_qhzxp_71 {
  min-width: 120px;
}

._parentColumn_qhzxp_75 {
  min-width: 140px;
}

._descriptionColumn_qhzxp_79 {
  min-width: 160px;
  max-width: 280px;
}

._descriptionCell_qhzxp_84 {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._statusColumn_qhzxp_92 {
  min-width: 90px;
}._form_6gfvh_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}._actionButton_ni9d2_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--color-text-secondary, #64748b);
  transition: all 0.2s ease;
}
._actionButton_ni9d2_1:hover {
  background: var(--color-action-hover, rgba(0, 0, 0, 0.04));
  color: var(--color-text-primary, #1e293b);
}
._actionButton_ni9d2_1:focus {
  outline: none;
}

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

._actionMenuItem_ni9d2_29 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 190px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #4d5464;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
}
._actionMenuItem_ni9d2_29:hover {
  background: #f6f7f8;
}
._actionMenuItem_ni9d2_29._error_ni9d2_50 {
  color: var(--color-error, #ef4444);
}
._actionMenuItem_ni9d2_29._error_ni9d2_50:hover {
  background: rgba(239, 68, 68, 0.08);
}

._nameColumn_ni9d2_57 {
  min-width: 200px;
  flex: 1;
}

._typeColumn_ni9d2_62 {
  min-width: 120px;
}

._parentColumn_ni9d2_66 {
  min-width: 140px;
}

._descriptionColumn_ni9d2_70 {
  min-width: 160px;
  max-width: 280px;
}

._descriptionCell_ni9d2_75 {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}._body_yq2f0_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

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

._label_yq2f0_13 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._targetRow_yq2f0_19 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._targetBtn_yq2f0_25 {
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #d3d6dc;
  background: #fff;
  color: #4d5464;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
._targetBtn_yq2f0_25:hover {
  border-color: #b8bec8;
  background: #f6f7f8;
}

._targetBtnActive_yq2f0_41 {
  border-color: #e7212b;
  background: #ffeff0;
  color: #e7212b;
}

._textarea_yq2f0_47 {
  width: 100%;
  min-height: 120px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.45;
  font-family: inherit;
  color: #14181f;
  border: 1px solid #d3d6dc;
  border-radius: 8px;
  resize: vertical;
  box-sizing: border-box;
}
._textarea_yq2f0_47::placeholder {
  color: #94a3b8;
}
._textarea_yq2f0_47:focus {
  outline: none;
  border-color: #e7212b;
  box-shadow: 0 0 0 1px rgba(231, 33, 43, 0.15);
}

._hint_yq2f0_69 {
  margin: 0;
  font-size: 12px;
  color: #707a8f;
}._dateColumn_zw07g_1 {
  min-width: 140px;
}

._recipientColumn_zw07g_5 {
  min-width: 180px;
  max-width: 240px;
}

._messageColumn_zw07g_10 {
  min-width: 200px;
  max-width: 360px;
}

._messageCell_zw07g_15 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._statusColumn_zw07g_22 {
  min-width: 100px;
}._body_yq2f0_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

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

._label_yq2f0_13 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._targetRow_yq2f0_19 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._targetBtn_yq2f0_25 {
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #d3d6dc;
  background: #fff;
  color: #4d5464;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
._targetBtn_yq2f0_25:hover {
  border-color: #b8bec8;
  background: #f6f7f8;
}

._targetBtnActive_yq2f0_41 {
  border-color: #e7212b;
  background: #ffeff0;
  color: #e7212b;
}

._textarea_yq2f0_47 {
  width: 100%;
  min-height: 120px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.45;
  font-family: inherit;
  color: #14181f;
  border: 1px solid #d3d6dc;
  border-radius: 8px;
  resize: vertical;
  box-sizing: border-box;
}
._textarea_yq2f0_47::placeholder {
  color: #94a3b8;
}
._textarea_yq2f0_47:focus {
  outline: none;
  border-color: #e7212b;
  box-shadow: 0 0 0 1px rgba(231, 33, 43, 0.15);
}

._hint_yq2f0_69 {
  margin: 0;
  font-size: 12px;
  color: #707a8f;
}._dateColumn_wz8i5_1 {
  min-width: 140px;
}

._recipientColumn_wz8i5_5 {
  min-width: 180px;
  max-width: 240px;
}

._subjectColumn_wz8i5_10 {
  min-width: 140px;
  max-width: 220px;
}

._messageColumn_wz8i5_15 {
  min-width: 200px;
  max-width: 360px;
}

._messageCell_wz8i5_20 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._statusColumn_wz8i5_27 {
  min-width: 100px;
}._page_72l1n_1 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-height: 0;
}

._legend_72l1n_8 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  background: var(--color-surface-elevated, #f8f9fb);
  border: 1px solid var(--color-border-subtle, #e8eaef);
  font-size: 0.8125rem;
  color: var(--color-text-secondary, #5c6470);
}

._legendItem_72l1n_20 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

._swatch_72l1n_26 {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  flex-shrink: 0;
}

._calendarWrap_72l1n_33 {
  flex: 1;
  min-height: 640px;
  padding: 1rem;
  background: #fff;
  border-radius: 12px;
  border: 1px solid var(--color-border-subtle, #e8eaef);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
._calendarWrap_72l1n_33 .fc {
  --fc-border-color: #e8eaef;
  --fc-button-bg-color: #f1f3f6;
  --fc-button-border-color: #d8dde6;
  --fc-button-text-color: #34314a;
  --fc-button-hover-bg-color: #e8ecf2;
  --fc-button-active-bg-color: #dde2ea;
  --fc-today-bg-color: rgba(231, 33, 43, 0.06);
  --fc-event-border-color: transparent;
  font-family: inherit;
}
._calendarWrap_72l1n_33 .fc .fc-toolbar-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a1d26;
}
._calendarWrap_72l1n_33 .fc .fc-button-primary:not(:disabled):active,
._calendarWrap_72l1n_33 .fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #e7212b;
  border-color: #c91d26;
  color: #fff;
}
._calendarWrap_72l1n_33 .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 2px rgba(231, 33, 43, 0.25);
}
._calendarWrap_72l1n_33 .fc-theme-standard td,
._calendarWrap_72l1n_33 .fc-theme-standard th {
  border-color: #e8eaef;
}
._calendarWrap_72l1n_33 .fc-col-header-cell {
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #5c6470;
}
._calendarWrap_72l1n_33 .fc-daygrid-day-number,
._calendarWrap_72l1n_33 .fc-timegrid-slot-label {
  font-size: 0.8125rem;
}
._calendarWrap_72l1n_33 .fc-event-title {
  font-weight: 500;
}
._calendarWrap_72l1n_33 .fc-list-event-title a {
  color: inherit;
}

._hint_72l1n_89 {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-text-secondary, #5c6470);
}.progress-bar-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.progress-bar-container.small .progress-bar-wrapper {
  height: 8px;
}
.progress-bar-container.medium .progress-bar-wrapper {
  height: 8px;
}
.progress-bar-container.large .progress-bar-wrapper {
  height: 8px;
}

.progress-bar-wrapper {
  width: 100%;
  background-color: #f1f2f4;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}

.progress-bar-fill {
  height: 100%;
  border-radius: 100px;
  transition: width 0.3s ease;
}
.progress-bar-fill.success {
  background-color: #15ac77;
}
.progress-bar-fill.warning {
  background-color: #fe9431;
}
.progress-bar-fill.error {
  background-color: #fe5b65;
}

.progress-bar-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
}

.progress-bar-score {
  color: #666f82;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
}

.progress-bar-percentage {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.5%;
}
.progress-bar-percentage.success {
  color: #15ac77;
}
.progress-bar-percentage.warning {
  color: #fe9431;
}
.progress-bar-percentage.error {
  color: #fe5b65;
}._root_122go_1 {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 12px;
  background: #fff;
  margin-right: 0;
}

._questionsColumns_122go_13 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: stretch;
  min-height: 0;
}
@media (max-width: 900px) {
  ._questionsColumns_122go_13 {
    flex-direction: column;
  }
}

._questionsListColumn_122go_26 {
  flex: 0 0 320px;
  min-width: 0;
}
@media (max-width: 900px) {
  ._questionsListColumn_122go_26 {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
}

._previewQuestionsListCard_122go_38 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
  min-height: 720px;
  overflow-y: auto;
}

._previewQuestionItem_122go_50 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}

._previewQuestionItemActive_122go_62 {
  border-color: #e7212b;
  background: #ffeff0;
}
._previewQuestionItemActive_122go_62 ._previewQuestionIndex_122go_66 {
  color: #e7212b;
}

._previewQuestionIndex_122go_66 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._previewQuestionStatus_122go_76 {
  flex-shrink: 0;
}

._previewQuestionStatusCircle_122go_80 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #e8e8e9;
  background: #fff;
  display: inline-block;
}

._previewQuestionStatusCircleAnswered_122go_89 {
  background: #e8f7f1;
  border-color: #15ac77;
}

._previewQuestionStatusCircleActive_122go_94 {
  border-color: #e7212b;
}

._questionEditorColumn_122go_98 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  ._questionEditorColumn_122go_98 {
    width: 100%;
  }
}

._previewContent_122go_110 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

._previewProgressRow_122go_119 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}

._previewProgressBar_122go_127 {
  max-width: 100%;
}
._previewProgressBar_122go_127 .progress-bar-wrapper {
  height: 4px;
}
._previewProgressBar_122go_127 .progress-bar-fill {
  background-color: #e7212b !important;
}

._previewProgressLabel_122go_137 {
  font-size: 13px;
  font-weight: 500;
  color: #e7212b;
  white-space: nowrap;
}

._previewQuestionCard_122go_144 {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
}

._previewQuestionTitle_122go_151 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #14181f;
  margin: 0 0 12px 0;
  font-family: "Inter", sans-serif;
}

._previewQuestionText_122go_160 {
  font-size: 14px;
  line-height: 20px;
  color: #14181f;
}

._previewQuestionImage_122go_166 {
  margin: 12px 0;
}
._previewQuestionImage_122go_166 img {
  max-width: 100%;
  max-height: 200px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  object-fit: contain;
}

._previewQuestionHint_122go_177 {
  font-size: 13px;
  color: #707a8f;
  margin: 0 0 12px 0;
}

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

._previewOptionItem_122go_192 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  cursor: default;
}

._previewOptionItemClickable_122go_203 {
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
._previewOptionItemClickable_122go_203:hover {
  border-color: #d0d2d6;
  background: #f6f7f8;
}

._previewOptionItemCorrect_122go_212,
._previewOptionItemSelected_122go_213 {
  border-color: #15ac77;
  background: #e8f7f1;
}

._previewOptionRadio_122go_218 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #e8e8e9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

._previewOptionItemCorrect_122go_212 ._previewOptionRadio_122go_218,
._previewOptionItemSelected_122go_213 ._previewOptionRadio_122go_218 {
  border-color: #15ac77;
}

._previewOptionText_122go_235 {
  font-size: 14px;
  color: #14181f;
}

._previewContinueWrap_122go_240 {
  margin-top: 20px;
}

._previewContinueButton_122go_244 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  padding: 10px 20px;
  border-radius: 8px;
  border: none;
  background: #e7212b;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  cursor: pointer;
  transition: background 0.2s ease;
}
._previewContinueButton_122go_244:hover:not(:disabled) {
  background: #c91d26;
}
._previewContinueButton_122go_244:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._previewBottomNav_122go_268 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  padding-top: 12px;
}

._previewNavButton_122go_277 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #707a8f;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
._previewNavButton_122go_277:hover:not(:disabled) {
  background: #ffeff0;
  border-color: #e7212b;
  color: #e7212b;
}
._previewNavButton_122go_277:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

._previewTimerBox_122go_313 {
  min-width: 71px;
  height: 40px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.005em;
  color: #2f333c;
}

._previewTimerSeparator_122go_331 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.005em;
  color: #9fa6b4;
}
._container_1fons_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

._pageHeader_1fons_9 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  align-self: flex-start;
}

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

._backButton_1fons_25 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}
._backButton_1fons_25:hover {
  background: #f6f7f8;
  border-color: #d1d5db;
}
._backButton_1fons_25:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(231, 33, 43, 0.2);
}

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

._stepper_1fons_48 {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  min-width: 0;
}

._stepConnectorWrapper_1fons_65 {
  display: flex;
  align-items: center;
  height: 40px;
  flex-shrink: 0;
}

._step_1fons_48 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background: none;
  border: none;
  cursor: pointer;
  color: #707a8f;
  transition: color 0.2s ease;
}
._step_1fons_48:hover {
  color: #14181f;
}

._stepActive_1fons_88 {
  color: #e7212b;
}
._stepActive_1fons_88 ._stepIcon_1fons_91 {
  border-color: #e7212b;
  background: #ffeff0;
}
._stepActive_1fons_88 ._stepIcon_1fons_91 svg path {
  stroke: #e7212b;
}

._stepChecked_1fons_99 {
  color: #14181f;
}
._stepChecked_1fons_99 ._stepIcon_1fons_91 {
  border-color: #e7212b;
  background: #e7212b;
  color: #fff;
}

._stepIcon_1fons_91 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  transition: all 0.2s ease;
}

._stepperContainer_1fons_120 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

._stepLabel_1fons_128 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
}

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

._stepConnector_1fons_65 {
  width: 232px;
  flex-shrink: 0;
  height: 2px;
  background: #e8e8e9;
  margin-bottom: 25px;
  transition: background 0.2s ease;
}
._stepConnector_1fons_65._stepConnectorCompleted_1fons_150 {
  background: #e7212b;
}
._stepConnector_1fons_65._stepConnectorCurrent_1fons_153 {
  background: linear-gradient(to right, #e7212b 50%, #e8e8e9 50%);
}

._inlineBackButton_1fons_157 {
  margin-right: auto;
}

._actionButtons_1fons_161 {
  display: flex;
  gap: 8px;
}
._actionButtons_1fons_161 ._draftButton_1fons_165 {
  flex: 1 1 50%;
  min-width: 0;
  height: 40px;
  padding: 10px 24px;
  border-radius: 8px;
}
._actionButtons_1fons_161 ._publishButton_1fons_172 {
  flex: 1 1 50%;
  min-width: 0 !important;
  height: 40px;
  padding: 10px 24px;
  border-radius: 8px;
}

._formCard_1fons_180 {
  max-width: 550px;
  width: 100%;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8e9;
  background: #fff;
  margin-right: 140px;
}

._cardTitle_1fons_192 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.005em;
  color: #14181f;
  margin: 0 0 8px 0;
  text-align: center;
}

._cardDescription_1fons_203 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #707a8f;
  margin: 0 0 24px 0;
  text-align: center;
}

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

._formRow_1fons_220 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: flex-start;
}
@media (max-width: 600px) {
  ._formRow_1fons_220 {
    grid-template-columns: 1fr;
  }
}

._formField_1fons_232 {
  width: 100%;
}

._durationDropdown_1fons_236 {
  min-width: 120px;
  /* Sınav süresi input ile aynı hizada: label + 40px input yüksekliği */
  padding-top: 22px;
}
@media (max-width: 600px) {
  ._durationDropdown_1fons_236 {
    min-width: 100%;
    padding-top: 0;
  }
}

._inputPrefix_1fons_248 {
  font-size: 14px;
  color: #707a8f;
  font-weight: 500;
}

._placeholderStep_1fons_254 {
  padding: 32px;
  text-align: center;
  color: #707a8f;
  font-size: 14px;
  background: #f6f7f8;
  border-radius: 8px;
}

._questionsStep_1fons_263 {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 12px;
  background: #fff;
  margin-right: 0;
}
._questionsStep_1fons_263 ._cardTitle_1fons_192,
._questionsStep_1fons_263 ._cardDescription_1fons_203 {
  margin: 0;
}

._questionsColumns_1fons_279 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: stretch;
  min-height: 0;
}
@media (max-width: 900px) {
  ._questionsColumns_1fons_279 {
    flex-direction: column;
  }
}

._questionsListColumn_1fons_292 {
  flex: 0 0 320px;
  min-width: 0;
}
@media (max-width: 900px) {
  ._questionsListColumn_1fons_292 {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
}

._previewQuestionsListCard_1fons_304 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
  min-height: 720px;
  overflow-y: auto;
}

._previewQuestionItem_1fons_316 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}

._previewQuestionItemActive_1fons_328 {
  border-color: #e7212b;
  background: #ffeff0;
}
._previewQuestionItemActive_1fons_328 ._previewQuestionIndex_1fons_332 {
  color: #e7212b;
}

._previewQuestionIndex_1fons_332 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._previewQuestionStatus_1fons_342 {
  flex-shrink: 0;
}

._previewQuestionStatusCircle_1fons_346 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #e8e8e9;
  background: #fff;
  display: inline-block;
}

._previewQuestionStatusCircleAnswered_1fons_355 {
  background: #e8f7f1;
  border-color: #15ac77;
}

._previewQuestionStatusCircleActive_1fons_360 {
  border-color: #e7212b;
}

._questionsListCard_1fons_364 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
  min-height: 720px;
  overflow-y: auto;
}

._questionListItem_1fons_376 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
._questionListItem_1fons_376:hover {
  border-color: #d0d2d6;
  background: #f6f7f8;
}

._questionListItemActive_1fons_392 {
  border-color: #e7212b;
  background: #ffeff0;
}
._questionListItemActive_1fons_392 ._questionListLabel_1fons_396,
._questionListItemActive_1fons_392 ._questionListDrag_1fons_397,
._questionListItemActive_1fons_392 ._questionListEdit_1fons_398 {
  color: #e7212b;
}
._questionListItemActive_1fons_392 ._questionListDrag_1fons_397 svg path,
._questionListItemActive_1fons_392 ._questionListEdit_1fons_398 svg path {
  stroke: #e7212b;
}

._questionListDrag_1fons_397 {
  display: flex;
  align-items: center;
  color: #707a8f;
  flex-shrink: 0;
}

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

._questionListLabel_1fons_396 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._questionListText_1fons_427 {
  font-size: 13px;
  line-height: 18px;
  color: #707a8f;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._questionListEdit_1fons_398 {
  display: flex;
  align-items: center;
  color: #707a8f;
  flex-shrink: 0;
}

._questionEditorColumn_1fons_445 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  ._questionEditorColumn_1fons_445 {
    width: 100%;
  }
}

._questionEditorCard_1fons_457 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
}

._questionEditorHeader_1fons_468 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

._questionEditorTitle_1fons_476 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #14181f;
  margin: 0;
  font-family: "Inter", sans-serif;
}

._questionDeleteBtn_1fons_485 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
._questionDeleteBtn_1fons_485:hover:not(:disabled) {
  color: #e7212b;
  background: #ffeff0;
  border-color: #e7212b;
}
._questionDeleteBtn_1fons_485:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._questionEditorBody_1fons_509 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  min-height: 0;
}

._questionField_1fons_517 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._questionField_1fons_517 ._questionLabel_1fons_522 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._addImageLink_1fons_528 {
  font-size: 14px;
  font-weight: 500;
  color: #e7212b;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: left;
  align-self: flex-start;
  text-decoration: underline;
}
._addImageLink_1fons_528:hover {
  text-decoration: underline;
}

._questionImagePreview_1fons_544 {
  position: relative;
  display: inline-block;
  margin-top: 8px;
}
._questionImagePreview_1fons_544 img {
  max-width: 200px;
  max-height: 150px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  object-fit: contain;
}
._questionImagePreview_1fons_544 ._removeImageBtn_1fons_556 {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
._questionImagePreview_1fons_544 ._removeImageBtn_1fons_556:hover {
  background: rgba(0, 0, 0, 0.7);
}

._checkboxRow_1fons_576 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #14181f;
  cursor: pointer;
}
._checkboxRow_1fons_576 input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  transition: border-color 0.2s, background-color 0.2s;
}
._checkboxRow_1fons_576 input[type=checkbox]:checked {
  border-color: #e7212b;
  background-color: #e7212b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l4 4 8-8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

._correctAnswerHint_1fons_606 {
  font-size: 13px;
  color: #707a8f;
  margin: 0;
  line-height: 18px;
}

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

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

._answerOptionRowSelected_1fons_627 ._answerRadio_1fons_627 {
  border-color: #15ac77;
  background-color: #e8f7f1;
}

._answerRadio_1fons_627 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #e8e8e9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
._answerRadio_1fons_627:hover {
  border-color: #e7212b;
}

._removeOptionBtn_1fons_649 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
._removeOptionBtn_1fons_649:hover:not(:disabled) {
  color: #e7212b;
  background: #ffeff0;
  border-color: #e7212b;
}
._removeOptionBtn_1fons_649:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

._addOptionLink_1fons_679 {
  font-size: 14px;
  font-weight: 500;
  color: #e7212b;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: left;
  align-self: flex-start;
  text-decoration: underline;
}
._addOptionLink_1fons_679:hover {
  text-decoration: underline;
}

._addQuestionBtn_1fons_695 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 40px;
  margin-top: 8px;
  padding: 10px 14px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #f1f2f4;
  color: #707a8f;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
._addQuestionBtn_1fons_695:hover {
  background: #e8e8e9;
  border-color: #d0d2d6;
}

._previewStep_1fons_723 {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 12px;
  background: #fff;
  margin-right: 0;
}
._previewStep_1fons_723 ._cardTitle_1fons_192,
._previewStep_1fons_723 ._cardDescription_1fons_203 {
  margin: 0;
}

._previewContent_1fons_739 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

._previewProgressRow_1fons_748 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}

._previewProgressBar_1fons_756 {
  max-width: 100%;
}
._previewProgressBar_1fons_756 ._progress-bar-wrapper_1fons_759 {
  height: 4px;
}
._previewProgressBar_1fons_756 ._progress-bar-fill_1fons_762 {
  background-color: #e7212b !important;
}

._previewProgressLabel_1fons_766 {
  font-size: 13px;
  font-weight: 500;
  color: #e7212b;
  white-space: nowrap;
}

._previewSummary_1fons_773 {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #f6f7f8;
}

._previewSummaryTitle_1fons_780 {
  font-size: 16px;
  font-weight: 600;
  color: #14181f;
  margin: 0 0 16px 0;
  font-family: "Inter", sans-serif;
}

._previewSummaryList_1fons_788 {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._previewSummaryRow_1fons_795 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._previewSummaryRow_1fons_795 dt {
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
  margin: 0;
}
._previewSummaryRow_1fons_795 dd {
  font-size: 14px;
  color: #14181f;
  margin: 0;
}

._previewQuestionCard_1fons_812 {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
}

._previewQuestionTitle_1fons_819 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #14181f;
  margin: 0 0 12px 0;
  font-family: "Inter", sans-serif;
}

._previewQuestionText_1fons_828 {
  font-size: 14px;
  line-height: 20px;
  color: #14181f;
}

._previewQuestionImage_1fons_834 {
  margin: 12px 0;
}
._previewQuestionImage_1fons_834 img {
  max-width: 100%;
  max-height: 200px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  object-fit: contain;
}

._previewQuestionHint_1fons_845 {
  font-size: 13px;
  color: #707a8f;
  margin: 0 0 12px 0;
}

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

._previewOptionItem_1fons_860 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
}

._previewOptionItemCorrect_1fons_870 {
  border-color: #15ac77;
  background: #e8f7f1;
}

._previewOptionRadio_1fons_875 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #e8e8e9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

._previewOptionItemCorrect_1fons_870 ._previewOptionRadio_1fons_875 {
  border-color: #15ac77;
}

._previewOptionText_1fons_891 {
  font-size: 14px;
  color: #14181f;
}

._previewBottomNav_1fons_896 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  padding-top: 12px;
}

._previewNavButton_1fons_905 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #707a8f;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
._previewNavButton_1fons_905:hover:not(:disabled) {
  background: #ffeff0;
  border-color: #e7212b;
  color: #e7212b;
}
._previewNavButton_1fons_905:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

._previewExamDate_1fons_935 {
  font-size: 12px;
  color: #707a8f;
}

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

._previewTimerBox_1fons_946 {
  min-width: 71px;
  height: 40px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.005em;
  color: #2f333c;
}

._previewTimerSeparator_1fons_964 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.005em;
  color: #9fa6b4;
}._tabContainer_nup49_1 {
  margin-bottom: 24px;
}

._actionButton_nup49_5 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s ease;
}
._actionButton_nup49_5:hover {
  color: #374151;
}

._actionMenu_nup49_20 {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  padding: 4px;
}

._actionMenuItem_nup49_27 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
._actionMenuItem_nup49_27:hover {
  background-color: #f3f4f6;
}
._actionMenuItem_nup49_27._error_nup49_44 {
  color: #ef4444;
}
._actionMenuItem_nup49_27._error_nup49_44:hover {
  background-color: #fef2f2;
}

._actionMenuIcon_nup49_51 {
  flex-shrink: 0;
}

._actionMenuLabel_nup49_55 {
  white-space: nowrap;
}._drawerContent_13jnf_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 4px;
  overflow-y: auto;
}

._examName_13jnf_9 {
  margin: 0 0 8px 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.005em;
  color: #14181f;
}

._infoCard_13jnf_19 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
}

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

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

._detailIcon_13jnf_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #ffffff;
  border-radius: 6px;
  color: #707a8f;
  flex-shrink: 0;
}

._detailLabel_13jnf_50 {
  flex: 1;
  font-size: 14px;
  color: #707a8f;
}

._detailValue_13jnf_56 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  text-align: right;
}

._descriptionSection_13jnf_63 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._descriptionTitle_13jnf_73 {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #14181f;
  line-height: 24px;
}

._examDescription_13jnf_82 {
  margin: 0;
  font-size: 14px;
  color: #4d5464;
  line-height: 1.6;
}

._questionsSection_13jnf_89 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._questionsSectionTitle_13jnf_95 {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.005em;
  color: #14181f;
  flex-shrink: 0;
}

._questionsWrapper_13jnf_106 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 8px;
}

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

._questionCard_13jnf_116 + ._questionCard_13jnf_116 {
  padding-top: 24px;
  border-top: 1px solid #e8e8e9;
}

._questionHeader_13jnf_127 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

._questionNumber_13jnf_133 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  background: #e7212b;
  color: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  flex-shrink: 0;
}

._questionText_13jnf_147 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  line-height: 1.5;
  padding-top: 3px;
}

._questionMeta_13jnf_156 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #707a8f;
  padding-left: 36px;
}

._metaBadge_13jnf_165 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f3f4f6;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  color: #505766;
}

._optionsList_13jnf_176 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 36px;
}

._optionItem_13jnf_183 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #4d5464;
}

._optionBullet_13jnf_191 {
  width: 16px;
  height: 16px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  flex-shrink: 0;
}

._optionBulletCheckbox_13jnf_199 {
  width: 16px;
  height: 16px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  flex-shrink: 0;
}

._optionCorrect_13jnf_207 {
  color: #16a34a;
  font-weight: 500;
}

._optionCorrect_13jnf_207 ._optionBullet_13jnf_191,
._optionCorrect_13jnf_207 ._optionBulletCheckbox_13jnf_199 {
  border-color: #16a34a;
  background: #16a34a;
}

._correctIcon_13jnf_218 {
  color: #16a34a;
  flex-shrink: 0;
}

._questionImage_13jnf_223 {
  padding-left: 36px;
}

._questionImage_13jnf_223 img {
  max-width: 100%;
  max-height: 200px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  object-fit: contain;
}

._loading_13jnf_235 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #707a8f;
  font-size: 14px;
}

._error_13jnf_244 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #e7212b;
  font-size: 14px;
}._breadcrumbContainer_14ug4_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 8px;
}

._backButton_14ug4_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._backButton_14ug4_9:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._examTitle_14ug4_27 {
  margin: 16px 0 24px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: #14181f;
}

._statsRow_14ug4_35 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 1100px) {
  ._statsRow_14ug4_35 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  ._statsRow_14ug4_35 {
    grid-template-columns: 1fr;
  }
}

._statCard_14ug4_52 {
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

._statLabel_14ug4_68 {
  font-size: 14px;
  font-weight: 400;
  color: #707a8f;
  line-height: 1.4;
}

._statIcon_14ug4_75 {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._statIconRed_14ug4_85 {
  background: #ffeff0;
}

._statValue_14ug4_89 {
  font-size: 28px;
  font-weight: 700;
  color: #14181f;
  line-height: 1.2;
}

._pageContainer_14ug4_96 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._tableWrapper_14ug4_102 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  margin-top: 24px;
}

._table_14ug4_102 {
  width: 100%;
  border-collapse: collapse;
}
._table_14ug4_102 thead tr {
  border-bottom: 1px solid #e8e8e9;
}
._table_14ug4_102 thead th {
  padding: 14px 20px;
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  background: #fafafa;
}
._table_14ug4_102 tbody tr {
  border-bottom: 1px solid #f0f0f1;
  transition: background-color 0.15s ease;
}
._table_14ug4_102 tbody tr:last-child {
  border-bottom: none;
}
._table_14ug4_102 tbody tr:hover {
  background-color: #fafafa;
}
._table_14ug4_102 tbody td {
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #4d5464;
  vertical-align: middle;
}

._nameCell_14ug4_146 {
  font-weight: 500;
  color: #14181f !important;
}

._inspectBtn_14ug4_151 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #505766;
  transition: all 0.15s ease;
  white-space: nowrap;
}
._inspectBtn_14ug4_151:hover {
  background-color: #f6f7f8;
  border-color: #d0d0d0;
}
._inspectBtn_14ug4_151 svg {
  flex-shrink: 0;
}

._loading_14ug4_174 {
  padding: 24px;
  text-align: center;
  color: #666f82;
}

._emptyState_14ug4_180 {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #707a8f;
}

._paginationBar_14ug4_189 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-top: none;
  border-radius: 0 0 12px 12px;
  background: #fff;
  flex-shrink: 0;
  gap: 12px;
}

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

._paginationLabel_14ug4_209 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
}

._paginationPageSizeDropdown_14ug4_218 {
  max-width: 80px;
}
._paginationPageSizeDropdown_14ug4_218 .dropdown-container {
  max-width: 100%;
}
._paginationPageSizeDropdown_14ug4_218 .dropdown-header {
  max-width: 100%;
}

._paginationDetails_14ug4_228 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_14ug4_238 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_14ug4_238 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_14ug4_238 .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_14ug4_238 .pagination-number._active_14ug4_262 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_14ug4_238 .pagination-number:hover:not(._active_14ug4_262) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_14ug4_238 .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._paginationArrow_14ug4_283 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationArrow_14ug4_283:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationArrow_14ug4_283:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationArrow_14ug4_283 svg {
  width: 16px;
  height: 16px;
}._breadcrumbContainer_h5l5g_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 8px;
}

._backButton_h5l5g_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._backButton_h5l5g_9:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._titleRow_h5l5g_27 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 16px 0 24px;
  flex-wrap: wrap;
}

._examTitle_h5l5g_35 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: #14181f;
}

._attendeeBadge_h5l5g_43 {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  background: #fff;
}

._downloadBtn_h5l5g_55 {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  color: #505766;
  transition: all 0.15s ease;
}
._downloadBtn_h5l5g_55:hover {
  background-color: #f6f7f8;
  border-color: #d0d0d0;
}

._statsRow_h5l5g_74 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}
@media (max-width: 900px) {
  ._statsRow_h5l5g_74 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  ._statsRow_h5l5g_74 {
    grid-template-columns: 1fr;
  }
}

._statCard_h5l5g_91 {
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

._statLabel_h5l5g_107 {
  font-size: 14px;
  font-weight: 400;
  color: #707a8f;
  line-height: 1.4;
}

._statIcon_h5l5g_114 {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._statIconBlue_h5l5g_124 {
  background: #eef4ff;
}

._statIconGreen_h5l5g_128 {
  background: #f0fdf4;
}

._statIconRed_h5l5g_132 {
  background: #ffeff0;
}

._statIconGray_h5l5g_136 {
  background: #f6f7f8;
}

._statValue_h5l5g_140 {
  font-size: 28px;
  font-weight: 700;
  color: #14181f;
  line-height: 1.2;
}

._questionsSection_h5l5g_147 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 40px;
}

._questionCard_h5l5g_154 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 24px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._questionCard_h5l5g_154._correct_h5l5g_163 {
  border-color: #22c55e;
  border-left: 3px solid #22c55e;
}
._questionCard_h5l5g_154._wrong_h5l5g_167 {
  border-color: #e7212b;
  border-left: 3px solid #e7212b;
}
._questionCard_h5l5g_154._empty_h5l5g_171 {
  border-color: #e8e8e9;
  border-left: 3px solid #c4c9d4;
}

._questionNumber_h5l5g_176 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
._questionNumber_h5l5g_176._correct_h5l5g_163 {
  color: #22c55e;
}
._questionNumber_h5l5g_176._wrong_h5l5g_167 {
  color: #e7212b;
}
._questionNumber_h5l5g_176._empty_h5l5g_171 {
  color: #707a8f;
}

._questionText_h5l5g_192 {
  font-size: 14px;
  font-weight: 400;
  color: #14181f;
  line-height: 1.6;
  margin: 0;
}

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

._optionItem_h5l5g_206 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f1;
  border-radius: 8px;
  font-size: 14px;
  color: #4d5464;
  line-height: 1.5;
  transition: background 0.15s ease;
}
._optionItem_h5l5g_206:last-child {
  border-bottom: none;
}
._optionItem_h5l5g_206._optionCorrectSelected_h5l5g_221 {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #14181f;
  font-weight: 500;
}
._optionItem_h5l5g_206._optionCorrectMissed_h5l5g_227 {
  background: #fefce8;
  border-color: #fef08a;
  color: #14181f;
}
._optionItem_h5l5g_206._optionWrongSelected_h5l5g_232 {
  background: #ffeff0;
  border-color: #fecdd3;
  color: #14181f;
  font-weight: 500;
}

._optionIcon_h5l5g_239 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._optionIcon_h5l5g_239._correctSelectedIcon_h5l5g_248 {
  background: #22c55e;
  border: 2px solid #22c55e;
}
._optionIcon_h5l5g_239._correctMissedIcon_h5l5g_252 {
  background: transparent;
  border: 2px solid #22c55e;
}
._optionIcon_h5l5g_239._wrongIcon_h5l5g_256 {
  background: #e7212b;
  border: 2px solid #e7212b;
}
._optionIcon_h5l5g_239._emptyIcon_h5l5g_260 {
  width: 0;
  height: 0;
  min-width: 0;
}

._optionText_h5l5g_266 {
  flex: 1;
}

._loading_h5l5g_270 {
  padding: 48px;
  text-align: center;
  color: #666f82;
  font-size: 14px;
}

._errorState_h5l5g_277 {
  padding: 48px;
  text-align: center;
  color: #e7212b;
  font-size: 14px;
}.snackbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: 664px;
  min-height: 54px;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid;
  box-shadow: 0 4px 30px rgba(77, 84, 100, 0.1);
  background: #ffffff;
  box-sizing: border-box;
  font-family: Inter, sans-serif;
}

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

.snackbar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.snackbar__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #2f333c;
}

.snackbar__title {
  font-weight: 600;
}

.snackbar__message {
  font-weight: 400;
}

.snackbar__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #72808f;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Success variant */
.snackbar--success {
  border-color: #15ac77;
  background: #ffffff;
}
.snackbar--success .snackbar__title {
  color: #15ac77;
}
.snackbar--success .snackbar__close {
  color: #15ac77;
}
.snackbar--success .snackbar__close:hover {
  background: rgba(21, 172, 119, 0.08);
  color: #15ac77;
}

/* Fail variant - use primary color for all red */
.snackbar--fail {
  border-color: var(--primary-color, #e7212b);
  background: #ffffff;
}
.snackbar--fail .snackbar__icon {
  color: var(--primary-color, #e7212b);
}
.snackbar--fail .snackbar__title {
  color: var(--primary-color, #e7212b);
}
.snackbar--fail .snackbar__close {
  color: var(--primary-color, #e7212b);
}
.snackbar--fail .snackbar__close:hover {
  background: rgba(231, 33, 43, 0.08);
  color: var(--primary-color, #e7212b);
}
._toastWrapper_baa1d_2 {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

._tabContainer_baa1d_8 {
  margin-bottom: 24px;
}

._actionButton_baa1d_12 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s ease;
}
._actionButton_baa1d_12:hover {
  color: #374151;
}

/* Submenu: tasarım 207px genişlik, 12px radius, 8px padding (Popover’da), border 1px #E8E8E9 */
._actionMenu_baa1d_28 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 207px;
}

._actionMenuItem_baa1d_35 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.15s ease;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  /* Detayı Gör, Katılımcıları Gör, Arşivle: metin + ikon #505766 */
  color: #505766;
}
._actionMenuItem_baa1d_35:hover {
  background-color: #f1f2f4;
}
._actionMenuItem_baa1d_35._error_baa1d_58 {
  color: #ef4444;
}
._actionMenuItem_baa1d_35._error_baa1d_58:hover {
  background-color: #fef2f2;
}
._actionMenuItem_baa1d_35._error_baa1d_58 {
  /* Düzenle ve Sil: ikon da kırmızı (default), currentColor bazen SVG’de devralınmıyor */
}
._actionMenuItem_baa1d_35._error_baa1d_58 ._actionMenuIcon_baa1d_67 {
  color: #ef4444;
}

/* İkonlar yazı ile aynı renkte (24x24); varsayılan (Arşivle vb.) #505766 */
._actionMenuIcon_baa1d_67 {
  flex-shrink: 0;
  color: currentColor;
}

._actionMenuItem_baa1d_35:not(._error_baa1d_58) ._actionMenuIcon_baa1d_67 {
  color: #505766;
}

._actionMenuLabel_baa1d_81 {
  flex: 1;
}._container_pghvf_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 262px;
  flex-shrink: 0;
}

._typeButton_pghvf_9 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #f8f8f9;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
._typeButton_pghvf_9:hover {
  background: #fff;
  border-color: #e8e8e9;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
._typeButton_pghvf_9:active {
  background: #ffeff0;
  border-color: #e7212b;
}
._typeButton_pghvf_9 svg {
  color: #505862;
  flex-shrink: 0;
}

._typeLabel_pghvf_35 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.5%;
  color: #505862;
}._card_vzjwu_1 {
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

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

._typeIcon_vzjwu_24 {
  color: #e7212b;
}

._typeLabel_vzjwu_28 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #14181f;
}

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

._deleteButton_vzjwu_42 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #e7212b;
  transition: all 0.2s ease;
}
._deleteButton_vzjwu_42:hover {
  background-color: #ffeff0;
  border-color: #e7212b;
}

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

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

._optionRow_vzjwu_73 {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 450px;
}

._optionInputWrapper_vzjwu_80 {
  flex: 1;
}

._removeOptionButton_vzjwu_84 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 8px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._removeOptionButton_vzjwu_84:hover {
  background-color: #f6f7f8;
}

._addOptionButton_vzjwu_103 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #e7212b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.5%;
  transition: opacity 0.2s ease;
  margin-top: 4px;
}
._addOptionButton_vzjwu_103:hover {
  opacity: 0.8;
}
._addOptionButton_vzjwu_103 svg {
  flex-shrink: 0;
  color: #e7212b;
}._container_1fvb8_1 {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}

._leftColumn_1fvb8_9 {
  flex-shrink: 0;
}

._rightColumn_1fvb8_13 {
  flex: 1;
  min-width: 0;
  max-width: 786px;
  border: 1px solid #e8e8e9;
  padding: 20px;
  border-radius: 12px;
}

._questionsList_1fvb8_22 {
  display: flex;
  gap: 28px;
  flex-direction: column;
}

._emptyState_1fvb8_28 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 32px;
  background: #f6f7f8;
  border: 1px dashed #e8e8e9;
  border-radius: 12px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #707a8f;
  text-align: center;
}._container_2rmyy_1 {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}

._leftColumn_2rmyy_9 {
  flex-shrink: 0;
  width: 300px;
}

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

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

._infoBlock_2rmyy_25 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 10px;
}

._infoLabel_2rmyy_35 {
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
}

._infoValue_2rmyy_41 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #14181f;
  white-space: pre-wrap;
  word-break: break-word;
}

._questionsList_2rmyy_50 {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

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

._questionText_2rmyy_62 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #14181f;
}

._questionHint_2rmyy_71 {
  font-weight: 400;
  color: #707a8f;
}

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

._emptyState_2rmyy_82 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 32px;
  background: #f6f7f8;
  border: 1px dashed #e8e8e9;
  border-radius: 12px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #707a8f;
  text-align: center;
}._container_4ewsg_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

._pageHeader_4ewsg_8 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  align-self: flex-start;
}

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

._backButton_4ewsg_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}
._backButton_4ewsg_24:hover {
  background: #f6f7f8;
  border-color: #d1d5db;
}
._backButton_4ewsg_24:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(231, 33, 43, 0.2);
}

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

._stepper_4ewsg_47 {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  min-width: 0;
}

._stepConnectorWrapper_4ewsg_64 {
  display: flex;
  align-items: center;
  height: 40px;
  flex-shrink: 0;
}

._step_4ewsg_47 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background: none;
  border: none;
  cursor: pointer;
  color: #707a8f;
  transition: color 0.2s ease;
}
._step_4ewsg_47:hover {
  color: #14181f;
}

._stepActive_4ewsg_87 {
  color: #e7212b;
}
._stepActive_4ewsg_87 ._stepIcon_4ewsg_90 {
  border-color: #e7212b;
  background: #ffeff0;
}
._stepActive_4ewsg_87 ._stepIcon_4ewsg_90 svg path {
  stroke: #e7212b;
}

._stepChecked_4ewsg_98 {
  color: #14181f;
}
._stepChecked_4ewsg_98 ._stepIcon_4ewsg_90 {
  border-color: #e7212b;
  background: #e7212b;
  color: #fff;
}

._stepIcon_4ewsg_90 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  transition: all 0.2s ease;
}

._stepperContainer_4ewsg_119 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

._stepLabel_4ewsg_127 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
}

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

._stepConnector_4ewsg_64 {
  width: 232px;
  flex-shrink: 0;
  height: 2px;
  background: #e8e8e9;
  margin-bottom: 25px;
  transition: background 0.2s ease;
}
._stepConnector_4ewsg_64._stepConnectorCompleted_4ewsg_149 {
  background: #e7212b;
}
._stepConnector_4ewsg_64._stepConnectorCurrent_4ewsg_152 {
  background: linear-gradient(to right, #e7212b 50%, #e8e8e9 50%);
}

._inlineBackButton_4ewsg_156 {
  margin-right: auto;
}

._actionButtons_4ewsg_160 {
  display: flex;
  gap: 8px;
}
._actionButtons_4ewsg_160 ._draftButton_4ewsg_164 {
  flex: 1 1 50%;
  min-width: 0;
  height: 40px;
  padding: 10px 24px;
  border-radius: 8px;
}
._actionButtons_4ewsg_160 ._publishButton_4ewsg_171 {
  flex: 1 1 50%;
  min-width: 0 !important;
  height: 40px;
  padding: 10px 24px;
  border-radius: 8px;
}

._formCard_4ewsg_179 {
  max-width: 550px;
  width: 100%;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8e9;
  background: #fff;
  margin-right: 140px;
}

._cardTitle_4ewsg_191 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.005em;
  color: #14181f;
  margin: 0 0 8px 0;
  text-align: center;
}

._cardDescription_4ewsg_202 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #707a8f;
  margin: 0 0 24px 0;
  text-align: center;
}

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

._formRow_4ewsg_219 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: flex-end;
}
@media (max-width: 600px) {
  ._formRow_4ewsg_219 {
    grid-template-columns: 1fr;
  }
}

._dateRow_4ewsg_231 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 600px) {
  ._dateRow_4ewsg_231 {
    grid-template-columns: 1fr;
  }
}

._formField_4ewsg_242 {
  width: 100%;
}

._inputPrefix_4ewsg_246 {
  font-size: 14px;
  color: #707a8f;
  font-weight: 500;
}

._placeholderStep_4ewsg_252 {
  padding: 32px;
  text-align: center;
  color: #707a8f;
  font-size: 14px;
  background: #f6f7f8;
  border-radius: 8px;
  width: 100%;
}
._drawerContent_hyeq4_2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 4px;
  overflow-y: auto;
}

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

/* Eğitim adı en üstte, poll componentlerin üstünde */
._educationName_hyeq4_17 {
  margin: 0 0 8px 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.005em;
  color: #14181f;
}

/* Same structure as AttendeeAnswersDrawer */
._answersSection_hyeq4_28 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._pollName_hyeq4_34 {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.005em;
  color: #14181f;
  flex-shrink: 0;
}

._answersWrapper_hyeq4_45 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 8px;
}

/* 1. Bilgiler: başlık yok, border + spacing (3. resim / Figma) */
._infoCard_hyeq4_56 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
}

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

/* 2. Açıklama: borderlı section, bilgilerin altında */
._descriptionSection_hyeq4_70 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._descriptionTitle_hyeq4_80 {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #14181f;
  line-height: 24px;
}

._pollDescription_hyeq4_89 {
  margin: 0;
  font-size: 14px;
  color: #4d5464;
  line-height: 1.6;
}

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

._detailIcon_hyeq4_102 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #ffffff;
  border-radius: 6px;
  color: #707a8f;
  flex-shrink: 0;
}

._detailLabel_hyeq4_114 {
  flex: 1;
  font-size: 14px;
  color: #707a8f;
}

._detailValue_hyeq4_120 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  text-align: right;
}

._detailValueWithInfo_hyeq4_127 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  text-align: right;
}

._infoIcon_hyeq4_137 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  cursor: help;
}

._questionsSection_hyeq4_145 {
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
}

._questionsTitle_hyeq4_152 {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 600;
  color: #14181f;
}

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

._questionCard_hyeq4_165 {
  background: #f6f7f8;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

._questionNumber_hyeq4_180 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #e7212b;
  color: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  flex-shrink: 0;
}

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

._requiredBadge_hyeq4_201 {
  font-size: 12px;
  font-weight: 500;
  color: #e7212b;
}

._questionText_hyeq4_207 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  line-height: 1.5;
}

._optionsList_hyeq4_215 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
  padding-left: 40px;
}

._optionItem_hyeq4_223 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #4d5464;
}

._optionBullet_hyeq4_231 {
  width: 6px;
  height: 6px;
  background: #707a8f;
  border-radius: 50%;
  flex-shrink: 0;
}

._starRatingDisplay_hyeq4_239,
._scaleDisplay_hyeq4_240 {
  margin-top: 8px;
}

._loading_hyeq4_244 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #707a8f;
  font-size: 14px;
}

._error_hyeq4_253 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #e7212b;
  font-size: 14px;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
:root {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.light {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #f9fafb;
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #f1f1f1;
  --color-neutral-dark: #212b36;
  --color-neutral-darker: rgba(145, 158, 171, 0.2);
}

.dark {
  --color-primary: #e7212b;
  --color-primary-primary-light: #e7212b;
  --color-primary-primary-contained: #e7212b;
  --color-primary-lighter: #c8fad6;
  --color-primary-light: #72808f;
  --color-primary-dark: #007867;
  --color-primary-darker: #dadfe3;
  --color-info: #00b8d9;
  --color-info-lighter: #cafdf5;
  --color-info-light: #61f3f3;
  --color-info-dark: #006c9c;
  --color-info-darker: #003768;
  --color-success: #22c55e;
  --color-success-lighter: #d3fcd2;
  --color-success-light: #77ed8b;
  --color-success-dark: #118d57;
  --color-success-darker: #065e49;
  --color-warning: #ffab00;
  --color-warning-lighter: #fff5cc;
  --color-warning-light: #ffd666;
  --color-warning-dark: #b76e00;
  --color-warning-darker: #7a4100;
  --color-error: #fb3748;
  --color-error-lighter: #ffe9d5;
  --color-error-light: #ffac82;
  --color-error-dark: #fb3748;
  --color-error-darker: #7a0916;
  --color-neutral: #1c1c1c;
  --color-neutral-lighter: #2c2c2c;
  --color-neutral-light: #3c3c3c;
  --color-neutral-dark: #4c4c4c;
  --color-neutral-darker: #5c5c5c;
}

.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
}
.avatar__content {
  color: #fff;
}
.avatar.rounded {
  border-radius: 12px;
}
.avatar.color-primary {
  background-color: var(--color-primary, #e7212b);
  color: #fff;
}
.avatar.color-secondary {
  background-color: var(--color-info-dark, #9c27b0);
  color: #fff;
}
.avatar.color-info {
  background-color: var(--color-info, #00b8d9);
  color: #fff;
}
.avatar.color-success {
  background-color: var(--color-success, #22c55e);
  color: #fff;
}
.avatar.color-warning {
  background-color: var(--color-warning, #ffab00);
  color: #fff;
}
.avatar.color-error {
  background-color: var(--color-error, #ff5630);
  color: #fff;
}
.avatar.color-default {
  background-color: var(--color-neutral-dark, #bdbdbd);
  color: #fff;
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}/* Small_Badge_Statistic Card: padding 40 20 16 20, gap 12px (2. 3. resim) */
._attendeeCard_1cea6_2 {
  position: relative;
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 40px 20px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 304px;
  transition: box-shadow 0.2s ease;
}
._attendeeCard_1cea6_2:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._statusBadge_1cea6_18 {
  position: absolute;
  top: 12px;
  right: 12px;
}

._cardHeader_1cea6_24 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

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

._attendeeName_1cea6_39 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #14181f;
  line-height: 1.4;
}

._attendeeTitle_1cea6_47 {
  margin: 0;
  font-size: 14px;
  color: #707a8f;
  line-height: 1.4;
}

._cardBody_1cea6_54 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

._progressLabel_1cea6_67 {
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
}

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

._progressCount_1cea6_79 {
  font-size: 12px;
  color: #4d5464;
}

._progressPercent_1cea6_84 {
  font-size: 14px;
  font-weight: 600;
  color: #e7212b;
}

._cardFooter_1cea6_90 {
  border-top: 1px solid #e8e8e9;
  padding-top: 16px;
  margin-top: auto;
}

._viewAnswersBtn_1cea6_96 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #e7212b;
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
._viewAnswersBtn_1cea6_96:hover:not(._disabled_1cea6_111) {
  opacity: 0.85;
}
._viewAnswersBtn_1cea6_96 svg {
  color: #e7212b;
  flex-shrink: 0;
}
._viewAnswersBtn_1cea6_96._disabled_1cea6_111 {
  color: #c4c9d4;
  cursor: not-allowed;
  text-decoration: none;
}
._viewAnswersBtn_1cea6_96._disabled_1cea6_111 svg {
  color: #c4c9d4;
}._drawerContent_1j3la_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 4px;
  overflow-y: auto;
}

._answersSection_1j3la_9 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._pollName_1j3la_15 {
  margin: 0 0 0 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.005em;
  color: #14181f;
  padding-bottom: 0;
  flex-shrink: 0;
}

._answersWrapper_1j3la_27 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 8px;
}

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

._questionCard_1j3la_43 {
  background: #f6f7f8;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._questionNumber_1j3la_53 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #e7212b;
  color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}

._questionRow_1j3la_67 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

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

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

._optionItem_1j3la_87 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  font-size: 14px;
  color: #4d5464;
}

._optionItemSelected_1j3la_99 {
  border-color: #e7212b;
  background: #ffeff0;
  color: #14181f;
}

._checkboxIcon_1j3la_105 {
  width: 18px;
  height: 18px;
  border: 2px solid #e8e8e9;
  border-radius: 50%;
  flex-shrink: 0;
}

._optionItemSelected_1j3la_99 ._checkboxIcon_1j3la_105 {
  border-color: #e7212b;
  background: #e7212b;
}

._textAnswer_1j3la_118 {
  padding: 12px 16px;
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  font-size: 14px;
  color: #14181f;
  line-height: 1.5;
  white-space: pre-wrap;
  min-height: 80px;
}

._singleOptionDisplay_1j3la_130 {
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  font-size: 14px;
  color: #14181f;
}

._starRatingWrap_1j3la_139,
._scaleDisplayWrap_1j3la_140 {
  margin-top: 4px;
}

._loading_1j3la_144 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #707a8f;
  font-size: 14px;
}

._error_1j3la_153 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  gap: 12px;
  color: #e7212b;
  font-size: 14px;
  text-align: center;
}

._emptyAnswers_1j3la_165 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  color: #707a8f;
  font-size: 14px;
}._breadcrumbContainer_fuzdl_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 8px;
}

._backButton_fuzdl_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._backButton_fuzdl_9:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._pageContainer_fuzdl_27 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

._attendeeGrid_fuzdl_34 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1400px) {
  ._attendeeGrid_fuzdl_34 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) {
  ._attendeeGrid_fuzdl_34 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  ._attendeeGrid_fuzdl_34 {
    grid-template-columns: 1fr;
  }
}

._loading_fuzdl_55 {
  padding: 24px;
  text-align: center;
  color: #666f82;
}

._emptyState_fuzdl_61 {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #707a8f;
}

._paginationBar_fuzdl_70 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  gap: 12px;
}

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

._paginationLabel_fuzdl_89 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
}

._paginationPageSizeDropdown_fuzdl_98 {
  max-width: 80px;
}
._paginationPageSizeDropdown_fuzdl_98 .dropdown-container {
  max-width: 100%;
}
._paginationPageSizeDropdown_fuzdl_98 .dropdown-header {
  max-width: 100%;
}

._paginationDetails_fuzdl_108 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_fuzdl_118 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_fuzdl_118 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_fuzdl_118 .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_fuzdl_118 .pagination-number._active_fuzdl_142 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_fuzdl_118 .pagination-number:hover:not(._active_fuzdl_142) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_fuzdl_118 .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._paginationArrow_fuzdl_163 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationArrow_fuzdl_163:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationArrow_fuzdl_163:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationArrow_fuzdl_163 svg {
  width: 16px;
  height: 16px;
}._section_1rt0o_1 {
  margin-bottom: 24px;
}
._section_1rt0o_1:last-of-type {
  margin-bottom: 0;
}

._sectionTitle_1rt0o_8 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #14181f;
  margin: 0 0 12px 0;
}

._chipsRow_1rt0o_18 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 16px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e8e8e9;
}

._chipWrap_1rt0o_27 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  border-radius: 8px;
  background: #f2f4f7;
  border: 1px solid #e8e8e9;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #2f333c;
}

._chipRemove_1rt0o_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #707a8f;
  transition: color 0.2s ease;
}
._chipRemove_1rt0o_43:hover {
  color: #e7212b;
}

._instructionText_1rt0o_58 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #14181f;
  margin: 0;
}

._instructionCount_1rt0o_68 {
  font-weight: 600;
  color: #e7212b;
}

._trainingField_1rt0o_73 {
  margin-bottom: 0;
  min-height: 300px;
}

._quotaRow_1rt0o_78 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  width: fit-content;
  height: fit-content;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.005em;
}

._quotaIcon_1rt0o_92 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._quotaLabel_1rt0o_99 {
  color: #707a8f; /* Grey/grey-500 */
  flex-shrink: 0;
}

._quotaValue_1rt0o_104 {
  color: #2f333c; /* Grey/grey-900 */
  font-weight: 500;
}

._quotaUsed_1rt0o_109 {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  background: #3b82f6; /* light blue chip */
  color: #fff;
  font-weight: 500;
  margin-right: 2px;
}

._quotaWarningIcon_1rt0o_119 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e7212b;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  flex-shrink: 0;
  cursor: help;
}

._footer_1rt0o_135 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

._saveButton_1rt0o_141 {
  min-width: 160px;
}/**
 * Text style tokens and mixin.
 * Use @include text-style('textM') in SCSS or getTextStyleClassName('textM') in TS/JS.
 */
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._headerTitle_1w3dv_35 {
  display: flex;
  align-items: center;
  gap: 8px;
}

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

._detayButton_1w3dv_47 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #e7212b;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  white-space: nowrap;
}
._detayButton_1w3dv_47:hover {
  background-color: #fef2f2;
}

._menuButton_1w3dv_65 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._menuButton_1w3dv_65:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._menuDropdown_1w3dv_82 {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  min-width: 180px;
  padding: 4px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

._menuItem_1w3dv_96 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #374151;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
}
._menuItem_1w3dv_96:hover {
  background-color: #f3f4f6;
}

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

._personnelCard_1w3dv_120 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
}

._personnelCardTop_1w3dv_129 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

._avatarWrap_1w3dv_135 {
  flex-shrink: 0;
}

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

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

._personnelNameTitle_1w3dv_152 {
  min-width: 0;
}

._personnelName_1w3dv_152 {
  margin: 0 0 4px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #14181f;
}

._personnelTitle_1w3dv_164 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #4d5464;
}

._badgesRow_1w3dv_171 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

._contactPills_1w3dv_177 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

._cardEducationProgress_1w3dv_184 {
  width: 100%;
  margin-top: 0;
}

._cardEducationProgressTitle_1w3dv_189 {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #666f82;
}

._cardEducationProgress_1w3dv_184 ._progressLabels_1w3dv_198 {
  margin-top: 8px;
  margin-bottom: 0;
}

._contactPill_1w3dv_177 {
  display: inline-flex;
  align-items: center;
  padding: 4px 16px 4px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.005em;
  color: #666f82;
  background: #f8f8f9;
  border: 1px solid #d3d6dc;
  border-radius: 8px;
}

._section_1w3dv_217 {
  margin: 0;
}

._sectionTitle_1w3dv_221 {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #666f82;
}

._sectionCard_1w3dv_230 {
  padding: 16px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
}

._progressLabels_1w3dv_198 {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 14px;
  color: #4d5464;
}

._progressPercent_1w3dv_245 {
  color: #10b981;
  font-weight: 500;
}

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

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

._detailIcon_1w3dv_262 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  flex-shrink: 0;
}

._detailLabel_1w3dv_270 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #666f82;
  flex: 1;
}

._detailValue_1w3dv_279 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #14181f;
}

._menuWrapper_1w3dv_287 {
  position: relative;
}._stepTabs_1vcgv_1 {
  display: flex;
  align-items: stretch;
  width: 100%;
  padding: 0px 16px;
  margin-bottom: 0;
}

._stepTab_1vcgv_1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 0;
  width: 100%;
  background: none;
  border: none;
  cursor: default;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: color 0.2s ease;
  pointer-events: none;
}

._stepTabWrapper_1vcgv_26 {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}

._stepTab_1vcgv_1._active_1vcgv_33 {
  color: #e7212b;
}
._stepTab_1vcgv_1._active_1vcgv_33 ._stepNumber_1vcgv_36 {
  background-color: #e7212b;
  color: #fff;
  border-color: #e7212b;
}

._stepTab_1vcgv_1:not(._active_1vcgv_33) ._stepNumber_1vcgv_36 {
  background: #ffeff0;
  color: #e7212b;
  border: 1px solid #e7212b;
}

._stepNumber_1vcgv_36 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #d3d6dc;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  color: #4d5464;
  flex-shrink: 0;
}

._stepProgressFull_1vcgv_63 {
  width: calc(100% - 32px);
  height: 1.5px;
  margin: 0 16px;
  background-color: #e8e8e9;
  overflow: hidden;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
}

._stepProgressFullBar_1vcgv_73 {
  height: 100%;
  background-color: #e7212b;
  transition: width 0.3s ease;
}

._footerWrapper_1vcgv_79 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._requiredHint_1vcgv_86 {
  margin: 0;
  font-size: 12px;
  color: #707a8f;
}

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

._formGrid_1vcgv_100 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
  margin-bottom: 150px;
}

._formFieldFull_1vcgv_107 {
  grid-column: 1/-1;
}

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

._modalHeader_1vcgv_117 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e8e8e9;
}

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

._modalTitle_1vcgv_131 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
}

._closeButton_1vcgv_138 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #72808f;
  padding: 0;
}
._closeButton_1vcgv_138:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

/* BulkImportStaffModal */
._bulkImportHint_1vcgv_157 {
  margin: 0 0 12px;
  font-size: 14px;
  color: #707a8f;
}

._bulkImportDropzone_1vcgv_163 {
  border: 2px dashed #e8e8e9;
  border-radius: 8px;
  padding: 32px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
._bulkImportDropzone_1vcgv_163:hover, ._bulkImportDropzone_1vcgv_163._dragging_1vcgv_171 {
  border-color: #e7212b;
  background-color: #fff5f5;
}
._bulkImportDropzone_1vcgv_163._hasFile_1vcgv_175 {
  border-style: solid;
  border-color: #4caf50;
  background-color: #f1f8f4;
}

._bulkImportInput_1vcgv_181 {
  display: none;
}

._bulkImportFileName_1vcgv_185 {
  font-size: 14px;
  font-weight: 500;
  color: #2f333c;
}

._bulkImportPlaceholder_1vcgv_191 {
  font-size: 14px;
  color: #707a8f;
}
._modalHeader_16mb3_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e8e8e9;
}

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

._modalTitle_16mb3_16 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
}

._closeButton_16mb3_23 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #72808f;
  padding: 0;
}
._closeButton_16mb3_23:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._content_16mb3_41 {
  padding: 24px;
  /* Dropdown listesinin modal altında kesilmemesi için minimum yükseklik */
  min-height: 320px;
}

._staffName_16mb3_47 {
  margin: 0 0 16px;
  font-size: 14px;
  color: #4d5464;
}
._staffName_16mb3_47 strong {
  color: #14181f;
}

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

._footerButtons_16mb3_62 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  width: 100%;
}._formStack_avqic_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 8px;
}

._formField_avqic_8 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}._toastWrapper_1wx15_1 {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}

._actionButton_1wx15_9 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s ease;
}
._actionButton_1wx15_9:hover {
  color: #374151;
}

._actionMenu_1wx15_24 {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  padding: 4px;
}

._actionMenuItem_1wx15_31 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
._actionMenuItem_1wx15_31:hover {
  background-color: #f3f4f6;
}

._actionMenuItemDisabled_1wx15_49 {
  cursor: not-allowed;
  color: #9ca3af;
}
._actionMenuItemDisabled_1wx15_49:hover {
  background-color: transparent;
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._card_mr32c_32 {
  display: flex;
  align-items: stretch;
  gap: 16px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  min-height: 192px;
  transition: box-shadow 0.2s ease;
}
._card_mr32c_32:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._card__imageWrap_mr32c_47 {
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  border-radius: 6px;
  overflow: hidden;
  background: #f5f5f5;
}

._card__rawHtml_mr32c_56 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
  /* Sertifika 842x595px; scale(0.19) ile 160x113 görünür, layout'ta yer kaplamasın diye absolute */
}
._card__rawHtml_mr32c_56 > * {
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.19);
  transform-origin: top left;
}

._card__image_mr32c_47 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._card__placeholder_mr32c_78 {
  width: 100%;
  height: 100%;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px;
  text-align: center;
  background: linear-gradient(145deg, #faf8f5 0%, #ebe6df 100%);
  border: 1px solid #e0d9d0;
  color: #8b7355;
  font-family: Georgia, serif;
}

._card__placeholderTitle_mr32c_94 {
  font-size: 10px;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
}

._card__placeholderSub_mr32c_100 {
  font-size: 8px;
  margin-bottom: 8px;
}

._card__placeholderName_mr32c_105 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

._card__placeholderMeta_mr32c_111 {
  font-size: 8px;
  letter-spacing: 0.05em;
}

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

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

._card__title_mr32c_131 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #14181f;
  margin: 0;
  flex: 1;
  min-width: 0;
}

._card__actions_mr32c_142 {
  position: relative;
  flex-shrink: 0;
}

._card__menuTrigger_mr32c_147 {
  min-width: 32px;
  padding: 4px;
  color: #707a8f;
}

._card__menu_mr32c_147 {
  position: absolute;
  top: 100%;
  right: 0;
  margin: 4px 0 0;
  padding: 4px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
  min-width: 140px;
}

._card__menuItem_mr32c_168 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  font-size: 14px;
  color: #14181f;
  background: none;
  border: none;
  cursor: pointer;
  transition: background 0.15s ease;
}
._card__menuItem_mr32c_168:hover {
  background: #f5f5f5;
}

._card__menuIcon_mr32c_186 {
  flex-shrink: 0;
  color: #707a8f;
}

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

._card__detail_mr32c_191 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 20px;
  color: #14181f;
}

._card__detailIcon_mr32c_209 {
  flex-shrink: 0;
  color: #707a8f;
}

._card__detailLabel_mr32c_214 {
  color: #707a8f;
  flex-shrink: 0;
}

._card__detailValue_mr32c_219 {
  color: #14181f;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}._pageContainer_m97ri_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._tabsWrapper_m97ri_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

._certificateGrid_m97ri_15 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
  gap: 24px;
}

._emptyState_m97ri_21 {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #707a8f;
}

._paginationBar_m97ri_30 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  gap: 12px;
}

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

._paginationLabel_m97ri_49 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
}

._paginationDetails_m97ri_58 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_m97ri_68 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_m97ri_68 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_m97ri_68 .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_m97ri_68 .pagination-number._active_m97ri_92 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_m97ri_68 .pagination-number:hover:not(._active_m97ri_92) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_m97ri_68 .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._paginationArrow_m97ri_113 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationArrow_m97ri_113:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationArrow_m97ri_113:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationArrow_m97ri_113 svg {
  width: 16px;
  height: 16px;
}
._container_swuye_2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  min-height: 0;
}

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

._backButton_swuye_16 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  transition: all 0.2s ease;
}
._backButton_swuye_16:hover {
  background-color: #f6f7f8;
  border-color: #d0d0d1;
  color: #14181f;
}

._pageTitle_swuye_36 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #14181f;
  margin: 0;
}

._pageLayout_swuye_44 {
  display: flex;
  gap: 24px;
  align-items: stretch;
  flex: 1;
  min-height: 0;
}
@media (max-width: 1400px) {
  ._pageLayout_swuye_44 {
    flex-direction: column;
  }
}

._leftColumn_swuye_57 {
  flex-shrink: 0;
  width: 700px;
}
@media (max-width: 1400px) {
  ._leftColumn_swuye_57 {
    width: 100%;
    max-width: 700px;
  }
}

._rightColumn_swuye_68 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._certificateCard_swuye_77 {
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  overflow: hidden;
}

._certificatePreview_swuye_84 {
  padding: 24px;
  background: #faf8f5;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 320px;
}

._certificateRawHtml_swuye_93 {
  width: 100%;
  max-width: 700px;
  overflow: hidden;
  position: relative;
  /* Sertifika 842x595; scale(0.756) ile ~636x450 görünür */
  height: 450px;
}
._certificateRawHtml_swuye_93 > * {
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.756);
  transform-origin: top left;
}

._certificatePlaceholder_swuye_109 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  color: #707a8f;
  font-size: 14px;
  text-align: center;
  padding: 24px;
}

._downloadButtonWrap_swuye_121 {
  padding: 16px 24px;
  border-top: 1px solid #e8e8e9;
}

._certificateDetails_swuye_126 {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 1px solid #e8e8e9;
}

._detailItem_swuye_134 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
}

._detailLabel_swuye_143 {
  color: #707a8f;
  font-weight: 500;
  letter-spacing: 0.08px;
}

._detailValue_swuye_149 {
  color: #14181f;
  font-weight: 500;
  letter-spacing: 0.08px;
  text-align: right;
}

._pageHeader_swuye_156 {
  margin-bottom: 0;
}

._tableSection_swuye_160 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._tableSection_swuye_160 .table-wrapper {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._tableSection_swuye_160 .table-container {
  flex: 1;
  min-height: 0;
  overflow: auto;
}
._tableSection_swuye_160 .table {
  height: 100%;
}._previewWrapper_1je1j_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: auto;
}

._certificateContainer_1je1j_9 {
  position: relative;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

._templateImage_1je1j_18 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
}

._overlayContainer_1je1j_28 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

._textOverlay_1je1j_37 {
  pointer-events: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: inherit;
}

._fieldLabel_1je1j_45 {
  font-size: 10px;
  font-weight: 500;
  color: #666666;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  font-family: Arial, sans-serif;
}

@media (max-width: 900px) {
  ._previewWrapper_1je1j_1 {
    transform: scale(0.8);
    transform-origin: top center;
  }
}
@media (max-width: 600px) {
  ._previewWrapper_1je1j_1 {
    transform: scale(0.5);
    transform-origin: top center;
  }
}._formContainer_1pbfs_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  height: fit-content;
}

._formTitle_1pbfs_12 {
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8e8e9;
}

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

._certificateNumberField_1pbfs_27 {
  display: flex;
  gap: 12px;
  align-items: flex-end;
}
._certificateNumberField_1pbfs_27 > div:first-child {
  flex: 1;
}
._certificateNumberField_1pbfs_27 ._generateButton_1pbfs_35 {
  flex-shrink: 0;
  height: 44px;
  white-space: nowrap;
}

._formActions_1pbfs_41 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e8e8e9;
}

@media (max-width: 768px) {
  ._formContainer_1pbfs_1 {
    padding: 16px;
  }
  ._certificateNumberField_1pbfs_27 {
    flex-direction: column;
    align-items: stretch;
  }
  ._certificateNumberField_1pbfs_27 ._generateButton_1pbfs_35 {
    width: 100%;
  }
}._container_b39v0_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

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

._backButton_b39v0_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  transition: all 0.2s ease;
}
._backButton_b39v0_13:hover {
  background-color: #f6f7f8;
  border-color: #d0d0d1;
  color: #14181f;
}

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

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

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

._templatesLoading_b39v0_50 {
  padding: 48px 24px;
  text-align: center;
  font-size: 16px;
  color: #707a8f;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
}

._templatesError_b39v0_60 {
  padding: 48px 24px;
  text-align: center;
  font-size: 16px;
  color: #e7212b;
  background: #ffeff0;
  border: 1px solid #e7212b;
  border-radius: 12px;
}

._templatesGrid_b39v0_70 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 24px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
}
@media (max-width: 1400px) {
  ._templatesGrid_b39v0_70 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  ._templatesGrid_b39v0_70 {
    grid-template-columns: 1fr;
  }
}

._templateCard_b39v0_90 {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  background: #faf8f5;
}
._templateCard_b39v0_90:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._templateCardSelected_b39v0_103 {
  border-color: #e7212b;
  box-shadow: 0 0 0 2px rgba(231, 33, 43, 0.2);
}

._templatePreview_b39v0_108 {
  position: relative;
  aspect-ratio: 1.414/1;
  overflow: hidden;
}

._templateImage_b39v0_114 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._templateOverlay_b39v0_120 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 12px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  display: flex;
  align-items: flex-end;
}

._templateName_b39v0_131 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

._editorSection_b39v0_137 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
@media (max-width: 1200px) {
  ._editorSection_b39v0_137 {
    grid-template-columns: 1fr;
  }
}

._previewContainer_b39v0_149 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
}

._sectionTitle_b39v0_159 {
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
  margin: 0;
}

._formSection_b39v0_166 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
}

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

._noSelectionMessage_b39v0_182 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  min-height: 300px;
}
._noSelectionMessage_b39v0_182 p {
  font-size: 16px;
  color: #707a8f;
  margin: 0;
  text-align: center;
}

._uploadContainer_b39v0_199 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  min-height: 400px;
}

._hiddenFileInput_b39v0_210 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

._uploadArea_b39v0_218 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 48px;
  border: 2px dashed #e8e8e9;
  border-radius: 12px;
  text-align: center;
  min-width: 400px;
}

._uploadText_b39v0_231 {
  font-size: 14px;
  color: #707a8f;
  margin: 0;
}

._paginationBar_b39v0_237 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  gap: 12px;
}

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

._paginationLabel_b39v0_256 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
}

._paginationDetails_b39v0_265 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_b39v0_275 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_b39v0_275 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_b39v0_275 .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_b39v0_275 .pagination-number._active_b39v0_299 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_b39v0_275 .pagination-number:hover:not(._active_b39v0_299) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_b39v0_275 .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._paginationArrow_b39v0_320 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationArrow_b39v0_320:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationArrow_b39v0_320:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationArrow_b39v0_320 svg {
  width: 16px;
  height: 16px;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._header_qc8ov_31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px 8px 0 0;
  gap: 12px;
}

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

._headerIcon_qc8ov_49 {
  flex-shrink: 0;
  color: #707a8f;
}

._headerTitle_qc8ov_54 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #14181f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._headerActions_qc8ov_64 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

._pdfGenerating_qc8ov_71 {
  font-size: 12px;
  white-space: nowrap;
}

._headerBtn_qc8ov_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 8px;
  padding: 0;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #505766;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._headerBtn_qc8ov_76 svg {
  color: #505766;
}
._headerBtn_qc8ov_76:hover {
  background: #f5f5f5;
  border-color: #e8e8e9;
}
._headerBtn_qc8ov_76:hover svg {
  color: #505766;
}

._body_qc8ov_102 {
  padding: 24px;
  background: #f5f5f5;
  min-height: 400px;
  border: 1px solid #e8e8e9;
  border-top: none;
  border-radius: 0 0 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._loading_qc8ov_114 {
  padding: 40px 0;
  text-align: center;
  color: #707a8f;
  width: 100%;
}

._error_qc8ov_121 {
  padding: 40px 24px;
  text-align: center;
  color: #b33;
  width: 100%;
}

._htmlContainer_qc8ov_128 {
  width: 100%;
  max-height: 70vh;
  overflow: auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #e8e8e9;
}._root_1ey4a_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._summary_1ey4a_7 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px 16px;
  padding: 16px;
  background: #f6f7f8;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
}

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

._summaryLabel_1ey4a_23 {
  font-size: 12px;
  line-height: 18px;
  color: #666f82;
}

._summaryValue_1ey4a_29 {
  font-size: 15px;
  font-weight: 600;
  color: #14181f;
  line-height: 22px;
}

._pass_1ey4a_36 {
  color: #15ac77;
}

._fail_1ey4a_40 {
  color: #e7212b;
}

._previewWrap_1ey4a_44 {
  margin: 0 -8px;
  min-height: 320px;
}

._stateMessage_1ey4a_49 {
  padding: 24px;
  text-align: center;
  color: #666f82;
  font-size: 14px;
}

._errorMessage_1ey4a_56 {
  padding: 24px;
  text-align: center;
  color: #e7212b;
  font-size: 14px;
}._pageContainer_ug641_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

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

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

._progressLabels_ug641_20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  line-height: 20px;
}

._timeText_ug641_29 {
  color: #666f82;
}

._fractionText_ug641_33 {
  font-weight: 600;
  color: #fe9431;
}

._detailButton_ug641_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  color: #707a8f;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
._detailButton_ug641_38:hover {
  background: rgba(232, 232, 233, 0.5);
  color: #14181f;
}

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

._scorePass_ug641_63 {
  color: #15ac77;
}

._scoreFail_ug641_67 {
  color: #e7212b;
}

._scoreIconPass_ug641_71 {
  display: inline-flex;
  color: #15ac77;
}

._scoreIconFail_ug641_76 {
  display: inline-flex;
  color: #e7212b;
}

._actionsCell_ug641_81 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

._actionTextBtn_ug641_89 {
  padding: 8px 14px;
  min-height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  color: #14181f;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}
._actionTextBtn_ug641_89:hover {
  background: rgba(232, 232, 233, 0.5);
  color: #14181f;
  border-color: #d3d6dc;
}._container_143mv_1 {
  padding: 0 24px 24px;
}

._startScreen_143mv_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 24px;
}

._startCard_143mv_13 {
  max-width: 480px;
  width: 100%;
  padding: 32px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
  text-align: center;
}

._startTitle_143mv_23 {
  font-size: 20px;
  font-weight: 600;
  color: #14181f;
  margin: 0 0 16px 0;
  font-family: "Inter", sans-serif;
}

._startExamName_143mv_31 {
  font-size: 18px;
  font-weight: 500;
  color: #14181f;
  margin: 0 0 12px 0;
}

._startMeta_143mv_38 {
  font-size: 14px;
  color: #707a8f;
  margin: 0 0 24px 0;
}

._startError_143mv_44 {
  font-size: 14px;
  color: #e7212b;
  margin: 0 0 16px 0;
}

._startActions_143mv_50 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

._loading_143mv_57,
._error_143mv_58 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 24px;
  color: #707a8f;
  font-size: 14px;
}

._backLink_143mv_69 {
  margin-top: 16px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #e7212b;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
._backLink_143mv_69:hover {
  background: #ffeff0;
  border-color: #e7212b;
}._breadcrumbContainer_755k1_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 8px;
}

._backButton_755k1_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._backButton_755k1_9:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._pageLayout_755k1_27 {
  display: flex;
  gap: 24px;
  margin-top: 24px;
  align-items: flex-start;
}

._leftColumn_755k1_34 {
  flex-shrink: 0;
  width: 360px;
}

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

._pageHeader_755k1_47 {
  margin-bottom: 0;
}

._toolbar_755k1_51 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  flex-wrap: wrap;
}

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

._toolbarSearch_755k1_68 {
  flex: 1;
  min-width: 200px;
  max-width: 320px;
}

._toolbarBtn_755k1_74 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  font-size: 14px;
}
._toolbarBtn_755k1_74:hover, ._toolbarBtn_755k1_74._active_755k1_86 {
  background: #f6f7f8;
  color: #14181f;
}

._toolbarBtnText_755k1_91 {
  white-space: nowrap;
}

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

._tableSection_755k1_101 {
  flex: 1;
  min-height: 280px;
  display: flex;
  flex-direction: column;
}

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

._certificateGrid_755k1_114 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
  gap: 24px;
}

._certificateCard_755k1_120 {
  display: flex;
  width: 100%;
  min-height: 192px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

._certificatePreview_755k1_130 {
  flex: 0 0 33%;
  min-width: 0;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

._certificatePreviewInner_755k1_140 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px dashed #e7212b;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  min-height: 140px;
}

._certificatePreviewTitle_755k1_153 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #991b1b;
  margin-bottom: 8px;
}

._certificatePreviewName_755k1_161 {
  font-size: 14px;
  font-style: italic;
  color: #14181f;
}

._certificateDetails_755k1_167 {
  flex: 1;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

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

._certificateCardTitle_755k1_183 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #14181f;
  flex: 1;
  min-width: 0;
}

._downloadBtn_755k1_193 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  flex-shrink: 0;
}
._downloadBtn_755k1_193:hover {
  background: #f6f7f8;
  color: #14181f;
}

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

._certificateDetailItem_755k1_218 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #4d5464;
}
._certificateDetailItem_755k1_218 span {
  flex: 1;
  min-width: 0;
}

._certDetailIcon_755k1_230 {
  flex-shrink: 0;
  color: #707a8f;
}

._logTimeline_755k1_235 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 0;
}

._logTimelineLine_755k1_243 {
  position: absolute;
  left: 153px;
  top: 24px;
  bottom: 24px;
  width: 2px;
  background: #e7212b;
  border-radius: 1px;
}

._logEntry_755k1_253 {
  display: flex;
  align-items: flex-start;
  gap: 0;
  position: relative;
}

._logTime_755k1_235 {
  flex: 0 0 140px;
  font-size: 14px;
  color: #4d5464;
  padding-top: 14px;
  padding-right: 16px;
}

._logDotWrap_755k1_268 {
  flex: 0 0 28px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 10px;
}

._logDot_755k1_268 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e7212b;
  flex-shrink: 0;
  z-index: 1;
}

._logCard_755k1_285 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  margin-left: 0;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  min-width: 0;
}

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

._logCardTitle_755k1_304 {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: #14181f;
}

._logCardDescription_755k1_311 {
  margin: 0;
  font-size: 14px;
  color: #4d5464;
}

._emptyText_755k1_317 {
  margin: 0;
  padding: 24px;
  text-align: center;
  color: #666f82;
  font-size: 14px;
}

._loading_755k1_325 {
  padding: 24px;
  text-align: center;
  color: #666f82;
}

._menuButton_755k1_331 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  flex-shrink: 0;
}
._menuButton_755k1_331:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._iconButton_755k1_349 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._iconButton_755k1_349:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

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

._emailLink_755k1_371 {
  color: #2563eb;
  text-decoration: none;
}
._emailLink_755k1_371:hover {
  text-decoration: underline;
}._headerTitle_1o51k_1 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._menuWrapper_1o51k_7 {
  position: relative;
}

._menuButton_1o51k_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  transition: all 0.2s ease;
}
._menuButton_1o51k_11:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._menuDropdown_1o51k_30 {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  min-width: 200px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  border: 1px solid #e8e8e9;
  padding: 4px;
  z-index: 10;
}

._menuItem_1o51k_44 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  background: none;
  border: none;
  text-align: left;
  font-size: 14px;
  color: #374151;
  cursor: pointer;
  border-radius: 4px;
}
._menuItem_1o51k_44:hover {
  background: #f3f4f6;
}

._drawerContent_1o51k_62 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._drawerContent_1o51k_62 .input-container ._input_1o51k_67,
._drawerContent_1o51k_62 .input-container input {
  background-color: #f1f2f4 !important;
}
._drawerContent_1o51k_62 .textarea-container ._textarea_1o51k_71,
._drawerContent_1o51k_62 .textarea-container textarea {
  background-color: #f1f2f4 !important;
}
._drawerContent_1o51k_62 .dropdown-container ._dropdown-header_1o51k_75,
._drawerContent_1o51k_62 .dropdown-container.disabled ._dropdown-header_1o51k_75 {
  background-color: #f1f2f4 !important;
}

._twoColumnRow_1o51k_80 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

._fieldGroup_1o51k_86 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
._fieldGroup_1o51k_86 label {
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
}
._fieldGroup_1o51k_86 ._fieldValue_1o51k_97 {
  font-size: 14px;
  color: #14181f;
  line-height: 1.5;
}

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

._documentItem_1o51k_109 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
}

._documentIcon_1o51k_119 {
  flex-shrink: 0;
  color: #ef4444;
}

._documentInfo_1o51k_124 {
  flex: 1;
  font-size: 14px;
  color: #14181f;
}

._documentSize_1o51k_130 {
  font-size: 12px;
  color: #707a8f;
}

._downloadBtn_1o51k_135 {
  display: inline-flex;
  padding: 6px;
  background: none;
  border: none;
  cursor: pointer;
  color: #707a8f;
  text-decoration: none;
}
._downloadBtn_1o51k_135:hover {
  color: #14181f;
}._drawerContent_1s1wt_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}

._twoColumnRow_1s1wt_8 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
._twoColumnRow_1s1wt_8 > * {
  min-width: 0;
}

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

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

._fieldGroup_1s1wt_29 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._fieldGroup_1s1wt_29 > label {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

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

._documentItem_1s1wt_46 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
}

._documentIcon_1s1wt_56 {
  flex-shrink: 0;
  color: #ef4444;
}

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

._documentInfo_1s1wt_61 {
  font-size: 14px;
  color: #14181f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._documentSize_1s1wt_77 {
  font-size: 12px;
  color: #707a8f;
}

._downloadLink_1s1wt_82 {
  font-size: 13px;
  color: #4f46e5;
  text-decoration: none;
}
._downloadLink_1s1wt_82:hover {
  text-decoration: underline;
}

._removeFileBtn_1s1wt_91 {
  display: inline-flex;
  padding: 6px;
  background: none;
  border: none;
  cursor: pointer;
  color: #707a8f;
}
._removeFileBtn_1s1wt_91:hover {
  color: #dc2626;
}._toastWrapper_dsjl7_1 {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}

._actionButton_dsjl7_9 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s ease;
}
._actionButton_dsjl7_9:hover {
  color: #374151;
}

._actionMenu_dsjl7_24 {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  padding: 4px;
}

._actionMenuItem_dsjl7_31 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
._actionMenuItem_dsjl7_31:hover {
  background-color: #f3f4f6;
}

._reasonChip_dsjl7_49 {
  display: inline-block;
}

._confirmModalName_dsjl7_53 {
  text-decoration: underline;
  color: #666f82;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.005em;
}._actionCell_4ezz1_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._statusChip_4ezz1_8 {
  flex-shrink: 0;
}

._actionButton_4ezz1_12 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s ease;
}
._actionButton_4ezz1_12:hover {
  color: #374151;
}

._actionMenu_4ezz1_27 {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  padding: 4px;
}

._actionMenuItem_4ezz1_34 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
._actionMenuItem_4ezz1_34:hover {
  background-color: #f3f4f6;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._breadcrumbContainer_ktuhf_31 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 24px;
}

._backButton_ktuhf_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  flex-shrink: 0;
}
._backButton_ktuhf_39:hover {
  background: #f6f7f8;
  border-color: #d0d0d1;
  color: #14181f;
}

._pageContent_ktuhf_59 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._mainLayout_ktuhf_66 {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 24px;
  align-items: stretch;
}
@media (max-width: 1200px) {
  ._mainLayout_ktuhf_66 {
    grid-template-columns: 1fr;
  }
}

._tableSection_ktuhf_80 {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}

._approvalCartColumn_ktuhf_88 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 0;
}

._approvalCart_ktuhf_88 {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
@media (max-width: 1200px) {
  ._approvalCart_ktuhf_88 {
    position: static;
  }
}

._approvalCartTitle_ktuhf_113 {
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
  text-transform: uppercase;
  letter-spacing: 0.08px;
  line-height: 18px;
  text-align: center;
  border-bottom: 1px solid #e8e8e9;
  padding-bottom: 16px;
  /* Extend to full width so border isn't inset by parent padding */
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}

._cartList_ktuhf_130 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 16px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  padding-top: 20px;
}

._cartItem_ktuhf_141 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #f1f2f4;
  border-radius: 8px;
  min-height: 56px;
  width: 100%;
  box-sizing: border-box;
}

._cartItemName_ktuhf_154 {
  font-size: 14px;
  font-weight: 600;
  color: #14181f;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #14181f;
}

._cartItemTc_ktuhf_166 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #14181f;
  flex: 1;
  min-width: 0;
  text-align: right;
}

._cartItemContent_ktuhf_177 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  justify-content: space-between;
}

._cartItemRemove_ktuhf_185 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  color: #707a8f;
  cursor: pointer;
  border-radius: 4px;
  flex-shrink: 0;
  transition: color 0.2s ease, background 0.2s ease;
}
._cartItemRemove_ktuhf_185:hover {
  background: rgba(231, 33, 43, 0.08);
  color: #c41e2a;
}

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

._cartTotalWrap_ktuhf_214 {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  min-width: 124px;
  min-height: 40px;
}

._cartTotal_ktuhf_214 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #14181f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 12px;
}

._submitButton_ktuhf_238 {
  flex: 1;
  min-width: 0;
  justify-content: center;
}

._emptyCart_ktuhf_244 {
  font-size: 14px;
  color: #707a8f;
  text-align: center;
  padding: 24px 0;
}

._confirmModalCount_ktuhf_251 {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-style: dashed;
  color: #14181f;
}._section_1ockk_1 {
  margin-bottom: 24px;
}
._section_1ockk_1:last-of-type {
  margin-bottom: 0;
}

._sectionTitle_1ockk_8 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #14181f;
  margin: 0 0 12px 0;
}

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

._searchInput_1ockk_24 {
  width: 100%;
  max-width: 320px;
}
._searchInput_1ockk_24 .input-container {
  margin-bottom: 0;
}

._footer_1ockk_32 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}

._cancelButton_1ockk_39 {
  min-width: 120px;
}

._saveButton_1ockk_43 {
  min-width: 160px;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._accordion_18o7t_31 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e8e8e9;
  background: #fff;
}

._accordionItem_18o7t_42 {
  border-bottom: 1px solid #e8e8e9;
}
._accordionItem_18o7t_42:last-child {
  border-bottom: none;
}
._accordionItem_18o7t_42._expanded_18o7t_48 ._accordionChevron_18o7t_48 {
  transform: rotate(180deg);
}
._accordionItem_18o7t_42:not(._expanded_18o7t_48) ._accordionContent_18o7t_51 {
  max-height: 0;
  overflow: hidden;
  border-top-width: 0;
}

._accordionHeader_18o7t_57 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  cursor: pointer;
  background: #fff;
  transition: background 0.2s ease;
  min-height: 56px;
}
._accordionHeader_18o7t_57:hover {
  background: #f6f7f8;
}

._accordionCheckbox_18o7t_71 {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: var(--color-primary, #e7212b);
}

._accordionIcon_18o7t_81 {
  flex-shrink: 0;
}

._accordionName_18o7t_85 {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  text-align: left;
}

._badge_18o7t_94 {
  flex-shrink: 0;
}

._accordionChevron_18o7t_48 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

._accordionContent_18o7t_51 {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fafafa;
  border-top: 1px solid #e8e8e9;
  transition: max-height 0.25s ease;
}

._accordionTableWrap_18o7t_115 {
  padding: 0 24px 24px;
  min-height: 0;
}
._accordionTableWrap_18o7t_115 .table-container {
  border-radius: 8px;
  overflow: hidden;
}

._badge_18o7t_94,
._accordionChevron_18o7t_48 {
  pointer-events: none;
}._form_1r7fr_1 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: min(70vh, 640px);
  overflow-y: auto;
  padding-right: 4px;
}

._modalFooter_1r7fr_10 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}

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

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

._mapLabel_1r7fr_34 {
  font-size: 13px;
  font-weight: 600;
  color: #14181f;
}

._scheduleSection_1r7fr_40 {
  border-top: 1px dashed #e1e3e6;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._scheduleHeader_1r7fr_48 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._scheduleHeader_1r7fr_48 h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

._scheduleEmpty_1r7fr_60 {
  margin: 0;
  font-size: 13px;
  color: #707a8f;
}

._scheduleRow_1r7fr_66 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 10px;
  align-items: end;
}
@media (max-width: 900px) {
  ._scheduleRow_1r7fr_66 {
    grid-template-columns: 1fr;
  }
}

._scheduleRemove_1r7fr_78 {
  border: 1px solid #f1d6d6;
  background: #fff5f5;
  color: #d14343;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 4px;
}
._scheduleRemove_1r7fr_78 svg {
  stroke: currentColor;
}

._addSection_1r7fr_95 {
  border-top: 1px dashed #e1e3e6;
  padding-top: 12px;
}
._addSection_1r7fr_95 h4 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #14181f;
}

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

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

._addName_1r7fr_123 {
  font-size: 13px;
  color: #14181f;
}

._addTitle_1r7fr_128 {
  font-weight: 400;
  color: #707a8f;
}

._removeSection_1r7fr_133 {
  border-top: 1px dashed #e1e3e6;
  padding-top: 12px;
}
._removeSection_1r7fr_133 h4 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #14181f;
}

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

._removeRow_1r7fr_153 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 8px 10px;
  background: #fafbfc;
  border: 1px solid #eef0f2;
  border-radius: 8px;
}

._removeName_1r7fr_165 {
  font-size: 13px;
  color: #14181f;
}

._removeTitle_1r7fr_170 {
  color: #5c6573;
  font-weight: 400;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._breadcrumbContainer_v614y_31 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 24px;
}

._backButton_v614y_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  flex-shrink: 0;
}
._backButton_v614y_39:hover {
  background: #f6f7f8;
  border-color: #d0d0d1;
  color: #14181f;
}

._pageContent_v614y_59 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

._mainLayout_v614y_67 {
  flex: 0 0 auto;
  min-height: auto;
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 24px;
  align-items: start;
}
@media (max-width: 1200px) {
  ._mainLayout_v614y_67 {
    grid-template-columns: 1fr;
  }
}

._accordionSection_v614y_81 {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: visible;
}

._loading_v614y_90 {
  padding: 24px;
  text-align: center;
  color: #707a8f;
  font-size: 14px;
}

._approvalCartColumn_v614y_97 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 0;
}

._approvalCart_v614y_97 {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #fff;
  position: static;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
@media (max-width: 1200px) {
  ._approvalCart_v614y_97 {
    position: static;
  }
}

._approvalCartTitle_v614y_121 {
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
  text-transform: uppercase;
  letter-spacing: 0.08px;
  line-height: 18px;
  text-align: center;
  border-bottom: 1px solid #e8e8e9;
  padding-bottom: 16px;
  margin-bottom: 16px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}

._cartList_v614y_138 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 16px;
  overflow: visible;
  flex: 1;
  min-height: 0;
  padding-top: 20px;
}

._cartItem_v614y_149 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #f1f2f4;
  border-radius: 8px;
  min-height: 56px;
  width: 100%;
  box-sizing: border-box;
}

._cartItemName_v614y_162 {
  font-size: 14px;
  font-weight: 600;
  color: #14181f;
  flex-shrink: 0;
}

._cartItemTc_v614y_169 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #14181f;
  flex: 1;
  min-width: 0;
  text-align: right;
}

._cartItemContent_v614y_180 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  justify-content: space-between;
}

._cartItemRemove_v614y_188 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  color: #707a8f;
  cursor: pointer;
  border-radius: 4px;
  flex-shrink: 0;
  transition: color 0.2s ease, background 0.2s ease;
}
._cartItemRemove_v614y_188:hover {
  background: rgba(231, 33, 43, 0.08);
  color: #c41e2a;
}

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

._cartTotalWrap_v614y_217 {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  min-width: 124px;
}

._cartTotal_v614y_217 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #14181f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 12px;
}

._finalPlanningSection_v614y_240 {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #e8e8e9;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

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

._sectionHeaderActions_v614y_256 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
  align-self: flex-start;
}

._addGroupButton_v614y_264 {
  align-self: flex-start;
}
._addGroupButton_v614y_264 svg {
  stroke: currentColor;
}

._sectionTitle_v614y_271 {
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
  margin: 0;
}

._sectionSubtitle_v614y_278 {
  margin: 6px 0 0;
  font-size: 13px;
  color: #707a8f;
}

._planningLayout_v614y_284 {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 20px;
}
@media (max-width: 1200px) {
  ._planningLayout_v614y_284 {
    grid-template-columns: 1fr;
  }
}

._planningLeft_v614y_295,
._planningRight_v614y_296 {
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
}

._panelHeader_v614y_307 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  color: #14181f;
}

._panelCount_v614y_315 {
  background: #f3f4f6;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  color: #707a8f;
}

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

._selectionHint_v614y_330 {
  font-size: 12px;
  color: #707a8f;
}

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

._emptyGroup_v614y_341,
._emptyGroupMembers_v614y_342,
._emptySchedule_v614y_343 {
  font-size: 13px;
  color: #707a8f;
  margin: 0;
}

._groupCard_v614y_349 {
  border: 1px solid #f1f2f4;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #fafbfc;
}

._groupCardDisabled_v614y_359 {
  opacity: 0.95;
  background: #eef0f3;
  border-style: dashed;
  user-select: none;
}

._savedGroupHeader_v614y_366 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

._savedGroupHeaderLeft_v614y_374 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._savedGroupTitle_v614y_382 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #14181f;
}

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

._readOnlyLabel_v614y_395 {
  font-size: 12px;
  font-weight: 600;
  color: #5c6573;
}

._readOnlyValue_v614y_401 {
  font-size: 13px;
  color: #14181f;
  line-height: 1.4;
  word-break: break-word;
}

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

._savedScheduleList_v614y_414 {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: #14181f;
  line-height: 1.5;
}

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

._savedMemberName_v614y_429 {
  font-size: 13px;
  color: #14181f;
  line-height: 1.35;
}

._savedMemberTitle_v614y_435 {
  font-size: 12px;
  color: #5c6573;
  line-height: 1.3;
}

._groupHeader_v614y_441 {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

._groupMetaRow_v614y_447 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

._groupRemove_v614y_453 {
  border: 1px solid #f0d7d7;
  background: #fff5f5;
  color: #d14343;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 6px;
  flex-shrink: 0;
}
._groupRemove_v614y_453 svg {
  stroke: currentColor;
}

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

._mapField_v614y_483 {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 900px) {
  ._mapField_v614y_483 {
    grid-column: span 1;
  }
}

._fieldLabel_v614y_495 {
  font-size: 13px;
  font-weight: 600;
  color: #14181f;
}

._locationHint_v614y_501 {
  font-size: 12px;
  color: #707a8f;
}

._coordsRow_v614y_506 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

._scheduleSection_v614y_512 {
  border-top: 1px dashed #e1e3e6;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

._scheduleRow_v614y_526 {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr auto;
  gap: 10px;
  align-items: end;
}
@media (max-width: 900px) {
  ._scheduleRow_v614y_526 {
    grid-template-columns: 1fr;
  }
}

._scheduleRemove_v614y_538 {
  border: 1px solid #f0d7d7;
  background: #fff5f5;
  color: #d14343;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  align-self: end;
  margin-bottom: 6px;
}
._scheduleRemove_v614y_538 svg {
  stroke: currentColor;
}

._groupMembers_v614y_556 {
  border-top: 1px dashed #e1e3e6;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._groupMembersHeader_v614y_564 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 13px;
}

._addSelectedButton_v614y_572 {
  gap: 6px;
  font-weight: 600;
}
._addSelectedButton_v614y_572 svg {
  stroke: #fff;
}

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

._groupMemberItem_v614y_586 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
}

._memberRemove_v614y_597 {
  border: 1px solid #f1d6d6;
  background: #fff5f5;
  color: #d14343;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._memberRemove_v614y_597 svg {
  stroke: currentColor;
}

._excludedCard_v614y_613 {
  border: 1px solid #f1f2f4;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._excludedHint_v614y_623 {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #5c6573;
}

._planningFooter_v614y_630 {
  display: flex;
  justify-content: flex-end;
}

._submitButton_v614y_635 {
  flex: 1;
  min-width: 0;
  justify-content: center;
}

._emptyCart_v614y_641 {
  font-size: 14px;
  color: #707a8f;
  text-align: center;
  padding: 24px 0;
}

._confirmModalCount_v614y_648 {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-style: dashed;
  color: #14181f;
}

._confirmModalPersonName_v614y_655 {
  font-weight: 600;
  color: #14181f;
}

._deleteEnrollmentButton_v614y_660 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #707a8f;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}
._deleteEnrollmentButton_v614y_660:hover {
  background: rgba(231, 33, 43, 0.08);
  color: #c41e2a;
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._content_5pils_32 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._fieldGroup_5pils_39 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._fieldGroup_5pils_39 label {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  line-height: 20px;
}

._accordionList_5pils_51 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  overflow: hidden;
}

._accordionItem_5pils_60 {
  border-bottom: 1px solid #e8e8e9;
}
._accordionItem_5pils_60:last-child {
  border-bottom: none;
}

._accordionHeader_5pils_67 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: #fff;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
._accordionHeader_5pils_67:hover {
  background-color: #f9fafb;
}
._accordionHeader_5pils_67._expanded_5pils_80 {
  background-color: #fff;
  border-left: 3px solid #ef4444;
  padding-left: 17px;
}
._accordionHeader_5pils_67 {
  /* Kategori (genel) checkbox – seçiliyken tik görünsün */
}
._accordionHeader_5pils_67 ._accordionCheckbox_5pils_88 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  transition: border-color 0.2s, background-color 0.2s;
}
._accordionHeader_5pils_67 ._accordionCheckbox_5pils_88:checked {
  border-color: #ef4444;
  background-color: #ef4444;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l4 4 8-8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

._accordionCheckbox_5pils_88 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  transition: border-color 0.2s, background-color 0.2s;
}
._accordionCheckbox_5pils_88:checked {
  border-color: #ef4444;
  background-color: #ef4444;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l4 4 8-8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

._accordionLabel_5pils_132 {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #14181f;
}

._accordionBadge_5pils_139 {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 4px;
}

._accordionChevron_5pils_148 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #6b7280;
  transition: transform 0.2s ease;
}
._expanded_5pils_80 ._accordionChevron_5pils_148 {
  transform: rotate(180deg);
  color: #ef4444;
}

._accordionBody_5pils_160 {
  background: #fafafa;
  border-top: 1px solid #e8e8e9;
}

._accordionBodyInner_5pils_165 {
  padding: 12px 20px 16px 52px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._permissionRow_5pils_172 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}
._permissionRow_5pils_172 label {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
}
._permissionRow_5pils_172 input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  transition: border-color 0.2s, background-color 0.2s;
}
._permissionRow_5pils_172 input[type=checkbox]:checked {
  border-color: #ef4444;
  background-color: #ef4444;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l4 4 8-8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

._footer_5pils_210 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e8e8e9;
  background: #fff;
}

._cancelBtn_5pils_219 {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s ease;
}
._cancelBtn_5pils_219:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}

._submitBtn_5pils_235 {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  background: #ef4444;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
._submitBtn_5pils_235:hover {
  background: #dc2626;
}
._submitBtn_5pils_235:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}._bulkActionsBar_9wjzy_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  margin-bottom: 0;
}

._actionButton_9wjzy_9 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s ease;
}
._actionButton_9wjzy_9:hover {
  color: #374151;
}

._actionMenu_9wjzy_24 {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  padding: 4px;
}

._actionMenuItem_9wjzy_31 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
._actionMenuItem_9wjzy_31:hover {
  background-color: #f3f4f6;
}
._actionMenuItem_9wjzy_31._error_9wjzy_48 {
  color: #ef4444;
}
._actionMenuItem_9wjzy_31._error_9wjzy_48:hover {
  background-color: #fef2f2;
}
._headerTitle_kailr_2 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._headerIcon_kailr_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #e7212b;
  color: #fff;
  flex-shrink: 0;
}

._headerTitleText_kailr_21 {
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  word-break: break-word;
}

._drawerContent_kailr_35 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
  min-width: 0;
  overflow-x: hidden;
}

._loadingState_kailr_44,
._errorState_kailr_45 {
  padding: 24px;
  text-align: center;
  font-size: 14px;
  color: #666f82;
}

._errorState_kailr_45 {
  color: #c62828;
}

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

._fieldLabel_kailr_63 {
  font-size: 14px;
  font-weight: 500;
  color: #666f82;
  margin-right: 4px;
}

._fieldsGrid_kailr_70 {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
  background: #f8f8f9;
}

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

._fieldIcon_kailr_86 {
  flex-shrink: 0;
  color: #666f82;
}

._fieldValue_kailr_91 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  margin-left: auto;
}

._section_kailr_98 {
  margin-top: 4px;
  min-width: 0;
}

._sectionTitle_kailr_103 {
  font-size: 14px;
  font-weight: 600;
  color: #14181f;
  margin: 0 0 8px 0;
}

/* Read-only metin alanı (talep açıklaması ve cevap) */
._sectionBodyBox_kailr_111 {
  font-size: 14px;
  line-height: 1.5;
  color: #34314a;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fafafa;
  min-height: 60px;
  min-width: 0;
}

._sectionBody_kailr_111 {
  font-size: 14px;
  line-height: 1.5;
  color: #34314a;
  margin: 0;
  white-space: pre-wrap;
}

._sectionMeta_kailr_135 {
  font-size: 12px;
  color: #666f82;
  margin: 8px 0 0 0;
}

/* Talep ile Cevap arası mavi ayırıcı çizgi */
._sectionDivider_kailr_142 {
  height: 0;
  border: none;
  border-top: 2px solid #e8e8e9;
  margin: 20px 0 16px 0;
}

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

._attachmentItem_kailr_158 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #fff;
}

._attachmentIcon_kailr_168 {
  flex-shrink: 0;
  color: #666f82;
}

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

._attachmentName_kailr_181 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._attachmentSize_kailr_187 {
  font-size: 12px;
  color: #666f82;
}

._downloadButton_kailr_192 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
}
._downloadButton_kailr_192:hover {
  background: #f6f7f8;
}

._footer_kailr_207 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-top: 1px solid #e8e8e9;
  background: #fff;
}

._attachButton_kailr_216 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
._attachButton_kailr_216:hover {
  background: #f6f7f8;
  border-color: #d0d0d1;
}

._inputWrap_kailr_234 {
  flex: 1;
  min-width: 0;
}
._inputWrap_kailr_234 .input {
  width: 100%;
}

._sendButton_kailr_242 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #e7212b;
  cursor: pointer;
  flex-shrink: 0;
}
._sendButton_kailr_242:hover:not(:disabled) {
  background: #c41e26;
}
._sendButton_kailr_242:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}._infoCardsGrid_n0l9x_1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

._viewButton_n0l9x_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  background: none;
  cursor: pointer;
  color: #6b7280;
  border-radius: 4px;
  transition: color 0.2s ease, background-color 0.2s ease;
}
._viewButton_n0l9x_8:hover {
  color: #374151;
  background-color: #f3f4f6;
}._drawerContent_g961s_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._loadingPlaceholder_g961s_7 {
  padding: 24px;
  text-align: center;
  color: #707a8f;
}

._twoColumnRow_g961s_13 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
._twoColumnRow_g961s_13 > * {
  min-width: 0;
}

._footer_g961s_22 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e8e8e9;
}

._draftButton_g961s_30 {
  background: #f6f7f8;
  border-color: #e8e8e9;
  color: #707a8f;
}
._draftButton_g961s_30:hover:not(:disabled) {
  background: #e8e8e9;
}._headerTitle_3rcjz_1 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._headerIcon_3rcjz_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #e7212b;
  color: #fff;
  flex-shrink: 0;
}

._headerTitleText_3rcjz_20 {
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

._loadingState_3rcjz_36,
._errorState_3rcjz_37 {
  padding: 24px;
  text-align: center;
  font-size: 14px;
  color: #666f82;
}

._errorState_3rcjz_37 {
  color: #c62828;
}

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

._fieldLabel_3rcjz_55 {
  font-size: 14px;
  font-weight: 500;
  color: #666f82;
  margin-right: 4px;
}

._fieldValue_3rcjz_62 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._imageWrap_3rcjz_68 {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e8e8e9;
  background: #f8f8f9;
}

._image_3rcjz_68 {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 240px;
  object-fit: contain;
}

._dateRow_3rcjz_83 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

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

._dateIcon_3rcjz_96 {
  flex-shrink: 0;
  color: #666f82;
}

._section_3rcjz_101 {
  margin-top: 4px;
}

._sectionTitle_3rcjz_105 {
  font-size: 14px;
  font-weight: 600;
  color: #14181f;
  margin: 0 0 8px 0;
}

._contentBox_3rcjz_112 {
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 20px;
  margin-top: 8px;
  background: #fff;
}

._sectionBody_3rcjz_120 {
  font-size: 14px;
  line-height: 1.5;
  color: #34314a;
  margin: 0;
  white-space: pre-wrap;
}._bulkActionsBar_s14i9_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  margin-bottom: 0;
}

._bulkActionsBar_s14i9_1 ._bulkUnpublishBtn_s14i9_9 {
  border-color: #666f82 !important;
  color: #666f82 !important;
}
._bulkActionsBar_s14i9_1 ._bulkUnpublishBtn_s14i9_9 ._button__icon_s14i9_13 svg,
._bulkActionsBar_s14i9_1 ._bulkUnpublishBtn_s14i9_9 ._button__icon_s14i9_13 path,
._bulkActionsBar_s14i9_1 ._bulkUnpublishBtn_s14i9_9 ._button__icon_s14i9_13 {
  stroke: #666f82;
  color: #666f82;
}
._bulkActionsBar_s14i9_1 ._bulkUnpublishBtn_s14i9_9:hover:not(:disabled) {
  border-color: #666f82 !important;
  color: #666f82 !important;
  background-color: rgba(102, 111, 130, 0.08);
}
._bulkActionsBar_s14i9_1 ._bulkUnpublishBtn_s14i9_9:hover:not(:disabled) ._button__icon_s14i9_13 svg path {
  stroke: #666f82;
}

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

._titleThumb_s14i9_35 {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(135deg, #e7212b 0%, #f04906 25%, #ffc107 50%, #28a745 75%, #17a2b8 100%);
}

._titleThumbImg_s14i9_44 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

._titleThumbPlaceholder_s14i9_51 {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #e7212b 0%, #f04906 25%, #ffc107 50%, #28a745 75%, #17a2b8 100%);
}

._titleText_s14i9_58 {
  flex: 1;
  min-width: 0;
  font-weight: 500;
  color: #14181f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._actionButton_s14i9_68 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s ease;
}
._actionButton_s14i9_68:hover {
  color: #374151;
}

._actionMenu_s14i9_83 {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  padding: 4px;
}

._actionMenuItem_s14i9_90 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
._actionMenuItem_s14i9_90:hover {
  background-color: #f3f4f6;
}._headerTitle_qb3vv_1 {
  display: flex;
  align-items: center;
  gap: 8px;
}

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

._headerActionButton_qb3vv_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 10px;
}
._headerActionButton_qb3vv_13:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._drawerContent_qb3vv_31 {
  display: flex;
  flex-direction: column;
  padding: 0;
}

._topRow_qb3vv_37 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
}

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

._topLabel_qb3vv_52 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #666f82;
  letter-spacing: 0.08px;
}

._topValue_qb3vv_60 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #14181f;
  letter-spacing: 0.08px;
}

._operationChip_qb3vv_68 {
  align-self: flex-start;
}

._divider_qb3vv_72 {
  height: 1px;
  background-color: #e8e8e9;
  margin: 24px 0;
}

._detailList_qb3vv_78 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background-color: #f8f8f9;
}

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

._detailLabel_qb3vv_95 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666f82;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  min-width: 140px;
  flex-shrink: 0;
}

._detailIcon_qb3vv_108 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666f82;
}

._detailValue_qb3vv_115 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #14181f;
  text-align: left;
  flex: 1;
  letter-spacing: 0.08px;
}

._loadingState_qb3vv_125,
._errorState_qb3vv_126 {
  padding: 24px;
  text-align: center;
  font-size: 14px;
  color: #666f82;
}

._errorState_qb3vv_126 {
  color: #c62828;
}._pageContainer_dnt92_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px 24px;
}

._actionButton_dnt92_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--color-text-secondary, #64748b);
  transition: all 0.2s ease;
}
._actionButton_dnt92_8:hover {
  background: var(--color-action-hover, rgba(0, 0, 0, 0.04));
  color: var(--color-text-primary, #1e293b);
}
._actionButton_dnt92_8:focus {
  outline: none;
}

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

._actionMenuItem_dnt92_36 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 190px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
  color: #4d5464;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
}
._actionMenuItem_dnt92_36:hover {
  background: #f6f7f8;
}
._actionMenuItem_dnt92_36._error_dnt92_58 {
  color: var(--color-error, #ef4444);
}
._actionMenuItem_dnt92_36._error_dnt92_58:hover {
  background: rgba(239, 68, 68, 0.08);
}

.logs-date-column {
  min-width: 160px;
}
.logs-user-column {
  min-width: 140px;
}
.logs-module-column {
  min-width: 140px;
}
.logs-operation-column {
  min-width: 130px;
}
.logs-detail-column {
  min-width: 200px;
  flex: 1;
}
.logs-action-column {
  min-width: 80px;
}._stepTabs_1njcm_1 {
  display: flex;
  align-items: stretch;
  width: 100%;
  padding: 0 16px;
  margin-bottom: 0;
}

._stepTab_1njcm_1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 0;
  width: 100%;
  background: none;
  border: none;
  cursor: default;
  font-size: 14px;
  font-weight: 500;
  color: #707a8f;
  transition: color 0.2s ease;
  pointer-events: none;
}

._stepTabWrapper_1njcm_26 {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}

._stepTab_1njcm_1._active_1njcm_33 {
  color: #e7212b;
}
._stepTab_1njcm_1._active_1njcm_33 ._stepNumber_1njcm_36 {
  background-color: #e7212b;
  color: #fff;
  border-color: #e7212b;
}

._stepTab_1njcm_1:not(._active_1njcm_33) ._stepNumber_1njcm_36 {
  background: #fff;
  color: #707a8f;
  border: 1px solid #d3d6dc;
}

._stepNumber_1njcm_36 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #d3d6dc;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}

._stepProgressFull_1njcm_61 {
  width: calc(100% - 32px);
  height: 2px;
  margin: 0 16px;
  background-color: #e8e8e9;
  overflow: hidden;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
}

._stepProgressFullBar_1njcm_71 {
  height: 100%;
  background-color: #e7212b;
  transition: width 0.3s ease;
}

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

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

._formGrid_1njcm_91 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
  padding-bottom: 120px;
}

._formFieldFull_1njcm_98 {
  grid-column: 1/-1;
}

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

._modalHeader_1njcm_108 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e8e8e9;
}

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

._modalTitle_1njcm_122 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #14181f;
}

._closeButton_1njcm_129 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #72808f;
  padding: 0;
}
._closeButton_1njcm_129:hover {
  background-color: #f6f7f8;
  color: #14181f;
}/**
 * Text style tokens and mixin.
 * Use @include text-style('textM') in SCSS or getTextStyleClassName('textM') in TS/JS.
 */
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._headerTitle_9lqv7_35 {
  display: flex;
  align-items: center;
  gap: 8px;
}

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

._detayButton_9lqv7_47 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #e7212b;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  white-space: nowrap;
}
._detayButton_9lqv7_47:hover {
  background-color: #fef2f2;
}

._menuButton_9lqv7_65 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._menuButton_9lqv7_65:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._menuDropdown_9lqv7_82 {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  min-width: 180px;
  padding: 4px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

._menuItem_9lqv7_96 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #374151;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
}
._menuItem_9lqv7_96:hover {
  background-color: #f3f4f6;
}

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

._personnelCard_9lqv7_120 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e8e8e9;
}

._personnelCardTop_9lqv7_129 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

._avatarWrap_9lqv7_135 {
  flex-shrink: 0;
}

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

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

._personnelNameTitle_9lqv7_152 {
  min-width: 0;
}

._personnelName_9lqv7_152 {
  margin: 0 0 4px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #14181f;
}

._personnelTitle_9lqv7_164 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #4d5464;
}

._badgesRow_9lqv7_171 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

._contactPills_9lqv7_177 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

._cardEducationProgress_9lqv7_184 {
  width: 100%;
  margin-top: 0;
}

._cardEducationProgressTitle_9lqv7_189 {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #666f82;
}

._cardEducationProgress_9lqv7_184 ._progressLabels_9lqv7_198 {
  margin-top: 8px;
  margin-bottom: 0;
}

._contactPill_9lqv7_177 {
  display: inline-flex;
  align-items: center;
  padding: 4px 16px 4px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.005em;
  color: #666f82;
  background: #f8f8f9;
  border: 1px solid #d3d6dc;
  border-radius: 8px;
}

._section_9lqv7_217 {
  margin: 0;
}

._sectionTitle_9lqv7_221 {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #666f82;
}

._sectionCard_9lqv7_230 {
  padding: 16px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
}

._progressLabels_9lqv7_198 {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 14px;
  color: #4d5464;
}

._progressPercent_9lqv7_245 {
  color: #10b981;
  font-weight: 500;
}

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

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

._detailIcon_9lqv7_262 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  flex-shrink: 0;
}

._detailLabel_9lqv7_270 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #666f82;
  flex: 1;
}

._detailValue_9lqv7_279 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #14181f;
}

._menuWrapper_9lqv7_287 {
  position: relative;
}

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

._absenceTooltipContent_9lqv7_297 {
  padding: 8px 12px;
  font-size: 13px;
  color: #fff;
  background: #1f2937;
  border-radius: 8px;
  list-style: none;
  margin: 0;
}

._absenceTooltipContent_9lqv7_297 li {
  padding: 2px 0;
}

._loadingState_9lqv7_311 {
  padding: 24px;
  text-align: center;
  color: #707a8f;
  font-size: 14px;
}._pageContainer_989jz_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px 24px;
}

._actionButton_989jz_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--color-text-secondary, #64748b);
  transition: all 0.2s ease;
}
._actionButton_989jz_8:hover {
  background: var(--color-action-hover, rgba(0, 0, 0, 0.04));
  color: var(--color-text-primary, #1e293b);
}
._actionButton_989jz_8:focus {
  outline: none;
}

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

._actionMenuItem_989jz_36 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 190px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5%;
  color: #4d5464;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
}
._actionMenuItem_989jz_36:hover {
  background: #f6f7f8;
}
._actionMenuItem_989jz_36._error_989jz_58 {
  color: var(--color-error, #ef4444);
}
._actionMenuItem_989jz_36._error_989jz_58:hover {
  background: rgba(239, 68, 68, 0.08);
}

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

.intern-tc-column {
  min-width: 120px;
}
.intern-name-column {
  min-width: 140px;
}
.intern-type-column {
  min-width: 180px;
}
.intern-source-column {
  min-width: 130px;
}
.intern-unit-column {
  min-width: 160px;
}
.intern-progress-column {
  min-width: 160px;
}
.intern-status-column {
  min-width: 120px;
}._breadcrumbContainer_26im2_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 8px;
}

._backButton_26im2_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._backButton_26im2_9:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._pageLayout_26im2_27 {
  display: flex;
  gap: 24px;
  margin-top: 24px;
  align-items: flex-start;
}

._leftColumn_26im2_34 {
  flex-shrink: 0;
  width: 360px;
}

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

._pageHeader_26im2_47 {
  margin-bottom: 0;
}

._tableSection_26im2_51 {
  flex: 1;
  min-height: 280px;
  display: flex;
  flex-direction: column;
}

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

._certificateCard_26im2_64 {
  display: flex;
  width: 100%;
  min-height: 192px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

._certificatePreview_26im2_74 {
  flex: 0 0 33%;
  min-width: 0;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

._certificatePreviewInner_26im2_84 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px dashed #e7212b;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  min-height: 140px;
}

._certificatePreviewTitle_26im2_97 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #991b1b;
  margin-bottom: 8px;
}

._certificatePreviewName_26im2_105 {
  font-size: 14px;
  font-style: italic;
  color: #14181f;
}

._certificateDetails_26im2_111 {
  flex: 1;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

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

._certificateCardTitle_26im2_127 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #14181f;
  flex: 1;
  min-width: 0;
}

._downloadBtn_26im2_137 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  flex-shrink: 0;
}
._downloadBtn_26im2_137:hover {
  background: #f6f7f8;
  color: #14181f;
}

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

._certificateDetailItem_26im2_162 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #4d5464;
}
._certificateDetailItem_26im2_162 span {
  flex: 1;
  min-width: 0;
}

._certDetailIcon_26im2_174 {
  flex-shrink: 0;
  color: #707a8f;
}

._logTimeline_26im2_179 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 0;
}

._logTimelineLine_26im2_187 {
  position: absolute;
  left: 153px;
  top: 24px;
  bottom: 24px;
  width: 2px;
  background: #e7212b;
  border-radius: 1px;
}

._logEntry_26im2_197 {
  display: flex;
  align-items: flex-start;
  gap: 0;
  position: relative;
}

._logTime_26im2_179 {
  flex: 0 0 140px;
  font-size: 14px;
  color: #4d5464;
  padding-top: 14px;
  padding-right: 16px;
}

._logDotWrap_26im2_212 {
  flex: 0 0 28px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 10px;
}

._logDot_26im2_212 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e7212b;
  flex-shrink: 0;
  z-index: 1;
}

._logCard_26im2_229 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  margin-left: 0;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  min-width: 0;
}

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

._logCardTitle_26im2_248 {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: #14181f;
}

._logCardDescription_26im2_255 {
  margin: 0;
  font-size: 14px;
  color: #4d5464;
}

._emptyText_26im2_261 {
  margin: 0;
  padding: 24px;
  text-align: center;
  color: #666f82;
  font-size: 14px;
}

._loading_26im2_269 {
  padding: 24px;
  text-align: center;
  color: #666f82;
}

._menuButton_26im2_275 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  flex-shrink: 0;
}
._menuButton_26im2_275:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

._iconButton_26im2_293 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
}
._iconButton_26im2_293:hover {
  background-color: #f6f7f8;
  color: #14181f;
}

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

._emailLink_26im2_315 {
  color: #2563eb;
  text-decoration: none;
}
._emailLink_26im2_315:hover {
  text-decoration: underline;
}._card_tjaba_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 256px;
  padding: 20px 0px 0px 0px;
  gap: 2px;
  background: #ffffff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
}
._card_tjaba_1:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._topBar_tjaba_19 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-height: 40px;
  padding: 0px 16px;
}

._menuButton_tjaba_28 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  box-sizing: border-box;
}
._menuButton_tjaba_28:hover {
  background: #f6f7f8;
  color: #14181f;
}

._cardBody_tjaba_47 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
}
._cardBody_tjaba_47:focus {
  outline: none;
}

._folderIconContainer_tjaba_64 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
}

._folderIcon_tjaba_64 {
  flex-shrink: 0;
  display: flex;
}

._folderName_tjaba_78 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #14181f;
}

._folderNameContainer_tjaba_88 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
}

._lastUpdateRow_tjaba_99 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  gap: 8px;
  box-sizing: border-box;
}

._lastUpdateLabel_tjaba_109 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #707a8f;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
}

._lastUpdateDate_tjaba_118 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #707a8f;
  flex-shrink: 0;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
}

._menuDropdown_tjaba_128 {
  min-width: 140px;
  padding: 4px;
}

._menuItem_tjaba_133 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #374151;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
}
._menuItem_tjaba_133:hover {
  background-color: #f3f4f6;
}.library-share-custom-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 12px;
}.add-folder-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #dadfe3;
}
.add-folder-modal-header .add-folder-modal-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.add-folder-modal-header .add-folder-modal-header-left .add-folder-modal-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #14181f;
}
.add-folder-modal-header .add-folder-modal-header-left h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #14181f;
}
.add-folder-modal-header .add-folder-modal-close {
  background: none;
  border: 1px solid #e8e8e9;
  font-size: 16px;
  cursor: pointer;
  color: #72808f;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.add-folder-modal-header .add-folder-modal-close:hover {
  background: #f5f5f5;
  color: #333;
}

.add-folder-modal-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 0;
}

.add-folder-modal-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.add-folder-modal-share {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-folder-modal-share .add-folder-modal-share-title {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}
.add-folder-modal-share .add-folder-modal-share-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.add-folder-modal-radio-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e8e8e9;
  border-radius: 10px;
  cursor: pointer;
  background: #fff;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.add-folder-modal-radio-option:hover {
  background: #fafafa;
}
.add-folder-modal-radio-option.selected {
  border-color: var(--primary-color, #e7212b);
}
.add-folder-modal-radio-option input[type=radio] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #e8e8e9;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  margin: 0;
  flex-shrink: 0;
}
.add-folder-modal-radio-option input[type=radio]:checked {
  border-color: var(--primary-color, #e7212b);
  border-width: 2px;
}
.add-folder-modal-radio-option input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: var(--primary-color, #e7212b);
  border-radius: 50%;
}
.add-folder-modal-radio-option .add-folder-modal-radio-label {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}
.add-folder-modal-radio-option .add-folder-modal-radio-desc {
  font-size: 12px;
  color: #707a8f;
}

.add-folder-modal-radio-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.add-folder-modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}.add-document-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #dadfe3;
}
.add-document-modal-header .add-document-modal-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.add-document-modal-header .add-document-modal-header-left .add-document-modal-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color, #e7212b);
}
.add-document-modal-header .add-document-modal-header-left h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #14181f;
}
.add-document-modal-header .add-document-modal-close {
  background: none;
  border: 1px solid #e8e8e9;
  font-size: 16px;
  cursor: pointer;
  color: #72808f;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.add-document-modal-header .add-document-modal-close:hover {
  background: #f5f5f5;
  color: #333;
}

.add-document-modal-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 0;
}

.add-document-modal-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.add-document-modal-share {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-document-modal-share .add-document-modal-share-title {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}
.add-document-modal-share .add-document-modal-share-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.add-document-modal-radio-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e8e8e9;
  border-radius: 10px;
  cursor: pointer;
  background: #fff;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.add-document-modal-radio-option:hover {
  background: #fafafa;
}
.add-document-modal-radio-option.selected {
  border-color: var(--primary-color, #e7212b);
}
.add-document-modal-radio-option input[type=radio] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #e8e8e9;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  margin: 0;
  flex-shrink: 0;
}
.add-document-modal-radio-option input[type=radio]:checked {
  border-color: var(--primary-color, #e7212b);
  border-width: 2px;
}
.add-document-modal-radio-option input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: var(--primary-color, #e7212b);
  border-radius: 50%;
}
.add-document-modal-radio-option .add-document-modal-radio-label {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}
.add-document-modal-radio-option .add-document-modal-radio-desc {
  font-size: 12px;
  color: #707a8f;
}

.add-document-modal-radio-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.add-document-modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}.document-viewer-modal-content {
  width: 100%;
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  background: #f6f7f8;
  border-radius: 8px;
  overflow: hidden;
}

.document-viewer-iframe {
  flex: 1;
  width: 100%;
  min-height: 70vh;
  border: none;
}

.document-viewer-empty {
  padding: 24px;
  text-align: center;
  color: #707a8f;
  margin: 0;
}

.document-viewer-download-only {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 200px;
  padding: 24px;
}

.document-viewer-download-message {
  margin: 0;
  text-align: center;
  color: #707a8f;
  max-width: 400px;
}._pageContainer_19y2c_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px 24px;
}

._section_19y2c_8 {
  margin: 0;
}

._sectionHeader_19y2c_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 18px 24px;
  gap: 16px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
}

._sectionTitle_19y2c_23 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #14181f;
}

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

._sectionSortWrap_19y2c_37 {
  position: relative;
}

._sortBtn_19y2c_41 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #dadfe3;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #72808f;
}
._sortBtn_19y2c_41:hover {
  background-color: #f9fafb;
  border-color: #c4c4c4;
}
._sortBtn_19y2c_41._sortBtnActive_19y2c_58 {
  background-color: #fff5f0;
  border-color: var(--color-primary, #e7212b);
}
._sortBtn_19y2c_41._sortBtnActive_19y2c_58 svg path {
  stroke: var(--color-primary, #e7212b);
}
._sortBtn_19y2c_41 svg {
  color: #72808f;
}

._sortDropdown_19y2c_69 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 215px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 8px 0;
  z-index: 100;
}

._sortOption_19y2c_82 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #212b36;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._sortOption_19y2c_82:hover {
  background-color: #f9fafb;
}
._sortOption_19y2c_82._sortOptionSelected_19y2c_98 {
  color: var(--color-primary, #e7212b);
  background-color: #fff5f0;
}

._sectionLink_19y2c_103 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 48px;
  min-height: 40px;
  padding: 10px 14px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  box-sizing: border-box;
}
._sectionLink_19y2c_103 svg,
._sectionLink_19y2c_103 svg path {
  stroke: currentColor;
}
._sectionLink_19y2c_103:hover {
  background: #f6f7f8;
  color: #14181f;
}

._foldersGrid_19y2c_127 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 256px);
  gap: 16px;
}

._foldersLoading_19y2c_133,
._foldersEmpty_19y2c_134 {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #707a8f;
}

._foldersPagination_19y2c_143 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  margin-top: 16px;
  gap: 12px;
}

._paginationLeft_19y2c_155 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
._paginationLeft_19y2c_155 ._paginationLabel_19y2c_161 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #707a8f;
  white-space: nowrap;
}
._paginationLeft_19y2c_155 ._paginationDetails_19y2c_168 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_19y2c_177 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_19y2c_177 ._paginationArrow_19y2c_182 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationControls_19y2c_177 ._paginationArrow_19y2c_182:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_19y2c_177 ._paginationArrow_19y2c_182:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationControls_19y2c_177 ._paginationArrow_19y2c_182 svg {
  width: 16px;
  height: 16px;
}
._paginationControls_19y2c_177 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_19y2c_177 .pagination-numbers .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_19y2c_177 .pagination-numbers .pagination-number._active_19y2c_227 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_19y2c_177 .pagination-numbers .pagination-number:hover:not(._active_19y2c_227) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_19y2c_177 .pagination-numbers .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._documentsTableWrap_19y2c_248 {
  margin-top: 0;
  min-height: 400px;
  display: flex;
  flex-direction: column;
}

._actionButton_19y2c_255 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  box-sizing: border-box;
}
._actionButton_19y2c_255:hover {
  background: #f6f7f8;
  color: #14181f;
}

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

._fileIconWrap_19y2c_280 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #707a8f;
}

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

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

._avatarCircle_19y2c_299 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e8e8e9;
  border: 2px solid #fff;
  margin-left: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #4d5464;
}
._avatarCircle_19y2c_299:first-child {
  margin-left: 0;
}

._plusBadge_19y2c_317 {
  margin-left: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
}

._menuDropdown_19y2c_324 {
  min-width: 140px;
  padding: 4px;
}

._menuItem_19y2c_329 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #374151;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
}
._menuItem_19y2c_329:hover {
  background-color: #f3f4f6;
}._breadcrumb_1s3bb_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #707a8f;
}

._breadcrumbLink_1s3bb_9 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #707a8f;
  font-size: 14px;
}
._breadcrumbLink_1s3bb_9:hover {
  color: #14181f;
  text-decoration: underline;
}

._breadcrumbSep_1s3bb_22 {
  color: #707a8f;
}

._breadcrumbCurrent_1s3bb_26 {
  color: #14181f;
  font-weight: 500;
}

._loadingText_1s3bb_31 {
  font-size: 14px;
  color: #707a8f;
}._pageContainer_1a2on_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px 24px;
}

._breadcrumb_1a2on_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #707a8f;
}

._breadcrumbLink_1a2on_16 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #707a8f;
  font-size: 14px;
}
._breadcrumbLink_1a2on_16:hover {
  color: #14181f;
  text-decoration: underline;
}

._breadcrumbSep_1a2on_29 {
  color: #707a8f;
}

._breadcrumbCurrent_1a2on_33 {
  color: #14181f;
  font-weight: 500;
}

._tableWrap_1a2on_38 {
  min-height: 400px;
  display: flex;
  flex-direction: column;
}

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

._folderIcon_1a2on_50 {
  flex-shrink: 0;
  display: flex;
}

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

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

._avatarCircle_1a2on_66 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e8e8e9;
  border: 2px solid #fff;
  margin-left: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #4d5464;
}
._avatarCircle_1a2on_66:first-child {
  margin-left: 0;
}

._plusBadge_1a2on_84 {
  margin-left: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
}

._menuDropdown_1a2on_91 {
  min-width: 140px;
  padding: 4px;
}

._menuItem_1a2on_96 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #374151;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
}
._menuItem_1a2on_96:hover {
  background-color: #f3f4f6;
}

._actionButton_1a2on_113 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  box-sizing: border-box;
}
._actionButton_1a2on_113:hover {
  background: #f6f7f8;
  color: #14181f;
}._pageContainer_xwvz5_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px 24px;
}

._breadcrumb_xwvz5_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #707a8f;
}

._breadcrumbLink_xwvz5_16 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #707a8f;
  font-size: 14px;
}
._breadcrumbLink_xwvz5_16:hover {
  color: #14181f;
  text-decoration: underline;
}

._breadcrumbSep_xwvz5_29 {
  color: #707a8f;
}

._breadcrumbCurrent_xwvz5_33 {
  color: #14181f;
  font-weight: 500;
}

._tableWrap_xwvz5_38 {
  min-height: 400px;
  display: flex;
  flex-direction: column;
}

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

._fileIconWrap_xwvz5_50 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #707a8f;
}

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

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

._avatarCircle_xwvz5_69 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e8e8e9;
  border: 2px solid #fff;
  margin-left: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #4d5464;
}
._avatarCircle_xwvz5_69:first-child {
  margin-left: 0;
}

._plusBadge_xwvz5_87 {
  margin-left: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #707a8f;
}

._menuDropdown_xwvz5_94 {
  min-width: 140px;
  padding: 4px;
}

._menuItem_xwvz5_99 {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #374151;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
}
._menuItem_xwvz5_99:hover {
  background-color: #f3f4f6;
}

._actionButton_xwvz5_116 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #707a8f;
  box-sizing: border-box;
}
._actionButton_xwvz5_116:hover {
  background: #f6f7f8;
  color: #14181f;
}._pageContainer_1ok7i_1 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0 24px 24px;
}

._section_1ok7i_8 {
  margin: 0;
}

._sectionTitle_1ok7i_12 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 600;
  color: #14181f;
}

._sectionDesc_1ok7i_19 {
  margin: 0 0 20px;
  font-size: 14px;
  color: #707a8f;
  line-height: 1.5;
}

._actions_1ok7i_26 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

._toastPreview_1ok7i_33 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 664px;
}._pageContainer_xoqhe_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._catalogGrid_xoqhe_7 {
  display: grid;
  gap: 24px;
  margin-top: 0;
}
._catalogGrid_xoqhe_7._grid_xoqhe_12 {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
._catalogGrid_xoqhe_7._list_xoqhe_15 {
  grid-template-columns: 1fr;
}

._tableWrap_xoqhe_19 {
  min-height: 400px;
  display: flex;
  flex-direction: column;
}

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

._tableThumbWrap_xoqhe_31 {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}

._tableThumb_xoqhe_31 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._tableTitle_xoqhe_45 {
  font-size: 14px;
  color: #14181f;
  line-height: 1.4;
}

._progressCell_xoqhe_51 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 120px;
}

._hoursLeft_xoqhe_58 {
  font-size: 12px;
  color: #707a8f;
}

._playButton_xoqhe_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--primary-color, #e7212b);
  cursor: pointer;
  transition: background 0.2s ease;
}
._playButton_xoqhe_63:hover {
  background: rgba(231, 33, 43, 0.08);
}

._loadingState_xoqhe_81,
._errorMessage_xoqhe_82 {
  padding: 24px;
  text-align: center;
  color: var(--text-secondary, #637381);
}

._errorMessage_xoqhe_82 {
  color: var(--error, #dc2626);
  background: rgba(220, 38, 38, 0.08);
  border-radius: 8px;
}

._emptyState_xoqhe_94 {
  padding: 24px;
  text-align: center;
  color: var(--text-secondary, #637381);
}

._paginationBar_xoqhe_100 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  gap: 12px;
}

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

._paginationLabel_xoqhe_119 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
}

._paginationDetails_xoqhe_128 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_xoqhe_138 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_xoqhe_138 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_xoqhe_138 .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_xoqhe_138 .pagination-number._active_xoqhe_162 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_xoqhe_138 .pagination-number:hover:not(._active_xoqhe_162) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_xoqhe_138 .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._paginationArrow_xoqhe_183 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationArrow_xoqhe_183:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationArrow_xoqhe_183:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationArrow_xoqhe_183 svg {
  width: 16px;
  height: 16px;
}._tableWrap_zd29f_1 {
  display: flex;
  flex-direction: column;
}

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

._tableThumbWrap_zd29f_12 {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}

._tableThumb_zd29f_12 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._tableTitle_zd29f_26 {
  font-size: 14px;
  color: #14181f;
  line-height: 1.4;
}

._loadingState_zd29f_32,
._errorMessage_zd29f_33 {
  padding: 24px;
  text-align: center;
  color: var(--text-secondary, #637381);
}

._errorMessage_zd29f_33 {
  color: var(--error, #dc2626);
  background: rgba(220, 38, 38, 0.08);
  border-radius: 8px;
}

._detailButton_zd29f_45 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: transparent;
  color: #707a8f;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
._detailButton_zd29f_45:hover {
  background: rgba(232, 232, 233, 0.5);
  color: #14181f;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._card_107o2_31 {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 298px;
  transition: box-shadow 0.2s ease;
  cursor: default;
}
._card_107o2_31[role=button] {
  cursor: pointer;
}
._card_107o2_31:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._cardWithImage_107o2_50 ._card__body_107o2_50 {
  border-top: 1px solid #e8e8e9;
  padding-top: 12px;
}
._cardWithImage_107o2_50 ._card__title_107o2_54 {
  margin-top: 0;
}

._card__imageWrap_107o2_58 {
  position: relative;
  width: 100%;
  aspect-ratio: 262/160;
  border-radius: 6px;
  overflow: hidden;
  background: #f1f1f1;
  flex-shrink: 0;
}

._card__image_107o2_58 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._card__imagePlaceholder_107o2_74 {
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #e8e8e9 0%, #d0d0d0 100%);
}

._card__imageHover_107o2_80 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.2s ease;
  border-radius: 6px;
}
._card_107o2_31:hover ._card__imageHover_107o2_80 {
  opacity: 1;
}

._card__imageHoverArrowBg_107o2_95 {
  width: 46px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #bcbcbc;
  border-radius: 8px;
  backdrop-filter: blur(4px);
  box-sizing: border-box;
}

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

._card__meta_107o2_115 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

._card__date_107o2_123 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #707a8f;
  line-height: 18px;
  font-weight: 500;
}

._card__dateIcon_107o2_135 {
  flex-shrink: 0;
  color: #707a8f;
}

._card__title_107o2_54 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #14181f;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._card__description_107o2_154 {
  font-size: 12px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  line-height: 18px;
  color: #707a8f;
  margin-top: 8px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  min-height: 40px;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._header_123sj_31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  gap: 12px;
  border-bottom: 1px solid #dadfe3;
}

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

._headerIcon_123sj_48 {
  flex-shrink: 0;
  color: #707a8f;
}

._headerTitle_123sj_53 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #14181f;
}

._headerActions_123sj_60 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

._headerCloseBtn_123sj_67 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #505766;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._headerCloseBtn_123sj_67:hover {
  background: #f5f5f5;
  border-color: #e8e8e9;
}

._body_123sj_86 {
  padding: 0;
  background: #fff;
  overflow: auto;
}

._imageWrap_123sj_92 {
  width: 450px;
  height: 200px;
  max-width: 100%;
  margin: 0 auto;
  background: #f1f1f1;
  flex-shrink: 0;
}

._image_123sj_92 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._imagePlaceholder_123sj_107 {
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #e8e8e9 0%, #d0d0d0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

._content_123sj_117 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin-top: 20px;
  gap: 16px;
}

._contentTitle_123sj_127 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #14181f;
  line-height: 28px;
}

._contentDescription_123sj_137 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #14181f;
  line-height: 20px;
  max-width: 450px;
}._pageContainer_1tqq8_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._announcementGrid_1tqq8_7 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
  gap: 16px;
}

._emptyState_1tqq8_13 {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #707a8f;
}

._paginationBar_1tqq8_22 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  gap: 12px;
}

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

._paginationLabel_1tqq8_41 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
}

._paginationDetails_1tqq8_50 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_1tqq8_60 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_1tqq8_60 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_1tqq8_60 .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_1tqq8_60 .pagination-number._active_1tqq8_84 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_1tqq8_60 .pagination-number:hover:not(._active_1tqq8_84) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_1tqq8_60 .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._paginationArrow_1tqq8_105 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationArrow_1tqq8_105:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationArrow_1tqq8_105:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationArrow_1tqq8_105 svg {
  width: 16px;
  height: 16px;
}._pageContainer_k5xr8_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._certificateGrid_k5xr8_7 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
  gap: 24px;
}

._emptyState_k5xr8_13 {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #707a8f;
}

._paginationBar_k5xr8_22 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  gap: 12px;
}

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

._paginationLabel_k5xr8_41 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
}

._paginationDetails_k5xr8_50 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_k5xr8_60 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_k5xr8_60 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_k5xr8_60 .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_k5xr8_60 .pagination-number._active_k5xr8_84 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_k5xr8_60 .pagination-number:hover:not(._active_k5xr8_84) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_k5xr8_60 .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._paginationArrow_k5xr8_105 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationArrow_k5xr8_105:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationArrow_k5xr8_105:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationArrow_k5xr8_105 svg {
  width: 16px;
  height: 16px;
}._pollCard_1oya2_1 {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 192px;
  transition: box-shadow 0.2s ease;
}
._pollCard_1oya2_1:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._pollCard__header_1oya2_16 {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #e8e8e9;
  padding-bottom: 12px;
}

._pollCard__icon_1oya2_24 {
  flex-shrink: 0;
  color: #e7212b;
  background-color: #ffeff0;
  border-radius: 8px;
  padding: 8px;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

._pollCard__title_1oya2_38 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  color: #14181f;
  line-height: 20px;
  text-align: left;
}

._pollCard__dates_1oya2_48 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  flex: 1;
}

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

._pollCard__dateLabel_1oya2_62 {
  font-size: 12px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  line-height: 18px;
  color: #707a8f;
  font-weight: 500;
}

._pollCard__dateValue_1oya2_71 {
  font-size: 12px;
  letter-spacing: 0.08px;
  font-family: "Inter", sans-serif;
  line-height: 18px;
  font-weight: 500;
  color: #14181f;
}

._pollCard__footer_1oya2_80 {
  margin-left: -20px;
  margin-right: -20px;
  padding: 16px 20px 0;
  border-top: 1px solid #e8e8e9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._pollCard__action_1oya2_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #e7212b;
  transition: opacity 0.2s ease;
  text-decoration: underline;
}
._pollCard__action_1oya2_90:hover {
  opacity: 0.85;
}
._pollCard__action_1oya2_90 svg {
  color: #e7212b;
  flex-shrink: 0;
}

._pollCard__actionText_1oya2_113 {
  line-height: 1;
}

._pollCard__statusAnswered_1oya2_117 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #15ac77;
}
._pollCard__statusAnswered_1oya2_117 svg {
  flex-shrink: 0;
}

._pollCard__statusExpired_1oya2_129 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #637381;
  cursor: help;
}
._pollCard__statusExpired_1oya2_129 svg {
  flex-shrink: 0;
  color: #919eab;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._header_16vbw_31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #dadfe3;
}

._headerTitle_16vbw_40 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #14181f;
}

._headerCloseBtn_16vbw_47 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #505766;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._headerCloseBtn_16vbw_47:hover {
  background: #f5f5f5;
}

._body_16vbw_65 {
  padding: 20px 24px;
  background: #fff;
  overflow-y: auto;
  max-height: 70vh;
}

._questionBlock_16vbw_72 {
  margin-bottom: 24px;
}
._questionBlock_16vbw_72:last-child {
  margin-bottom: 0;
}

._questionLabel_16vbw_79 {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  line-height: 1.4;
}

._questionRequired_16vbw_88 {
  color: #e7212b;
  margin-left: 2px;
}

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

._footer_16vbw_99 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
  width: 100%;
}

._btnCancel_16vbw_108 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #505766;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 8px;
}
._btnCancel_16vbw_108:hover {
  background: #f5f5f5;
}

._btnFinish_16vbw_125 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: none;
  background: #e7212b;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 8px;
}
._btnFinish_16vbw_125:hover:not(:disabled) {
  background: #c91d26;
}
._btnFinish_16vbw_125:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._loadingWrap_16vbw_146 {
  padding: 40px 24px;
  text-align: center;
  color: #707a8f;
}

._errorWrap_16vbw_152 {
  padding: 24px;
  text-align: center;
  color: #e7212b;
}._pageContainer_vybok_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._pollGrid_vybok_7 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
  gap: 24px;
}

._emptyState_vybok_13 {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #707a8f;
}

._paginationBar_vybok_22 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  gap: 12px;
}

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

._paginationLabel_vybok_41 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
}

._paginationDetails_vybok_50 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #707a8f;
  white-space: nowrap;
  margin-left: 8px;
}

._paginationControls_vybok_60 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._paginationControls_vybok_60 .pagination-numbers {
  display: flex;
  gap: 4px;
}
._paginationControls_vybok_60 .pagination-number {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  background: none;
  border: 1px solid #e8e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
  transition: all 0.2s ease;
}
._paginationControls_vybok_60 .pagination-number._active_vybok_84 {
  background: #ffeff0;
  color: #e7212b;
  border-color: #e7212b;
}
._paginationControls_vybok_60 .pagination-number:hover:not(._active_vybok_84) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationControls_vybok_60 .pagination-ellipsis {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  font-size: 14px;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
}

._paginationArrow_vybok_105 {
  background: none;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707a8f;
  transition: all 0.2s ease;
}
._paginationArrow_vybok_105:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
._paginationArrow_vybok_105:disabled {
  color: #ccc;
  cursor: not-allowed;
  border-color: #e8e8e9;
}
._paginationArrow_vybok_105 svg {
  width: 16px;
  height: 16px;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._header_1wrku_31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #dadfe3;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

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

._headerIcon_1wrku_48 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #e7212b;
}

._headerTitle_1wrku_55 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #14181f;
}

._headerCloseBtn_1wrku_62 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #505766;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._headerCloseBtn_1wrku_62:hover {
  background: #f5f5f5;
  border-color: #e8e8e9;
}

._body_1wrku_81 {
  padding: 20px 24px;
  background: #fff;
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 0;
}

._metaRow_1wrku_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

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

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

._metaDate_1wrku_108 {
  font-size: 13px;
  color: #14181f;
  font-weight: 500;
}

._metaRequestNo_1wrku_114 {
  font-size: 12px;
  color: #707a8f;
}

._title_1wrku_119 {
  font-size: 16px;
  font-weight: 500;
  color: #14181f;
  margin-bottom: 12px;
}

._sectionTitle_1wrku_126 {
  margin: 16px 0 8px;
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._description_1wrku_133 {
  font-size: 14px;
  color: #505766;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}

._messageBubble_1wrku_142 {
  border-radius: 8px;
  padding: 12px;
  background: #f8f8f9;
  font-size: 14px;
  color: #2f333c;
  border: 1px solid #e8e8e9;
  line-height: 20px;
  letter-spacing: -0.05em;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}

._messageMeta_1wrku_156 {
  margin-bottom: 4px;
  font-size: 12px;
  color: #707a8f;
}

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

._attachmentItem_1wrku_171 {
  font-size: 13px;
  color: #505766;
}

._attachmentCard_1wrku_176 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e8e8e9;
  background: #f9fafb;
}

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

._attachmentBadge_1wrku_192 {
  min-width: 40px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}

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

._attachmentName_1wrku_208 {
  font-size: 13px;
  color: #14181f;
}

._downloadButton_1wrku_213 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #505766;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
._downloadButton_1wrku_213:hover:not(:disabled) {
  background-color: #f3f4f6;
  border-color: #d1d5db;
  color: #14181f;
}
._downloadButton_1wrku_213:disabled {
  opacity: 0.6;
  cursor: default;
}

._loading_1wrku_236 {
  padding: 32px 0;
  text-align: center;
  color: #707a8f;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._header_1t5mo_31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #dadfe3;
}

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

._headerIcon_1t5mo_46 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #e7212b;
}

._headerTitle_1t5mo_53 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #14181f;
}

._headerCloseBtn_1t5mo_60 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #505766;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._headerCloseBtn_1t5mo_60:hover {
  background: #f5f5f5;
  border-color: #e8e8e9;
}

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

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

._label_1t5mo_91 {
  font-size: 14px;
  font-weight: 500;
  color: #14181f;
}

._errorText_1t5mo_97 {
  font-size: 12px;
  color: #e7212b;
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._toastWrapper_4v3wn_31 {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}

._infoCardsGrid_4v3wn_39 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

._viewButton_4v3wn_46 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid #e8e8e9;
  background: #fff;
  cursor: pointer;
}

@media (max-width: 768px) {
  ._infoCardsGrid_4v3wn_39 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}._section_dm7vn_1 {
  background: #fff;
  border: 1px solid #f1f2f4;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 435px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._section_dm7vn_1::-webkit-scrollbar {
  display: none;
}

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

._sectionTitle_dm7vn_24 {
  font-size: 16px;
  font-weight: 700;
  color: #2f333c;
  margin: 0;
}

._sectionLink_dm7vn_31 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 40px;
  padding: 10px 14px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #707a8f;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
._sectionLink_dm7vn_31:hover {
  background: #f6f7f8;
  color: #2f333c;
  border-color: #dadfe3;
}

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

._item_dm7vn_60 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  background: #fff;
  border: 1px solid #f1f2f4;
  border-radius: 8px;
}

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

._itemTitle_dm7vn_76 {
  font-size: 14px;
  font-weight: 600;
  color: #2f333c;
  flex: 1;
  min-width: 0;
}

._countdownChip_dm7vn_84 {
  flex-shrink: 0;
  padding: 4px 8px;
  border-radius: 6px;
  background: #fce7e8;
  color: #c53036;
  font-size: 12px;
  font-weight: 500;
}

._detailBtn_dm7vn_94 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  background: transparent;
  color: #707a8f;
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.2s, background 0.2s;
}
._detailBtn_dm7vn_94:hover {
  color: #e7212b;
  background: rgba(231, 33, 43, 0.08);
}

._progressTrack_dm7vn_112 {
  width: 100%;
  height: 8px;
  background: #f1f2f4;
  border-radius: 100px;
  overflow: hidden;
}

._progressFill_dm7vn_120 {
  height: 100%;
  border-radius: 100px;
  transition: width 0.3s ease;
}
._progressFill_dm7vn_120._progressFill_grey_dm7vn_125 {
  background: #e8e8e9;
}
._progressFill_dm7vn_120._progressFill_orange_dm7vn_128 {
  background: #fe9431;
}
._progressFill_dm7vn_120._progressFill_blue_dm7vn_131 {
  background: #3b82f6;
}

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

._timeMeta_dm7vn_141 {
  font-size: 12px;
  color: #707a8f;
}

._scoreMeta_dm7vn_146 {
  font-size: 12px;
  font-weight: 600;
}
._scoreMeta_dm7vn_146._scoreMeta_grey_dm7vn_150 {
  color: #707a8f;
}
._scoreMeta_dm7vn_146._scoreMeta_orange_dm7vn_153 {
  color: #fe9431;
}
._scoreMeta_dm7vn_146._scoreMeta_blue_dm7vn_156 {
  color: #3b82f6;
}._section_q0jb7_1 {
  background: #fff;
  border: 1px solid #f1f2f4;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 435px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._section_q0jb7_1::-webkit-scrollbar {
  display: none;
}

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

._sectionTitle_q0jb7_24 {
  font-size: 16px;
  font-weight: 700;
  color: #2f333c;
  margin: 0;
}

._sectionLink_q0jb7_31 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 40px;
  padding: 10px 14px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #707a8f;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
._sectionLink_q0jb7_31:hover {
  background: #f6f7f8;
  color: #2f333c;
  border-color: #dadfe3;
}

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

._item_q0jb7_60 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: #fff;
  border: 1px solid #f1f2f4;
  border-radius: 12px;
}

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

._iconWrap_q0jb7_76 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #ffeff0;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

._itemTitle_q0jb7_95 {
  font-size: 14px;
  font-weight: 700;
  color: #2f333c;
}

._itemInstructor_q0jb7_101 {
  font-size: 12px;
  color: #707a8f;
}

._itemMeta_q0jb7_106 {
  font-size: 12px;
  color: #707a8f;
}

._detailBtn_q0jb7_111 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  background: transparent;
  color: #707a8f;
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.2s, background 0.2s;
}
._detailBtn_q0jb7_111:hover {
  color: #e7212b;
  background: rgba(231, 33, 43, 0.08);
}

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

._progressTrack_q0jb7_135 {
  flex: 1;
  height: 8px;
  background: #f1f2f4;
  border-radius: 100px;
  overflow: hidden;
}

._progressFill_q0jb7_143 {
  height: 100%;
  border-radius: 100px;
  transition: width 0.3s ease;
}
._progressFill_q0jb7_143._progressFill_orange_q0jb7_148 {
  background: #fe9431;
}
._progressFill_q0jb7_143._progressFill_blue_q0jb7_151 {
  background: #3b82f6;
}

._percentLabel_q0jb7_155 {
  font-size: 12px;
  font-weight: 600;
  min-width: 36px;
  text-align: right;
}
._percentLabel_q0jb7_155._percentLabel_orange_q0jb7_161 {
  color: #fe9431;
}
._percentLabel_q0jb7_155._percentLabel_blue_q0jb7_164 {
  color: #3b82f6;
}._section_17fb3_1 {
  border: 1px solid #e8e8e9;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

._sectionTitle_17fb3_17 {
  font-size: 16px;
  font-weight: 600;
  color: #2f333c;
  margin: 0;
}

._sectionLink_17fb3_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 40px;
  padding: 10px 14px;
  border: 1px solid #e8e8e9;
  background: #fff;
  color: #707a8f;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
._sectionLink_17fb3_24:hover {
  background: #f6f7f8;
  color: #2f333c;
  border-color: #dadfe3;
}

._colName_17fb3_44 {
  min-width: 180px;
}._pageContainer_1d23v_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._infoCardGrid_1d23v_7 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

._middleRow_1d23v_13 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 1024px) {
  ._middleRow_1d23v_13 {
    grid-template-columns: 1fr;
  }
}

._tablesRow_1d23v_24 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  min-height: 680px;
}
@media (max-width: 1024px) {
  ._tablesRow_1d23v_24 {
    grid-template-columns: 1fr;
  }
}

._statCardSkeleton_1d23v_36 {
  background: #f1f2f4;
  border-radius: 12px;
  min-height: 120px;
  animation: _pulse_1d23v_1 1.5s ease-in-out infinite;
}

@keyframes _pulse_1d23v_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._reportsPage_9m46n_32 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._filtersCard_9m46n_38 {
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 24px 32px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

._filtersRowPrimary_9m46n_46 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  align-items: flex-end;
}
._filtersRowPrimary_9m46n_46 ._filterField_9m46n_52 {
  min-width: 140px;
  flex: 1 1 140px;
}

._filtersRowSecondary_9m46n_57 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e8e8e9;
}

._filterField_9m46n_52 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
._filterField_9m46n_52 label {
  font-size: 12px;
  font-weight: 500;
  color: #2f333c;
}

._filterFieldSearch_9m46n_79 {
  flex: 1;
  min-width: 200px;
}

._tabs_9m46n_84 {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid #e8e8e9;
  margin-bottom: 0;
  background: #fff;
  padding: 0 8px 0 0;
}

._tab_9m46n_84 {
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #707a8f;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
  transition: color 250ms ease, border-color 250ms ease;
}
._tab_9m46n_84:hover {
  color: #14181f;
}
._tab_9m46n_84._tabActive_9m46n_108 {
  color: var(--color-primary, #e7212b);
  border-bottom-color: var(--color-primary, #e7212b);
}

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

._summaryCards_9m46n_119 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  /* Tüm kart ikonları: marka rengi arka plan, beyaz ikon - tutarlı görünüm */
}
._summaryCards_9m46n_119 ._summaryCardIcon_9m46n_125 {
  transition: transform 250ms ease, box-shadow 250ms ease;
}
._summaryCards_9m46n_119 ._summaryCardIcon_9m46n_125:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
._summaryCards_9m46n_119 ._summaryCardIcon_9m46n_125 ._info-card__icon_9m46n_132 {
  color: #fff;
}
._summaryCards_9m46n_119 ._summaryCardIcon_9m46n_125 ._info-card__icon_9m46n_132 svg {
  color: #fff;
}
._summaryCards_9m46n_119 ._summaryCardIcon_9m46n_125 ._info-card__icon_9m46n_132 svg path,
._summaryCards_9m46n_119 ._summaryCardIcon_9m46n_125 ._info-card__icon_9m46n_132 svg g {
  fill: #fff !important;
  stroke: #fff !important;
}

._twoColumnLayout_9m46n_144 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 24px;
}

._sectionCard_9m46n_150 {
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  padding: 24px 32px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: box-shadow 250ms ease;
}
._sectionCard_9m46n_150:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

._sectionTitle_9m46n_162 {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 600;
  color: #2f333c;
  letter-spacing: -0.01em;
}

._certificateProgressBar_9m46n_170 {
  display: flex;
  height: 10px;
  border-radius: 4px;
  overflow: hidden;
  background: #e8e8e9;
  margin-bottom: 16px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}

._certificateBarSegment_9m46n_180 {
  min-width: 4px;
  transition: width 0.3s ease;
}

._certificateStatusGrid_9m46n_185 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

._certificateStatusItem_9m46n_191 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 16px;
  background: #f8f9fa;
  border-radius: 8px;
  min-width: 100px;
  transition: background 250ms ease, transform 250ms ease;
}
._certificateStatusItem_9m46n_191:hover {
  background: #f0f1f3;
  transform: translateY(-1px);
}

._certificateLabel_9m46n_206 {
  font-size: 12px;
  color: #707a8f;
}

._certificateCount_9m46n_211 {
  font-size: 18px;
  font-weight: 600;
  color: #2f333c;
}

._certificatePercent_9m46n_217 {
  font-size: 12px;
  color: #707a8f;
}

._emptySectionText_9m46n_222 {
  margin: 0;
  color: #707a8f;
  font-size: 14px;
}

._departmentTable_9m46n_228 {
  overflow-x: auto;
}
._departmentTable_9m46n_228 table {
  width: 100%;
  border-collapse: collapse;
}
._departmentTable_9m46n_228 th,
._departmentTable_9m46n_228 td {
  padding: 10px 16px;
  text-align: left;
  border-bottom: 1px solid #e8e8e9;
}
._departmentTable_9m46n_228 th {
  font-size: 12px;
  font-weight: 600;
  color: #707a8f;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._departmentTable_9m46n_228 tbody tr {
  transition: background 250ms ease;
}
._departmentTable_9m46n_228 tbody tr:nth-child(even) {
  background: #fafbfc;
}
._departmentTable_9m46n_228 tbody tr:hover {
  background: #f5f6f8;
}
._departmentTable_9m46n_228 td {
  font-size: 14px;
  color: #2f333c;
}

._departmentNameCell_9m46n_262 {
  font-weight: 500;
}

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

._progressBar_9m46n_273 {
  height: 8px;
  border-radius: 4px;
  min-width: 0;
  max-width: 80px;
  transition: width 250ms ease;
}

._participationTable_9m46n_281 {
  overflow-x: auto;
}
._participationTable_9m46n_281 table {
  width: 100%;
  border-collapse: collapse;
}
._participationTable_9m46n_281 th,
._participationTable_9m46n_281 td {
  padding: 10px 16px;
  text-align: left;
  border-bottom: 1px solid #e8e8e9;
}
._participationTable_9m46n_281 th {
  font-size: 12px;
  font-weight: 600;
  color: #707a8f;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._participationTable_9m46n_281 tbody tr {
  transition: background 250ms ease;
}
._participationTable_9m46n_281 tbody tr:nth-child(even) {
  background: #fafbfc;
}
._participationTable_9m46n_281 tbody tr:hover {
  background: #f5f6f8;
}
._participationTable_9m46n_281 td {
  font-size: 14px;
  color: #2f333c;
}

._educationTabWrapper_9m46n_315 {
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: box-shadow 250ms ease;
}
._educationTabWrapper_9m46n_315:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

._loadingPlaceholder_9m46n_327 {
  padding: 40px;
  text-align: center;
  color: #707a8f;
  font-size: 14px;
  background: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 12px;
  animation: _fadeIn_9m46n_1 0.3s ease;
}

@keyframes _fadeIn_9m46n_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._exportActions_9m46n_346 {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Responsive */
@media (max-width: 1024px) {
  ._filtersRowPrimary_9m46n_46 ._filterField_9m46n_52 {
    flex: 1 1 160px;
  }
}
@media (max-width: 768px) {
  ._filtersCard_9m46n_38 {
    padding: 16px 24px;
  }
  ._filtersRowPrimary_9m46n_46,
  ._filtersRowSecondary_9m46n_57 {
    flex-direction: column;
    align-items: stretch;
  }
  ._filterFieldSearch_9m46n_79 {
    min-width: 100%;
  }
  ._exportActions_9m46n_346 {
    flex-wrap: wrap;
  }
  ._summaryCards_9m46n_119 {
    grid-template-columns: 1fr;
  }
  ._twoColumnLayout_9m46n_144 {
    grid-template-columns: 1fr;
  }
  ._sectionCard_9m46n_150 {
    padding: 16px 24px;
  }
}/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
._detailPage_1bjfy_31 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._backButton_1bjfy_37 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e8e8e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  color: #707a8f;
  transition: all 0.2s ease;
  align-self: flex-start;
}
._backButton_1bjfy_37:hover {
  background-color: #f6f7f8;
  border-color: #d0d0d1;
  color: #14181f;
}

._summaryCards_1bjfy_58 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}

._loadingPlaceholder_1bjfy_64 {
  grid-column: 1/-1;
  padding: 24px;
  text-align: center;
  color: #707a8f;
}.react-datetimerange-picker {
  display: inline-flex;
  position: relative;
}

.react-datetimerange-picker,
.react-datetimerange-picker *,
.react-datetimerange-picker *:before,
.react-datetimerange-picker *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-datetimerange-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}

.react-datetimerange-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  border: thin solid gray;
}

.react-datetimerange-picker__inputGroup {
  min-width: calc(4px + (4px * 3) + 0.54em * 6 + 0.217em * 2);
  height: 100%;
  flex-grow: 1;
  padding: 0 2px;
}

.react-datetimerange-picker__inputGroup__divider {
  padding: 1px 0;
}

.react-datetimerange-picker__inputGroup__divider,
.react-datetimerange-picker__inputGroup__leadingZero {
  display: inline-block;
  font: inherit;
}

.react-datetimerange-picker__inputGroup__input {
  min-width: 0.54em;
  height: calc(100% - 2px);
  position: relative;
  padding: 1px;
  border: 0;
  background: none;
  color: currentColor;
  font: inherit;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.react-datetimerange-picker__inputGroup__input::-webkit-outer-spin-button,
.react-datetimerange-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.react-datetimerange-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}

.react-datetimerange-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em);
}

.react-datetimerange-picker__inputGroup__amPm {
  font: inherit;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.react-datetimerange-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px;
}

.react-datetimerange-picker__button:enabled {
  cursor: pointer;
}

.react-datetimerange-picker__button:enabled:hover .react-datetimerange-picker__button__icon,
.react-datetimerange-picker__button:enabled:focus .react-datetimerange-picker__button__icon {
  stroke: #0078d7;
}

.react-datetimerange-picker__button:disabled .react-datetimerange-picker__button__icon {
  stroke: #6d6d6d;
}

.react-datetimerange-picker__button svg {
  display: inherit;
}

.react-datetimerange-picker__calendar,
.react-datetimerange-picker__clock {
  z-index: 1;
}

.react-datetimerange-picker__calendar--closed,
.react-datetimerange-picker__clock--closed {
  display: none;
}

.react-datetimerange-picker__calendar {
  width: 350px;
  max-width: 100vw;
}

.react-datetimerange-picker__calendar .react-calendar {
  border-width: thin;
}

.react-datetimerange-picker__clock {
  width: 200px;
  height: 200px;
  max-width: 100vw;
  padding: 25px;
  background-color: white;
  border: thin solid #a0a096;
}
.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: 'Arial', 'Helvetica', sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}
.react-clock {
  display: block;
  position: relative;
}

.react-clock,
.react-clock *,
.react-clock *:before,
.react-clock *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-clock__face {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid black;
  border-radius: 50%;
}

.react-clock__hand {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}

.react-clock__hand__body {
  position: absolute;
  background-color: black;
  transform: translateX(-50%);
}

.react-clock__mark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}

.react-clock__mark__body {
  position: absolute;
  background-color: black;
  transform: translateX(-50%);
}

.react-clock__mark__number {
  position: absolute;
  left: -40px;
  width: 80px;
  text-align: center;
}

.react-clock__second-hand__body {
  background-color: red;
}
.react-datetime-picker {
  display: inline-flex;
  position: relative;
}

.react-datetime-picker,
.react-datetime-picker *,
.react-datetime-picker *:before,
.react-datetime-picker *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.react-datetime-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}

.react-datetime-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  border: thin solid gray;
}

.react-datetime-picker__inputGroup {
  min-width: calc(4px + (4px * 3) + 0.54em * 6 + 0.217em * 2);
  flex-grow: 1;
  padding: 0 2px;
}

.react-datetime-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}

.react-datetime-picker__inputGroup__divider,
.react-datetime-picker__inputGroup__leadingZero {
  display: inline-block;
  font: inherit;
}

.react-datetime-picker__inputGroup__input {
  min-width: 0.54em;
  height: calc(100% - 2px);
  position: relative;
  padding: 1px;
  border: 0;
  background: none;
  color: currentColor;
  font: inherit;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,
.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.react-datetime-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}

.react-datetime-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em);
}

.react-datetime-picker__inputGroup__amPm {
  font: inherit;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.react-datetime-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px;
}

.react-datetime-picker__button:enabled {
  cursor: pointer;
}

.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,
.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon {
  stroke: #0078d7;
}

.react-datetime-picker__button:disabled .react-datetime-picker__button__icon {
  stroke: #6d6d6d;
}

.react-datetime-picker__button svg {
  display: inherit;
}

.react-datetime-picker__calendar,
.react-datetime-picker__clock {
  z-index: 1;
}

.react-datetime-picker__calendar--closed,
.react-datetime-picker__clock--closed {
  display: none;
}

.react-datetime-picker__calendar {
  width: 350px;
  max-width: 100vw;
}

.react-datetime-picker__calendar .react-calendar {
  border-width: thin;
}

.react-datetime-picker__clock {
  width: 200px;
  height: 200px;
  max-width: 100vw;
  padding: 25px;
  background-color: white;
  border: thin solid #a0a096;
}
:root {
  font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

h1 {
  font-size: 2.25rem;
}
h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 0.875rem;
}

a {
  color: var(--link-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

input,
button,
textarea,
select {
  font-family: inherit;
  font-size: 1rem;
  color: inherit;
}/**
* Global text style utility classes.
* Use className="text-m" or getTextStyleClassName('textM') in TS/JS.
*/
/**
 * Text style tokens and mixin.
 * Use @include text-style('textM') in SCSS or getTextStyleClassName('textM') in TS/JS.
 */
/**
  * @tokens SCSS: Font Sizes
  * @presenter FontSize
*/
/**
  * @tokens SCSS: Font Weights
  * @presenter FontWeight
*/
/**
 * @tokens SCSS: Spacings
 * @presenter Spacing
 */
/**
 * @tokens SCSS: Line Heights
 * @presenter LineHeight
*/
/**
 * @tokens SCSS: Z-Index
 */
/**
 * @tokens SCSS: Opacitys
 * @presenter Opacity
*/
/**
 * @tokens SCSS: Border Radius
 * @presenter Radius
 */
/**
 * @tokens SCSS: Durations
 */
.text-xs {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0;
}

.text-sm {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.text-s-medium {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.005em;
}

.text-m {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.005em;
}

.text-l {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.text-xl {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
}

.heading-xs {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0;
}

.heading-s {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
}

.heading-m {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
}

.heading-l {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
}

.heading-xl {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
}