/* /Account/AccessDenied.razor.rz.scp.css */
.auth-page[b-zx1wot4mpy] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.auth-form-panel[b-zx1wot4mpy] {
    width: 100%;
    max-width: 420px;
}

.auth-form-wrap[b-zx1wot4mpy] {
    text-align: center;
}

.auth-submit[b-zx1wot4mpy] {
    display: inline-block;
    margin-top: 1.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    background: #4f46e5;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.auth-submit:hover[b-zx1wot4mpy] {
    background: #4338ca;
}
/* /Account/ConsoleLogin.razor.rz.scp.css */
*[b-9ao5eh07qa] {
  box-sizing: border-box;
}

a[b-9ao5eh07qa] {
  color: inherit;
  text-decoration: none;
}

button[b-9ao5eh07qa], input[b-9ao5eh07qa] {
  font-family: inherit;
}

.auth-page[b-9ao5eh07qa] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  width: 100%;
}
@media (max-width: 920px) {
  .auth-page[b-9ao5eh07qa] {
    grid-template-columns: 1fr;
  }
}
.auth-page[b-9ao5eh07qa] {
  /* ============ LEFT VISUAL PANEL ============ */
}
.auth-page .auth-visual[b-9ao5eh07qa] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(155deg, #221A54 0%, #3C2AA6 45%, #5c59f0 110%);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 44px 48px;
}
@media (max-width: 920px) {
  .auth-page .auth-visual[b-9ao5eh07qa] {
    display: none;
  }
}
.auth-page .auth-visual[b-9ao5eh07qa]::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -140px;
  top: -160px;
  background: radial-gradient(circle, rgba(240, 139, 59, 0.4), rgba(240, 139, 59, 0) 68%);
}
.auth-page .auth-visual[b-9ao5eh07qa]::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  left: -120px;
  bottom: -160px;
  background: radial-gradient(circle, rgba(31, 173, 122, 0.32), rgba(31, 173, 122, 0) 70%);
}
.auth-page .auth-visual .auth-brand[b-9ao5eh07qa] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.auth-page .auth-visual .auth-brand .brand-mark[b-9ao5eh07qa] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  flex: none;
  background: linear-gradient(155deg, #5c59f0 0%, #8B6BFF 55%, #f08b3b 130%);
  position: relative;
}
.auth-page .auth-visual .auth-brand .brand-mark[b-9ao5eh07qa]::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 6px;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 70%);
}
.auth-page .auth-visual .auth-brand .auth-brand-name[b-9ao5eh07qa] {
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 21px;
}
.auth-page .auth-visual .auth-visual-mid[b-9ao5eh07qa] {
  position: relative;
}
.auth-page .auth-visual .auth-visual-mid .auth-orb[b-9ao5eh07qa] {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-bottom: 26px;
  background: conic-gradient(from 200deg, #f08b3b, #5c59f0 35%, #1fad7a 70%, #f08b3b);
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.08);
}
.auth-page .auth-visual .auth-visual-mid h1[b-9ao5eh07qa] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.4;
  max-width: 420px;
  margin: 0 0 18px;
}
.auth-page .auth-visual .auth-visual-mid p[b-9ao5eh07qa] {
  font-size: 14px;
  color: #DAD4FF;
  max-width: 380px;
  line-height: 1.7;
  margin: 0;
}
.auth-page .auth-visual .auth-quote[b-9ao5eh07qa] {
  position: relative;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  padding: 18px 20px;
  max-width: 400px;
}
.auth-page .auth-visual .auth-quote p[b-9ao5eh07qa] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-size: 14px;
  color: #EFEBFF;
  margin: 0 0 10px;
  line-height: 1.6;
}
.auth-page .auth-visual .auth-quote .auth-quote-name[b-9ao5eh07qa] {
  font-size: 11.5px;
  color: #C9BEFF;
  font-weight: 700;
}
.auth-page[b-9ao5eh07qa] {
  /* ============ RIGHT FORM PANEL ============ */
}
.auth-page .auth-form-panel[b-9ao5eh07qa] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  width: 100%;
}
@media (max-width: 920px) {
  .auth-page .auth-form-panel[b-9ao5eh07qa] {
    padding: 40px 24px;
  }
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel[b-9ao5eh07qa] {
    padding: 24px 16px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap[b-9ao5eh07qa] {
  width: 100%;
  max-width: 400px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head[b-9ao5eh07qa] {
  margin-bottom: 24px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head .auth-eyebrow[b-9ao5eh07qa] {
  font-size: 12px;
  font-weight: 700;
  color: #5c59f0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head h2[b-9ao5eh07qa] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel .auth-form-wrap .auth-form-head h2[b-9ao5eh07qa] {
    font-size: 24px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head p[b-9ao5eh07qa] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap[b-9ao5eh07qa] {
  /* Inline Validation / Notice Box */
}
.auth-page .auth-form-panel .auth-form-wrap .role-note[b-9ao5eh07qa] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 11.5px;
  color: #C23B3B;
  background: #FDEDED;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap .role-note svg[b-9ao5eh07qa] {
  flex-shrink: 0;
  margin-top: 2px;
}
.auth-page .auth-form-panel .auth-form-wrap[b-9ao5eh07qa] {
  /* Input Fields and Layout */
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups[b-9ao5eh07qa] {
  position: relative;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group[b-9ao5eh07qa] {
  display: none;
  flex-direction: column;
  gap: 16px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group.active[b-9ao5eh07qa] {
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field[b-9ao5eh07qa] {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field label[b-9ao5eh07qa] {
  font-size: 12.5px;
  font-weight: 700;
  color: #6e7191;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input[b-9ao5eh07qa] {
  border: 1.5px solid #eff0f6;
  border-radius: 11px;
  padding: 12px 14px;
  font-size: 13.5px;
  color: #1d1e2c;
  background: #FBFAFF;
  outline: none;
  width: 100%;
  transition: border-color 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input:focus[b-9ao5eh07qa] {
  border-color: #5c59f0;
  background: #ffffff;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input[b-9ao5eh07qa]::placeholder {
  color: #8a8d9f;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field[b-9ao5eh07qa] {
  position: relative;
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field input[b-9ao5eh07qa] {
  width: 100%;
  padding-right: 42px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password[b-9ao5eh07qa] {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  transition: color 0.15s ease, background 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password:hover[b-9ao5eh07qa] {
  color: #6e7191;
  background: #fcfcfd;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password svg[b-9ao5eh07qa] {
  pointer-events: none;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field-row[b-9ao5eh07qa] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field-row[b-9ao5eh07qa] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-row-between[b-9ao5eh07qa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-checkbox[b-9ao5eh07qa] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 600;
  cursor: pointer;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-checkbox input[type=checkbox][b-9ao5eh07qa] {
  width: 15px;
  height: 15px;
  accent-color: #5c59f0;
  cursor: pointer;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-link[b-9ao5eh07qa] {
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-link:hover[b-9ao5eh07qa] {
  text-decoration: underline;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit[b-9ao5eh07qa] {
  width: 100%;
  background: #5c59f0;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  margin-top: 24px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(29, 30, 44, 0.04);
  transition: background 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit:hover[b-9ao5eh07qa], .auth-page .auth-form-panel .auth-form-wrap form .auth-submit:focus[b-9ao5eh07qa] {
  background: rgb(27.0729065107%, 25.7306900661%, 93.2889177771%);
}
.auth-page .auth-form-panel .auth-form-wrap[b-9ao5eh07qa] {
  /* Separator Division */
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-9ao5eh07qa] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-9ao5eh07qa]::before, .auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-9ao5eh07qa]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #eff0f6;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider span[b-9ao5eh07qa] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 600;
  white-space: nowrap;
}
.auth-page .auth-form-panel .auth-form-wrap[b-9ao5eh07qa] {
  /* SSO Sign-In Options */
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso[b-9ao5eh07qa] {
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso .sso-btn[b-9ao5eh07qa] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1.5px solid #eff0f6;
  border-radius: 11px;
  padding: 12px;
  font-size: 12.5px;
  font-weight: 700;
  color: #6e7191;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso .sso-btn:hover[b-9ao5eh07qa] {
  background: #fcfcfd;
  border-color: rgb(87.3254901961%, 88.1176470588%, 92.8705882353%);
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer[b-9ao5eh07qa] {
  text-align: center;
  margin-top: 28px;
  font-size: 12.5px;
  color: #8a8d9f;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer a[b-9ao5eh07qa] {
  color: #5c59f0;
  font-weight: 700;
  display: inline-block;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer a:hover[b-9ao5eh07qa] {
  text-decoration: underline;
}

.auth-page .auth-form-panel .auth-form-wrap .role-tabs[b-9ao5eh07qa] {
  display: flex;
  gap: 6px;
  background: #F1EFFB;
  border-radius: 13px;
  padding: 5px;
  margin-bottom: 24px;
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab[b-9ao5eh07qa] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 6px;
  border-radius: 9px;
  font-size: 12.5px;
  font-weight: 700;
  color: #8a8d9f;
  cursor: pointer;
  border: none;
  background: none;
  transition: background 0.15s ease, color 0.15s ease;
}
@media (max-width: 360px) {
  .auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab[b-9ao5eh07qa] {
    font-size: 11.5px;
    gap: 4px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab svg[b-9ao5eh07qa] {
  opacity: 0.8;
  flex-shrink: 0;
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab.active[b-9ao5eh07qa] {
  background: #ffffff;
  color: #5c59f0;
  box-shadow: 0 1px 2px rgba(29, 30, 44, 0.04);
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab.active svg[b-9ao5eh07qa] {
  opacity: 1;
  color: #5c59f0;
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab:disabled[b-9ao5eh07qa] {
  cursor: default;
  opacity: 0.55;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit:disabled[b-9ao5eh07qa] {
  background: #8a8d9f;
  cursor: progress;
}
/* /Account/ForgotPassword.razor.rz.scp.css */
*[b-q8j62yzqrg] {
  box-sizing: border-box;
}

a[b-q8j62yzqrg] {
  color: inherit;
  text-decoration: none;
}

button[b-q8j62yzqrg], input[b-q8j62yzqrg] {
  font-family: inherit;
}

.auth-page[b-q8j62yzqrg] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  width: 100%;
}
@media (max-width: 920px) {
  .auth-page[b-q8j62yzqrg] {
    grid-template-columns: 1fr;
  }
}
.auth-page[b-q8j62yzqrg] {
  /* ============ LEFT VISUAL PANEL ============ */
}
.auth-page .auth-visual[b-q8j62yzqrg] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(155deg, #221A54 0%, #3C2AA6 45%, #5c59f0 110%);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 44px 48px;
}
@media (max-width: 920px) {
  .auth-page .auth-visual[b-q8j62yzqrg] {
    display: none;
  }
}
.auth-page .auth-visual[b-q8j62yzqrg]::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -140px;
  top: -160px;
  background: radial-gradient(circle, rgba(240, 139, 59, 0.4), rgba(240, 139, 59, 0) 68%);
}
.auth-page .auth-visual[b-q8j62yzqrg]::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  left: -120px;
  bottom: -160px;
  background: radial-gradient(circle, rgba(31, 173, 122, 0.32), rgba(31, 173, 122, 0) 70%);
}
.auth-page .auth-visual .auth-brand[b-q8j62yzqrg] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.auth-page .auth-visual .auth-brand .brand-mark[b-q8j62yzqrg] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  flex: none;
  background: linear-gradient(155deg, #5c59f0 0%, #8B6BFF 55%, #f08b3b 130%);
  position: relative;
}
.auth-page .auth-visual .auth-brand .brand-mark[b-q8j62yzqrg]::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 6px;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 70%);
}
.auth-page .auth-visual .auth-brand .auth-brand-name[b-q8j62yzqrg] {
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 21px;
}
.auth-page .auth-visual .auth-visual-mid[b-q8j62yzqrg] {
  position: relative;
}
.auth-page .auth-visual .auth-visual-mid .auth-orb[b-q8j62yzqrg] {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-bottom: 26px;
  background: conic-gradient(from 200deg, #f08b3b, #5c59f0 35%, #1fad7a 70%, #f08b3b);
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.08);
}
.auth-page .auth-visual .auth-visual-mid h1[b-q8j62yzqrg] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.4;
  max-width: 420px;
  margin: 0 0 18px;
}
.auth-page .auth-visual .auth-visual-mid p[b-q8j62yzqrg] {
  font-size: 14px;
  color: #DAD4FF;
  max-width: 380px;
  line-height: 1.7;
  margin: 0;
}
.auth-page .auth-visual .auth-quote[b-q8j62yzqrg] {
  position: relative;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  padding: 18px 20px;
  max-width: 400px;
}
.auth-page .auth-visual .auth-quote p[b-q8j62yzqrg] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-size: 14px;
  color: #EFEBFF;
  margin: 0 0 10px;
  line-height: 1.6;
}
.auth-page .auth-visual .auth-quote .auth-quote-name[b-q8j62yzqrg] {
  font-size: 11.5px;
  color: #C9BEFF;
  font-weight: 700;
}
.auth-page[b-q8j62yzqrg] {
  /* ============ RIGHT FORM PANEL ============ */
}
.auth-page .auth-form-panel[b-q8j62yzqrg] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  width: 100%;
}
@media (max-width: 920px) {
  .auth-page .auth-form-panel[b-q8j62yzqrg] {
    padding: 40px 24px;
  }
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel[b-q8j62yzqrg] {
    padding: 24px 16px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap[b-q8j62yzqrg] {
  width: 100%;
  max-width: 400px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head[b-q8j62yzqrg] {
  margin-bottom: 24px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head .auth-eyebrow[b-q8j62yzqrg] {
  font-size: 12px;
  font-weight: 700;
  color: #5c59f0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head h2[b-q8j62yzqrg] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel .auth-form-wrap .auth-form-head h2[b-q8j62yzqrg] {
    font-size: 24px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head p[b-q8j62yzqrg] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap[b-q8j62yzqrg] {
  /* Inline Validation / Notice Box */
}
.auth-page .auth-form-panel .auth-form-wrap .role-note[b-q8j62yzqrg] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 11.5px;
  color: #C23B3B;
  background: #FDEDED;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap .role-note svg[b-q8j62yzqrg] {
  flex-shrink: 0;
  margin-top: 2px;
}
.auth-page .auth-form-panel .auth-form-wrap[b-q8j62yzqrg] {
  /* Input Fields and Layout */
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups[b-q8j62yzqrg] {
  position: relative;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group[b-q8j62yzqrg] {
  display: none;
  flex-direction: column;
  gap: 16px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group.active[b-q8j62yzqrg] {
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field[b-q8j62yzqrg] {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field label[b-q8j62yzqrg] {
  font-size: 12.5px;
  font-weight: 700;
  color: #6e7191;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input[b-q8j62yzqrg] {
  border: 1.5px solid #eff0f6;
  border-radius: 11px;
  padding: 12px 14px;
  font-size: 13.5px;
  color: #1d1e2c;
  background: #FBFAFF;
  outline: none;
  width: 100%;
  transition: border-color 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input:focus[b-q8j62yzqrg] {
  border-color: #5c59f0;
  background: #ffffff;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input[b-q8j62yzqrg]::placeholder {
  color: #8a8d9f;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field[b-q8j62yzqrg] {
  position: relative;
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field input[b-q8j62yzqrg] {
  width: 100%;
  padding-right: 42px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password[b-q8j62yzqrg] {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  transition: color 0.15s ease, background 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password:hover[b-q8j62yzqrg] {
  color: #6e7191;
  background: #fcfcfd;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password svg[b-q8j62yzqrg] {
  pointer-events: none;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field-row[b-q8j62yzqrg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field-row[b-q8j62yzqrg] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-row-between[b-q8j62yzqrg] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-checkbox[b-q8j62yzqrg] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 600;
  cursor: pointer;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-checkbox input[type=checkbox][b-q8j62yzqrg] {
  width: 15px;
  height: 15px;
  accent-color: #5c59f0;
  cursor: pointer;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-link[b-q8j62yzqrg] {
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-link:hover[b-q8j62yzqrg] {
  text-decoration: underline;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit[b-q8j62yzqrg] {
  width: 100%;
  background: #5c59f0;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  margin-top: 24px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(29, 30, 44, 0.04);
  transition: background 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit:hover[b-q8j62yzqrg], .auth-page .auth-form-panel .auth-form-wrap form .auth-submit:focus[b-q8j62yzqrg] {
  background: rgb(27.0729065107%, 25.7306900661%, 93.2889177771%);
}
.auth-page .auth-form-panel .auth-form-wrap[b-q8j62yzqrg] {
  /* Separator Division */
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-q8j62yzqrg] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-q8j62yzqrg]::before, .auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-q8j62yzqrg]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #eff0f6;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider span[b-q8j62yzqrg] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 600;
  white-space: nowrap;
}
.auth-page .auth-form-panel .auth-form-wrap[b-q8j62yzqrg] {
  /* SSO Sign-In Options */
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso[b-q8j62yzqrg] {
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso .sso-btn[b-q8j62yzqrg] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1.5px solid #eff0f6;
  border-radius: 11px;
  padding: 12px;
  font-size: 12.5px;
  font-weight: 700;
  color: #6e7191;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso .sso-btn:hover[b-q8j62yzqrg] {
  background: #fcfcfd;
  border-color: rgb(87.3254901961%, 88.1176470588%, 92.8705882353%);
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer[b-q8j62yzqrg] {
  text-align: center;
  margin-top: 28px;
  font-size: 12.5px;
  color: #8a8d9f;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer a[b-q8j62yzqrg] {
  color: #5c59f0;
  font-weight: 700;
  display: inline-block;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer a:hover[b-q8j62yzqrg] {
  text-decoration: underline;
}
/* /Account/Login.razor.rz.scp.css */
*[b-6zzipzj1zj] {
  box-sizing: border-box;
}

a[b-6zzipzj1zj] {
  color: inherit;
  text-decoration: none;
}

button[b-6zzipzj1zj], input[b-6zzipzj1zj] {
  font-family: inherit;
}

.auth-page[b-6zzipzj1zj] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  width: 100%;
}
@media (max-width: 920px) {
  .auth-page[b-6zzipzj1zj] {
    grid-template-columns: 1fr;
  }
}
.auth-page[b-6zzipzj1zj] {
  /* ============ LEFT VISUAL PANEL ============ */
}
.auth-page .auth-visual[b-6zzipzj1zj] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(155deg, #221A54 0%, #3C2AA6 45%, #5c59f0 110%);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 44px 48px;
}
@media (max-width: 920px) {
  .auth-page .auth-visual[b-6zzipzj1zj] {
    display: none;
  }
}
.auth-page .auth-visual[b-6zzipzj1zj]::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -140px;
  top: -160px;
  background: radial-gradient(circle, rgba(240, 139, 59, 0.4), rgba(240, 139, 59, 0) 68%);
}
.auth-page .auth-visual[b-6zzipzj1zj]::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  left: -120px;
  bottom: -160px;
  background: radial-gradient(circle, rgba(31, 173, 122, 0.32), rgba(31, 173, 122, 0) 70%);
}
.auth-page .auth-visual .auth-brand[b-6zzipzj1zj] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.auth-page .auth-visual .auth-brand .brand-mark[b-6zzipzj1zj] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  flex: none;
  background: linear-gradient(155deg, #5c59f0 0%, #8B6BFF 55%, #f08b3b 130%);
  position: relative;
}
.auth-page .auth-visual .auth-brand .brand-mark[b-6zzipzj1zj]::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 6px;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 70%);
}
.auth-page .auth-visual .auth-brand .auth-brand-name[b-6zzipzj1zj] {
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 21px;
}
.auth-page .auth-visual .auth-visual-mid[b-6zzipzj1zj] {
  position: relative;
}
.auth-page .auth-visual .auth-visual-mid .auth-orb[b-6zzipzj1zj] {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-bottom: 26px;
  background: conic-gradient(from 200deg, #f08b3b, #5c59f0 35%, #1fad7a 70%, #f08b3b);
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.08);
}
.auth-page .auth-visual .auth-visual-mid h1[b-6zzipzj1zj] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.4;
  max-width: 420px;
  margin: 0 0 18px;
}
.auth-page .auth-visual .auth-visual-mid p[b-6zzipzj1zj] {
  font-size: 14px;
  color: #DAD4FF;
  max-width: 380px;
  line-height: 1.7;
  margin: 0;
}
.auth-page .auth-visual .auth-quote[b-6zzipzj1zj] {
  position: relative;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  padding: 18px 20px;
  max-width: 400px;
}
.auth-page .auth-visual .auth-quote p[b-6zzipzj1zj] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-size: 14px;
  color: #EFEBFF;
  margin: 0 0 10px;
  line-height: 1.6;
}
.auth-page .auth-visual .auth-quote .auth-quote-name[b-6zzipzj1zj] {
  font-size: 11.5px;
  color: #C9BEFF;
  font-weight: 700;
}
.auth-page[b-6zzipzj1zj] {
  /* ============ RIGHT FORM PANEL ============ */
}
.auth-page .auth-form-panel[b-6zzipzj1zj] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  width: 100%;
}
@media (max-width: 920px) {
  .auth-page .auth-form-panel[b-6zzipzj1zj] {
    padding: 40px 24px;
  }
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel[b-6zzipzj1zj] {
    padding: 24px 16px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap[b-6zzipzj1zj] {
  width: 100%;
  max-width: 400px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head[b-6zzipzj1zj] {
  margin-bottom: 24px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head .auth-eyebrow[b-6zzipzj1zj] {
  font-size: 12px;
  font-weight: 700;
  color: #5c59f0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head h2[b-6zzipzj1zj] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel .auth-form-wrap .auth-form-head h2[b-6zzipzj1zj] {
    font-size: 24px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head p[b-6zzipzj1zj] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap[b-6zzipzj1zj] {
  /* Inline Validation / Notice Box */
}
.auth-page .auth-form-panel .auth-form-wrap .role-note[b-6zzipzj1zj] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 11.5px;
  color: #C23B3B;
  background: #FDEDED;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap .role-note svg[b-6zzipzj1zj] {
  flex-shrink: 0;
  margin-top: 2px;
}
.auth-page .auth-form-panel .auth-form-wrap[b-6zzipzj1zj] {
  /* Input Fields and Layout */
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups[b-6zzipzj1zj] {
  position: relative;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group[b-6zzipzj1zj] {
  display: none;
  flex-direction: column;
  gap: 16px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group.active[b-6zzipzj1zj] {
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field[b-6zzipzj1zj] {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field label[b-6zzipzj1zj] {
  font-size: 12.5px;
  font-weight: 700;
  color: #6e7191;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input[b-6zzipzj1zj] {
  border: 1.5px solid #eff0f6;
  border-radius: 11px;
  padding: 12px 14px;
  font-size: 13.5px;
  color: #1d1e2c;
  background: #FBFAFF;
  outline: none;
  width: 100%;
  transition: border-color 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input:focus[b-6zzipzj1zj] {
  border-color: #5c59f0;
  background: #ffffff;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input[b-6zzipzj1zj]::placeholder {
  color: #8a8d9f;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field[b-6zzipzj1zj] {
  position: relative;
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field input[b-6zzipzj1zj] {
  width: 100%;
  padding-right: 42px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password[b-6zzipzj1zj] {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  transition: color 0.15s ease, background 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password:hover[b-6zzipzj1zj] {
  color: #6e7191;
  background: #fcfcfd;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password svg[b-6zzipzj1zj] {
  pointer-events: none;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field-row[b-6zzipzj1zj] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field-row[b-6zzipzj1zj] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-row-between[b-6zzipzj1zj] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-checkbox[b-6zzipzj1zj] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 600;
  cursor: pointer;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-checkbox input[type=checkbox][b-6zzipzj1zj] {
  width: 15px;
  height: 15px;
  accent-color: #5c59f0;
  cursor: pointer;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-link[b-6zzipzj1zj] {
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-link:hover[b-6zzipzj1zj] {
  text-decoration: underline;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit[b-6zzipzj1zj] {
  width: 100%;
  background: #5c59f0;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  margin-top: 24px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(29, 30, 44, 0.04);
  transition: background 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit:hover[b-6zzipzj1zj], .auth-page .auth-form-panel .auth-form-wrap form .auth-submit:focus[b-6zzipzj1zj] {
  background: rgb(27.0729065107%, 25.7306900661%, 93.2889177771%);
}
.auth-page .auth-form-panel .auth-form-wrap[b-6zzipzj1zj] {
  /* Separator Division */
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-6zzipzj1zj] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-6zzipzj1zj]::before, .auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-6zzipzj1zj]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #eff0f6;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider span[b-6zzipzj1zj] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 600;
  white-space: nowrap;
}
.auth-page .auth-form-panel .auth-form-wrap[b-6zzipzj1zj] {
  /* SSO Sign-In Options */
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso[b-6zzipzj1zj] {
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso .sso-btn[b-6zzipzj1zj] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1.5px solid #eff0f6;
  border-radius: 11px;
  padding: 12px;
  font-size: 12.5px;
  font-weight: 700;
  color: #6e7191;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso .sso-btn:hover[b-6zzipzj1zj] {
  background: #fcfcfd;
  border-color: rgb(87.3254901961%, 88.1176470588%, 92.8705882353%);
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer[b-6zzipzj1zj] {
  text-align: center;
  margin-top: 28px;
  font-size: 12.5px;
  color: #8a8d9f;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer a[b-6zzipzj1zj] {
  color: #5c59f0;
  font-weight: 700;
  display: inline-block;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer a:hover[b-6zzipzj1zj] {
  text-decoration: underline;
}

.auth-page .auth-form-panel .auth-form-wrap .role-tabs[b-6zzipzj1zj] {
  display: flex;
  gap: 6px;
  background: #F1EFFB;
  border-radius: 13px;
  padding: 5px;
  margin-bottom: 24px;
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab[b-6zzipzj1zj] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 6px;
  border-radius: 9px;
  font-size: 12.5px;
  font-weight: 700;
  color: #8a8d9f;
  cursor: pointer;
  border: none;
  background: none;
  transition: background 0.15s ease, color 0.15s ease;
}
@media (max-width: 360px) {
  .auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab[b-6zzipzj1zj] {
    font-size: 11.5px;
    gap: 4px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab svg[b-6zzipzj1zj] {
  opacity: 0.8;
  flex-shrink: 0;
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab.active[b-6zzipzj1zj] {
  background: #ffffff;
  color: #5c59f0;
  box-shadow: 0 1px 2px rgba(29, 30, 44, 0.04);
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab.active svg[b-6zzipzj1zj] {
  opacity: 1;
  color: #5c59f0;
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab:disabled[b-6zzipzj1zj] {
  cursor: default;
  opacity: 0.55;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit:disabled[b-6zzipzj1zj] {
  background: #8a8d9f;
  cursor: progress;
}
/* /Account/ProfileSetup.razor.rz.scp.css */
.setup-container[b-65ug065cwq] {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.setup-container *[b-65ug065cwq] {
  box-sizing: border-box;
}
.setup-container .top-nav-bar[b-65ug065cwq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eff0f6;
  padding-bottom: 16px;
}
.setup-container .top-nav-bar .nav-left[b-65ug065cwq] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.setup-container .top-nav-bar .nav-left .logo-text[b-65ug065cwq] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.setup-container .top-nav-bar .nav-right .info-badge[b-65ug065cwq] {
  font-size: 12.5px;
  color: #6e7191;
  display: flex;
  align-items: center;
  gap: 8px;
}
.setup-container .top-nav-bar .nav-right .info-badge svg[b-65ug065cwq] {
  color: #8a8d9f;
}
.setup-container .setup-intro[b-65ug065cwq] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
}
.setup-container .setup-intro .welcome-label[b-65ug065cwq] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
}
.setup-container .setup-intro .page-title[b-65ug065cwq] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.setup-container .setup-intro .page-desc[b-65ug065cwq] {
  font-size: 14.5px;
  color: #6e7191;
  line-height: 1.6;
  max-width: 650px;
  margin: 0;
}
.setup-container .setup-cards-stack[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.setup-container .setup-cards-stack .setup-section-card[b-65ug065cwq] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.setup-container .setup-cards-stack .setup-section-card .card-header[b-65ug065cwq] {
  display: flex;
  align-items: center;
  gap: 20px;
}
.setup-container .setup-cards-stack .setup-section-card .card-header .icon-circle[b-65ug065cwq] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.setup-container .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-purple[b-65ug065cwq] {
  background-color: #f0efff;
  color: #5c59f0;
}
.setup-container .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-blue[b-65ug065cwq] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.setup-container .setup-cards-stack .setup-section-card .card-header .header-text .card-title[b-65ug065cwq] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.setup-container .setup-cards-stack .setup-section-card .card-header .header-text .card-sub[b-65ug065cwq] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .input-label[b-65ug065cwq] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .label-with-tag[b-65ug065cwq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .label-with-tag .optional-tag[b-65ug065cwq] {
  font-size: 9px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .dashed-upload-box[b-65ug065cwq] {
  border: 1px dashed #d1d5db;
  border-radius: 14px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .dashed-upload-box svg[b-65ug065cwq] {
  color: #5c59f0;
  flex-shrink: 0;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .dashed-upload-box .upload-text[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .dashed-upload-box .upload-text strong[b-65ug065cwq] {
  font-size: 13.5px;
  color: #1d1e2c;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .dashed-upload-box .upload-text span[b-65ug065cwq] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .dashed-upload-box:hover[b-65ug065cwq] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .attached-success-bar[b-65ug065cwq] {
  background-color: #e8f8f2;
  border: 1px solid rgba(31, 173, 122, 0.2);
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .attached-success-bar .file-name-txt[b-65ug065cwq] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1fad7a;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .attached-success-bar .remove-btn[b-65ug065cwq] {
  background: none;
  border: none;
  font-size: 13px;
  font-weight: 600;
  color: #1fad7a;
  cursor: pointer;
  text-decoration: underline;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .attached-success-bar .remove-btn:hover[b-65ug065cwq] {
  color: rgb(23.25, 129.75, 91.5);
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .profile-text-input[b-65ug065cwq] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .profile-text-input:focus[b-65ug065cwq] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.setup-container .setup-cards-stack .setup-section-card .profile-input-field .field-help-txt[b-65ug065cwq] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
}
.setup-container .setup-cards-stack .setup-section-card .actions-row[b-65ug065cwq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.setup-container .setup-cards-stack .setup-section-card .actions-row .btn-outline-back[b-65ug065cwq] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.setup-container .setup-cards-stack .setup-section-card .actions-row .btn-outline-back:hover[b-65ug065cwq] {
  background-color: #f8f9fc;
}
.setup-container .setup-cards-stack .setup-section-card .mentor-callout-bubble[b-65ug065cwq] {
  background: linear-gradient(135deg, #2b286c, #1f1b5c);
  border-radius: 16px;
  padding: 24px;
  color: #ffffff;
  display: flex;
  gap: 20px;
}
.setup-container .setup-cards-stack .setup-section-card .mentor-callout-bubble .mentor-orb[b-65ug065cwq] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
}
.setup-container .setup-cards-stack .setup-section-card .mentor-callout-bubble .callout-msg[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.setup-container .setup-cards-stack .setup-section-card .mentor-callout-bubble .callout-msg .orb-name[b-65ug065cwq] {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  opacity: 0.9;
}
.setup-container .setup-cards-stack .setup-section-card .mentor-callout-bubble .callout-msg p[b-65ug065cwq] {
  font-size: 14.5px;
  line-height: 1.5;
  margin: 0;
}
.setup-container .setup-cards-stack .setup-section-card .mode-buttons-row[b-65ug065cwq] {
  display: flex;
  gap: 12px;
}
.setup-container .setup-cards-stack .setup-section-card .mode-buttons-row .mode-btn[b-65ug065cwq] {
  border: none;
  border-radius: 12px;
  padding: 10px 20px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
.setup-container .setup-cards-stack .setup-section-card .mode-buttons-row .mode-btn.active[b-65ug065cwq] {
  background-color: #f0efff;
  color: #5c59f0;
}
.setup-container .setup-cards-stack .setup-section-card .mode-buttons-row .mode-btn.outline[b-65ug065cwq] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.setup-container .setup-cards-stack .setup-section-card .mode-buttons-row .mode-btn.outline:hover[b-65ug065cwq] {
  background-color: #f8f9fc;
}
.setup-container .setup-cards-stack .setup-section-card .interview-progress-wrapper[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.setup-container .setup-cards-stack .setup-section-card .interview-progress-wrapper .progress-txt[b-65ug065cwq] {
  font-size: 12px;
  font-weight: 600;
  color: #8a8d9f;
}
.setup-container .setup-cards-stack .setup-section-card .interview-progress-wrapper .progress-bar-bg[b-65ug065cwq] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.setup-container .setup-cards-stack .setup-section-card .interview-progress-wrapper .progress-bar-bg .progress-bar-fill[b-65ug065cwq] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
  transition: width 0.3s ease-out;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-header[b-65ug065cwq] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .q-number[b-65ug065cwq] {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: #f1f3f9;
  color: #8a8d9f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .q-text[b-65ug065cwq] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-input-row[b-65ug065cwq] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-input-row .q-textarea[b-65ug065cwq] {
  flex: 1;
  min-height: 80px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
  font-family: inherit;
  resize: vertical;
  transition: border-color 0.2s, background-color 0.2s;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-input-row .q-textarea:focus[b-65ug065cwq] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-input-row .mic-icon-btn[b-65ug065cwq] {
  width: 36px;
  height: 36px;
  background-color: #f0efff;
  color: #5c59f0;
  border: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, transform 0.2s;
  flex-shrink: 0;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-input-row .mic-icon-btn:hover[b-65ug065cwq] {
  background-color: #e2e1ff;
}
.setup-container .setup-cards-stack .setup-section-card .questions-list .question-item .q-input-row .mic-icon-btn.listening[b-65ug065cwq] {
  background-color: #fff4eb;
  color: #f08b3b;
  animation: pulseMic-b-65ug065cwq 1.5s infinite ease-in-out;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box[b-65ug065cwq] {
  background-color: #1a1926;
  border-radius: 20px;
  height: 420px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .interview-video-preview[b-65ug065cwq] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-decorations[b-65ug065cwq] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
  padding: 24px;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-decorations .corner[b-65ug065cwq] {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-decorations .corner.tl[b-65ug065cwq] {
  top: 24px;
  left: 24px;
  border-right: none;
  border-bottom: none;
  border-top-left-radius: 4px;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-decorations .corner.tr[b-65ug065cwq] {
  top: 24px;
  right: 24px;
  border-left: none;
  border-bottom: none;
  border-top-right-radius: 4px;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-decorations .corner.bl[b-65ug065cwq] {
  bottom: 24px;
  left: 24px;
  border-right: none;
  border-top: none;
  border-bottom-left-radius: 4px;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-decorations .corner.br[b-65ug065cwq] {
  bottom: 24px;
  right: 24px;
  border-left: none;
  border-top: none;
  border-bottom-right-radius: 4px;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-status-overlay[b-65ug065cwq] {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  pointer-events: none;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-status-overlay .cam-center-icon[b-65ug065cwq] {
  width: 54px;
  height: 54px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-status-overlay .status-msg-lbl[b-65ug065cwq] {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar[b-65ug065cwq] {
  position: absolute;
  bottom: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 4;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn[b-65ug065cwq] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, transform 0.1s;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn svg[b-65ug065cwq] {
  fill: none;
  stroke: currentColor;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn:hover[b-65ug065cwq] {
  background-color: rgba(255, 255, 255, 0.25);
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn:active[b-65ug065cwq] {
  transform: scale(0.95);
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn.record-active[b-65ug065cwq] {
  width: 58px;
  height: 58px;
  background-color: #ffffff;
  color: #5c59f0;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn.record-active .inner-red-dot[b-65ug065cwq] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ff5c5c;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn.record-active .inner-stop-square[b-65ug065cwq] {
  width: 16px;
  height: 16px;
  background-color: #1a1926;
  border-radius: 2px;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn.record-active:hover[b-65ug065cwq] {
  background-color: #f1f3f9;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-controls-bar .ctrl-circle-btn:disabled[b-65ug065cwq] {
  opacity: 0.4;
  cursor: default;
  transform: none;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box.camera-on .interview-video-preview[b-65ug065cwq] {
  width: 200px;
  height: 140px;
  top: 24px;
  left: auto;
  right: 24px;
  border-radius: 12px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  transform: scaleX(-1);
  z-index: 3;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box:not(.camera-on) .interview-video-preview[b-65ug065cwq] {
  display: none;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage[b-65ug065cwq] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-bottom: 70px;
  max-width: 560px;
  padding: 0 24px;
  text-align: center;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage .mentor-robot[b-65ug065cwq] {
  width: 130px;
  height: 138px;
  filter: drop-shadow(0 8px 24px rgba(92, 89, 240, 0.35));
  animation: robot-float-b-65ug065cwq 4s ease-in-out infinite;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage .mentor-robot .robot-antenna[b-65ug065cwq],
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage .mentor-robot .robot-core[b-65ug065cwq] {
  fill: #5c59f0;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage .mentor-robot .robot-eyes ellipse[b-65ug065cwq] {
  fill: #7ee8ff;
  transform-box: fill-box;
  transform-origin: center;
  animation: robot-blink-b-65ug065cwq 5s infinite;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage .mentor-robot .robot-mouth[b-65ug065cwq] {
  fill: #7ee8ff;
  transform-box: fill-box;
  transform-origin: center;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage.is-speaking .mentor-robot .robot-mouth[b-65ug065cwq] {
  animation: robot-talk-b-65ug065cwq 0.28s ease-in-out infinite alternate;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage.is-speaking .mentor-robot .robot-antenna[b-65ug065cwq],
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage.is-speaking .mentor-robot .robot-core[b-65ug065cwq] {
  animation: robot-glow-b-65ug065cwq 0.6s ease-in-out infinite alternate;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage .mentor-question-caption[b-65ug065cwq] {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 10px 16px;
  color: #ffffff;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage .mentor-question-caption .caption-count[b-65ug065cwq] {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.6);
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .mentor-robot-stage .mentor-question-caption p[b-65ug065cwq] {
  margin: 4px 0 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.setup-container .setup-cards-stack .setup-section-card .video-interview-box .camera-status-overlay[b-65ug065cwq] {
  position: absolute;
  bottom: 96px;
}
.setup-container .setup-cards-stack .setup-section-card .timeline-footer-bar[b-65ug065cwq] {
  background-color: #e8f3ff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12.5px;
  color: #6e7191;
}
.setup-container .setup-cards-stack .setup-section-card .timeline-footer-bar svg[b-65ug065cwq] {
  color: #5c59f0;
  flex-shrink: 0;
}
.setup-container .setup-cards-stack .setup-section-card .timeline-footer-bar strong[b-65ug065cwq] {
  color: #1d1e2c;
}
.setup-container .setup-cards-stack .setup-section-card .btn-primary[b-65ug065cwq] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.setup-container .setup-cards-stack .setup-section-card .btn-primary:hover[b-65ug065cwq] {
  background-color: #4b49df;
}
.setup-container .setup-cards-stack .setup-section-card .submit-action-row[b-65ug065cwq] {
  display: flex;
  justify-content: flex-end;
}
.setup-container .modal-backdrop[b-65ug065cwq] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-65ug065cwq 0.2s ease-out;
}
.setup-container .modal-backdrop .modal-container[b-65ug065cwq] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-65ug065cwq 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.setup-container .modal-backdrop .modal-container .modal-header[b-65ug065cwq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setup-container .modal-backdrop .modal-container .modal-header .modal-title[b-65ug065cwq] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.setup-container .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-65ug065cwq] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.setup-container .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-65ug065cwq] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.setup-container .modal-backdrop .modal-container .modal-body[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.setup-container .modal-backdrop .modal-container .modal-body .modal-desc[b-65ug065cwq] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.setup-container .modal-backdrop .modal-container .modal-body .input-field-group[b-65ug065cwq] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.setup-container .modal-backdrop .modal-container .modal-body .input-field-group label[b-65ug065cwq] {
  font-size: 12.5px;
  font-weight: 700;
  color: #8a8d9f;
}
.setup-container .modal-backdrop .modal-container .modal-body .input-field-group .modal-text-input[b-65ug065cwq] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.setup-container .modal-backdrop .modal-container .modal-body .input-field-group .modal-text-input:focus[b-65ug065cwq] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.setup-container .modal-backdrop .modal-container .modal-body .file-drop-area[b-65ug065cwq] {
  border: 2px dashed #eff0f6;
  border-radius: 14px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.setup-container .modal-backdrop .modal-container .modal-body .file-drop-area svg[b-65ug065cwq] {
  color: #8a8d9f;
}
.setup-container .modal-backdrop .modal-container .modal-body .file-drop-area span[b-65ug065cwq] {
  font-size: 13px;
  font-weight: 600;
}
.setup-container .modal-backdrop .modal-container .modal-body .file-drop-area:hover[b-65ug065cwq] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.setup-container .modal-backdrop .modal-container .modal-body .file-drop-area .hidden-file-input[b-65ug065cwq] {
  display: none;
}
.setup-container .modal-backdrop .modal-container .modal-footer[b-65ug065cwq] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.setup-container .modal-backdrop .modal-container .modal-footer .modal-btn[b-65ug065cwq] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.setup-container .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-65ug065cwq] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.setup-container .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-65ug065cwq] {
  background-color: #e2e8f0;
}
.setup-container .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-65ug065cwq] {
  background-color: #5c59f0;
  color: #ffffff;
}
.setup-container .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-65ug065cwq] {
  background-color: #4b49df;
}
@media (max-width: 850px) {
  .setup-container .courses-header[b-65ug065cwq] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .setup-container .profile-hero-card[b-65ug065cwq] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 28px;
  }
  .setup-container .build-profile-section .profile-grid[b-65ug065cwq] {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .setup-container .survey-section .survey-card-container .survey-timeline .survey-item[b-65ug065cwq] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .setup-container .survey-section .survey-card-container .survey-timeline .survey-item:not(:last-child)[b-65ug065cwq]::before {
    bottom: -12px;
  }
  .setup-container .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .action-buttons-row[b-65ug065cwq] {
    align-self: flex-start;
  }
  .setup-container .modal-backdrop .modal-container[b-65ug065cwq] {
    max-width: 90%;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .setup-container[b-65ug065cwq] {
    padding: 24px 16px;
  }
  .setup-container .profile-hero-card .profile-left[b-65ug065cwq] {
    flex-direction: column;
    align-items: flex-start;
  }
}

@keyframes fadeIn-b-65ug065cwq {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-65ug065cwq {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes pulseMic-b-65ug065cwq {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(240, 139, 59, 0.4);
  }
  70% {
    transform: scale(1.08);
    box-shadow: 0 0 0 10px rgba(240, 139, 59, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(240, 139, 59, 0);
  }
}
.setup-container .setup-notice[b-65ug065cwq] {
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1.55;
  border: 1px solid #eff0f6;
  color: #6e7191;
  background-color: #fcfcfd;
}
.setup-container .setup-notice.setup-notice-error[b-65ug065cwq] {
  background-color: #fff1f1;
  border-color: #ffd9d9;
  color: #c0392b;
}
.setup-container .setup-notice.setup-notice-info[b-65ug065cwq] {
  background-color: #e8f8f2;
  border-color: #cdeee1;
  color: #1fad7a;
}

@keyframes robot-float-b-65ug065cwq {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes robot-blink-b-65ug065cwq {
  0%, 94%, 100% {
    transform: scaleY(1);
  }
  97% {
    transform: scaleY(0.1);
  }
}
@keyframes robot-talk-b-65ug065cwq {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(3.2);
  }
}
@keyframes robot-glow-b-65ug065cwq {
  from {
    fill: #5c59f0;
  }
  to {
    fill: #7ee8ff;
  }
}
/* /Account/Signup.razor.rz.scp.css */
*[b-axnpkdk9bb] {
  box-sizing: border-box;
}

a[b-axnpkdk9bb] {
  color: inherit;
  text-decoration: none;
}

button[b-axnpkdk9bb], input[b-axnpkdk9bb] {
  font-family: inherit;
}

.auth-page[b-axnpkdk9bb] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  width: 100%;
}
@media (max-width: 920px) {
  .auth-page[b-axnpkdk9bb] {
    grid-template-columns: 1fr;
  }
}
.auth-page[b-axnpkdk9bb] {
  /* ============ LEFT VISUAL PANEL ============ */
}
.auth-page .auth-visual[b-axnpkdk9bb] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(155deg, #221A54 0%, #3C2AA6 45%, #5c59f0 110%);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 44px 48px;
}
@media (max-width: 920px) {
  .auth-page .auth-visual[b-axnpkdk9bb] {
    display: none;
  }
}
.auth-page .auth-visual[b-axnpkdk9bb]::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -140px;
  top: -160px;
  background: radial-gradient(circle, rgba(240, 139, 59, 0.4), rgba(240, 139, 59, 0) 68%);
}
.auth-page .auth-visual[b-axnpkdk9bb]::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  left: -120px;
  bottom: -160px;
  background: radial-gradient(circle, rgba(31, 173, 122, 0.32), rgba(31, 173, 122, 0) 70%);
}
.auth-page .auth-visual .auth-brand[b-axnpkdk9bb] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.auth-page .auth-visual .auth-brand .brand-mark[b-axnpkdk9bb] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  flex: none;
  background: linear-gradient(155deg, #5c59f0 0%, #8B6BFF 55%, #f08b3b 130%);
  position: relative;
}
.auth-page .auth-visual .auth-brand .brand-mark[b-axnpkdk9bb]::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 6px;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 70%);
}
.auth-page .auth-visual .auth-brand .auth-brand-name[b-axnpkdk9bb] {
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 21px;
}
.auth-page .auth-visual .auth-visual-mid[b-axnpkdk9bb] {
  position: relative;
}
.auth-page .auth-visual .auth-visual-mid .auth-orb[b-axnpkdk9bb] {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-bottom: 26px;
  background: conic-gradient(from 200deg, #f08b3b, #5c59f0 35%, #1fad7a 70%, #f08b3b);
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.08);
}
.auth-page .auth-visual .auth-visual-mid h1[b-axnpkdk9bb] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.4;
  max-width: 420px;
  margin: 0 0 18px;
}
.auth-page .auth-visual .auth-visual-mid p[b-axnpkdk9bb] {
  font-size: 14px;
  color: #DAD4FF;
  max-width: 380px;
  line-height: 1.7;
  margin: 0;
}
.auth-page .auth-visual .auth-quote[b-axnpkdk9bb] {
  position: relative;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  padding: 18px 20px;
  max-width: 400px;
}
.auth-page .auth-visual .auth-quote p[b-axnpkdk9bb] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-size: 14px;
  color: #EFEBFF;
  margin: 0 0 10px;
  line-height: 1.6;
}
.auth-page .auth-visual .auth-quote .auth-quote-name[b-axnpkdk9bb] {
  font-size: 11.5px;
  color: #C9BEFF;
  font-weight: 700;
}
.auth-page[b-axnpkdk9bb] {
  /* ============ RIGHT FORM PANEL ============ */
}
.auth-page .auth-form-panel[b-axnpkdk9bb] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  width: 100%;
}
@media (max-width: 920px) {
  .auth-page .auth-form-panel[b-axnpkdk9bb] {
    padding: 40px 24px;
  }
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel[b-axnpkdk9bb] {
    padding: 24px 16px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap[b-axnpkdk9bb] {
  width: 100%;
  max-width: 400px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head[b-axnpkdk9bb] {
  margin-bottom: 24px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head .auth-eyebrow[b-axnpkdk9bb] {
  font-size: 12px;
  font-weight: 700;
  color: #5c59f0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head h2[b-axnpkdk9bb] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel .auth-form-wrap .auth-form-head h2[b-axnpkdk9bb] {
    font-size: 24px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap .auth-form-head p[b-axnpkdk9bb] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap[b-axnpkdk9bb] {
  /* Role Selector Tabs */
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs[b-axnpkdk9bb] {
  display: flex;
  gap: 6px;
  background: #F1EFFB;
  border-radius: 13px;
  padding: 5px;
  margin-bottom: 24px;
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab[b-axnpkdk9bb] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 6px;
  border-radius: 9px;
  font-size: 12.5px;
  font-weight: 700;
  color: #8a8d9f;
  cursor: pointer;
  border: none;
  background: none;
  transition: background 0.15s ease, color 0.15s ease;
}
@media (max-width: 360px) {
  .auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab[b-axnpkdk9bb] {
    font-size: 11.5px;
    gap: 4px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab svg[b-axnpkdk9bb] {
  opacity: 0.8;
  flex-shrink: 0;
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab.active[b-axnpkdk9bb] {
  background: #ffffff;
  color: #5c59f0;
  box-shadow: 0 1px 2px rgba(29, 30, 44, 0.04);
}
.auth-page .auth-form-panel .auth-form-wrap .role-tabs .role-tab.active svg[b-axnpkdk9bb] {
  opacity: 1;
  color: #5c59f0;
}
.auth-page .auth-form-panel .auth-form-wrap[b-axnpkdk9bb] {
  /* Information / Role Notes Box */
}
.auth-page .auth-form-panel .auth-form-wrap .role-note[b-axnpkdk9bb] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 11.5px;
  color: #5c59f0;
  background: #f0efff;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap .role-note svg[b-axnpkdk9bb] {
  flex-shrink: 0;
  margin-top: 2px;
}
.auth-page .auth-form-panel .auth-form-wrap[b-axnpkdk9bb] {
  /* Input Fields and Layout */
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups[b-axnpkdk9bb] {
  position: relative;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group[b-axnpkdk9bb] {
  display: none;
  flex-direction: column;
  gap: 16px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group.active[b-axnpkdk9bb] {
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field[b-axnpkdk9bb] {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field label[b-axnpkdk9bb] {
  font-size: 12.5px;
  font-weight: 700;
  color: #6e7191;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input[b-axnpkdk9bb] {
  border: 1.5px solid #eff0f6;
  border-radius: 11px;
  padding: 12px 14px;
  font-size: 13.5px;
  color: #1d1e2c;
  background: #FBFAFF;
  outline: none;
  width: 100%;
  transition: border-color 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input:focus[b-axnpkdk9bb] {
  border-color: #5c59f0;
  background: #ffffff;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field input[b-axnpkdk9bb]::placeholder {
  color: #8a8d9f;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field[b-axnpkdk9bb] {
  position: relative;
  display: flex;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field input[b-axnpkdk9bb] {
  width: 100%;
  padding-right: 42px;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password[b-axnpkdk9bb] {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  transition: color 0.15s ease, background 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password:hover[b-axnpkdk9bb] {
  color: #6e7191;
  background: #fcfcfd;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .password-field .toggle-password svg[b-axnpkdk9bb] {
  pointer-events: none;
}
.auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field-row[b-axnpkdk9bb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 576px) {
  .auth-page .auth-form-panel .auth-form-wrap form .field-groups .field-group .field-row[b-axnpkdk9bb] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit[b-axnpkdk9bb] {
  width: 100%;
  background: #5c59f0;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  margin-top: 24px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(29, 30, 44, 0.04);
  transition: background 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap form .auth-submit:hover[b-axnpkdk9bb], .auth-page .auth-form-panel .auth-form-wrap form .auth-submit:focus[b-axnpkdk9bb] {
  background: rgb(27.0729065107%, 25.7306900661%, 93.2889177771%);
}
.auth-page .auth-form-panel .auth-form-wrap[b-axnpkdk9bb] {
  /* Separator Division */
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-axnpkdk9bb] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-axnpkdk9bb]::before, .auth-page .auth-form-panel .auth-form-wrap .auth-divider[b-axnpkdk9bb]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #eff0f6;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-divider span[b-axnpkdk9bb] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 600;
  white-space: nowrap;
}
.auth-page .auth-form-panel .auth-form-wrap[b-axnpkdk9bb] {
  /* SSO Sign-In Options */
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso[b-axnpkdk9bb] {
  display: flex;
  gap: 12px;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso .sso-btn[b-axnpkdk9bb] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1.5px solid #eff0f6;
  border-radius: 11px;
  padding: 12px;
  font-size: 12.5px;
  font-weight: 700;
  color: #6e7191;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-sso .sso-btn:hover[b-axnpkdk9bb] {
  background: #fcfcfd;
  border-color: rgb(87.3254901961%, 88.1176470588%, 92.8705882353%);
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer[b-axnpkdk9bb] {
  text-align: center;
  margin-top: 28px;
  font-size: 12.5px;
  color: #8a8d9f;
  line-height: 1.5;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer a[b-axnpkdk9bb] {
  color: #5c59f0;
  font-weight: 700;
  display: inline-block;
}
.auth-page .auth-form-panel .auth-form-wrap .auth-footer a:hover[b-axnpkdk9bb] {
  text-decoration: underline;
}
/* /Account/Verification.razor.rz.scp.css */
*[b-fxc4r4dx9i] {
  box-sizing: border-box;
}

.verify-page[b-fxc4r4dx9i] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  min-height: 100vh;
  background: #fcfcfd;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 56px 24px;
}

.verify-card[b-fxc4r4dx9i] {
  width: 100%;
  max-width: 720px;
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 22px;
  box-shadow: 0 10px 30px -12px rgba(44, 35, 96, 0.18);
  padding: 40px;
}
@media (max-width: 640px) {
  .verify-card[b-fxc4r4dx9i] {
    padding: 24px;
  }
}

.verify-head[b-fxc4r4dx9i] {
  margin-bottom: 24px;
}
.verify-head .verify-eyebrow[b-fxc4r4dx9i] {
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5c59f0;
  margin-bottom: 10px;
}
.verify-head h1[b-fxc4r4dx9i] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 10px;
}
.verify-head p[b-fxc4r4dx9i] {
  font-size: 14px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0;
}

.verify-hint[b-fxc4r4dx9i] {
  font-size: 13.5px;
  color: #6e7191;
}

.verify-status[b-fxc4r4dx9i] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 12px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.verify-status svg[b-fxc4r4dx9i] {
  flex-shrink: 0;
  margin-top: 1px;
}

.verify-status-approved[b-fxc4r4dx9i] {
  background: #e8f8f2;
  color: #1fad7a;
}

.verify-status-pending[b-fxc4r4dx9i] {
  background: #fff4eb;
  color: #f08b3b;
}

.verify-status-rejected[b-fxc4r4dx9i] {
  background: #fdeded;
  color: #c23b3b;
}

.verify-grid[b-fxc4r4dx9i] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .verify-grid[b-fxc4r4dx9i] {
    grid-template-columns: 1fr;
  }
}

.verify-label[b-fxc4r4dx9i] {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  margin-bottom: 6px;
}

.verify-sublabel[b-fxc4r4dx9i] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0 0 12px;
}

.verify-camera[b-fxc4r4dx9i] {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  background: #111;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 12px;
}
.verify-camera video[b-fxc4r4dx9i] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.verify-camera .verify-preview[b-fxc4r4dx9i] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.verify-actions[b-fxc4r4dx9i] {
  display: flex;
  gap: 10px;
}

.verify-btn[b-fxc4r4dx9i] {
  border: 1.5px solid #eff0f6;
  background: #ffffff;
  color: #1d1e2c;
  font-weight: 700;
  font-size: 13px;
  border-radius: 10px;
  padding: 10px 16px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.verify-btn:hover[b-fxc4r4dx9i] {
  background: #fcfcfd;
}

.verify-filename[b-fxc4r4dx9i] {
  margin-top: 10px;
  font-size: 12.5px;
  color: #6e7191;
}

.verify-submit[b-fxc4r4dx9i] {
  width: 100%;
  background: #5c59f0;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.verify-submit:disabled[b-fxc4r4dx9i] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* /Business/CourseList.razor.rz.scp.css */
.org-courses-body[b-7617k9wsfd] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.org-courses-body *[b-7617k9wsfd] {
  box-sizing: border-box;
}
.org-courses-body .profile-notice[b-7617k9wsfd] {
  font-size: 12.5px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
}
.org-courses-body .profile-notice.profile-notice-error[b-7617k9wsfd] {
  background-color: #fff1f2;
  color: #e11d48;
}
.org-courses-body .profile-notice ul[b-7617k9wsfd] {
  margin: 0;
  padding-left: 18px;
}
.org-courses-body .table-empty-state[b-7617k9wsfd] {
  text-align: center;
  font-size: 13.5px;
  color: #6e7191;
  padding: 28px 0;
}
.org-courses-body .courses-header[b-7617k9wsfd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.org-courses-body .courses-header .programs-count[b-7617k9wsfd] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.org-courses-body .courses-header .page-title[b-7617k9wsfd] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.org-courses-body .courses-header .header-search-area[b-7617k9wsfd] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.org-courses-body .courses-header .header-search-area .search-box[b-7617k9wsfd] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-courses-body .courses-header .header-search-area .search-box .search-icon[b-7617k9wsfd] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.org-courses-body .courses-header .header-search-area .search-box .search-input[b-7617k9wsfd] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.org-courses-body .courses-header .header-search-area .search-box .search-input:focus[b-7617k9wsfd] {
  border-color: #5c59f0;
}
.org-courses-body .courses-header .header-search-area .notif-btn[b-7617k9wsfd] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.org-courses-body .courses-header .header-search-area .notif-btn .notif-dot[b-7617k9wsfd] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.org-courses-body .overview-stats-grid[b-7617k9wsfd] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.org-courses-body .overview-stats-grid .stat-card[b-7617k9wsfd] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.org-courses-body .overview-stats-grid .stat-card .stat-value[b-7617k9wsfd] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.org-courses-body .overview-stats-grid .stat-card .stat-label[b-7617k9wsfd] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.org-courses-body .overview-stats-grid .stat-card .stat-sub[b-7617k9wsfd] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.org-courses-body .filters-bar[b-7617k9wsfd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.org-courses-body .filters-bar .filter-pills[b-7617k9wsfd] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.org-courses-body .filters-bar .filter-pills .filter-pill[b-7617k9wsfd] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.org-courses-body .filters-bar .filter-pills .filter-pill .badge[b-7617k9wsfd] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.org-courses-body .filters-bar .filter-pills .filter-pill.active[b-7617k9wsfd] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.org-courses-body .filters-bar .filter-pills .filter-pill.active .badge[b-7617k9wsfd] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.org-courses-body .courses-directory-card[b-7617k9wsfd] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.org-courses-body .courses-directory-card .table-container[b-7617k9wsfd] {
  width: 100%;
  overflow-x: auto;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table[b-7617k9wsfd] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table thead[b-7617k9wsfd] {
  border-bottom: 1px solid #eff0f6;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table thead th[b-7617k9wsfd] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr[b-7617k9wsfd] {
  border-bottom: 1px solid #eff0f6;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr:last-child[b-7617k9wsfd] {
  border-bottom: none;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr td[b-7617k9wsfd] {
  padding: 14px 16px;
  vertical-align: middle;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-course[b-7617k9wsfd] {
  width: 30%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-program[b-7617k9wsfd] {
  width: 15%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-students[b-7617k9wsfd] {
  width: 15%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-price[b-7617k9wsfd] {
  width: 15%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-status[b-7617k9wsfd] {
  width: 15%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-actions[b-7617k9wsfd] {
  width: 10%;
  text-align: right;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell[b-7617k9wsfd] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .icon-box[b-7617k9wsfd] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .icon-box svg[b-7617k9wsfd] {
  width: 18px;
  height: 18px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .icon-box.bg-purple[b-7617k9wsfd] {
  background-color: #f0efff;
  color: #5c59f0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .icon-box.bg-orange[b-7617k9wsfd] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .icon-box.bg-green[b-7617k9wsfd] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .icon-box.bg-yellow[b-7617k9wsfd] {
  background-color: #fef3c7;
  color: #d97706;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .course-info[b-7617k9wsfd] {
  display: flex;
  flex-direction: column;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .course-info .course-name[b-7617k9wsfd] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .course-info .course-sub[b-7617k9wsfd] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .program-tag[b-7617k9wsfd] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .program-tag.tag-purple[b-7617k9wsfd] {
  background-color: #f0efff;
  color: #5c59f0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .program-tag.tag-orange[b-7617k9wsfd] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .program-tag.tag-green[b-7617k9wsfd] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .program-tag.tag-yellow[b-7617k9wsfd] {
  background-color: #fef3c7;
  color: #d97706;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .text-data[b-7617k9wsfd] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .text-data .lbl-per[b-7617k9wsfd] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge[b-7617k9wsfd] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge.published[b-7617k9wsfd] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge.draft[b-7617k9wsfd] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row[b-7617k9wsfd] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row .icon-action-btn[b-7617k9wsfd] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row .icon-action-btn svg[b-7617k9wsfd] {
  flex-shrink: 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row .icon-action-btn:hover[b-7617k9wsfd] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row td[b-7617k9wsfd] {
  padding: 16px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container[b-7617k9wsfd] {
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container .placeholder-icon-circle[b-7617k9wsfd] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff4eb;
  color: #f08b3b;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container .placeholder-icon-circle svg[b-7617k9wsfd] {
  fill: currentColor;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container .placeholder-details .placeholder-title[b-7617k9wsfd] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container .placeholder-details .placeholder-desc[b-7617k9wsfd] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 850px) {
  .org-courses-body .courses-header[b-7617k9wsfd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .org-courses-body .courses-header .header-search-area[b-7617k9wsfd] {
    width: 100%;
  }
  .org-courses-body .courses-header .header-search-area .search-box[b-7617k9wsfd] {
    flex: 1;
  }
  .org-courses-body .courses-header .header-search-area .search-box .search-input[b-7617k9wsfd] {
    width: 100%;
  }
  .org-courses-body .overview-stats-grid[b-7617k9wsfd] {
    grid-template-columns: repeat(2, 1fr);
  }
  .org-courses-body .courses-directory-card[b-7617k9wsfd] {
    padding: 20px 16px;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table[b-7617k9wsfd] {
    display: block;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table thead[b-7617k9wsfd] {
    display: none;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody[b-7617k9wsfd] {
    display: block;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr[b-7617k9wsfd] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr td[b-7617k9wsfd] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-program[b-7617k9wsfd],
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-students[b-7617k9wsfd],
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-price[b-7617k9wsfd],
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-status[b-7617k9wsfd] {
    padding-left: 48px;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-actions[b-7617k9wsfd] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody .add-course-row .placeholder-container[b-7617k9wsfd] {
    padding: 12px 0 0 0;
  }
}
@media (max-width: 480px) {
  .org-courses-body[b-7617k9wsfd] {
    padding: 24px 16px;
  }
  .org-courses-body .overview-stats-grid[b-7617k9wsfd] {
    grid-template-columns: 1fr;
  }
}
/* /Business/CreateCourse.razor.rz.scp.css */
.create-course-body[b-ambqlhgyho] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.create-course-body *[b-ambqlhgyho] {
  box-sizing: border-box;
}
.create-course-body .courses-header[b-ambqlhgyho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.create-course-body .courses-header .programs-count[b-ambqlhgyho] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.create-course-body .courses-header .page-title[b-ambqlhgyho] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.create-course-body .courses-header .header-action-buttons[b-ambqlhgyho] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.create-course-body .courses-header .header-action-buttons .btn-primary[b-ambqlhgyho] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .courses-header .header-action-buttons .btn-primary:hover[b-ambqlhgyho] {
  background-color: #4b49df;
}
.create-course-body .courses-header .header-action-buttons .btn-outline-back[b-ambqlhgyho] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .courses-header .header-action-buttons .btn-outline-back:hover[b-ambqlhgyho] {
  background-color: #f8f9fc;
}
.create-course-body .setup-cards-stack[b-ambqlhgyho] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.create-course-body .setup-cards-stack .setup-section-card[b-ambqlhgyho] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header[b-ambqlhgyho] {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle[b-ambqlhgyho] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-purple[b-ambqlhgyho] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-blue[b-ambqlhgyho] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text[b-ambqlhgyho] {
  flex: 1;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text .card-title[b-ambqlhgyho] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text .card-sub[b-ambqlhgyho] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn[b-ambqlhgyho] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn:hover[b-ambqlhgyho] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field[b-ambqlhgyho] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .input-label[b-ambqlhgyho] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .label-with-tag[b-ambqlhgyho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .label-with-tag .optional-tag[b-ambqlhgyho] {
  font-size: 9px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-text-input[b-ambqlhgyho],
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field select[b-ambqlhgyho] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-text-input:focus[b-ambqlhgyho],
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field select:focus[b-ambqlhgyho] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-textarea-box[b-ambqlhgyho] {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
  font-family: inherit;
  resize: vertical;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-textarea-box:focus[b-ambqlhgyho] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .field-help-txt[b-ambqlhgyho] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .form-row-half[b-ambqlhgyho] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .form-row-third[b-ambqlhgyho] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container[b-ambqlhgyho] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill[b-ambqlhgyho] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px 6px 6px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .init-c[b-ambqlhgyho] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-purple[b-ambqlhgyho] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-purple .init-c[b-ambqlhgyho] {
  background-color: #8b5cf6;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-green[b-ambqlhgyho] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .remove-pill-btn[b-ambqlhgyho] {
  background: none;
  border: none;
  font-size: 16px;
  color: inherit;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  opacity: 0.6;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .remove-pill-btn:hover[b-ambqlhgyho] {
  opacity: 1;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list[b-ambqlhgyho] {
  display: flex;
  flex-direction: column;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item[b-ambqlhgyho] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item:first-child[b-ambqlhgyho] {
  padding-top: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item:last-child[b-ambqlhgyho] {
  border-bottom: none;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header[b-ambqlhgyho] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .q-number[b-ambqlhgyho] {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #f1f3f9;
  color: #8a8d9f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-meta-badge[b-ambqlhgyho] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-meta-badge svg[b-ambqlhgyho] {
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles[b-ambqlhgyho] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles .q-text[b-ambqlhgyho] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles .lesson-type-meta[b-ambqlhgyho] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row[b-ambqlhgyho] {
  display: flex;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row .icon-action-btn[b-ambqlhgyho] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row .icon-action-btn:hover[b-ambqlhgyho] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box[b-ambqlhgyho] {
  border: 1px dashed #eff0f6;
  border-radius: 16px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .add-circle-btn[b-ambqlhgyho] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .add-circle-btn svg[b-ambqlhgyho] {
  fill: currentColor;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .placeholder-text-area .placeholder-title[b-ambqlhgyho] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 2px 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .placeholder-text-area .placeholder-desc[b-ambqlhgyho] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box:hover[b-ambqlhgyho] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar[b-ambqlhgyho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box[b-ambqlhgyho] {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 320px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-icon[b-ambqlhgyho] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-input[b-ambqlhgyho] {
  width: 100%;
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-input:focus[b-ambqlhgyho] {
  border-color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container[b-ambqlhgyho] {
  width: 100%;
  overflow-x: auto;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table[b-ambqlhgyho] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead[b-ambqlhgyho] {
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead th[b-ambqlhgyho] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr[b-ambqlhgyho] {
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr:last-child[b-ambqlhgyho] {
  border-bottom: none;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr td[b-ambqlhgyho] {
  padding: 14px 16px;
  vertical-align: middle;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-student[b-ambqlhgyho] {
  width: 30%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-program[b-ambqlhgyho] {
  width: 20%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-active[b-ambqlhgyho] {
  width: 20%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-status[b-ambqlhgyho] {
  width: 15%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-action-btn[b-ambqlhgyho] {
  width: 15%;
  text-align: right;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell[b-ambqlhgyho] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar[b-ambqlhgyho] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-orange[b-ambqlhgyho] {
  background-color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-purple[b-ambqlhgyho] {
  background-color: #8b5cf6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-green[b-ambqlhgyho] {
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-blue[b-ambqlhgyho] {
  background-color: #3b82f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info[b-ambqlhgyho] {
  display: flex;
  flex-direction: column;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info .student-name[b-ambqlhgyho] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info .student-role[b-ambqlhgyho] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag[b-ambqlhgyho] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-purple[b-ambqlhgyho] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-orange[b-ambqlhgyho] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-green[b-ambqlhgyho] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .cohort-name-text[b-ambqlhgyho] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .text-data[b-ambqlhgyho] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .text-data .sub-span[b-ambqlhgyho] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
  display: block;
  margin-top: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge[b-ambqlhgyho] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-active[b-ambqlhgyho] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-watch[b-ambqlhgyho] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-struggling[b-ambqlhgyho] {
  background-color: #fff4eb;
  color: #e11d48;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot[b-ambqlhgyho] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot.dot-green[b-ambqlhgyho] {
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot.dot-orange[b-ambqlhgyho] {
  background-color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn[b-ambqlhgyho] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn:hover[b-ambqlhgyho] {
  background-color: #f8f9fc;
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn.assigned[b-ambqlhgyho] {
  background-color: #f0efff;
  color: #5c59f0;
  border-color: #f0efff;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn.assigned:hover[b-ambqlhgyho] {
  background-color: rgb(225.65625, 223.7, 255);
  color: #5c59f0;
}
.create-course-body .sticky-review-footer[b-ambqlhgyho] {
  z-index: 100;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.04);
}
.create-course-body .sticky-review-footer .footer-progress[b-ambqlhgyho] {
  flex: 1;
}
.create-course-body .sticky-review-footer .footer-progress .progress-sub[b-ambqlhgyho] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .sticky-review-footer .footer-action-buttons[b-ambqlhgyho] {
  display: flex;
  gap: 12px;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back[b-ambqlhgyho] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back:hover[b-ambqlhgyho] {
  background-color: #f8f9fc;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue[b-ambqlhgyho] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue:hover[b-ambqlhgyho] {
  background-color: #4b49df;
}
.create-course-body .modal-backdrop[b-ambqlhgyho] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-ambqlhgyho 0.2s ease-out;
}
.create-course-body .modal-backdrop .modal-container[b-ambqlhgyho] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-ambqlhgyho 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.create-course-body .modal-backdrop .modal-container .modal-header[b-ambqlhgyho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-title[b-ambqlhgyho] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-ambqlhgyho] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-ambqlhgyho] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body[b-ambqlhgyho] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .modal-backdrop .modal-container .modal-body .modal-desc[b-ambqlhgyho] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-ambqlhgyho] {
  border: 2px dashed #eff0f6;
  border-radius: 14px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area svg[b-ambqlhgyho] {
  color: #8a8d9f;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area span[b-ambqlhgyho] {
  font-size: 13px;
  font-weight: 600;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area:hover[b-ambqlhgyho] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-ambqlhgyho]  .hidden-file-input {
  display: none;
}
.create-course-body .modal-backdrop .modal-container .modal-footer[b-ambqlhgyho] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-ambqlhgyho] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-ambqlhgyho] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-ambqlhgyho] {
  background-color: #e2e8f0;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-ambqlhgyho] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-ambqlhgyho] {
  background-color: #4b49df;
}
@media (max-width: 1200px) {
  .create-course-body .sticky-review-footer[b-ambqlhgyho] {
    left: 32px;
    right: 32px;
  }
}
@media (max-width: 850px) {
  .create-course-body .courses-header[b-ambqlhgyho] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .create-course-body .courses-header .header-action-buttons[b-ambqlhgyho] {
    width: 100%;
    justify-content: space-between;
  }
  .create-course-body .form-row-half[b-ambqlhgyho],
  .create-course-body .form-row-third[b-ambqlhgyho] {
    grid-template-columns: 1fr;
  }
  .create-course-body .setup-cards-stack .setup-section-card[b-ambqlhgyho] {
    padding: 24px 16px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .card-header[b-ambqlhgyho] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn[b-ambqlhgyho] {
    align-self: flex-start;
  }
  .create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item[b-ambqlhgyho] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row[b-ambqlhgyho] {
    align-self: flex-end;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-search-bar[b-ambqlhgyho] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box[b-ambqlhgyho] {
    width: 100%;
    max-width: 100%;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table[b-ambqlhgyho] {
    display: block;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead[b-ambqlhgyho] {
    display: none;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody[b-ambqlhgyho] {
    display: block;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr[b-ambqlhgyho] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr td[b-ambqlhgyho] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-program[b-ambqlhgyho],
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-active[b-ambqlhgyho],
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-status[b-ambqlhgyho] {
    padding-left: 44px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-action-btn[b-ambqlhgyho] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .create-course-body .sticky-review-footer[b-ambqlhgyho] {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 20px;
    left: 20px;
    right: 20px;
  }
  .create-course-body .sticky-review-footer .footer-action-buttons[b-ambqlhgyho] {
    width: 100%;
    justify-content: space-between;
  }
  .create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue[b-ambqlhgyho],
  .create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back[b-ambqlhgyho] {
    flex: 1;
    text-align: center;
  }
  .create-course-body .modal-backdrop .modal-container[b-ambqlhgyho] {
    max-width: 90%;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .create-course-body[b-ambqlhgyho] {
    padding: 24px 16px;
  }
}

@keyframes fadeIn-b-ambqlhgyho {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-ambqlhgyho {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.create-course-body .profile-notice[b-ambqlhgyho] {
  font-size: 12.5px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.create-course-body .profile-notice.profile-notice-error[b-ambqlhgyho] {
  background-color: #fff1f2;
  color: #e11d48;
}
.create-course-body .profile-notice.profile-notice-ok[b-ambqlhgyho] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .profile-notice ul[b-ambqlhgyho] {
  margin: 0;
  padding-left: 18px;
}
.create-course-body .setup-section-card .table-filters[b-ambqlhgyho] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.create-course-body .setup-section-card .table-filters .filter-select[b-ambqlhgyho] {
  padding: 9px 14px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 12.5px;
  background-color: #ffffff;
  color: #1d1e2c;
  outline: none;
  cursor: pointer;
}
.create-course-body .setup-section-card .table-filters .filter-select:focus[b-ambqlhgyho] {
  border-color: #5c59f0;
}
.create-course-body .setup-section-card .table-pager[b-ambqlhgyho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .setup-section-card .table-pager .pager-count[b-ambqlhgyho] {
  font-size: 12px;
  color: #6e7191;
}
.create-course-body .setup-section-card .table-pager .pager-btn[b-ambqlhgyho] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.create-course-body .setup-section-card .table-pager .pager-btn:hover[b-ambqlhgyho] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-section-card .status-badge.badge-unscheduled[b-ambqlhgyho] {
  background-color: #f4f5f9;
  color: #6e7191;
}
.create-course-body .setup-section-card .status-badge .status-dot.dot-grey[b-ambqlhgyho] {
  background-color: #6e7191;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field[b-ambqlhgyho] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .input-label[b-ambqlhgyho] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input[b-ambqlhgyho] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input:focus[b-ambqlhgyho] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .modal-backdrop .modal-container .modal-body .form-row-half[b-ambqlhgyho] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 768px) {
  .create-course-body .setup-section-card .table-search-bar[b-ambqlhgyho] {
    flex-direction: column;
    align-items: stretch;
  }
}
.create-course-body .schedule-days[b-ambqlhgyho] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.create-course-body .schedule-days .schedule-day[b-ambqlhgyho] {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 16px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #6e7191;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s;
}
.create-course-body .schedule-days .schedule-day input[b-ambqlhgyho] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.create-course-body .schedule-days .schedule-day:hover[b-ambqlhgyho] {
  background-color: #f8f9fc;
}
.create-course-body .schedule-days .schedule-day:focus-within[b-ambqlhgyho] {
  border-color: #5c59f0;
}
.create-course-body .schedule-days .schedule-day.selected[b-ambqlhgyho] {
  background-color: #f0efff;
  border-color: #5c59f0;
  color: #5c59f0;
}
/* /Business/CreateGroup.razor.rz.scp.css */
.create-course-body[b-eangft4d2t] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.create-course-body *[b-eangft4d2t] {
  box-sizing: border-box;
}
.create-course-body .courses-header[b-eangft4d2t] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.create-course-body .courses-header .programs-count[b-eangft4d2t] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.create-course-body .courses-header .page-title[b-eangft4d2t] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.create-course-body .courses-header .header-action-buttons[b-eangft4d2t] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.create-course-body .courses-header .header-action-buttons .btn-primary[b-eangft4d2t] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .courses-header .header-action-buttons .btn-primary:hover[b-eangft4d2t] {
  background-color: #4b49df;
}
.create-course-body .courses-header .header-action-buttons .btn-outline-back[b-eangft4d2t] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .courses-header .header-action-buttons .btn-outline-back:hover[b-eangft4d2t] {
  background-color: #f8f9fc;
}
.create-course-body .setup-cards-stack[b-eangft4d2t] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.create-course-body .setup-cards-stack .setup-section-card[b-eangft4d2t] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header[b-eangft4d2t] {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle[b-eangft4d2t] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-purple[b-eangft4d2t] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-blue[b-eangft4d2t] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-green[b-eangft4d2t] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text[b-eangft4d2t] {
  flex: 1;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text .card-title[b-eangft4d2t] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text .card-sub[b-eangft4d2t] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn[b-eangft4d2t] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn:hover[b-eangft4d2t] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field[b-eangft4d2t] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .input-label[b-eangft4d2t] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .label-with-tag[b-eangft4d2t] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .label-with-tag .optional-tag[b-eangft4d2t] {
  font-size: 9px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-text-input[b-eangft4d2t],
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field select[b-eangft4d2t] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-text-input:focus[b-eangft4d2t],
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field select:focus[b-eangft4d2t] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-textarea-box[b-eangft4d2t] {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
  font-family: inherit;
  resize: vertical;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-textarea-box:focus[b-eangft4d2t] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .field-help-txt[b-eangft4d2t] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .form-row-half[b-eangft4d2t] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .form-row-third[b-eangft4d2t] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container[b-eangft4d2t] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill[b-eangft4d2t] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px 6px 6px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .init-c[b-eangft4d2t] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-purple[b-eangft4d2t] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-purple .init-c[b-eangft4d2t] {
  background-color: #8b5cf6;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-green[b-eangft4d2t] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .remove-pill-btn[b-eangft4d2t] {
  background: none;
  border: none;
  font-size: 16px;
  color: inherit;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  opacity: 0.6;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .remove-pill-btn:hover[b-eangft4d2t] {
  opacity: 1;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster[b-eangft4d2t] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row[b-eangft4d2t] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 4px;
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row:last-child[b-eangft4d2t] {
  border-bottom: none;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c[b-eangft4d2t] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c.bg-purple[b-eangft4d2t] {
  background-color: #8b5cf6;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c.bg-blue[b-eangft4d2t] {
  background-color: #3b82f6;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c.bg-orange[b-eangft4d2t] {
  background-color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c.bg-green[b-eangft4d2t] {
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .payment-student-name[b-eangft4d2t] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  min-width: 140px;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .payment-last[b-eangft4d2t] {
  font-size: 12px;
  color: #6e7191;
  flex: 1;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .payment-amount-input[b-eangft4d2t] {
  width: 100px;
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid #eff0f6;
  font-size: 13px;
  outline: none;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .payment-amount-input:focus[b-eangft4d2t] {
  border-color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .record-payment-btn[b-eangft4d2t] {
  background-color: #e8f8f2;
  color: #1fad7a;
  border: none;
  border-radius: 10px;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .record-payment-btn:hover[b-eangft4d2t] {
  opacity: 0.85;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list[b-eangft4d2t] {
  display: flex;
  flex-direction: column;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item[b-eangft4d2t] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item:first-child[b-eangft4d2t] {
  padding-top: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item:last-child[b-eangft4d2t] {
  border-bottom: none;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header[b-eangft4d2t] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .q-number[b-eangft4d2t] {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #f1f3f9;
  color: #8a8d9f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-meta-badge[b-eangft4d2t] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-meta-badge svg[b-eangft4d2t] {
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles[b-eangft4d2t] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles .q-text[b-eangft4d2t] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles .lesson-type-meta[b-eangft4d2t] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row[b-eangft4d2t] {
  display: flex;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row .icon-action-btn[b-eangft4d2t] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row .icon-action-btn:hover[b-eangft4d2t] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box[b-eangft4d2t] {
  border: 1px dashed #eff0f6;
  border-radius: 16px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .add-circle-btn[b-eangft4d2t] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .add-circle-btn svg[b-eangft4d2t] {
  fill: currentColor;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .placeholder-text-area .placeholder-title[b-eangft4d2t] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 2px 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .placeholder-text-area .placeholder-desc[b-eangft4d2t] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box:hover[b-eangft4d2t] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar[b-eangft4d2t] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box[b-eangft4d2t] {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 320px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-icon[b-eangft4d2t] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-input[b-eangft4d2t] {
  width: 100%;
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-input:focus[b-eangft4d2t] {
  border-color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container[b-eangft4d2t] {
  width: 100%;
  overflow-x: auto;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table[b-eangft4d2t] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead[b-eangft4d2t] {
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead th[b-eangft4d2t] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr[b-eangft4d2t] {
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr:last-child[b-eangft4d2t] {
  border-bottom: none;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr td[b-eangft4d2t] {
  padding: 14px 16px;
  vertical-align: middle;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-student[b-eangft4d2t] {
  width: 30%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-program[b-eangft4d2t] {
  width: 20%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-active[b-eangft4d2t] {
  width: 20%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-status[b-eangft4d2t] {
  width: 15%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-action-btn[b-eangft4d2t] {
  width: 15%;
  text-align: right;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell[b-eangft4d2t] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar[b-eangft4d2t] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-orange[b-eangft4d2t] {
  background-color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-purple[b-eangft4d2t] {
  background-color: #8b5cf6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-green[b-eangft4d2t] {
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-blue[b-eangft4d2t] {
  background-color: #3b82f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info[b-eangft4d2t] {
  display: flex;
  flex-direction: column;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info .student-name[b-eangft4d2t] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info .student-role[b-eangft4d2t] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag[b-eangft4d2t] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-purple[b-eangft4d2t] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-orange[b-eangft4d2t] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-green[b-eangft4d2t] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .cohort-name-text[b-eangft4d2t] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .text-data[b-eangft4d2t] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .text-data .sub-span[b-eangft4d2t] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
  display: block;
  margin-top: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge[b-eangft4d2t] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-active[b-eangft4d2t] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-watch[b-eangft4d2t] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-struggling[b-eangft4d2t] {
  background-color: #fff4eb;
  color: #e11d48;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot[b-eangft4d2t] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot.dot-green[b-eangft4d2t] {
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot.dot-orange[b-eangft4d2t] {
  background-color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn[b-eangft4d2t] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn:hover[b-eangft4d2t] {
  background-color: #f8f9fc;
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn.assigned[b-eangft4d2t] {
  background-color: #f0efff;
  color: #5c59f0;
  border-color: #f0efff;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn.assigned:hover[b-eangft4d2t] {
  background-color: rgb(88.4926470588%, 87.7254901961%, 100%);
  color: #5c59f0;
}
.create-course-body .sticky-review-footer[b-eangft4d2t] {
  z-index: 100;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.04);
}
.create-course-body .sticky-review-footer .footer-progress[b-eangft4d2t] {
  flex: 1;
}
.create-course-body .sticky-review-footer .footer-progress .progress-sub[b-eangft4d2t] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .sticky-review-footer .footer-action-buttons[b-eangft4d2t] {
  display: flex;
  gap: 12px;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back[b-eangft4d2t] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back:hover[b-eangft4d2t] {
  background-color: #f8f9fc;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue[b-eangft4d2t] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue:hover[b-eangft4d2t] {
  background-color: #4b49df;
}
.create-course-body .modal-backdrop[b-eangft4d2t] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-eangft4d2t 0.2s ease-out;
}
.create-course-body .modal-backdrop .modal-container[b-eangft4d2t] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-eangft4d2t 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.create-course-body .modal-backdrop .modal-container .modal-header[b-eangft4d2t] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-title[b-eangft4d2t] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-eangft4d2t] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-eangft4d2t] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body[b-eangft4d2t] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .modal-backdrop .modal-container .modal-body .modal-desc[b-eangft4d2t] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-eangft4d2t] {
  border: 2px dashed #eff0f6;
  border-radius: 14px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area svg[b-eangft4d2t] {
  color: #8a8d9f;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area span[b-eangft4d2t] {
  font-size: 13px;
  font-weight: 600;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area:hover[b-eangft4d2t] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-eangft4d2t]  .hidden-file-input {
  display: none;
}
.create-course-body .modal-backdrop .modal-container .modal-footer[b-eangft4d2t] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-eangft4d2t] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-eangft4d2t] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-eangft4d2t] {
  background-color: #e2e8f0;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-eangft4d2t] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-eangft4d2t] {
  background-color: #4b49df;
}
@media (max-width: 1200px) {
  .create-course-body .sticky-review-footer[b-eangft4d2t] {
    left: 32px;
    right: 32px;
  }
}
@media (max-width: 850px) {
  .create-course-body .courses-header[b-eangft4d2t] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .create-course-body .courses-header .header-action-buttons[b-eangft4d2t] {
    width: 100%;
    justify-content: space-between;
  }
  .create-course-body .form-row-half[b-eangft4d2t],
  .create-course-body .form-row-third[b-eangft4d2t] {
    grid-template-columns: 1fr;
  }
  .create-course-body .setup-cards-stack .setup-section-card[b-eangft4d2t] {
    padding: 24px 16px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .card-header[b-eangft4d2t] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn[b-eangft4d2t] {
    align-self: flex-start;
  }
  .create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item[b-eangft4d2t] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row[b-eangft4d2t] {
    align-self: flex-end;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-search-bar[b-eangft4d2t] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box[b-eangft4d2t] {
    width: 100%;
    max-width: 100%;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table[b-eangft4d2t] {
    display: block;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead[b-eangft4d2t] {
    display: none;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody[b-eangft4d2t] {
    display: block;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr[b-eangft4d2t] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr td[b-eangft4d2t] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-program[b-eangft4d2t],
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-active[b-eangft4d2t],
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-status[b-eangft4d2t] {
    padding-left: 44px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-action-btn[b-eangft4d2t] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .create-course-body .sticky-review-footer[b-eangft4d2t] {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 20px;
    left: 20px;
    right: 20px;
  }
  .create-course-body .sticky-review-footer .footer-action-buttons[b-eangft4d2t] {
    width: 100%;
    justify-content: space-between;
  }
  .create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue[b-eangft4d2t],
  .create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back[b-eangft4d2t] {
    flex: 1;
    text-align: center;
  }
  .create-course-body .modal-backdrop .modal-container[b-eangft4d2t] {
    max-width: 90%;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .create-course-body[b-eangft4d2t] {
    padding: 24px 16px;
  }
}

@keyframes fadeIn-b-eangft4d2t {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-eangft4d2t {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.create-course-body .profile-notice[b-eangft4d2t] {
  font-size: 12.5px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.create-course-body .profile-notice.profile-notice-error[b-eangft4d2t] {
  background-color: #fff1f2;
  color: #e11d48;
}
.create-course-body .profile-notice.profile-notice-ok[b-eangft4d2t] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .profile-notice ul[b-eangft4d2t] {
  margin: 0;
  padding-left: 18px;
}
.create-course-body .setup-section-card .table-filters[b-eangft4d2t] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.create-course-body .setup-section-card .table-filters .filter-select[b-eangft4d2t] {
  padding: 9px 14px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 12.5px;
  background-color: #ffffff;
  color: #1d1e2c;
  outline: none;
  cursor: pointer;
}
.create-course-body .setup-section-card .table-filters .filter-select:focus[b-eangft4d2t] {
  border-color: #5c59f0;
}
.create-course-body .setup-section-card .table-pager[b-eangft4d2t] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .setup-section-card .table-pager .pager-count[b-eangft4d2t] {
  font-size: 12px;
  color: #6e7191;
}
.create-course-body .setup-section-card .table-pager .pager-btn[b-eangft4d2t] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.create-course-body .setup-section-card .table-pager .pager-btn:hover[b-eangft4d2t] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-section-card .table-pager .pager-pages[b-eangft4d2t] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
}
.create-course-body .setup-section-card .table-pager .pager-pages .page-num[b-eangft4d2t] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.create-course-body .setup-section-card .table-pager .pager-pages .page-num.active[b-eangft4d2t] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .setup-section-card .table-pager .pager-pages .page-num:hover:not(.active)[b-eangft4d2t] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .setup-section-card .table-pager .pager-pages .pager-dots[b-eangft4d2t] {
  font-size: 12px;
  color: #6e7191;
  padding: 0 2px;
}
.create-course-body .setup-section-card .status-badge.badge-unscheduled[b-eangft4d2t] {
  background-color: #f4f5f9;
  color: #6e7191;
}
.create-course-body .setup-section-card .status-badge .status-dot.dot-grey[b-eangft4d2t] {
  background-color: #6e7191;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field[b-eangft4d2t] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .input-label[b-eangft4d2t] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input[b-eangft4d2t] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input:focus[b-eangft4d2t] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .modal-backdrop .modal-container .modal-body .form-row-half[b-eangft4d2t] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 768px) {
  .create-course-body .setup-section-card .table-search-bar[b-eangft4d2t] {
    flex-direction: column;
    align-items: stretch;
  }
}
/* /Business/CreateUser.razor.rz.scp.css */
.setup-body[b-gtapff44nt] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.setup-body *[b-gtapff44nt] {
  box-sizing: border-box;
}
.setup-body .courses-header[b-gtapff44nt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.setup-body .courses-header .breadcrumbs[b-gtapff44nt] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.setup-body .courses-header .breadcrumbs a[b-gtapff44nt] {
  text-decoration: none;
  color: #5c59f0;
}
.setup-body .courses-header .breadcrumbs a:hover[b-gtapff44nt] {
  text-decoration: underline;
}
.setup-body .courses-header .programs-count[b-gtapff44nt] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: block;
  margin-top: 4px;
}
.setup-body .courses-header .page-title[b-gtapff44nt] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.setup-body .courses-header .page-desc[b-gtapff44nt] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
}
.setup-body .courses-header .header-search-area[b-gtapff44nt] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.setup-body .courses-header .header-search-area .btn-outline-back[b-gtapff44nt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.setup-body .courses-header .header-search-area .btn-outline-back:hover[b-gtapff44nt] {
  background-color: #f8f9fc;
}
.setup-body .courses-header .header-search-area .btn-primary[b-gtapff44nt] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.setup-body .courses-header .header-search-area .btn-primary:hover[b-gtapff44nt] {
  background-color: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}
.setup-body .setup-section-card[b-gtapff44nt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.setup-body .setup-section-card .card-header-minimal[b-gtapff44nt] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.setup-body .setup-section-card .card-header-minimal .icon-circle[b-gtapff44nt] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.setup-body .setup-section-card .card-header-minimal .icon-circle.bg-purple[b-gtapff44nt] {
  background-color: #f0efff;
  color: #5c59f0;
}
.setup-body .setup-section-card .card-header-minimal .header-text .card-title[b-gtapff44nt] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.setup-body .setup-section-card .card-header-minimal .header-text .card-sub[b-gtapff44nt] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.setup-body .setup-section-card .profile-input-field[b-gtapff44nt] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.setup-body .setup-section-card .profile-input-field .input-label[b-gtapff44nt] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.setup-body .setup-section-card .profile-input-field .label-with-tag[b-gtapff44nt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setup-body .setup-section-card .profile-input-field .label-with-tag .optional-tag[b-gtapff44nt] {
  font-size: 9px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.setup-body .setup-section-card .profile-input-field .profile-text-input[b-gtapff44nt],
.setup-body .setup-section-card .profile-input-field select[b-gtapff44nt] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.setup-body .setup-section-card .profile-input-field .profile-text-input:focus[b-gtapff44nt],
.setup-body .setup-section-card .profile-input-field select:focus[b-gtapff44nt] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.setup-body .setup-section-card .profile-input-field .password-input-wrapper[b-gtapff44nt] {
  position: relative;
  display: flex;
}
.setup-body .setup-section-card .profile-input-field .password-input-wrapper .profile-text-input[b-gtapff44nt] {
  padding-right: 44px;
}
.setup-body .setup-section-card .profile-input-field .password-input-wrapper .password-toggle-btn[b-gtapff44nt] {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #8a8d9f;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.setup-body .setup-section-card .profile-input-field .password-input-wrapper .password-toggle-btn:hover[b-gtapff44nt] {
  color: #1d1e2c;
  background-color: #f0efff;
}
.setup-body .setup-section-card .profile-input-field .password-input-wrapper .password-toggle-btn:focus-visible[b-gtapff44nt] {
  outline: 2px solid #5c59f0;
  outline-offset: 1px;
}
.setup-body .setup-section-card .profile-input-field .profile-textarea-box[b-gtapff44nt] {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
  font-family: inherit;
  resize: vertical;
}
.setup-body .setup-section-card .profile-input-field .profile-textarea-box:focus[b-gtapff44nt] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.setup-body .setup-section-card .profile-input-field .dashed-upload-box[b-gtapff44nt] {
  border: 1px dashed #d1d5db;
  border-radius: 14px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.setup-body .setup-section-card .profile-input-field .dashed-upload-box svg[b-gtapff44nt] {
  color: #5c59f0;
  flex-shrink: 0;
}
.setup-body .setup-section-card .profile-input-field .dashed-upload-box .upload-text[b-gtapff44nt] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.setup-body .setup-section-card .profile-input-field .dashed-upload-box .upload-text strong[b-gtapff44nt] {
  font-size: 13.5px;
  color: #1d1e2c;
}
.setup-body .setup-section-card .profile-input-field .dashed-upload-box .upload-text span[b-gtapff44nt] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.setup-body .setup-section-card .profile-input-field .dashed-upload-box:hover[b-gtapff44nt] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.setup-body .setup-section-card .profile-input-field .dashed-upload-box .hidden-file-input[b-gtapff44nt] {
  display: none;
}
.setup-body .setup-section-card .profile-input-field .attached-preview-card[b-gtapff44nt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.setup-body .setup-section-card .profile-input-field .attached-preview-card .preview-img-container[b-gtapff44nt] {
  width: 100%;
  height: 180px;
  background-color: #f8f9fc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.setup-body .setup-section-card .profile-input-field .attached-preview-card .preview-img-container .attached-img-preview[b-gtapff44nt] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.setup-body .setup-section-card .profile-input-field .attached-preview-card .card-footer-action[b-gtapff44nt] {
  padding: 12px 16px;
  border-top: 1px solid #eff0f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setup-body .setup-section-card .profile-input-field .attached-preview-card .card-footer-action .file-name-txt[b-gtapff44nt] {
  font-size: 13px;
  font-weight: 600;
  color: #1fad7a;
}
.setup-body .setup-section-card .profile-input-field .attached-preview-card .card-footer-action .remove-btn[b-gtapff44nt] {
  background: none;
  border: none;
  font-size: 12.5px;
  font-weight: 600;
  color: #1fad7a;
  cursor: pointer;
  text-decoration: underline;
}
.setup-body .setup-section-card .profile-input-field .attached-preview-card .card-footer-action .remove-btn:hover[b-gtapff44nt] {
  color: rgb(9.1176470588%, 50.8823529412%, 35.8823529412%);
}
.setup-body .setup-section-card .draft-list[b-gtapff44nt] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.setup-body .setup-section-card .draft-list .draft-row[b-gtapff44nt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  background-color: #f8f9fc;
}
.setup-body .setup-section-card .draft-list .draft-row.active[b-gtapff44nt] {
  border-color: #5c59f0;
  background-color: #f0efff;
}
.setup-body .setup-section-card .draft-list .draft-row .draft-link[b-gtapff44nt] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  min-width: 0;
}
.setup-body .setup-section-card .draft-list .draft-row .draft-link strong[b-gtapff44nt] {
  font-size: 13.5px;
  color: #1d1e2c;
}
.setup-body .setup-section-card .draft-list .draft-row .draft-link span[b-gtapff44nt] {
  font-size: 12.5px;
  color: #6e7191;
}
.setup-body .setup-section-card .draft-list .draft-row .draft-link:hover strong[b-gtapff44nt] {
  color: #5c59f0;
}
.setup-body .setup-section-card .draft-list .draft-row .remove-btn[b-gtapff44nt] {
  background: none;
  border: none;
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  text-decoration: underline;
  flex-shrink: 0;
}
.setup-body .setup-section-card .draft-list .draft-row .remove-btn:hover[b-gtapff44nt] {
  color: #1d1e2c;
}
.setup-body .setup-section-card .form-row-half[b-gtapff44nt] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.setup-body .setup-section-card .form-row-third[b-gtapff44nt] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.setup-body .setup-section-card .profile-photo-row[b-gtapff44nt] {
  display: flex;
  align-items: center;
  gap: 28px;
}
.setup-body .setup-section-card .profile-photo-row .avatar-container-large[b-gtapff44nt] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #f1f3f9;
  color: #8a8d9f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  border: 2px solid #eff0f6;
}
.setup-body .setup-section-card .profile-photo-row .avatar-container-large .uploaded-profile-img[b-gtapff44nt] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details[b-gtapff44nt] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .card-title[b-gtapff44nt] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .card-sub[b-gtapff44nt] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .photo-btn-group[b-gtapff44nt] {
  margin-top: 6px;
  display: flex;
  gap: 12px;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .photo-btn-group .upload-label[b-gtapff44nt] {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .photo-btn-group .upload-label .hidden-file-input[b-gtapff44nt] {
  display: none;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .photo-btn-group .action-btn-primary[b-gtapff44nt] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .photo-btn-group .action-btn-primary:hover[b-gtapff44nt] {
  background-color: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .photo-btn-group .action-btn-outline[b-gtapff44nt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.setup-body .setup-section-card .profile-photo-row .photo-action-details .photo-btn-group .action-btn-outline:hover[b-gtapff44nt] {
  background-color: #f8f9fc;
}
.setup-body .setup-section-card .gender-pill-group[b-gtapff44nt],
.setup-body .setup-section-card .doc-pill-group[b-gtapff44nt] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.setup-body .setup-section-card .gender-pill-group .gender-btn[b-gtapff44nt],
.setup-body .setup-section-card .doc-pill-group .gender-btn[b-gtapff44nt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
.setup-body .setup-section-card .gender-pill-group .gender-btn svg[b-gtapff44nt],
.setup-body .setup-section-card .doc-pill-group .gender-btn svg[b-gtapff44nt] {
  color: #8a8d9f;
  transition: color 0.2s;
}
.setup-body .setup-section-card .gender-pill-group .gender-btn.active[b-gtapff44nt],
.setup-body .setup-section-card .doc-pill-group .gender-btn.active[b-gtapff44nt] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.setup-body .setup-section-card .gender-pill-group .gender-btn.active svg[b-gtapff44nt],
.setup-body .setup-section-card .doc-pill-group .gender-btn.active svg[b-gtapff44nt] {
  color: #ffffff;
}
.setup-body .setup-section-card .gender-pill-group .gender-btn:hover:not(.active)[b-gtapff44nt],
.setup-body .setup-section-card .doc-pill-group .gender-btn:hover:not(.active)[b-gtapff44nt] {
  background-color: #f8f9fc;
}
.setup-body .setup-section-card .warning-callout-box[b-gtapff44nt] {
  background-color: #fff4eb;
  border: 1px solid rgba(240, 139, 59, 0.2);
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12.5px;
  color: #f08b3b;
}
.setup-body .setup-section-card .warning-callout-box svg[b-gtapff44nt] {
  flex-shrink: 0;
}
.setup-body .sticky-review-footer[b-gtapff44nt] {
  z-index: 100;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.04);
}
.setup-body .sticky-review-footer .footer-progress[b-gtapff44nt] {
  flex: 1;
}
.setup-body .sticky-review-footer .progress-sub[b-gtapff44nt] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.setup-body .sticky-review-footer .footer-action-buttons[b-gtapff44nt] {
  display: flex;
  gap: 12px;
}
.setup-body .sticky-review-footer .footer-action-buttons .btn-outline-back[b-gtapff44nt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.setup-body .sticky-review-footer .footer-action-buttons .btn-outline-back:hover[b-gtapff44nt] {
  background-color: #f8f9fc;
}
.setup-body .sticky-review-footer .footer-action-buttons .btn-primary-continue[b-gtapff44nt] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.setup-body .sticky-review-footer .footer-action-buttons .btn-primary-continue:hover[b-gtapff44nt] {
  background-color: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}
@media (max-width: 1200px) {
  .setup-body .sticky-review-footer[b-gtapff44nt] {
    left: 32px;
    right: 32px;
  }
}
@media (max-width: 850px) {
  .setup-body .courses-header[b-gtapff44nt] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .setup-body .courses-header .header-search-area[b-gtapff44nt] {
    width: 100%;
    justify-content: space-between;
  }
  .setup-body .setup-section-card[b-gtapff44nt] {
    padding: 24px 16px;
  }
  .setup-body .setup-section-card .profile-photo-row[b-gtapff44nt] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .setup-body .setup-section-card .form-row-half[b-gtapff44nt],
  .setup-body .setup-section-card .form-row-third[b-gtapff44nt] {
    grid-template-columns: 1fr;
  }
  .setup-body .sticky-review-footer[b-gtapff44nt] {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 20px;
    left: 20px;
    right: 20px;
  }
  .setup-body .sticky-review-footer .footer-action-buttons[b-gtapff44nt] {
    width: 100%;
    justify-content: space-between;
  }
  .setup-body .sticky-review-footer .footer-action-buttons .btn-primary-continue[b-gtapff44nt],
  .setup-body .sticky-review-footer .footer-action-buttons .btn-outline-back[b-gtapff44nt] {
    flex: 1;
    text-align: center;
  }
}
.setup-body .profile-notice[b-gtapff44nt] {
  font-size: 12.5px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
}
.setup-body .profile-notice.profile-notice-error[b-gtapff44nt] {
  background-color: #fff1f2;
  color: #e11d48;
}
.setup-body .profile-notice.profile-notice-ok[b-gtapff44nt] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.setup-body .profile-notice ul[b-gtapff44nt] {
  margin: 0;
  padding-left: 18px;
}
@media (max-width: 480px) {
  .setup-body[b-gtapff44nt] {
    padding: 24px 16px;
  }
}
/* /Business/Dashboard.razor.rz.scp.css */
.org-dashboard-body[b-bzdqxnmo8g] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.org-dashboard-body *[b-bzdqxnmo8g] {
  box-sizing: border-box;
}
.org-dashboard-body .analytics-loading[b-bzdqxnmo8g] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.org-dashboard-body .courses-header[b-bzdqxnmo8g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.org-dashboard-body .courses-header .programs-count[b-bzdqxnmo8g] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.org-dashboard-body .courses-header .page-title[b-bzdqxnmo8g] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.org-dashboard-body .courses-header .header-search-area[b-bzdqxnmo8g] {
  display: flex;
  align-items: center;
  position: relative;
}
.org-dashboard-body .courses-header .header-search-area .notif-btn[b-bzdqxnmo8g] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.org-dashboard-body .courses-header .header-search-area .notif-btn .notif-dot[b-bzdqxnmo8g] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel[b-bzdqxnmo8g] {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 380px;
  max-height: 440px;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(29, 30, 44, 0.14);
  z-index: 40;
  padding: 6px 0 10px;
  animation: notif-panel-in-b-bzdqxnmo8g 0.14s ease-out;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel[b-bzdqxnmo8g]::-webkit-scrollbar {
  width: 6px;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel[b-bzdqxnmo8g]::-webkit-scrollbar-thumb {
  background-color: #eff0f6;
  border-radius: 6px;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-panel-title[b-bzdqxnmo8g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px 10px;
  border-bottom: 1px solid #eff0f6;
  margin-bottom: 4px;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-panel-title span[b-bzdqxnmo8g] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-panel-title .notif-count-badge[b-bzdqxnmo8g] {
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-panel-header[b-bzdqxnmo8g] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 12px 18px 6px;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-empty[b-bzdqxnmo8g] {
  font-size: 13.5px;
  color: #6e7191;
  padding: 28px 18px;
  margin: 0;
  text-align: center;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-row[b-bzdqxnmo8g] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 18px;
  text-align: left;
  transition: background-color 0.15s;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-row:hover[b-bzdqxnmo8g] {
  background-color: #faf9ff;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-row .notif-dot-icon[b-bzdqxnmo8g] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
  background-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-row.notif-row-alert .notif-dot-icon[b-bzdqxnmo8g] {
  background-color: #f08b3b;
  box-shadow: 0 0 0 3px #fff4eb;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-row .notif-row-body[b-bzdqxnmo8g] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-row .notif-row-body .notif-row-title[b-bzdqxnmo8g] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.4;
}
.org-dashboard-body .courses-header .header-search-area .notif-panel .notif-row .notif-row-body .notif-row-detail[b-bzdqxnmo8g] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}
@keyframes notif-panel-in-b-bzdqxnmo8g {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.org-dashboard-body .assistant-hero-card[b-bzdqxnmo8g] {
  background-image: url("/image/teacher_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 40px;
  color: #ffffff;
  display: flex;
  gap: 32px;
  position: relative;
  overflow: hidden;
}
.org-dashboard-body .assistant-hero-card .assistant-orb[b-bzdqxnmo8g] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(92, 89, 240, 0.3);
}
.org-dashboard-body .assistant-hero-card .hero-content[b-bzdqxnmo8g] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-meta[b-bzdqxnmo8g] {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0.85;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-title[b-bzdqxnmo8g] {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  max-width: 680px;
  margin: 0;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-title.hero-title-loading[b-bzdqxnmo8g] {
  opacity: 0.75;
  font-weight: 500;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-desc[b-bzdqxnmo8g] {
  font-size: 14.5px;
  line-height: 1.6;
  opacity: 0.85;
  max-width: 650px;
  margin: 0;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-buttons[b-bzdqxnmo8g] {
  display: flex;
  gap: 12px;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-buttons .btn-primary[b-bzdqxnmo8g] {
  background-color: #ffffff;
  color: #5c59f0;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-buttons .btn-primary:hover[b-bzdqxnmo8g] {
  background-color: #f1f3f9;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-buttons .btn-secondary[b-bzdqxnmo8g] {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.org-dashboard-body .assistant-hero-card .hero-content .hero-buttons .btn-secondary:hover[b-bzdqxnmo8g] {
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.08);
}
.org-dashboard-body .overview-stats-grid[b-bzdqxnmo8g] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.org-dashboard-body .overview-stats-grid .stat-card[b-bzdqxnmo8g] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.org-dashboard-body .overview-stats-grid .stat-card .stat-value[b-bzdqxnmo8g] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.org-dashboard-body .overview-stats-grid .stat-card .stat-label[b-bzdqxnmo8g] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.org-dashboard-body .overview-stats-grid .stat-card .stat-sub[b-bzdqxnmo8g] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.org-dashboard-body .box-header[b-bzdqxnmo8g] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.org-dashboard-body .box-header svg[b-bzdqxnmo8g] {
  flex-shrink: 0;
}
.org-dashboard-body .box-header .box-title[b-bzdqxnmo8g] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.org-dashboard-body .dashboard-split-grid[b-bzdqxnmo8g] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box[b-bzdqxnmo8g] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list[b-bzdqxnmo8g] {
  display: flex;
  flex-direction: column;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row[b-bzdqxnmo8g] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row:first-child[b-bzdqxnmo8g] {
  padding-top: 0;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row:last-child[b-bzdqxnmo8g] {
  border-bottom: none;
  padding-bottom: 0;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .icon-circle[b-bzdqxnmo8g] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details[b-bzdqxnmo8g] {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .details-left .program-name[b-bzdqxnmo8g] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .details-left .program-sub[b-bzdqxnmo8g] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper[b-bzdqxnmo8g] {
  width: 140px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper .progress-meta[b-bzdqxnmo8g] {
  font-size: 11px;
  font-weight: 600;
  color: #6e7191;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper .progress-bar-bg[b-bzdqxnmo8g] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-bzdqxnmo8g] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-bzdqxnmo8g] {
  background-color: #f08b3b;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list[b-bzdqxnmo8g] {
  display: flex;
  flex-direction: column;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row[b-bzdqxnmo8g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14.5px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 24px;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row:first-child[b-bzdqxnmo8g] {
  padding-top: 0;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row:last-child[b-bzdqxnmo8g] {
  border-bottom: none;
  padding-bottom: 0;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .row-label-title[b-bzdqxnmo8g] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper[b-bzdqxnmo8g] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  max-width: 220px;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg[b-bzdqxnmo8g] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-bzdqxnmo8g] {
  height: 100%;
  border-radius: 3px;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-bzdqxnmo8g] {
  background-color: #1fad7a;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-bzdqxnmo8g] {
  background-color: #f08b3b;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num[b-bzdqxnmo8g] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  width: 80px;
  text-align: right;
  white-space: nowrap;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num.text-green[b-bzdqxnmo8g] {
  color: #1fad7a;
}
.org-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num.text-orange[b-bzdqxnmo8g] {
  color: #f08b3b;
}
.org-dashboard-body .payment-stats-section[b-bzdqxnmo8g] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.org-dashboard-body .payment-stats-section .section-header[b-bzdqxnmo8g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.org-dashboard-body .payment-stats-section .section-header .section-title[b-bzdqxnmo8g] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.org-dashboard-body .payment-stats-section .section-header .manage-billing-link[b-bzdqxnmo8g] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.org-dashboard-body .payment-stats-section .section-header .manage-billing-link:hover[b-bzdqxnmo8g] {
  text-decoration: underline;
}
.org-dashboard-body .payment-stats-section .payment-stats-grid[b-bzdqxnmo8g] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.org-dashboard-body .payment-stats-section .payment-stats-grid .stat-card[b-bzdqxnmo8g] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.org-dashboard-body .payment-stats-section .payment-stats-grid .stat-card .stat-value[b-bzdqxnmo8g] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.org-dashboard-body .payment-stats-section .payment-stats-grid .stat-card .stat-label[b-bzdqxnmo8g] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.org-dashboard-body .payment-settings-section[b-bzdqxnmo8g] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.org-dashboard-body .payment-settings-section .payment-settings-card[b-bzdqxnmo8g] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 8px 24px;
}
.org-dashboard-body .payment-settings-section .payment-settings-card .settings-row[b-bzdqxnmo8g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 20px;
}
.org-dashboard-body .payment-settings-section .payment-settings-card .settings-row:last-child[b-bzdqxnmo8g] {
  border-bottom: none;
}
.org-dashboard-body .payment-settings-section .payment-settings-card .settings-row .program-name[b-bzdqxnmo8g] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.org-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right[b-bzdqxnmo8g] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.org-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .status-badge[b-bzdqxnmo8g] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.org-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .status-badge.badge-green[b-bzdqxnmo8g] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.org-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .status-badge.badge-gray[b-bzdqxnmo8g] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.org-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .billing-term[b-bzdqxnmo8g] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
  width: 140px;
  text-align: right;
}
@media (max-width: 850px) {
  .org-dashboard-body .courses-header[b-bzdqxnmo8g] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .org-dashboard-body .assistant-hero-card[b-bzdqxnmo8g] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 28px;
  }
  .org-dashboard-body .overview-stats-grid[b-bzdqxnmo8g] {
    grid-template-columns: repeat(2, 1fr);
  }
  .org-dashboard-body .dashboard-split-grid[b-bzdqxnmo8g] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .org-dashboard-body .payment-stats-grid[b-bzdqxnmo8g] {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .org-dashboard-body .payment-settings-section .payment-settings-card .settings-row[b-bzdqxnmo8g] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .org-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right[b-bzdqxnmo8g] {
    width: 100%;
    justify-content: space-between;
  }
  .org-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .billing-term[b-bzdqxnmo8g] {
    text-align: right;
  }
}
@media (max-width: 480px) {
  .org-dashboard-body[b-bzdqxnmo8g] {
    padding: 24px 16px;
  }
  .org-dashboard-body .overview-stats-grid[b-bzdqxnmo8g] {
    grid-template-columns: 1fr;
  }
}
/* /Business/Faculty.razor.rz.scp.css */
.faculty-body[b-xgncninr5g] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.faculty-body *[b-xgncninr5g] {
  box-sizing: border-box;
}
.faculty-body .courses-header[b-xgncninr5g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.faculty-body .courses-header .programs-count[b-xgncninr5g] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.faculty-body .courses-header .page-title[b-xgncninr5g] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.faculty-body .courses-header .page-subtitle[b-xgncninr5g] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
}
.faculty-body .courses-header .header-action-buttons[b-xgncninr5g] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.faculty-body .overview-stats-grid[b-xgncninr5g] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.faculty-body .overview-stats-grid .stat-card[b-xgncninr5g] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.faculty-body .overview-stats-grid .stat-card .stat-value[b-xgncninr5g] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.faculty-body .overview-stats-grid .stat-card .stat-label[b-xgncninr5g] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.faculty-body .overview-stats-grid .stat-card .stat-sub[b-xgncninr5g] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.faculty-body .btn-primary[b-xgncninr5g] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.faculty-body .btn-primary:hover[b-xgncninr5g] {
  background-color: rgb(55.2574585635, 51.5812154696, 236.6187845304);
}
.faculty-body .filters-bar[b-xgncninr5g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.faculty-body .filters-bar .cohort-selector-wrapper[b-xgncninr5g] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.faculty-body .filters-bar .filter-pills[b-xgncninr5g] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.faculty-body .filters-bar .filter-pills .filter-pill[b-xgncninr5g] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.faculty-body .filters-bar .filter-pills .filter-pill .badge[b-xgncninr5g] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.faculty-body .filters-bar .filter-pills .filter-pill.active[b-xgncninr5g] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.faculty-body .filters-bar .filter-pills .filter-pill.active .badge[b-xgncninr5g] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.faculty-body .filters-bar .header-search-bar-inline .search-box[b-xgncninr5g] {
  position: relative;
  display: flex;
  align-items: center;
}
.faculty-body .filters-bar .header-search-bar-inline .search-box .search-icon[b-xgncninr5g] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.faculty-body .filters-bar .header-search-bar-inline .search-box .search-input[b-xgncninr5g] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  width: 240px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.faculty-body .filters-bar .header-search-bar-inline .search-box .search-input:focus[b-xgncninr5g] {
  border-color: #5c59f0;
}
.faculty-body .groups-directory-card[b-xgncninr5g] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.faculty-body .groups-directory-card .table-container[b-xgncninr5g] {
  width: 100%;
  overflow-x: auto;
}
.faculty-body .groups-directory-card .table-container .org-groups-table[b-xgncninr5g] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.faculty-body .groups-directory-card .table-container .org-groups-table thead[b-xgncninr5g] {
  border-bottom: 1px solid #eff0f6;
}
.faculty-body .groups-directory-card .table-container .org-groups-table thead th[b-xgncninr5g] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.faculty-body .groups-directory-card .table-container .org-groups-table thead th.sortable[b-xgncninr5g] {
  cursor: pointer;
  user-select: none;
}
.faculty-body .groups-directory-card .table-container .org-groups-table thead th.sortable:hover[b-xgncninr5g] {
  color: #1d1e2c;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .col-select[b-xgncninr5g] {
  width: 1%;
  padding-right: 0;
}
.faculty-body .groups-directory-card .table-container .org-groups-table tbody tr[b-xgncninr5g] {
  border-bottom: 1px solid #eff0f6;
}
.faculty-body .groups-directory-card .table-container .org-groups-table tbody tr:last-child[b-xgncninr5g] {
  border-bottom: none;
}
.faculty-body .groups-directory-card .table-container .org-groups-table tbody tr td[b-xgncninr5g] {
  padding: 14px 16px;
  vertical-align: middle;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .col-group[b-xgncninr5g] {
  width: 35%;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .col-students[b-xgncninr5g] {
  width: 15%;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .col-lessons[b-xgncninr5g] {
  width: 15%;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .col-status[b-xgncninr5g] {
  width: 10%;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .col-actions[b-xgncninr5g] {
  width: 5%;
  text-align: right;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .group-profile-cell[b-xgncninr5g] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .group-profile-cell .icon-box[b-xgncninr5g] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .group-profile-cell .icon-box.bg-purple[b-xgncninr5g] {
  background-color: #f0efff;
  color: #5c59f0;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .group-profile-cell .group-info[b-xgncninr5g] {
  display: flex;
  flex-direction: column;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .group-profile-cell .group-info .group-name[b-xgncninr5g] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .group-profile-cell .group-info .group-sub[b-xgncninr5g] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .text-data[b-xgncninr5g] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge[b-xgncninr5g] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge.active[b-xgncninr5g] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge.active .status-dot[b-xgncninr5g] {
  background-color: #1fad7a;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge.upcoming[b-xgncninr5g] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge.upcoming .status-dot[b-xgncninr5g] {
  background-color: #f08b3b;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge.draft[b-xgncninr5g] {
  background-color: #f0efff;
  color: #5c59f0;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge.draft .status-dot[b-xgncninr5g] {
  background-color: #5c59f0;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge.archived[b-xgncninr5g] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge.archived .status-dot[b-xgncninr5g] {
  background-color: #8a8d9f;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .status-badge .status-dot[b-xgncninr5g] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .action-btn-row[b-xgncninr5g] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .action-btn-row .icon-action-btn[b-xgncninr5g] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .action-btn-row .icon-action-btn svg[b-xgncninr5g] {
  flex-shrink: 0;
}
.faculty-body .groups-directory-card .table-container .org-groups-table .action-btn-row .icon-action-btn:hover[b-xgncninr5g] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.faculty-body .groups-directory-card .directory-pagination-footer[b-xgncninr5g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  border-top: 1px solid #eff0f6;
  margin-top: 12px;
}
.faculty-body .groups-directory-card .directory-pagination-footer .pagination-summary[b-xgncninr5g] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.faculty-body .groups-directory-card .directory-pagination-footer .pagination-controls[b-xgncninr5g] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.faculty-body .groups-directory-card .directory-pagination-footer .pagination-controls .page-num[b-xgncninr5g] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.faculty-body .groups-directory-card .directory-pagination-footer .pagination-controls .page-num.active[b-xgncninr5g] {
  background-color: #5c59f0;
  color: #ffffff;
}
.faculty-body .groups-directory-card .directory-pagination-footer .pagination-controls .page-num:hover:not(.active)[b-xgncninr5g] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.faculty-body .groups-directory-card .directory-pagination-footer .pagination-controls .page-dots[b-xgncninr5g] {
  font-size: 12px;
  color: #8a8d9f;
  padding: 0 4px;
}
.faculty-body .modal-backdrop[b-xgncninr5g] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-xgncninr5g 0.2s ease-out;
}
.faculty-body .modal-backdrop .modal-container[b-xgncninr5g] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-xgncninr5g 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.faculty-body .modal-backdrop .modal-container .modal-header[b-xgncninr5g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faculty-body .modal-backdrop .modal-container .modal-header .modal-title[b-xgncninr5g] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.faculty-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-xgncninr5g] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.faculty-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-xgncninr5g] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.faculty-body .modal-backdrop .modal-container .modal-body[b-xgncninr5g] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faculty-body .modal-backdrop .modal-container .modal-body .modal-desc[b-xgncninr5g] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.faculty-body .modal-backdrop .modal-container .modal-body .profile-input-field[b-xgncninr5g] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.faculty-body .modal-backdrop .modal-container .modal-body .profile-input-field .input-label[b-xgncninr5g] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.faculty-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input[b-xgncninr5g] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.faculty-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input:focus[b-xgncninr5g] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.faculty-body .modal-backdrop .modal-container .modal-body .form-row-half[b-xgncninr5g] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.faculty-body .modal-backdrop .modal-container .modal-footer[b-xgncninr5g] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-xgncninr5g] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-xgncninr5g] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-xgncninr5g] {
  background-color: #e2e8f0;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-xgncninr5g] {
  background-color: #5c59f0;
  color: #ffffff;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-xgncninr5g] {
  background-color: rgb(55.2574585635, 51.5812154696, 236.6187845304);
}
@media (max-width: 850px) {
  .faculty-body .courses-header[b-xgncninr5g] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .faculty-body .courses-header .header-action-buttons[b-xgncninr5g] {
    width: 100%;
  }
  .faculty-body .courses-header .header-action-buttons .btn-primary[b-xgncninr5g] {
    width: 100%;
    text-align: center;
  }
  .faculty-body .overview-stats-grid[b-xgncninr5g] {
    grid-template-columns: 1fr;
  }
  .faculty-body .groups-directory-card[b-xgncninr5g] {
    padding: 20px 16px;
  }
  .faculty-body .groups-directory-card .table-container .org-groups-table[b-xgncninr5g] {
    display: block;
  }
  .faculty-body .groups-directory-card .table-container .org-groups-table thead[b-xgncninr5g] {
    display: none;
  }
  .faculty-body .groups-directory-card .table-container .org-groups-table tbody[b-xgncninr5g] {
    display: block;
  }
  .faculty-body .groups-directory-card .table-container .org-groups-table tbody tr[b-xgncninr5g] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .faculty-body .groups-directory-card .table-container .org-groups-table tbody tr td[b-xgncninr5g] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .faculty-body .groups-directory-card .table-container .org-groups-table tbody tr .col-program[b-xgncninr5g],
  .faculty-body .groups-directory-card .table-container .org-groups-table tbody tr .col-students[b-xgncninr5g],
  .faculty-body .groups-directory-card .table-container .org-groups-table tbody tr .col-lessons[b-xgncninr5g],
  .faculty-body .groups-directory-card .table-container .org-groups-table tbody tr .col-status[b-xgncninr5g] {
    padding-left: 48px;
  }
  .faculty-body .groups-directory-card .table-container .org-groups-table tbody tr .col-actions[b-xgncninr5g] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .faculty-body .modal-backdrop .modal-container[b-xgncninr5g] {
    max-width: 90%;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .faculty-body[b-xgncninr5g] {
    padding: 24px 16px;
  }
}

@keyframes fadeIn-b-xgncninr5g {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-xgncninr5g {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* /Business/OverdueStudentsTable.razor.rz.scp.css */
.overdue-students-section[b-x7xhvslx8q] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 40px 32px;
}
.overdue-students-section .section-header[b-x7xhvslx8q] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.overdue-students-section .section-header .section-title[b-x7xhvslx8q] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.overdue-students-section .section-header .view-all-link[b-x7xhvslx8q] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.overdue-students-section .section-header .view-all-link:hover[b-x7xhvslx8q] {
  text-decoration: underline;
}
.overdue-students-section .table-card[b-x7xhvslx8q] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.overdue-students-section .table-card .table-container[b-x7xhvslx8q] {
  width: 100%;
  overflow-x: auto;
}
.overdue-students-section .table-card .table-container .overdue-table[b-x7xhvslx8q] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.overdue-students-section .table-card .table-container .overdue-table thead[b-x7xhvslx8q] {
  border-bottom: 1px solid #eff0f6;
}
.overdue-students-section .table-card .table-container .overdue-table thead th[b-x7xhvslx8q] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.overdue-students-section .table-card .table-container .overdue-table tbody tr[b-x7xhvslx8q] {
  border-bottom: 1px solid #eff0f6;
}
.overdue-students-section .table-card .table-container .overdue-table tbody tr:last-child[b-x7xhvslx8q] {
  border-bottom: none;
}
.overdue-students-section .table-card .table-container .overdue-table tbody tr td[b-x7xhvslx8q] {
  padding: 14px 16px;
  vertical-align: middle;
}
.overdue-students-section .table-card .table-container .overdue-table .col-student[b-x7xhvslx8q] {
  width: 25%;
}
.overdue-students-section .table-card .table-container .overdue-table .col-class[b-x7xhvslx8q] {
  width: 30%;
}
.overdue-students-section .table-card .table-container .overdue-table .col-due[b-x7xhvslx8q] {
  width: 10%;
}
.overdue-students-section .table-card .table-container .overdue-table .col-date[b-x7xhvslx8q] {
  width: 12%;
}
.overdue-students-section .table-card .table-container .overdue-table .col-status[b-x7xhvslx8q] {
  width: 13%;
}
.overdue-students-section .table-card .table-container .overdue-table .col-actions[b-x7xhvslx8q] {
  width: 10%;
  text-align: right;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell[b-x7xhvslx8q] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar[b-x7xhvslx8q] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar.bg-orange[b-x7xhvslx8q] {
  background-color: #f08b3b;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar.bg-purple[b-x7xhvslx8q] {
  background-color: #8b5cf6;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar.bg-green[b-x7xhvslx8q] {
  background-color: #1fad7a;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar.bg-blue[b-x7xhvslx8q] {
  background-color: #3b82f6;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .student-info[b-x7xhvslx8q] {
  display: flex;
  flex-direction: column;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .student-info .student-name[b-x7xhvslx8q] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .student-info .student-role[b-x7xhvslx8q] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.overdue-students-section .table-card .table-container .overdue-table .class-title-text[b-x7xhvslx8q] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  display: block;
}
.overdue-students-section .table-card .table-container .overdue-table .class-dept-sub[b-x7xhvslx8q] {
  font-size: 11.5px;
  color: #8a8d9f;
  display: block;
  margin-top: 2px;
}
.overdue-students-section .table-card .table-container .overdue-table .price-val[b-x7xhvslx8q] {
  font-size: 13.5px;
  font-weight: 700;
  color: #e11d48;
}
.overdue-students-section .table-card .table-container .overdue-table .date-txt[b-x7xhvslx8q] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.overdue-students-section .table-card .table-container .overdue-table .status-badge[b-x7xhvslx8q] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.overdue-students-section .table-card .table-container .overdue-table .status-badge.overdue-red[b-x7xhvslx8q] {
  background-color: #fff4eb;
  color: #e11d48;
}
.overdue-students-section .table-card .table-container .overdue-table .status-badge.overdue-red .status-dot[b-x7xhvslx8q] {
  background-color: #e11d48;
}
.overdue-students-section .table-card .table-container .overdue-table .status-badge.overdue-orange[b-x7xhvslx8q] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.overdue-students-section .table-card .table-container .overdue-table .status-badge.overdue-orange .status-dot[b-x7xhvslx8q] {
  background-color: #f08b3b;
}
.overdue-students-section .table-card .table-container .overdue-table .status-badge.failed[b-x7xhvslx8q] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.overdue-students-section .table-card .table-container .overdue-table .status-badge.failed .status-dot[b-x7xhvslx8q] {
  background-color: #8a8d9f;
}
.overdue-students-section .table-card .table-container .overdue-table .status-badge .status-dot[b-x7xhvslx8q] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.overdue-students-section .table-card .table-container .overdue-table .action-btn-row[b-x7xhvslx8q] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.overdue-students-section .table-card .table-container .overdue-table .action-btn-row .msg-btn[b-x7xhvslx8q] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.overdue-students-section .table-card .table-container .overdue-table .action-btn-row .msg-btn:hover[b-x7xhvslx8q] {
  background-color: #f8f9fc;
  border-color: #5c59f0;
  color: #5c59f0;
}
.overdue-students-section .table-card .table-container .overdue-table .action-btn-row .msg-btn.paid[b-x7xhvslx8q] {
  border-color: #1fad7a;
  color: #1fad7a;
}
.overdue-students-section .table-card .table-container .overdue-table .action-btn-row .msg-btn.paid:hover[b-x7xhvslx8q] {
  background-color: #e8f8f2;
}
.overdue-students-section .table-card .directory-pagination-footer[b-x7xhvslx8q] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  border-top: 1px solid #eff0f6;
  margin-top: 12px;
}
.overdue-students-section .table-card .directory-pagination-footer .pagination-summary[b-x7xhvslx8q] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.overdue-students-section .table-card .directory-pagination-footer .view-full-list[b-x7xhvslx8q] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.overdue-students-section .table-card .directory-pagination-footer .view-full-list:hover[b-x7xhvslx8q] {
  text-decoration: underline;
}
.overdue-students-section .table-card .directory-pagination-footer .pagination-controls[b-x7xhvslx8q] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.overdue-students-section .table-card .directory-pagination-footer .pagination-controls .page-btn[b-x7xhvslx8q] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.overdue-students-section .table-card .directory-pagination-footer .pagination-controls .page-btn:hover:not(:disabled)[b-x7xhvslx8q] {
  border-color: #5c59f0;
  color: #5c59f0;
  background-color: #f0efff;
}
.overdue-students-section .table-card .directory-pagination-footer .pagination-controls .page-btn:disabled[b-x7xhvslx8q] {
  opacity: 0.5;
  cursor: default;
}
.overdue-students-section .table-card .directory-pagination-footer .pagination-controls .page-btn.page-num[b-x7xhvslx8q] {
  min-width: 32px;
  padding: 6px 8px;
  text-align: center;
}
.overdue-students-section .table-card .directory-pagination-footer .pagination-controls .page-btn.active[b-x7xhvslx8q] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
@media (max-width: 850px) {
  .overdue-students-section .section-header[b-x7xhvslx8q] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .overdue-students-section .table-card[b-x7xhvslx8q] {
    padding: 20px 16px;
  }
  .overdue-students-section .table-card .table-container .overdue-table[b-x7xhvslx8q] {
    display: block;
  }
  .overdue-students-section .table-card .table-container .overdue-table thead[b-x7xhvslx8q] {
    display: none;
  }
  .overdue-students-section .table-card .table-container .overdue-table tbody[b-x7xhvslx8q] {
    display: block;
  }
  .overdue-students-section .table-card .table-container .overdue-table tbody tr[b-x7xhvslx8q] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .overdue-students-section .table-card .table-container .overdue-table tbody tr td[b-x7xhvslx8q] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .overdue-students-section .table-card .table-container .overdue-table tbody tr .col-class[b-x7xhvslx8q],
  .overdue-students-section .table-card .table-container .overdue-table tbody tr .col-due[b-x7xhvslx8q],
  .overdue-students-section .table-card .table-container .overdue-table tbody tr .col-date[b-x7xhvslx8q],
  .overdue-students-section .table-card .table-container .overdue-table tbody tr .col-status[b-x7xhvslx8q] {
    padding-left: 44px;
  }
  .overdue-students-section .table-card .table-container .overdue-table tbody tr .col-actions[b-x7xhvslx8q] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .overdue-students-section .table-card .directory-pagination-footer[b-x7xhvslx8q] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
/* /Business/Pathways.razor.rz.scp.css */
.pathways-body[b-m6txhjbyxr] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.pathways-body *[b-m6txhjbyxr] {
  box-sizing: border-box;
}
.pathways-body .courses-header[b-m6txhjbyxr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.pathways-body .courses-header .programs-count[b-m6txhjbyxr] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pathways-body .courses-header .page-title[b-m6txhjbyxr] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.pathways-body .courses-header .page-subtitle[b-m6txhjbyxr] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 620px;
}
.pathways-body .courses-header .header-action-buttons[b-m6txhjbyxr] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pathways-body .overview-stats-grid[b-m6txhjbyxr] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.pathways-body .overview-stats-grid .stat-card[b-m6txhjbyxr] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pathways-body .overview-stats-grid .stat-card .stat-value[b-m6txhjbyxr] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.pathways-body .overview-stats-grid .stat-card .stat-label[b-m6txhjbyxr] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.pathways-body .overview-stats-grid .stat-card .stat-sub[b-m6txhjbyxr] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.pathways-body .btn-primary[b-m6txhjbyxr] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.pathways-body .btn-primary:hover[b-m6txhjbyxr] {
  background-color: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}
.pathways-body .filters-bar[b-m6txhjbyxr] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pathways-body .filters-bar .filter-pills[b-m6txhjbyxr] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pathways-body .filters-bar .filter-pills .filter-pill[b-m6txhjbyxr] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.pathways-body .filters-bar .filter-pills .filter-pill .badge[b-m6txhjbyxr] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.pathways-body .filters-bar .filter-pills .filter-pill.active[b-m6txhjbyxr] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.pathways-body .filters-bar .filter-pills .filter-pill.active .badge[b-m6txhjbyxr] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.pathways-body .programs-directory-card[b-m6txhjbyxr] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.pathways-body .programs-directory-card .table-container[b-m6txhjbyxr] {
  width: 100%;
  overflow-x: auto;
}
.pathways-body .programs-directory-card .table-container .programs-table[b-m6txhjbyxr] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.pathways-body .programs-directory-card .table-container .programs-table thead[b-m6txhjbyxr] {
  border-bottom: 1px solid #eff0f6;
}
.pathways-body .programs-directory-card .table-container .programs-table thead th[b-m6txhjbyxr] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pathways-body .programs-directory-card .table-container .programs-table tbody tr[b-m6txhjbyxr] {
  border-bottom: 1px solid #eff0f6;
}
.pathways-body .programs-directory-card .table-container .programs-table tbody tr:last-child[b-m6txhjbyxr] {
  border-bottom: none;
}
.pathways-body .programs-directory-card .table-container .programs-table tbody tr td[b-m6txhjbyxr] {
  padding: 14px 16px;
  vertical-align: middle;
}
.pathways-body .programs-directory-card .table-container .programs-table .col-name[b-m6txhjbyxr] {
  width: 32%;
}
.pathways-body .programs-directory-card .table-container .programs-table .col-type[b-m6txhjbyxr] {
  width: 12%;
}
.pathways-body .programs-directory-card .table-container .programs-table .col-courses[b-m6txhjbyxr] {
  width: 10%;
}
.pathways-body .programs-directory-card .table-container .programs-table .col-enrolled[b-m6txhjbyxr] {
  width: 10%;
}
.pathways-body .programs-directory-card .table-container .programs-table .col-completion[b-m6txhjbyxr] {
  width: 18%;
}
.pathways-body .programs-directory-card .table-container .programs-table .col-status[b-m6txhjbyxr] {
  width: 12%;
}
.pathways-body .programs-directory-card .table-container .programs-table .col-actions[b-m6txhjbyxr] {
  width: 6%;
  text-align: right;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell[b-m6txhjbyxr] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box[b-m6txhjbyxr] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box svg[b-m6txhjbyxr] {
  width: 18px;
  height: 18px;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box.bg-purple[b-m6txhjbyxr] {
  background-color: #f0efff;
  color: #5c59f0;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box.bg-orange[b-m6txhjbyxr] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box.bg-green[b-m6txhjbyxr] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box.bg-blue[b-m6txhjbyxr] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .item-info[b-m6txhjbyxr] {
  display: flex;
  flex-direction: column;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .item-info .item-name[b-m6txhjbyxr] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.pathways-body .programs-directory-card .table-container .programs-table .item-profile-cell .item-info .item-sub[b-m6txhjbyxr] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.pathways-body .programs-directory-card .table-container .programs-table .kind-badge[b-m6txhjbyxr] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.pathways-body .programs-directory-card .table-container .programs-table .kind-badge.kind-program[b-m6txhjbyxr] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.pathways-body .programs-directory-card .table-container .programs-table .kind-badge.kind-pathway[b-m6txhjbyxr] {
  background-color: #f0efff;
  color: #5c59f0;
}
.pathways-body .programs-directory-card .table-container .programs-table .text-data[b-m6txhjbyxr] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.pathways-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper[b-m6txhjbyxr] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pathways-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .progress-bar-bg[b-m6txhjbyxr] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
  min-width: 60px;
}
.pathways-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-m6txhjbyxr] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.pathways-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-m6txhjbyxr] {
  background-color: #1fad7a;
}
.pathways-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-m6txhjbyxr] {
  background-color: #f08b3b;
}
.pathways-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .completion-num[b-m6txhjbyxr] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  width: 40px;
  text-align: right;
  flex-shrink: 0;
}
.pathways-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .completion-num.text-green[b-m6txhjbyxr] {
  color: #1fad7a;
}
.pathways-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .completion-num.text-orange[b-m6txhjbyxr] {
  color: #f08b3b;
}
.pathways-body .programs-directory-card .table-container .programs-table .status-badge[b-m6txhjbyxr] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.pathways-body .programs-directory-card .table-container .programs-table .status-badge.active[b-m6txhjbyxr] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.pathways-body .programs-directory-card .table-container .programs-table .status-badge.draft[b-m6txhjbyxr] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.pathways-body .programs-directory-card .table-container .programs-table .action-btn-row[b-m6txhjbyxr] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.pathways-body .programs-directory-card .table-container .programs-table .action-btn-row .icon-action-btn[b-m6txhjbyxr] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.pathways-body .programs-directory-card .table-container .programs-table .action-btn-row .icon-action-btn svg[b-m6txhjbyxr] {
  flex-shrink: 0;
}
.pathways-body .programs-directory-card .table-container .programs-table .action-btn-row .icon-action-btn:hover[b-m6txhjbyxr] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.pathways-body .programs-directory-card .table-container .programs-table .action-btn-row .icon-action-btn:disabled[b-m6txhjbyxr] {
  opacity: 0.35;
  cursor: not-allowed;
}
.pathways-body .programs-directory-card .table-container .programs-table .action-btn-row .icon-action-btn:disabled:hover[b-m6txhjbyxr] {
  background-color: transparent;
  color: #8a8d9f;
}
.pathways-body .programs-directory-card .directory-pagination-footer[b-m6txhjbyxr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  border-top: 1px solid #eff0f6;
  margin-top: 12px;
}
.pathways-body .programs-directory-card .directory-pagination-footer .pagination-summary[b-m6txhjbyxr] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.pathways-body .programs-directory-card .directory-pagination-footer .pagination-controls[b-m6txhjbyxr] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pathways-body .programs-directory-card .directory-pagination-footer .pagination-controls .page-num[b-m6txhjbyxr] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.pathways-body .programs-directory-card .directory-pagination-footer .pagination-controls .page-num.active[b-m6txhjbyxr] {
  background-color: #5c59f0;
  color: #ffffff;
}
.pathways-body .programs-directory-card .directory-pagination-footer .pagination-controls .page-num:hover:not(.active)[b-m6txhjbyxr] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.pathways-body .programs-directory-card .directory-pagination-footer .pagination-controls .page-dots[b-m6txhjbyxr] {
  font-size: 12px;
  color: #8a8d9f;
  padding: 0 4px;
}
.pathways-body .modal-backdrop[b-m6txhjbyxr] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-m6txhjbyxr 0.2s ease-out;
}
.pathways-body .modal-backdrop .modal-container[b-m6txhjbyxr] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  max-height: 85vh;
  overflow-y: auto;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-m6txhjbyxr 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pathways-body .modal-backdrop .modal-container .modal-header[b-m6txhjbyxr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pathways-body .modal-backdrop .modal-container .modal-header .modal-title[b-m6txhjbyxr] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.pathways-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-m6txhjbyxr] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.pathways-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-m6txhjbyxr] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.pathways-body .modal-backdrop .modal-container .modal-body[b-m6txhjbyxr] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pathways-body .modal-backdrop .modal-container .modal-body .modal-desc[b-m6txhjbyxr] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.pathways-body .modal-backdrop .modal-container .modal-body .modal-desc.modal-error[b-m6txhjbyxr] {
  color: #e0523f;
  font-weight: 600;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field[b-m6txhjbyxr] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .input-label[b-m6txhjbyxr] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input[b-m6txhjbyxr] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input:focus[b-m6txhjbyxr] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list[b-m6txhjbyxr] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 6px;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list .course-order-row[b-m6txhjbyxr] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background-color: #f8f9fc;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list .course-order-row .course-order-num[b-m6txhjbyxr] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list .course-order-row .course-order-name[b-m6txhjbyxr] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
  flex: 1;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list .course-order-row .course-order-actions[b-m6txhjbyxr] {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list .course-order-row .course-order-actions .icon-action-btn[b-m6txhjbyxr] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  width: 26px;
  height: 26px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list .course-order-row .course-order-actions .icon-action-btn svg[b-m6txhjbyxr] {
  flex-shrink: 0;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list .course-order-row .course-order-actions .icon-action-btn:hover:not(:disabled)[b-m6txhjbyxr] {
  background-color: #ffffff;
  color: #5c59f0;
}
.pathways-body .modal-backdrop .modal-container .modal-body .profile-input-field .course-order-list .course-order-row .course-order-actions .icon-action-btn:disabled[b-m6txhjbyxr] {
  opacity: 0.35;
  cursor: not-allowed;
}
.pathways-body .modal-backdrop .modal-container .modal-body .form-row-half[b-m6txhjbyxr] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.pathways-body .modal-backdrop .modal-container .modal-footer[b-m6txhjbyxr] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.pathways-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-m6txhjbyxr] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.pathways-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-m6txhjbyxr] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.pathways-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-m6txhjbyxr] {
  background-color: #e2e8f0;
}
.pathways-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-m6txhjbyxr] {
  background-color: #5c59f0;
  color: #ffffff;
}
.pathways-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-m6txhjbyxr] {
  background-color: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}
.pathways-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:disabled[b-m6txhjbyxr] {
  opacity: 0.6;
  cursor: not-allowed;
}
@media (max-width: 850px) {
  .pathways-body .courses-header[b-m6txhjbyxr] {
    flex-direction: column;
    align-items: flex-start;
  }
  .pathways-body .courses-header .header-action-buttons[b-m6txhjbyxr] {
    width: 100%;
  }
  .pathways-body .courses-header .header-action-buttons .btn-primary[b-m6txhjbyxr] {
    width: 100%;
    text-align: center;
  }
  .pathways-body .overview-stats-grid[b-m6txhjbyxr] {
    grid-template-columns: repeat(2, 1fr);
  }
  .pathways-body .programs-directory-card[b-m6txhjbyxr] {
    padding: 20px 16px;
  }
  .pathways-body .programs-directory-card .table-container .programs-table[b-m6txhjbyxr] {
    display: block;
  }
  .pathways-body .programs-directory-card .table-container .programs-table thead[b-m6txhjbyxr] {
    display: none;
  }
  .pathways-body .programs-directory-card .table-container .programs-table tbody[b-m6txhjbyxr] {
    display: block;
  }
  .pathways-body .programs-directory-card .table-container .programs-table tbody tr[b-m6txhjbyxr] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .pathways-body .programs-directory-card .table-container .programs-table tbody tr td[b-m6txhjbyxr] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .pathways-body .programs-directory-card .table-container .programs-table tbody tr .col-type[b-m6txhjbyxr],
  .pathways-body .programs-directory-card .table-container .programs-table tbody tr .col-courses[b-m6txhjbyxr],
  .pathways-body .programs-directory-card .table-container .programs-table tbody tr .col-enrolled[b-m6txhjbyxr],
  .pathways-body .programs-directory-card .table-container .programs-table tbody tr .col-completion[b-m6txhjbyxr],
  .pathways-body .programs-directory-card .table-container .programs-table tbody tr .col-status[b-m6txhjbyxr] {
    padding-left: 48px;
  }
  .pathways-body .programs-directory-card .table-container .programs-table tbody tr .col-actions[b-m6txhjbyxr] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .pathways-body .modal-backdrop .modal-container[b-m6txhjbyxr] {
    max-width: 90%;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .pathways-body[b-m6txhjbyxr] {
    padding: 24px 16px;
  }
  .pathways-body .overview-stats-grid[b-m6txhjbyxr] {
    grid-template-columns: 1fr;
  }
}

@keyframes fadeIn-b-m6txhjbyxr {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-m6txhjbyxr {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* /Business/PaymentHealthList.razor.rz.scp.css */
.payment-health-section[b-nn240gckfn] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 40px 32px;
}
.payment-health-section .section-header[b-nn240gckfn] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-health-section .section-header .section-title[b-nn240gckfn] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.payment-health-section .section-header .view-all-link[b-nn240gckfn] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.payment-health-section .section-header .view-all-link:hover[b-nn240gckfn] {
  text-decoration: underline;
}
.payment-health-section .health-cards-list[b-nn240gckfn] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.payment-health-section .health-cards-list .health-card[b-nn240gckfn] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.payment-health-section .health-cards-list .health-card .card-top[b-nn240gckfn] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group[b-nn240gckfn] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box[b-nn240gckfn] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box svg[b-nn240gckfn] {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box.bg-green[b-nn240gckfn] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box.bg-orange[b-nn240gckfn] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box.bg-purple[b-nn240gckfn] {
  background-color: #f0efff;
  color: #5c59f0;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box.bg-yellow[b-nn240gckfn] {
  background-color: #fef3c7;
  color: #d97706;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group .titles .class-name[b-nn240gckfn] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.payment-health-section .health-cards-list .health-card .card-top .card-info-group .titles .class-sub[b-nn240gckfn] {
  font-size: 12px;
  color: #6e7191;
  margin: 0;
}
.payment-health-section .health-cards-list .health-card .card-top .risk-badge[b-nn240gckfn] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.payment-health-section .health-cards-list .health-card .card-top .risk-badge.badge-highrisk[b-nn240gckfn] {
  background-color: #fff4eb;
  color: #e11d48;
}
.payment-health-section .health-cards-list .health-card .card-top .risk-badge.badge-watch[b-nn240gckfn] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.payment-health-section .health-cards-list .health-card .card-top .risk-badge.badge-healthy[b-nn240gckfn] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.payment-health-section .health-cards-list .health-card .health-stats-grid[b-nn240gckfn] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 4px;
}
.payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box[b-nn240gckfn] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box .stat-num[b-nn240gckfn] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
}
.payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box .stat-num.text-green[b-nn240gckfn] {
  color: #1fad7a;
}
.payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box .stat-num.text-orange[b-nn240gckfn] {
  color: #f08b3b;
}
.payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box .stat-lbl[b-nn240gckfn] {
  font-size: 9.5px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.payment-health-section .health-cards-list .health-card .segmented-bar-wrapper[b-nn240gckfn] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
}
.payment-health-section .health-cards-list .health-card .segmented-bar-wrapper .segment-bar-fill[b-nn240gckfn] {
  height: 100%;
  flex-shrink: 0;
}
.payment-health-section .health-cards-list .health-card .segmented-bar-wrapper .segment-bar-fill.bg-green[b-nn240gckfn] {
  background-color: #1fad7a;
}
.payment-health-section .health-cards-list .health-card .segmented-bar-wrapper .segment-bar-fill.bg-orange[b-nn240gckfn] {
  background-color: #f08b3b;
}
.payment-health-section .health-cards-list .health-card .card-footer-legend[b-nn240gckfn] {
  display: flex;
  gap: 16px;
}
.payment-health-section .health-cards-list .health-card .card-footer-legend .legend-item[b-nn240gckfn] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.payment-health-section .health-cards-list .health-card .card-footer-legend .legend-item .dot[b-nn240gckfn] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}
.payment-health-section .health-cards-list .health-card .card-footer-legend .legend-item .dot.bg-green[b-nn240gckfn] {
  background-color: #1fad7a;
}
.payment-health-section .health-cards-list .health-card .card-footer-legend .legend-item .dot.bg-orange[b-nn240gckfn] {
  background-color: #f08b3b;
}
.payment-health-section .list-pagination-footer[b-nn240gckfn] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
}
.payment-health-section .list-pagination-footer .pagination-summary[b-nn240gckfn] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.payment-health-section .list-pagination-footer .pagination-controls[b-nn240gckfn] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.payment-health-section .list-pagination-footer .pagination-controls .page-btn[b-nn240gckfn] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.payment-health-section .list-pagination-footer .pagination-controls .page-btn:hover:not(:disabled)[b-nn240gckfn] {
  border-color: #5c59f0;
  color: #5c59f0;
  background-color: #f0efff;
}
.payment-health-section .list-pagination-footer .pagination-controls .page-btn:disabled[b-nn240gckfn] {
  opacity: 0.5;
  cursor: default;
}
.payment-health-section .list-pagination-footer .pagination-controls .page-btn.page-num[b-nn240gckfn] {
  min-width: 32px;
  padding: 6px 8px;
  text-align: center;
}
.payment-health-section .list-pagination-footer .pagination-controls .page-btn.active[b-nn240gckfn] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
@media (max-width: 850px) {
  .payment-health-section .section-header[b-nn240gckfn] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .payment-health-section .list-pagination-footer[b-nn240gckfn] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .payment-health-section .health-cards-list .health-card .card-top[b-nn240gckfn] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .payment-health-section .health-cards-list .health-card .card-top .risk-badge[b-nn240gckfn] {
    align-self: flex-start;
  }
  .payment-health-section .health-cards-list .health-card .health-stats-grid[b-nn240gckfn] {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* /Business/Payments.razor.rz.scp.css */
.payments-body[b-febrbtqk8w] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.payments-body *[b-febrbtqk8w] {
  box-sizing: border-box;
}
.payments-body .courses-header[b-febrbtqk8w] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.payments-body .courses-header .programs-count[b-febrbtqk8w] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.payments-body .courses-header .page-title[b-febrbtqk8w] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.payments-body .courses-header .page-subtitle[b-febrbtqk8w] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
}
.payments-body .courses-header .header-search-area[b-febrbtqk8w] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.payments-body .courses-header .header-search-area .btn-import-excel[b-febrbtqk8w] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.2s;
}
.payments-body .courses-header .header-search-area .btn-import-excel:hover[b-febrbtqk8w] {
  background-color: #f8f9fc;
}
.payments-body .overview-stats-grid[b-febrbtqk8w] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.payments-body .overview-stats-grid .stat-card[b-febrbtqk8w] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.payments-body .overview-stats-grid .stat-card .stat-value[b-febrbtqk8w] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.payments-body .overview-stats-grid .stat-card .stat-label[b-febrbtqk8w] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.payments-body .overview-stats-grid .stat-card .stat-sub[b-febrbtqk8w] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.payments-body .payment-health-section[b-febrbtqk8w] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.payments-body .payment-health-section .section-header[b-febrbtqk8w] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payments-body .payment-health-section .section-header .section-title[b-febrbtqk8w] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.payments-body .payment-health-section .section-header .view-all-link[b-febrbtqk8w] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.payments-body .payment-health-section .section-header .view-all-link:hover[b-febrbtqk8w] {
  text-decoration: underline;
}
.payments-body .payment-health-section .health-cards-list[b-febrbtqk8w] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.payments-body .payment-health-section .health-cards-list .health-card[b-febrbtqk8w] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top[b-febrbtqk8w] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group[b-febrbtqk8w] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box[b-febrbtqk8w] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box svg[b-febrbtqk8w] {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box.bg-green[b-febrbtqk8w] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box.bg-orange[b-febrbtqk8w] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box.bg-purple[b-febrbtqk8w] {
  background-color: #f0efff;
  color: #5c59f0;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group .icon-box.bg-yellow[b-febrbtqk8w] {
  background-color: #fef3c7;
  color: #d97706;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group .titles .class-name[b-febrbtqk8w] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .card-info-group .titles .class-sub[b-febrbtqk8w] {
  font-size: 12px;
  color: #6e7191;
  margin: 0;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .risk-badge[b-febrbtqk8w] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .risk-badge.badge-highrisk[b-febrbtqk8w] {
  background-color: #fff4eb;
  color: #e11d48;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .risk-badge.badge-watch[b-febrbtqk8w] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-top .risk-badge.badge-healthy[b-febrbtqk8w] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.payments-body .payment-health-section .health-cards-list .health-card .health-stats-grid[b-febrbtqk8w] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 4px;
}
.payments-body .payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box[b-febrbtqk8w] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.payments-body .payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box .stat-num[b-febrbtqk8w] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
}
.payments-body .payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box .stat-num.text-green[b-febrbtqk8w] {
  color: #1fad7a;
}
.payments-body .payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box .stat-num.text-orange[b-febrbtqk8w] {
  color: #f08b3b;
}
.payments-body .payment-health-section .health-cards-list .health-card .health-stats-grid .stat-box .stat-lbl[b-febrbtqk8w] {
  font-size: 9.5px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.payments-body .payment-health-section .health-cards-list .health-card .segmented-bar-wrapper[b-febrbtqk8w] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
}
.payments-body .payment-health-section .health-cards-list .health-card .segmented-bar-wrapper .segment-bar-fill[b-febrbtqk8w] {
  height: 100%;
  flex-shrink: 0;
}
.payments-body .payment-health-section .health-cards-list .health-card .segmented-bar-wrapper .segment-bar-fill.bg-green[b-febrbtqk8w] {
  background-color: #1fad7a;
}
.payments-body .payment-health-section .health-cards-list .health-card .segmented-bar-wrapper .segment-bar-fill.bg-orange[b-febrbtqk8w] {
  background-color: #f08b3b;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-footer-legend[b-febrbtqk8w] {
  display: flex;
  gap: 16px;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-footer-legend .legend-item[b-febrbtqk8w] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-footer-legend .legend-item .dot[b-febrbtqk8w] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-footer-legend .legend-item .dot.bg-green[b-febrbtqk8w] {
  background-color: #1fad7a;
}
.payments-body .payment-health-section .health-cards-list .health-card .card-footer-legend .legend-item .dot.bg-orange[b-febrbtqk8w] {
  background-color: #f08b3b;
}
.payments-body .overdue-students-section[b-febrbtqk8w] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.payments-body .overdue-students-section .section-header[b-febrbtqk8w] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payments-body .overdue-students-section .section-header .section-title[b-febrbtqk8w] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.payments-body .overdue-students-section .section-header .view-all-link[b-febrbtqk8w] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.payments-body .overdue-students-section .section-header .view-all-link:hover[b-febrbtqk8w] {
  text-decoration: underline;
}
.payments-body .overdue-students-section .table-card[b-febrbtqk8w] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.payments-body .overdue-students-section .table-card .table-container[b-febrbtqk8w] {
  width: 100%;
  overflow-x: auto;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table[b-febrbtqk8w] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table thead[b-febrbtqk8w] {
  border-bottom: 1px solid #eff0f6;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table thead th[b-febrbtqk8w] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table tbody tr[b-febrbtqk8w] {
  border-bottom: 1px solid #eff0f6;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table tbody tr:last-child[b-febrbtqk8w] {
  border-bottom: none;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table tbody tr td[b-febrbtqk8w] {
  padding: 14px 16px;
  vertical-align: middle;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .col-student[b-febrbtqk8w] {
  width: 25%;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .col-class[b-febrbtqk8w] {
  width: 30%;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .col-due[b-febrbtqk8w] {
  width: 10%;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .col-date[b-febrbtqk8w] {
  width: 12%;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .col-status[b-febrbtqk8w] {
  width: 13%;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .col-actions[b-febrbtqk8w] {
  width: 10%;
  text-align: right;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell[b-febrbtqk8w] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar[b-febrbtqk8w] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar.bg-orange[b-febrbtqk8w] {
  background-color: #f08b3b;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar.bg-purple[b-febrbtqk8w] {
  background-color: #8b5cf6;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar.bg-green[b-febrbtqk8w] {
  background-color: #1fad7a;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .avatar.bg-blue[b-febrbtqk8w] {
  background-color: #3b82f6;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .student-info[b-febrbtqk8w] {
  display: flex;
  flex-direction: column;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .student-info .student-name[b-febrbtqk8w] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .student-profile-cell .student-info .student-role[b-febrbtqk8w] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .class-title-text[b-febrbtqk8w] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  display: block;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .class-dept-sub[b-febrbtqk8w] {
  font-size: 11.5px;
  color: #8a8d9f;
  display: block;
  margin-top: 2px;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .price-val[b-febrbtqk8w] {
  font-size: 13.5px;
  font-weight: 700;
  color: #e11d48;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .date-txt[b-febrbtqk8w] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .status-badge[b-febrbtqk8w] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .status-badge.overdue-red[b-febrbtqk8w] {
  background-color: #fff4eb;
  color: #e11d48;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .status-badge.overdue-red .status-dot[b-febrbtqk8w] {
  background-color: #e11d48;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .status-badge.overdue-orange[b-febrbtqk8w] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .status-badge.overdue-orange .status-dot[b-febrbtqk8w] {
  background-color: #f08b3b;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .status-badge.failed[b-febrbtqk8w] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .status-badge.failed .status-dot[b-febrbtqk8w] {
  background-color: #8a8d9f;
}
.payments-body .overdue-students-section .table-card .table-container .overdue-table .status-badge .status-dot[b-febrbtqk8w] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.payments-body .box-header[b-febrbtqk8w] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.payments-body .box-header svg[b-febrbtqk8w] {
  flex-shrink: 0;
}
.payments-body .box-header .box-title[b-febrbtqk8w] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
@media (max-width: 850px) {
  .payments-body .courses-header[b-febrbtqk8w] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .payments-body .courses-header .header-search-area[b-febrbtqk8w] {
    width: 100%;
    justify-content: space-between;
  }
  .payments-body .assistant-hero-card[b-febrbtqk8w] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 28px;
  }
  .payments-body .overview-stats-grid[b-febrbtqk8w] {
    grid-template-columns: repeat(2, 1fr);
  }
  .payments-body .health-cards-list .health-card .card-top[b-febrbtqk8w] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .payments-body .health-cards-list .health-card .card-top .risk-badge[b-febrbtqk8w] {
    align-self: flex-start;
  }
  .payments-body .health-cards-list .health-card .health-stats-grid[b-febrbtqk8w] {
    grid-template-columns: repeat(2, 1fr);
  }
  .payments-body .table-card[b-febrbtqk8w] {
    padding: 20px 16px;
  }
  .payments-body .table-card .table-container .overdue-table[b-febrbtqk8w] {
    display: block;
  }
  .payments-body .table-card .table-container .overdue-table thead[b-febrbtqk8w] {
    display: none;
  }
  .payments-body .table-card .table-container .overdue-table tbody[b-febrbtqk8w] {
    display: block;
  }
  .payments-body .table-card .table-container .overdue-table tbody tr[b-febrbtqk8w] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .payments-body .table-card .table-container .overdue-table tbody tr td[b-febrbtqk8w] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .payments-body .table-card .table-container .overdue-table tbody tr .col-class[b-febrbtqk8w],
  .payments-body .table-card .table-container .overdue-table tbody tr .col-due[b-febrbtqk8w],
  .payments-body .table-card .table-container .overdue-table tbody tr .col-date[b-febrbtqk8w],
  .payments-body .table-card .table-container .overdue-table tbody tr .col-status[b-febrbtqk8w] {
    padding-left: 44px;
  }
  .payments-body .table-card .table-container .overdue-table tbody tr .col-actions[b-febrbtqk8w] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .payments-body .table-card .directory-pagination-footer[b-febrbtqk8w] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .payments-body[b-febrbtqk8w] {
    padding: 24px 16px;
  }
  .payments-body .overview-stats-grid[b-febrbtqk8w] {
    grid-template-columns: 1fr;
  }
}
/* /Business/Reports.razor.rz.scp.css */
.reports-body[b-ftrq90tmnf] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.reports-body *[b-ftrq90tmnf] {
  box-sizing: border-box;
}
.reports-body .courses-header[b-ftrq90tmnf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.reports-body .courses-header .programs-count[b-ftrq90tmnf] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.reports-body .courses-header .page-title[b-ftrq90tmnf] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.reports-body .courses-header .page-subtitle[b-ftrq90tmnf] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
}
.reports-body .courses-header .header-search-area[b-ftrq90tmnf] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.reports-body .courses-header .header-search-area .search-box[b-ftrq90tmnf] {
  position: relative;
  display: flex;
  align-items: center;
}
.reports-body .courses-header .header-search-area .search-box .search-icon[b-ftrq90tmnf] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.reports-body .courses-header .header-search-area .search-box .search-input[b-ftrq90tmnf] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 240px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.reports-body .courses-header .header-search-area .search-box .search-input:focus[b-ftrq90tmnf] {
  border-color: #5c59f0;
}
.reports-body .courses-header .header-search-area .notif-btn[b-ftrq90tmnf] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.reports-body .courses-header .header-search-area .notif-btn .notif-dot[b-ftrq90tmnf] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.reports-body .filters-bar[b-ftrq90tmnf] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
}
.reports-body .filters-bar .cohort-selector-wrapper[b-ftrq90tmnf] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.reports-body .filters-bar .cohort-selector-wrapper .dropdown-label[b-ftrq90tmnf] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.reports-body .filters-bar .cohort-selector-wrapper .cohort-dropdown[b-ftrq90tmnf] {
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  background-color: #ffffff;
  color: #6e7191;
  cursor: pointer;
  outline: none;
}
.reports-body .filters-bar .cohort-selector-wrapper .cohort-dropdown:focus[b-ftrq90tmnf] {
  border-color: #5c59f0;
}
.reports-body .table-empty-state[b-ftrq90tmnf] {
  text-align: center;
  font-size: 13.5px;
  color: #6e7191;
  padding: 28px 0;
}
.reports-body .report-section[b-ftrq90tmnf] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.reports-body .report-section .section-title-wrapper[b-ftrq90tmnf] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.reports-body .report-section .section-title-wrapper .icon-circle[b-ftrq90tmnf] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.reports-body .report-section .section-title-wrapper .icon-circle.bg-purple[b-ftrq90tmnf] {
  background-color: #f0efff;
  color: #5c59f0;
}
.reports-body .report-section .section-title-wrapper .icon-circle.bg-blue[b-ftrq90tmnf] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.reports-body .report-section .section-title-wrapper .section-title[b-ftrq90tmnf] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.reports-body .report-section .metrics-grid[b-ftrq90tmnf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.reports-body .report-section .metrics-grid .metric-card[b-ftrq90tmnf] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reports-body .report-section .metrics-grid .metric-card .card-top[b-ftrq90tmnf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reports-body .report-section .metrics-grid .metric-card .card-top .metric-name[b-ftrq90tmnf] {
  font-size: 14px;
  font-weight: 700;
  color: #8a8d9f;
  margin: 0;
}
.reports-body .report-section .metrics-grid .metric-card .card-top .trend-badge[b-ftrq90tmnf] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.reports-body .report-section .metrics-grid .metric-card .card-top .trend-badge.positive[b-ftrq90tmnf] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.reports-body .report-section .metrics-grid .metric-card .card-top .trend-badge.negative[b-ftrq90tmnf] {
  background-color: #fff4eb;
  color: #e11d48;
}
.reports-body .report-section .metrics-grid .metric-card .metric-value-container[b-ftrq90tmnf] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.reports-body .report-section .metrics-grid .metric-card .metric-value-container .value[b-ftrq90tmnf] {
  font-size: 24px;
  font-weight: 700;
  color: #1d1e2c;
}
.reports-body .report-section .metrics-grid .metric-card .metric-value-container .subtext[b-ftrq90tmnf] {
  font-size: 12.5px;
  color: #6e7191;
}
.reports-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg[b-ftrq90tmnf] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.reports-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill[b-ftrq90tmnf] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
  transition: width 0.3s ease-out;
}
.reports-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-green[b-ftrq90tmnf] {
  background-color: #1fad7a;
}
.reports-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-purple[b-ftrq90tmnf] {
  background-color: #5c59f0;
}
.reports-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-orange[b-ftrq90tmnf] {
  background-color: #f08b3b;
}
.reports-body .report-section .metrics-grid .metric-card .skills-list[b-ftrq90tmnf] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
}
.reports-body .report-section .metrics-grid .metric-card .skills-list .skill-item[b-ftrq90tmnf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reports-body .report-section .metrics-grid .metric-card .skills-list .skill-item .skill-lbl[b-ftrq90tmnf] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.reports-body .report-section .metrics-grid .metric-card .skills-list .skill-item .skill-val[b-ftrq90tmnf] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1fad7a;
}
.reports-body .report-section .metrics-grid .metric-card .impact-legend[b-ftrq90tmnf] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.reports-body .report-section .metrics-grid .metric-card .impact-legend .legend-row[b-ftrq90tmnf] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.reports-body .report-section .metrics-grid .metric-card .impact-legend .legend-row .bullet[b-ftrq90tmnf] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5c59f0;
}
.reports-body .report-section .metrics-grid .metric-card .impact-legend .legend-row .lbl[b-ftrq90tmnf] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.reports-body .report-section .metrics-grid .metric-card.col-span-2[b-ftrq90tmnf] {
  grid-column: span 2;
}
@media (max-width: 850px) {
  .reports-body .courses-header[b-ftrq90tmnf] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .reports-body .courses-header .header-search-area[b-ftrq90tmnf] {
    width: 100%;
  }
  .reports-body .courses-header .header-search-area .search-box[b-ftrq90tmnf] {
    flex: 1;
  }
  .reports-body .courses-header .header-search-area .search-box .search-input[b-ftrq90tmnf] {
    width: 100%;
  }
  .reports-body .filters-bar .cohort-selector-wrapper[b-ftrq90tmnf] {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }
  .reports-body .filters-bar .cohort-selector-wrapper .cohort-dropdown[b-ftrq90tmnf] {
    width: 100%;
  }
  .reports-body .report-section .metrics-grid[b-ftrq90tmnf] {
    grid-template-columns: 1fr;
  }
  .reports-body .report-section .metrics-grid .col-span-2[b-ftrq90tmnf] {
    grid-column: span 1;
  }
}
@media (max-width: 480px) {
  .reports-body[b-ftrq90tmnf] {
    padding: 24px 16px;
  }
}
/* /Business/Settings.razor.rz.scp.css */
.settings-body[b-epsbfb6rzb] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.settings-body *[b-epsbfb6rzb] {
  box-sizing: border-box;
}
.settings-body .courses-header[b-epsbfb6rzb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.settings-body .courses-header .programs-count[b-epsbfb6rzb] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.settings-body .courses-header .page-title[b-epsbfb6rzb] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.settings-body .courses-header .page-subtitle[b-epsbfb6rzb] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
}
.settings-body .courses-header .notif-btn[b-epsbfb6rzb] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.settings-body .settings-split-grid[b-epsbfb6rzb] {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 32px;
  align-items: stretch;
}
.settings-body .settings-split-grid .settings-column-stack[b-epsbfb6rzb],
.settings-body .settings-split-grid .reports-column-stack[b-epsbfb6rzb] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.settings-body .settings-split-grid .settings-card-box[b-epsbfb6rzb] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.settings-body .settings-split-grid .settings-card-box.full-height[b-epsbfb6rzb] {
  height: 100%;
}
.settings-body .settings-split-grid .settings-card-box .card-box-title[b-epsbfb6rzb] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 20px 0;
}
.settings-body .settings-split-grid .settings-card-box .box-header-row[b-epsbfb6rzb] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #5c59f0;
}
.settings-body .settings-split-grid .settings-card-box .box-header-row svg[b-epsbfb6rzb] {
  flex-shrink: 0;
}
.settings-body .settings-split-grid .settings-card-box .box-header-row .card-box-title[b-epsbfb6rzb] {
  margin: 0;
}
.settings-body .settings-split-grid .settings-card-box .reports-desc-sub[b-epsbfb6rzb] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0 0 24px 0;
}
.settings-body .profile-summary-header[b-epsbfb6rzb] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.settings-body .profile-summary-header .profile-avatar[b-epsbfb6rzb] {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.settings-body .profile-summary-header .profile-avatar.bg-purple[b-epsbfb6rzb] {
  background-color: #8b5cf6;
}
.settings-body .profile-summary-header .profile-avatar.profile-avatar-img[b-epsbfb6rzb] {
  object-fit: cover;
  background-color: #eff0f6;
}
.settings-body .profile-summary-header .profile-text .profile-name[b-epsbfb6rzb] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.settings-body .profile-summary-header .profile-text .profile-role[b-epsbfb6rzb] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.settings-body .profile-notice[b-epsbfb6rzb] {
  font-size: 12.5px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.settings-body .profile-notice.profile-notice-error[b-epsbfb6rzb] {
  background-color: #fff1f2;
  color: #e11d48;
}
.settings-body .profile-notice.profile-notice-ok[b-epsbfb6rzb] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.settings-body .profile-avatar-actions[b-epsbfb6rzb] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}
.settings-body .profile-file-hidden[b-epsbfb6rzb] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.settings-body .btn-outline-small[b-epsbfb6rzb] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
  cursor: pointer;
  transition: border-color 0.2s;
}
.settings-body .btn-outline-small:hover[b-epsbfb6rzb] {
  border-color: #5c59f0;
}
.settings-body .btn-quiet-small[b-epsbfb6rzb] {
  background: none;
  border: none;
  font-size: 12.5px;
  font-weight: 700;
  color: #8a8d9f;
  cursor: pointer;
}
.settings-body .btn-quiet-small:hover[b-epsbfb6rzb] {
  color: #e11d48;
}
.settings-body .profile-field-hint[b-epsbfb6rzb] {
  font-size: 11.5px;
  color: #8a8d9f;
  line-height: 1.4;
}
.settings-body .profile-fields-grid[b-epsbfb6rzb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
.settings-body .profile-fields-grid .profile-field[b-epsbfb6rzb] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.settings-body .profile-fields-grid .profile-field.profile-field-wide[b-epsbfb6rzb] {
  grid-column: 1/-1;
}
.settings-body .profile-fields-grid .profile-field .profile-field-label[b-epsbfb6rzb] {
  font-size: 12px;
  font-weight: 700;
  color: #1d1e2c;
}
.settings-body .profile-fields-grid .profile-field .profile-field-input[b-epsbfb6rzb] {
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13.5px;
  color: #1d1e2c;
  font-family: inherit;
  width: 100%;
}
.settings-body .profile-fields-grid .profile-field .profile-field-input:focus[b-epsbfb6rzb] {
  outline: none;
  border-color: #5c59f0;
}
.settings-body .profile-fields-grid .profile-field .profile-field-input:disabled[b-epsbfb6rzb] {
  color: #8a8d9f;
  cursor: not-allowed;
}
.settings-body .profile-save-row[b-epsbfb6rzb] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.settings-body .profile-save-row .btn-save-profile[b-epsbfb6rzb] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s;
}
.settings-body .profile-save-row .btn-save-profile:hover[b-epsbfb6rzb] {
  background-color: rgb(25.2718015383%, 23.8964359224%, 93.1231719207%);
}
.settings-body .profile-save-row .btn-save-profile:disabled[b-epsbfb6rzb] {
  background-color: #8a8d9f;
  cursor: not-allowed;
}
.settings-body .system-logout-action[b-epsbfb6rzb] {
  border-top: 1px solid #eff0f6;
  padding-top: 20px;
}
.settings-body .btn-logout[b-epsbfb6rzb] {
  width: 100%;
  background-color: #fff4eb;
  color: #e11d48;
  border: 1px solid rgba(225, 29, 72, 0.1);
  border-radius: 12px;
  padding: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s, color 0.2s;
}
.settings-body .btn-logout svg[b-epsbfb6rzb] {
  flex-shrink: 0;
}
.settings-body .btn-logout:hover[b-epsbfb6rzb] {
  background-color: #ffe4e6;
}
.settings-body .toggles-list[b-epsbfb6rzb] {
  display: flex;
  flex-direction: column;
}
.settings-body .toggles-list .toggle-row[b-epsbfb6rzb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 20px;
}
.settings-body .toggles-list .toggle-row:first-child[b-epsbfb6rzb] {
  padding-top: 0;
}
.settings-body .toggles-list .toggle-row:last-child[b-epsbfb6rzb] {
  border-bottom: none;
  padding-bottom: 0;
}
.settings-body .toggles-list .toggle-row .toggle-text[b-epsbfb6rzb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.settings-body .toggles-list .toggle-row .toggle-text .toggle-lbl[b-epsbfb6rzb] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.settings-body .toggles-list .toggle-row .toggle-text .toggle-sub[b-epsbfb6rzb] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}
.settings-body .toggles-list .toggle-row .switch[b-epsbfb6rzb] {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background-color: #eff0f6;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.settings-body .toggles-list .toggle-row .switch[b-epsbfb6rzb]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s;
}
.settings-body .toggles-list .toggle-row .switch.on[b-epsbfb6rzb] {
  background-color: #5c59f0;
}
.settings-body .toggles-list .toggle-row .switch.on[b-epsbfb6rzb]::after {
  transform: translateX(20px);
}
.settings-body .auto-reports-grid[b-epsbfb6rzb] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.settings-body .auto-reports-grid .report-export-card[b-epsbfb6rzb] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  transition: border-color 0.2s;
}
.settings-body .auto-reports-grid .report-export-card:hover[b-epsbfb6rzb] {
  border-color: #5c59f0;
}
.settings-body .auto-reports-grid .report-export-card .card-left[b-epsbfb6rzb] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.settings-body .auto-reports-grid .report-export-card .card-left .icon-circle[b-epsbfb6rzb] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.settings-body .auto-reports-grid .report-export-card .card-left .icon-circle.bg-purple[b-epsbfb6rzb] {
  background-color: #f0efff;
  color: #5c59f0;
}
.settings-body .auto-reports-grid .report-export-card .card-left .icon-circle.bg-green[b-epsbfb6rzb] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.settings-body .auto-reports-grid .report-export-card .card-left .icon-circle.bg-orange[b-epsbfb6rzb] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.settings-body .auto-reports-grid .report-export-card .card-left .report-meta[b-epsbfb6rzb] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.settings-body .auto-reports-grid .report-export-card .card-left .report-meta .report-title[b-epsbfb6rzb] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.settings-body .auto-reports-grid .report-export-card .card-left .report-meta .report-sub[b-epsbfb6rzb] {
  font-size: 11.5px;
  color: #8a8d9f;
  line-height: 1.35;
}
.settings-body .auto-reports-grid .report-export-card .btn-action-minimal[b-epsbfb6rzb] {
  background: none;
  border: none;
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: underline;
}
.settings-body .auto-reports-grid .report-export-card .btn-action-minimal:hover[b-epsbfb6rzb] {
  color: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}
.settings-body .logout-overlay[b-epsbfb6rzb] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2500;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-epsbfb6rzb 0.2s ease-out;
}
.settings-body .logout-overlay .logout-spinner-card[b-epsbfb6rzb] {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  width: 100%;
  max-width: 380px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border: 1px solid #eff0f6;
}
.settings-body .logout-overlay .logout-spinner-card .spinner[b-epsbfb6rzb] {
  width: 36px;
  height: 36px;
  border: 4px solid #eff0f6;
  border-top-color: #5c59f0;
  border-radius: 50%;
  animation: spin-b-epsbfb6rzb 0.8s linear infinite;
}
.settings-body .logout-overlay .logout-spinner-card h3[b-epsbfb6rzb] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.settings-body .logout-overlay .logout-spinner-card p[b-epsbfb6rzb] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
@media (max-width: 850px) {
  .settings-body .courses-header[b-epsbfb6rzb] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .settings-body .settings-split-grid[b-epsbfb6rzb] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .settings-body .profile-fields-grid[b-epsbfb6rzb] {
    grid-template-columns: 1fr;
  }
  .settings-body .auto-reports-grid .report-export-card[b-epsbfb6rzb] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .settings-body .auto-reports-grid .report-export-card .btn-action-minimal[b-epsbfb6rzb] {
    align-self: flex-end;
  }
}
@media (max-width: 480px) {
  .settings-body[b-epsbfb6rzb] {
    padding: 24px 16px;
  }
  .settings-body .logout-overlay .logout-spinner-card[b-epsbfb6rzb] {
    max-width: 90%;
    padding: 32px 20px;
  }
}

@keyframes fadeIn-b-epsbfb6rzb {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spin-b-epsbfb6rzb {
  to {
    transform: rotate(360deg);
  }
}
/* /Business/StudentAnalytics.razor.rz.scp.css */
.analytics-body[b-2z4g4y7cdt] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.analytics-body *[b-2z4g4y7cdt] {
  box-sizing: border-box;
}
.analytics-body .courses-header[b-2z4g4y7cdt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.analytics-body .courses-header .programs-count[b-2z4g4y7cdt] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.analytics-body .courses-header .page-title[b-2z4g4y7cdt] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.analytics-body .courses-header .page-subtitle[b-2z4g4y7cdt] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
}
.analytics-body .courses-header .header-search-area[b-2z4g4y7cdt] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.analytics-body .courses-header .header-search-area .search-box[b-2z4g4y7cdt] {
  position: relative;
  display: flex;
  align-items: center;
}
.analytics-body .courses-header .header-search-area .search-box .search-icon[b-2z4g4y7cdt] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.analytics-body .courses-header .header-search-area .search-box .search-input[b-2z4g4y7cdt] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 240px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.analytics-body .courses-header .header-search-area .search-box .search-input:focus[b-2z4g4y7cdt] {
  border-color: #5c59f0;
}
.analytics-body .courses-header .header-search-area .notif-btn[b-2z4g4y7cdt] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.analytics-body .courses-header .header-search-area .notif-btn .notif-dot[b-2z4g4y7cdt] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.analytics-body .filters-bar[b-2z4g4y7cdt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
}
.analytics-body .filters-bar .cohort-selector-wrapper[b-2z4g4y7cdt] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.analytics-body .filters-bar .cohort-selector-wrapper .dropdown-label[b-2z4g4y7cdt] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.analytics-body .filters-bar .cohort-selector-wrapper .cohort-dropdown[b-2z4g4y7cdt] {
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  background-color: #ffffff;
  color: #6e7191;
  cursor: pointer;
  outline: none;
}
.analytics-body .filters-bar .cohort-selector-wrapper .cohort-dropdown:focus[b-2z4g4y7cdt] {
  border-color: #5c59f0;
}
.analytics-body .report-section[b-2z4g4y7cdt] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.analytics-body .report-section .section-title-wrapper[b-2z4g4y7cdt] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.analytics-body .report-section .section-title-wrapper .icon-circle[b-2z4g4y7cdt] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.analytics-body .report-section .section-title-wrapper .icon-circle.bg-purple[b-2z4g4y7cdt] {
  background-color: #f0efff;
  color: #5c59f0;
}
.analytics-body .report-section .section-title-wrapper .icon-circle.bg-blue[b-2z4g4y7cdt] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.analytics-body .report-section .section-title-wrapper .section-title[b-2z4g4y7cdt] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.analytics-body .report-section .metrics-grid[b-2z4g4y7cdt] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.analytics-body .report-section .metrics-grid .metric-card[b-2z4g4y7cdt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.analytics-body .report-section .metrics-grid .metric-card .card-top[b-2z4g4y7cdt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.analytics-body .report-section .metrics-grid .metric-card .card-top .metric-name[b-2z4g4y7cdt] {
  font-size: 14px;
  font-weight: 700;
  color: #8a8d9f;
  margin: 0;
}
.analytics-body .report-section .metrics-grid .metric-card .card-top .trend-badge[b-2z4g4y7cdt] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.analytics-body .report-section .metrics-grid .metric-card .card-top .trend-badge.positive[b-2z4g4y7cdt] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.analytics-body .report-section .metrics-grid .metric-card .card-top .trend-badge.negative[b-2z4g4y7cdt] {
  background-color: #fff4eb;
  color: #e11d48;
}
.analytics-body .report-section .metrics-grid .metric-card .metric-value-container[b-2z4g4y7cdt] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.analytics-body .report-section .metrics-grid .metric-card .metric-value-container .value[b-2z4g4y7cdt] {
  font-size: 24px;
  font-weight: 700;
  color: #1d1e2c;
}
.analytics-body .report-section .metrics-grid .metric-card .metric-value-container .subtext[b-2z4g4y7cdt] {
  font-size: 12.5px;
  color: #6e7191;
}
.analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg[b-2z4g4y7cdt] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill[b-2z4g4y7cdt] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
  transition: width 0.3s ease-out;
}
.analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-green[b-2z4g4y7cdt] {
  background-color: #1fad7a;
}
.analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-purple[b-2z4g4y7cdt] {
  background-color: #5c59f0;
}
.analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-orange[b-2z4g4y7cdt] {
  background-color: #f08b3b;
}
.analytics-body .report-section .capability-columns-grid[b-2z4g4y7cdt] {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card[b-2z4g4y7cdt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .box-title[b-2z4g4y7cdt] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 6px 0;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .box-sub[b-2z4g4y7cdt] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.45;
  margin: 0 0 20px 0;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout[b-2z4g4y7cdt] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block[b-2z4g4y7cdt] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .block-title[b-2z4g4y7cdt] {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .block-title.text-green[b-2z4g4y7cdt] {
  color: #1fad7a;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .block-title.text-orange[b-2z4g4y7cdt] {
  color: #f08b3b;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .chips-container[b-2z4g4y7cdt] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .chips-container .chip-badge[b-2z4g4y7cdt] {
  align-self: flex-start;
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .chips-container .chip-badge.bg-green[b-2z4g4y7cdt] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .chips-container .chip-badge.bg-orange[b-2z4g4y7cdt] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list[b-2z4g4y7cdt] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row[b-2z4g4y7cdt] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-name[b-2z4g4y7cdt] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper[b-2z4g4y7cdt] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg[b-2z4g4y7cdt] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg .progress-bar-fill[b-2z4g4y7cdt] {
  height: 100%;
  border-radius: 3px;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-2z4g4y7cdt] {
  background-color: #f08b3b;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg .progress-bar-fill.bg-purple[b-2z4g4y7cdt] {
  background-color: #5c59f0;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-2z4g4y7cdt] {
  background-color: #1fad7a;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .dept-val[b-2z4g4y7cdt] {
  font-size: 12px;
  font-weight: 700;
  width: 90px;
  text-align: right;
  white-space: nowrap;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .dept-val.text-orange[b-2z4g4y7cdt] {
  color: #f08b3b;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .dept-val.text-purple[b-2z4g4y7cdt] {
  color: #5c59f0;
}
.analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .dept-val.text-green[b-2z4g4y7cdt] {
  color: #1fad7a;
}
.analytics-body .ai-insight-callout[b-2z4g4y7cdt] {
  background: linear-gradient(135deg, #2b286c, #1f1b5c);
  border-radius: 24px;
  padding: 32px 40px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 32px;
}
.analytics-body .ai-insight-callout .ai-orb[b-2z4g4y7cdt] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(92, 89, 240, 0.3);
}
.analytics-body .ai-insight-callout .ai-content[b-2z4g4y7cdt] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.analytics-body .ai-insight-callout .ai-content .ai-header[b-2z4g4y7cdt] {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: 0.85;
}
.analytics-body .ai-insight-callout .ai-content .ai-msg[b-2z4g4y7cdt] {
  font-size: 15px;
  line-height: 1.6;
  opacity: 0.95;
  margin: 0;
}
@media (max-width: 850px) {
  .analytics-body .courses-header[b-2z4g4y7cdt] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .analytics-body .courses-header .header-search-area[b-2z4g4y7cdt] {
    width: 100%;
  }
  .analytics-body .courses-header .header-search-area .search-box[b-2z4g4y7cdt] {
    flex: 1;
  }
  .analytics-body .courses-header .header-search-area .search-box .search-input[b-2z4g4y7cdt] {
    width: 100%;
  }
  .analytics-body .filters-bar .cohort-selector-wrapper[b-2z4g4y7cdt] {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }
  .analytics-body .filters-bar .cohort-selector-wrapper .cohort-dropdown[b-2z4g4y7cdt] {
    width: 100%;
  }
  .analytics-body .report-section .metrics-grid[b-2z4g4y7cdt] {
    grid-template-columns: 1fr;
  }
  .analytics-body .report-section .capability-columns-grid[b-2z4g4y7cdt] {
    grid-template-columns: 1fr;
  }
  .analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout[b-2z4g4y7cdt] {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .analytics-body .ai-insight-callout[b-2z4g4y7cdt] {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .analytics-body[b-2z4g4y7cdt] {
    padding: 24px 16px;
  }
}

.analytics-body .empty-note[b-2z4g4y7cdt] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.analytics-body .analytics-notice[b-2z4g4y7cdt] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.analytics-body .analytics-notice p[b-2z4g4y7cdt] {
  margin: 0;
  font-size: 14px;
  color: #1d1e2c;
}
.analytics-body .analytics-notice a[b-2z4g4y7cdt] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
/* /Business/TeacherAnalytics.razor.rz.scp.css */
.teacher-analytics-body[b-hg5300dqf2] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.teacher-analytics-body *[b-hg5300dqf2] {
  box-sizing: border-box;
}
.teacher-analytics-body .courses-header[b-hg5300dqf2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.teacher-analytics-body .courses-header .programs-count[b-hg5300dqf2] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.teacher-analytics-body .courses-header .breadcrumbs[b-hg5300dqf2] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.teacher-analytics-body .courses-header .breadcrumbs a[b-hg5300dqf2] {
  text-decoration: none;
  color: #5c59f0;
}
.teacher-analytics-body .courses-header .breadcrumbs a:hover[b-hg5300dqf2] {
  text-decoration: underline;
}
.teacher-analytics-body .courses-header .page-title[b-hg5300dqf2] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.teacher-analytics-body .courses-header .page-subtitle[b-hg5300dqf2] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
}
.teacher-analytics-body .courses-header .header-search-area[b-hg5300dqf2] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.teacher-analytics-body .courses-header .header-search-area .search-box[b-hg5300dqf2] {
  position: relative;
  display: flex;
  align-items: center;
}
.teacher-analytics-body .courses-header .header-search-area .search-box .search-icon[b-hg5300dqf2] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.teacher-analytics-body .courses-header .header-search-area .search-box .search-input[b-hg5300dqf2] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 240px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.teacher-analytics-body .courses-header .header-search-area .search-box .search-input:focus[b-hg5300dqf2] {
  border-color: #5c59f0;
}
.teacher-analytics-body .courses-header .header-search-area .notif-btn[b-hg5300dqf2] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.teacher-analytics-body .courses-header .header-search-area .notif-btn .notif-dot[b-hg5300dqf2] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.teacher-analytics-body .filters-bar[b-hg5300dqf2] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
}
.teacher-analytics-body .filters-bar .cohort-selector-wrapper[b-hg5300dqf2] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.teacher-analytics-body .filters-bar .cohort-selector-wrapper .dropdown-label[b-hg5300dqf2] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.teacher-analytics-body .filters-bar .cohort-selector-wrapper .cohort-dropdown[b-hg5300dqf2] {
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  background-color: #ffffff;
  color: #6e7191;
  cursor: pointer;
  outline: none;
}
.teacher-analytics-body .filters-bar .cohort-selector-wrapper .cohort-dropdown:focus[b-hg5300dqf2] {
  border-color: #5c59f0;
}
.teacher-analytics-body .report-section[b-hg5300dqf2] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.teacher-analytics-body .report-section .section-title-wrapper[b-hg5300dqf2] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.teacher-analytics-body .report-section .section-title-wrapper .icon-circle[b-hg5300dqf2] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.teacher-analytics-body .report-section .section-title-wrapper .icon-circle.bg-purple[b-hg5300dqf2] {
  background-color: #f0efff;
  color: #5c59f0;
}
.teacher-analytics-body .report-section .section-title-wrapper .icon-circle.bg-blue[b-hg5300dqf2] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.teacher-analytics-body .report-section .section-title-wrapper .section-title[b-hg5300dqf2] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teacher-analytics-body .report-section .metrics-grid[b-hg5300dqf2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card[b-hg5300dqf2] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .card-top[b-hg5300dqf2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .card-top .metric-name[b-hg5300dqf2] {
  font-size: 14px;
  font-weight: 700;
  color: #8a8d9f;
  margin: 0;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .card-top .trend-badge[b-hg5300dqf2] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .card-top .trend-badge.positive[b-hg5300dqf2] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .card-top .trend-badge.negative[b-hg5300dqf2] {
  background-color: #fff4eb;
  color: #e11d48;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .metric-value-container[b-hg5300dqf2] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .metric-value-container .value[b-hg5300dqf2] {
  font-size: 24px;
  font-weight: 700;
  color: #1d1e2c;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .metric-value-container .subtext[b-hg5300dqf2] {
  font-size: 12.5px;
  color: #6e7191;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg[b-hg5300dqf2] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill[b-hg5300dqf2] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
  transition: width 0.3s ease-out;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-green[b-hg5300dqf2] {
  background-color: #1fad7a;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-purple[b-hg5300dqf2] {
  background-color: #5c59f0;
}
.teacher-analytics-body .report-section .metrics-grid .metric-card .progress-bar-container .progress-bar-bg .progress-bar-fill.bg-orange[b-hg5300dqf2] {
  background-color: #f08b3b;
}
.teacher-analytics-body .report-section .capability-columns-grid[b-hg5300dqf2] {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card[b-hg5300dqf2] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .box-title[b-hg5300dqf2] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 6px 0;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .box-sub[b-hg5300dqf2] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.45;
  margin: 0 0 20px 0;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout[b-hg5300dqf2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block[b-hg5300dqf2] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .block-title[b-hg5300dqf2] {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .block-title.text-green[b-hg5300dqf2] {
  color: #1fad7a;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .block-title.text-orange[b-hg5300dqf2] {
  color: #f08b3b;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .chips-container[b-hg5300dqf2] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .chips-container .chip-badge[b-hg5300dqf2] {
  align-self: flex-start;
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .chips-container .chip-badge.bg-green[b-hg5300dqf2] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout .skills-block .chips-container .chip-badge.bg-orange[b-hg5300dqf2] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list[b-hg5300dqf2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row[b-hg5300dqf2] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-name[b-hg5300dqf2] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper[b-hg5300dqf2] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg[b-hg5300dqf2] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg .progress-bar-fill[b-hg5300dqf2] {
  height: 100%;
  border-radius: 3px;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-hg5300dqf2] {
  background-color: #f08b3b;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg .progress-bar-fill.bg-purple[b-hg5300dqf2] {
  background-color: #5c59f0;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-hg5300dqf2] {
  background-color: #1fad7a;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .dept-val[b-hg5300dqf2] {
  font-size: 12px;
  font-weight: 700;
  width: 90px;
  text-align: right;
  white-space: nowrap;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .dept-val.text-orange[b-hg5300dqf2] {
  color: #f08b3b;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .dept-val.text-purple[b-hg5300dqf2] {
  color: #5c59f0;
}
.teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .dept-progress-list .dept-row .dept-progress-bar-wrapper .dept-val.text-green[b-hg5300dqf2] {
  color: #1fad7a;
}
.teacher-analytics-body .ai-insight-callout[b-hg5300dqf2] {
  background: linear-gradient(135deg, #2b286c, #1f1b5c);
  border-radius: 24px;
  padding: 32px 40px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 32px;
}
.teacher-analytics-body .ai-insight-callout .ai-orb[b-hg5300dqf2] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(92, 89, 240, 0.3);
}
.teacher-analytics-body .ai-insight-callout .ai-content[b-hg5300dqf2] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.teacher-analytics-body .ai-insight-callout .ai-content .ai-header[b-hg5300dqf2] {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: 0.85;
}
.teacher-analytics-body .ai-insight-callout .ai-content .ai-msg[b-hg5300dqf2] {
  font-size: 15px;
  line-height: 1.6;
  opacity: 0.95;
  margin: 0;
}
@media (max-width: 850px) {
  .teacher-analytics-body .courses-header[b-hg5300dqf2] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .teacher-analytics-body .courses-header .header-search-area[b-hg5300dqf2] {
    width: 100%;
  }
  .teacher-analytics-body .courses-header .header-search-area .search-box[b-hg5300dqf2] {
    flex: 1;
  }
  .teacher-analytics-body .courses-header .header-search-area .search-box .search-input[b-hg5300dqf2] {
    width: 100%;
  }
  .teacher-analytics-body .filters-bar .cohort-selector-wrapper[b-hg5300dqf2] {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }
  .teacher-analytics-body .filters-bar .cohort-selector-wrapper .cohort-dropdown[b-hg5300dqf2] {
    width: 100%;
  }
  .teacher-analytics-body .report-section .metrics-grid[b-hg5300dqf2] {
    grid-template-columns: 1fr;
  }
  .teacher-analytics-body .report-section .capability-columns-grid[b-hg5300dqf2] {
    grid-template-columns: 1fr;
  }
  .teacher-analytics-body .report-section .capability-columns-grid .capability-box-card .skills-split-layout[b-hg5300dqf2] {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .teacher-analytics-body .ai-insight-callout[b-hg5300dqf2] {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .teacher-analytics-body[b-hg5300dqf2] {
    padding: 24px 16px;
  }
}

/* Real-data states: nothing to show yet, and teacher not found */
.teacher-analytics-body .empty-note[b-hg5300dqf2] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.teacher-analytics-body .analytics-notice[b-hg5300dqf2] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.teacher-analytics-body .analytics-notice p[b-hg5300dqf2] {
  margin: 0;
  font-size: 14px;
  color: #1d1e2c;
}
.teacher-analytics-body .analytics-notice a[b-hg5300dqf2] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
/* /Business/UserList.razor.rz.scp.css */
.org-courses-body[b-wacs4pb8el] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.org-courses-body *[b-wacs4pb8el] {
  box-sizing: border-box;
}
.org-courses-body .courses-header[b-wacs4pb8el] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.org-courses-body .courses-header .programs-count[b-wacs4pb8el] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.org-courses-body .courses-header .page-title[b-wacs4pb8el] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.org-courses-body .courses-header .page-subtitle[b-wacs4pb8el] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
}
.org-courses-body .courses-header .header-search-area[b-wacs4pb8el] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.org-courses-body .courses-header .header-search-area .btn-import-excel[b-wacs4pb8el] {
  background-color: #e8f8f2;
  border: 1px solid rgba(31, 173, 122, 0.2);
  color: #1fad7a;
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.2s;
}
.org-courses-body .courses-header .header-search-area .btn-import-excel:hover[b-wacs4pb8el] {
  background-color: rgb(86.3803921569%, 95.8549019608%, 92.3019607843%);
}
.org-courses-body .courses-header .header-search-area .btn-add-new-user[b-wacs4pb8el] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.org-courses-body .courses-header .header-search-area .btn-add-new-user:hover[b-wacs4pb8el] {
  background-color: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}
.org-courses-body .overview-stats-grid-dual[b-wacs4pb8el] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.org-courses-body .overview-stats-grid-dual .stat-card[b-wacs4pb8el] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.org-courses-body .overview-stats-grid-dual .stat-card .stat-value[b-wacs4pb8el] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.org-courses-body .overview-stats-grid-dual .stat-card .stat-label[b-wacs4pb8el] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.org-courses-body .overview-stats-grid-dual .stat-card .stat-sub[b-wacs4pb8el] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.org-courses-body .filters-bar[b-wacs4pb8el] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.org-courses-body .filters-bar .filter-pills[b-wacs4pb8el] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.org-courses-body .filters-bar .filter-pills .filter-pill[b-wacs4pb8el] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.org-courses-body .filters-bar .filter-pills .filter-pill .badge[b-wacs4pb8el] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.org-courses-body .filters-bar .filter-pills .filter-pill.active[b-wacs4pb8el] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.org-courses-body .filters-bar .filter-pills .filter-pill.active .badge[b-wacs4pb8el] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.org-courses-body .filters-bar .header-search-bar-inline .search-box[b-wacs4pb8el] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-courses-body .filters-bar .header-search-bar-inline .search-box .search-icon[b-wacs4pb8el] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.org-courses-body .filters-bar .header-search-bar-inline .search-box .search-input[b-wacs4pb8el] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  width: 240px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.org-courses-body .filters-bar .header-search-bar-inline .search-box .search-input:focus[b-wacs4pb8el] {
  border-color: #5c59f0;
}
.org-courses-body .courses-directory-card[b-wacs4pb8el] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.org-courses-body .courses-directory-card .table-container[b-wacs4pb8el] {
  width: 100%;
  overflow-x: auto;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table[b-wacs4pb8el] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table thead[b-wacs4pb8el] {
  border-bottom: 1px solid #eff0f6;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table thead th[b-wacs4pb8el] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table thead th.sortable[b-wacs4pb8el] {
  cursor: pointer;
  user-select: none;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table thead th.sortable:hover[b-wacs4pb8el] {
  color: #1d1e2c;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr[b-wacs4pb8el] {
  border-bottom: 1px solid #eff0f6;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr:last-child[b-wacs4pb8el] {
  border-bottom: none;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr td[b-wacs4pb8el] {
  padding: 14px 16px;
  vertical-align: middle;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-course[b-wacs4pb8el] {
  width: 35%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-role-header[b-wacs4pb8el] {
  width: 10%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-program[b-wacs4pb8el] {
  width: 25%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-status[b-wacs4pb8el] {
  width: 15%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-joined[b-wacs4pb8el] {
  width: 10%;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .col-actions[b-wacs4pb8el] {
  width: 5%;
  text-align: right;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell[b-wacs4pb8el] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .avatar[b-wacs4pb8el] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .avatar.bg-orange[b-wacs4pb8el] {
  background-color: #f08b3b;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .avatar.bg-purple[b-wacs4pb8el] {
  background-color: #8b5cf6;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .avatar.bg-green[b-wacs4pb8el] {
  background-color: #1fad7a;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .avatar.bg-blue[b-wacs4pb8el] {
  background-color: #3b82f6;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .avatar img[b-wacs4pb8el] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .course-info[b-wacs4pb8el] {
  display: flex;
  flex-direction: column;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .course-info .course-name[b-wacs4pb8el] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .course-info .course-sub[b-wacs4pb8el] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .course-info.clickable[b-wacs4pb8el] {
  cursor: pointer;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .course-profile-cell .course-info.clickable:hover .course-name[b-wacs4pb8el] {
  color: #5c59f0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .role-badge[b-wacs4pb8el] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .role-badge.role-teacher[b-wacs4pb8el] {
  background-color: #f0efff;
  color: #5c59f0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .role-badge.role-student[b-wacs4pb8el] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .text-data[b-wacs4pb8el] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
  display: block;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .text-data-muted[b-wacs4pb8el] {
  font-size: 13px;
  font-weight: 500;
  color: #6e7191;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .text-sub-meta[b-wacs4pb8el] {
  font-size: 11.5px;
  color: #8a8d9f;
  display: block;
  margin-top: 2px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge[b-wacs4pb8el] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge.active[b-wacs4pb8el] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge.active .status-dot[b-wacs4pb8el] {
  background-color: #1fad7a;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge.pending-invite[b-wacs4pb8el] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge.pending-invite .status-dot[b-wacs4pb8el] {
  background-color: #f08b3b;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge.inactive[b-wacs4pb8el] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge.inactive .status-dot[b-wacs4pb8el] {
  background-color: #8a8d9f;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .status-badge .status-dot[b-wacs4pb8el] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row[b-wacs4pb8el] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row .icon-action-btn[b-wacs4pb8el] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row .icon-action-btn svg[b-wacs4pb8el] {
  flex-shrink: 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row .icon-action-btn:hover[b-wacs4pb8el] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .action-btn-row .icon-action-btn.delete:hover[b-wacs4pb8el] {
  background-color: #fdeeee;
  color: #d64545;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row td[b-wacs4pb8el] {
  padding: 16px;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container[b-wacs4pb8el] {
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container .placeholder-icon-circle[b-wacs4pb8el] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff4eb;
  color: #f08b3b;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container .placeholder-icon-circle svg[b-wacs4pb8el] {
  fill: currentColor;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container .placeholder-details .placeholder-title[b-wacs4pb8el] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.org-courses-body .courses-directory-card .table-container .org-courses-table .add-course-row .placeholder-container .placeholder-details .placeholder-desc[b-wacs4pb8el] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.org-courses-body .courses-directory-card .directory-pagination-footer[b-wacs4pb8el] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  border-top: 1px solid #eff0f6;
  margin-top: 12px;
}
.org-courses-body .courses-directory-card .directory-pagination-footer .pagination-summary[b-wacs4pb8el] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.org-courses-body .courses-directory-card .directory-pagination-footer .pagination-controls[b-wacs4pb8el] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.org-courses-body .courses-directory-card .directory-pagination-footer .pagination-controls .page-num[b-wacs4pb8el] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.org-courses-body .courses-directory-card .directory-pagination-footer .pagination-controls .page-num.active[b-wacs4pb8el] {
  background-color: #5c59f0;
  color: #ffffff;
}
.org-courses-body .courses-directory-card .directory-pagination-footer .pagination-controls .page-num:hover:not(.active)[b-wacs4pb8el] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.org-courses-body .courses-directory-card .directory-pagination-footer .pagination-controls .page-dots[b-wacs4pb8el] {
  font-size: 12px;
  color: #8a8d9f;
  padding: 0 4px;
}
.org-courses-body .modal-backdrop[b-wacs4pb8el] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-wacs4pb8el 0.2s ease-out;
}
.org-courses-body .modal-backdrop .modal-container[b-wacs4pb8el] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-wacs4pb8el 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.org-courses-body .modal-backdrop .modal-container .modal-header[b-wacs4pb8el] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.org-courses-body .modal-backdrop .modal-container .modal-header .modal-title[b-wacs4pb8el] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.org-courses-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-wacs4pb8el] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.org-courses-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-wacs4pb8el] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.org-courses-body .modal-backdrop .modal-container .modal-body[b-wacs4pb8el] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .modal-desc[b-wacs4pb8el] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .modal-field[b-wacs4pb8el] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .modal-field .modal-label[b-wacs4pb8el] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .modal-field .modal-input[b-wacs4pb8el] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .modal-field .modal-input:focus[b-wacs4pb8el] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .modal-desc.import-error[b-wacs4pb8el] {
  color: #f08b3b;
  font-size: 12.5px;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-wacs4pb8el] {
  border: 2px dashed #eff0f6;
  border-radius: 14px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .file-drop-area svg[b-wacs4pb8el] {
  color: #8a8d9f;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .file-drop-area span[b-wacs4pb8el] {
  font-size: 13px;
  font-weight: 600;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .file-drop-area:hover[b-wacs4pb8el] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.org-courses-body .modal-backdrop .modal-container .modal-body .file-drop-area .hidden-file-input[b-wacs4pb8el] {
  display: none;
}
.org-courses-body .modal-backdrop .modal-container .modal-footer[b-wacs4pb8el] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.org-courses-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-wacs4pb8el] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.org-courses-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-wacs4pb8el] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.org-courses-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-wacs4pb8el] {
  background-color: #e2e8f0;
}
.org-courses-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-wacs4pb8el] {
  background-color: #5c59f0;
  color: #ffffff;
}
.org-courses-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-wacs4pb8el] {
  background-color: #4b49df;
}
@media (max-width: 850px) {
  .org-courses-body .courses-header[b-wacs4pb8el] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .org-courses-body .courses-header .header-search-area[b-wacs4pb8el] {
    width: 100%;
    justify-content: space-between;
  }
  .org-courses-body .courses-header .header-search-area .btn-import-excel[b-wacs4pb8el],
  .org-courses-body .courses-header .header-search-area .btn-add-new-user[b-wacs4pb8el] {
    flex: 1;
    text-align: center;
  }
  .org-courses-body .overview-stats-grid-dual[b-wacs4pb8el] {
    grid-template-columns: 1fr;
  }
  .org-courses-body .filters-bar[b-wacs4pb8el] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .org-courses-body .filters-bar .header-search-bar-inline[b-wacs4pb8el] {
    width: 100%;
  }
  .org-courses-body .filters-bar .header-search-bar-inline .search-box .search-input[b-wacs4pb8el] {
    width: 100%;
  }
  .org-courses-body .courses-directory-card[b-wacs4pb8el] {
    padding: 20px 16px;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table[b-wacs4pb8el] {
    display: block;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table thead[b-wacs4pb8el] {
    display: none;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody[b-wacs4pb8el] {
    display: block;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr[b-wacs4pb8el] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr td[b-wacs4pb8el] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-role-header[b-wacs4pb8el],
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-program[b-wacs4pb8el],
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-status[b-wacs4pb8el],
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-joined[b-wacs4pb8el] {
    padding-left: 44px;
  }
  .org-courses-body .courses-directory-card .table-container .org-courses-table tbody tr .col-actions[b-wacs4pb8el] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .org-courses-body .courses-directory-card .directory-pagination-footer[b-wacs4pb8el] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .org-courses-body[b-wacs4pb8el] {
    padding: 24px 16px;
  }
}

@keyframes fadeIn-b-wacs4pb8el {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-wacs4pb8el {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* /Components/Layout/BusinessLayout.razor.rz.scp.css */
.layout-container[b-sxgjbdxxc1] {
  display: flex;
  min-height: 100vh;
  width: 100%;
  background-color: #f7f8fa;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.layout-container .mobile-header[b-sxgjbdxxc1] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #ffffff;
  border-bottom: 1px solid #eff0f6;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 990;
}
.layout-container .mobile-header .mobile-logo .logo-text[b-sxgjbdxxc1] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.layout-container .mobile-header .mobile-toggle-btn[b-sxgjbdxxc1] {
  background: none;
  border: none;
  color: #6e7191;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.layout-container .mobile-header .mobile-toggle-btn:hover[b-sxgjbdxxc1] {
  background-color: #f8f9fc;
}
.layout-container .sidebar-overlay[b-sxgjbdxxc1] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 995;
  backdrop-filter: blur(2px);
  transition: opacity 0.3s ease;
}
.layout-container .close-btn[b-sxgjbdxxc1] {
  display: none;
}
.layout-container .sidebar-left[b-sxgjbdxxc1] {
  width: 260px;
  background-color: #ffffff;
  border-right: 1px solid #eff0f6;
  display: flex;
  flex-direction: column;
  padding: 24px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.layout-container .sidebar-left .logo-area[b-sxgjbdxxc1] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}
.layout-container .sidebar-left .logo-area .logo-icon[b-sxgjbdxxc1] {
  width: 32px;
  height: 32px;
}
.layout-container .sidebar-left .logo-area .logo-text[b-sxgjbdxxc1] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.layout-container .sidebar-left .nav-section[b-sxgjbdxxc1] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 24px;
}
.layout-container .sidebar-left .nav-section .nav-section-title[b-sxgjbdxxc1] {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #a0aec0;
  margin-bottom: 12px;
  letter-spacing: 0.8px;
  padding-left: 16px;
}
.layout-container .sidebar-left .nav-section .nav-item[b-sxgjbdxxc1] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 500;
  color: #6e7191;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.layout-container .sidebar-left .nav-section .nav-item svg[b-sxgjbdxxc1] {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.2s;
}
.layout-container .sidebar-left .nav-section .nav-item:hover[b-sxgjbdxxc1] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.layout-container .sidebar-left .nav-section .nav-item.active[b-sxgjbdxxc1] {
  background-color: #5c59f0;
  color: #ffffff;
  font-weight: 600;
}
.layout-container .sidebar-left .nav-section .nav-item.active svg[b-sxgjbdxxc1] {
  stroke: #ffffff;
}
.layout-container .sidebar-left .sidebar-language[b-sxgjbdxxc1] {
  margin-top: auto;
  padding: 12px 0;
}
.layout-container .sidebar-left .sidebar-profile[b-sxgjbdxxc1] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid #eff0f6;
  margin-top: auto;
}
.layout-container .sidebar-left .sidebar-profile .profile-avatar[b-sxgjbdxxc1] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #5c59f0;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
  object-fit: cover;
}
.layout-container .sidebar-left .sidebar-profile .profile-info .profile-name[b-sxgjbdxxc1] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.layout-container .sidebar-left .sidebar-profile .profile-info .profile-role[b-sxgjbdxxc1] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 2px 0 0 0;
}
.layout-container .main-content[b-sxgjbdxxc1] {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.layout-container .sidebar-right[b-sxgjbdxxc1] {
  width: 320px;
  background-color: #f5f4fb;
  border-left: 1px solid #eff0f6;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.layout-container .sidebar-right .right-card-widget[b-sxgjbdxxc1] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(44, 35, 96, 0.04);
}
.layout-container .sidebar-right .right-card-widget .card-widget-title[b-sxgjbdxxc1] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 20px 0;
}
.layout-container .sidebar-right .right-card-widget .metrics-grid[b-sxgjbdxxc1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.layout-container .sidebar-right .right-card-widget .metrics-grid .metric-block[b-sxgjbdxxc1] {
  background-color: #f8f9fc;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.layout-container .sidebar-right .right-card-widget .metrics-grid .metric-block .metric-val[b-sxgjbdxxc1] {
  font-family: "Fraunces", Georgia, serif;
  font-size: 28px;
  font-weight: 500;
  color: #5c59f0;
  line-height: 1;
}
.layout-container .sidebar-right .right-card-widget .metrics-grid .metric-block .metric-label[b-sxgjbdxxc1] {
  font-size: 10px;
  font-weight: 800;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.layout-container .sidebar-right .right-card-widget .attention-list[b-sxgjbdxxc1] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item[b-sxgjbdxxc1] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-badge[b-sxgjbdxxc1] {
  background-color: #fff4eb;
  border-radius: 12px;
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-badge .badge-num[b-sxgjbdxxc1] {
  font-size: 14px;
  font-weight: 700;
  color: #f08b3b;
  line-height: 1.1;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-badge .badge-lbl[b-sxgjbdxxc1] {
  font-size: 9px;
  font-weight: 800;
  color: #f08b3b;
  opacity: 0.9;
  line-height: 1.1;
  letter-spacing: 0.5px;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-info[b-sxgjbdxxc1] {
  flex: 1;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-info .attention-name[b-sxgjbdxxc1] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 3px 0;
  line-height: 1.3;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-info .attention-sub[b-sxgjbdxxc1] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
@media (max-width: 1200px) {
  .layout-container[b-sxgjbdxxc1] {
    flex-direction: column;
  }
  .layout-container .mobile-header[b-sxgjbdxxc1] {
    display: flex;
  }
  .layout-container .main-content[b-sxgjbdxxc1] {
    padding-top: 60px;
  }
  .layout-container .close-btn.mobile-only[b-sxgjbdxxc1] {
    display: flex;
    align-self: flex-end;
    background: none;
    border: none;
    color: #8a8d9f;
    cursor: pointer;
    padding: 4px;
    margin-bottom: 16px;
  }
  .layout-container .sidebar-left[b-sxgjbdxxc1] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(-100%);
    box-shadow: 4px 0 24px rgba(15, 23, 42, 0.15);
  }
  .layout-container .sidebar-left.open[b-sxgjbdxxc1] {
    transform: translateX(0);
  }
  .layout-container .sidebar-right[b-sxgjbdxxc1] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(100%);
    box-shadow: -4px 0 24px rgba(15, 23, 42, 0.15);
  }
  .layout-container .sidebar-right.open[b-sxgjbdxxc1] {
    transform: translateX(0);
  }
}

.layout-container .main-content .review-banner[b-sxgjbdxxc1] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #ffe1c7;
  background-color: #fff4eb;
  color: #f08b3b;
  font-size: 13px;
  line-height: 1.55;
}
.layout-container .main-content .review-banner svg[b-sxgjbdxxc1] {
  flex-shrink: 0;
}
.layout-container .nav-item.locked[b-sxgjbdxxc1] {
  opacity: 0.45;
  pointer-events: none;
}
/* /Components/Layout/ConsoleLayout.razor.rz.scp.css */
.layout-container[b-pdevg0kots] {
  display: flex;
  min-height: 100vh;
  width: 100%;
  background-color: #f7f8fa;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.layout-container .mobile-header[b-pdevg0kots] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #ffffff;
  border-bottom: 1px solid #eff0f6;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 990;
}
.layout-container .mobile-header .mobile-logo .logo-text[b-pdevg0kots] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.layout-container .mobile-header .mobile-toggle-btn[b-pdevg0kots] {
  background: none;
  border: none;
  color: #6e7191;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.layout-container .mobile-header .mobile-toggle-btn:hover[b-pdevg0kots] {
  background-color: #f8f9fc;
}
.layout-container .sidebar-overlay[b-pdevg0kots] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 995;
  backdrop-filter: blur(2px);
  transition: opacity 0.3s ease;
}
.layout-container .close-btn[b-pdevg0kots] {
  display: none;
}
.layout-container .sidebar-left[b-pdevg0kots] {
  width: 260px;
  background-color: #ffffff;
  border-right: 1px solid #eff0f6;
  display: flex;
  flex-direction: column;
  padding: 24px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.layout-container .sidebar-left .logo-area[b-pdevg0kots] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.layout-container .sidebar-left .logo-area .logo-icon[b-pdevg0kots] {
  width: 32px;
  height: 32px;
}
.layout-container .sidebar-left .logo-area .logo-text[b-pdevg0kots] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.layout-container .sidebar-left .logo-area .logo-tag[b-pdevg0kots] {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #5c59f0;
  background-color: #eeeafd;
  padding: 3px 8px;
  border-radius: 20px;
}
.layout-container .sidebar-left .nav-section[b-pdevg0kots] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 24px;
}
.layout-container .sidebar-left .nav-section .nav-section-title[b-pdevg0kots] {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #a0aec0;
  margin-bottom: 12px;
  letter-spacing: 0.8px;
  padding-left: 16px;
}
.layout-container .sidebar-left .nav-section .nav-item[b-pdevg0kots] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 500;
  color: #6e7191;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.layout-container .sidebar-left .nav-section .nav-item svg[b-pdevg0kots] {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.2s;
}
.layout-container .sidebar-left .nav-section .nav-item:hover[b-pdevg0kots] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.layout-container .sidebar-left .nav-section .nav-item.active[b-pdevg0kots] {
  background-color: #5c59f0;
  color: #ffffff;
  font-weight: 600;
}
.layout-container .sidebar-left .nav-section .nav-item.active svg[b-pdevg0kots] {
  stroke: #ffffff;
}
.layout-container .sidebar-left .sidebar-language[b-pdevg0kots] {
  margin-top: auto;
  padding: 12px 0;
}
.layout-container .sidebar-left .sidebar-profile[b-pdevg0kots] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid #eff0f6;
  margin-top: auto;
}
.layout-container .sidebar-left .sidebar-profile .profile-avatar[b-pdevg0kots] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #5c59f0;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
}
.layout-container .sidebar-left .sidebar-profile .profile-info .profile-name[b-pdevg0kots] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.layout-container .sidebar-left .sidebar-profile .profile-info .profile-role[b-pdevg0kots] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 2px 0 0 0;
}
.layout-container .main-content[b-pdevg0kots] {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.layout-container .sidebar-right[b-pdevg0kots] {
  width: 320px;
  background-color: #f5f4fb;
  border-left: 1px solid #eff0f6;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.layout-container .sidebar-right .right-card-widget[b-pdevg0kots] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(44, 35, 96, 0.04);
}
.layout-container .sidebar-right .right-card-widget .card-widget-title[b-pdevg0kots] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 20px 0;
}
.layout-container .sidebar-right .right-card-widget .metrics-grid[b-pdevg0kots] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.layout-container .sidebar-right .right-card-widget .metrics-grid .metric-block[b-pdevg0kots] {
  background-color: #f8f9fc;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.layout-container .sidebar-right .right-card-widget .metrics-grid .metric-block .metric-val[b-pdevg0kots] {
  font-family: "Fraunces", Georgia, serif;
  font-size: 26px;
  font-weight: 500;
  color: #5c59f0;
  line-height: 1;
}
.layout-container .sidebar-right .right-card-widget .metrics-grid .metric-block .metric-label[b-pdevg0kots] {
  font-size: 10px;
  font-weight: 800;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.layout-container .sidebar-right .right-card-widget .attention-list[b-pdevg0kots] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item[b-pdevg0kots] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-badge[b-pdevg0kots] {
  background-color: #fff4eb;
  border-radius: 12px;
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-badge .badge-num[b-pdevg0kots] {
  font-size: 14px;
  font-weight: 700;
  color: #f08b3b;
  line-height: 1.1;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-badge .badge-lbl[b-pdevg0kots] {
  font-size: 9px;
  font-weight: 800;
  color: #f08b3b;
  opacity: 0.9;
  line-height: 1.1;
  letter-spacing: 0.5px;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-info[b-pdevg0kots] {
  flex: 1;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-info .attention-name[b-pdevg0kots] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 3px 0;
  line-height: 1.3;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-item .attention-info .attention-sub[b-pdevg0kots] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
.layout-container .sidebar-right .right-card-widget .attention-list .attention-empty[b-pdevg0kots] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 0;
}
@media (max-width: 1200px) {
  .layout-container[b-pdevg0kots] {
    flex-direction: column;
  }
  .layout-container .mobile-header[b-pdevg0kots] {
    display: flex;
  }
  .layout-container .main-content[b-pdevg0kots] {
    padding-top: 60px;
  }
  .layout-container .close-btn.mobile-only[b-pdevg0kots] {
    display: flex;
    align-self: flex-end;
    background: none;
    border: none;
    color: #8a8d9f;
    cursor: pointer;
    padding: 4px;
    margin-bottom: 16px;
  }
  .layout-container .sidebar-left[b-pdevg0kots] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(-100%);
    box-shadow: 4px 0 24px rgba(15, 23, 42, 0.15);
  }
  .layout-container .sidebar-left.open[b-pdevg0kots] {
    transform: translateX(0);
  }
  .layout-container .sidebar-right[b-pdevg0kots] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(100%);
    box-shadow: -4px 0 24px rgba(15, 23, 42, 0.15);
  }
  .layout-container .sidebar-right.open[b-pdevg0kots] {
    transform: translateX(0);
  }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
[b-8l3fs8q6q7] html, [b-8l3fs8q6q7] body {
  margin: 0;
  padding: 0;
  background: #fcfcfd;
  color: #1d1e2c;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

.layout-container[b-8l3fs8q6q7] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   NAVIGATION HEADER
   ========================================================================== */
.main-header[b-8l3fs8q6q7] {
  background: #fcfcfd;
  border-bottom: 1px solid #eff0f6;
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 16px 0;
}

.nav-container[b-8l3fs8q6q7] {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-area[b-8l3fs8q6q7] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.logo-area .brand-mark[b-8l3fs8q6q7] {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: linear-gradient(135deg, #5c59f0 0%, #8B6BFF 55%, #f08b3b 100%);
  position: relative;
  flex: none;
}
.logo-area .brand-mark[b-8l3fs8q6q7]::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 5px;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 70%);
}
.logo-area .brand-name[b-8l3fs8q6q7] {
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 20px;
  color: #1d1e2c;
  letter-spacing: -0.01em;
}

.nav-menu[b-8l3fs8q6q7] {
  display: flex;
  gap: 32px;
}
.nav-menu .nav-link[b-8l3fs8q6q7] {
  font-size: 14px;
  font-weight: 600;
  color: #6e7191;
  text-decoration: none;
  transition: color 0.15s ease;
}
.nav-menu .nav-link:hover[b-8l3fs8q6q7] {
  color: #5c59f0;
}

.auth-actions[b-8l3fs8q6q7] {
  display: flex;
  gap: 12px;
}
.auth-actions button[b-8l3fs8q6q7] {
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.auth-actions .btn-login[b-8l3fs8q6q7] {
  background: #ffffff;
  color: #1d1e2c;
  border: 1px solid #eff0f6;
  padding: 10px 20px;
  box-shadow: 0 1px 2px rgba(23, 22, 43, 0.04);
}
.auth-actions .btn-login:hover[b-8l3fs8q6q7] {
  background: #fcfcfd;
}
.auth-actions .btn-get-started[b-8l3fs8q6q7] {
  background: #5c59f0;
  color: #fff;
  border: none;
  padding: 10px 20px;
}
.auth-actions .btn-get-started:hover[b-8l3fs8q6q7] {
  background: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}

/* ==========================================================================
   PAGE BODY AREA
   ========================================================================== */
.main-content[b-8l3fs8q6q7] {
  flex-grow: 1;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.main-footer[b-8l3fs8q6q7] {
  background: #fcfcfd;
  border-top: 1px solid #eff0f6;
  padding: 60px 0 40px;
  margin-top: auto;
}

.footer-container[b-8l3fs8q6q7] {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
}

.footer-top-row[b-8l3fs8q6q7] {
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 48px;
}

.footer-brand-col .logo-area[b-8l3fs8q6q7] {
  margin-bottom: 16px;
}
.footer-brand-col .brand-description[b-8l3fs8q6q7] {
  font-size: 13.5px;
  line-height: 1.6;
  color: #6e7191;
  max-width: 280px;
  margin: 0;
}

.footer-links-col[b-8l3fs8q6q7] {
  display: flex;
  flex-direction: column;
}
.footer-links-col h4[b-8l3fs8q6q7] {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8d9f;
  margin: 0 0 16px;
}
.footer-links-col a[b-8l3fs8q6q7] {
  font-size: 13.5px;
  color: #6e7191;
  text-decoration: none;
  margin-bottom: 12px;
  transition: color 0.15s ease;
}
.footer-links-col a:hover[b-8l3fs8q6q7] {
  color: #5c59f0;
}

.footer-divider[b-8l3fs8q6q7] {
  border: none;
  height: 1px;
  background: #eff0f6;
  margin: 40px 0 24px 0;
}

.footer-bottom-row[b-8l3fs8q6q7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}

.made-by[b-8l3fs8q6q7] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 8px;
  background: #17164f;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.15s ease;
}
.made-by:hover[b-8l3fs8q6q7] {
  background: #211f6b;
}
.made-by .made-by-label[b-8l3fs8q6q7] {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9fb0f0;
}
.made-by .made-by-mark[b-8l3fs8q6q7] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.made-by .made-by-name[b-8l3fs8q6q7] {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #ffffff;
}

/* ==========================================================================
   RESPONSIVENESS
   ========================================================================== */
@media (max-width: 768px) {
  .nav-menu[b-8l3fs8q6q7] {
    display: none; /* Simplifies mobile layout unless a toggle menu is implemented */
  }
  .footer-top-row[b-8l3fs8q6q7] {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .footer-bottom-row[b-8l3fs8q6q7] {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-hrha98pcfs],
.components-reconnect-repeated-attempt-visible[b-hrha98pcfs],
.components-reconnect-failed-visible[b-hrha98pcfs],
.components-pause-visible[b-hrha98pcfs],
.components-resume-failed-visible[b-hrha98pcfs],
.components-rejoining-animation[b-hrha98pcfs] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-hrha98pcfs],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-hrha98pcfs],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-hrha98pcfs],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-hrha98pcfs],
#components-reconnect-modal.components-reconnect-retrying[b-hrha98pcfs],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-hrha98pcfs],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-hrha98pcfs],
#components-reconnect-modal.components-reconnect-failed[b-hrha98pcfs],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-hrha98pcfs] {
    display: block;
}


#components-reconnect-modal[b-hrha98pcfs] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-hrha98pcfs 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-hrha98pcfs 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-hrha98pcfs 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-hrha98pcfs]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-hrha98pcfs 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-hrha98pcfs {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-hrha98pcfs {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-hrha98pcfs {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-hrha98pcfs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-hrha98pcfs] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-hrha98pcfs] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-hrha98pcfs] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-hrha98pcfs] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-hrha98pcfs] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-hrha98pcfs] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-hrha98pcfs 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-hrha98pcfs] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-hrha98pcfs {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/StudentLayout.razor.rz.scp.css */
.layout-container[b-90zhc73jk6] {
  display: flex;
  min-height: 100vh;
  width: 100%;
  background-color: #f7f8fa;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.layout-container .mobile-header[b-90zhc73jk6] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #ffffff;
  border-bottom: 1px solid #eff0f6;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 990;
}
.layout-container .mobile-header .mobile-logo .logo-text[b-90zhc73jk6] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.layout-container .mobile-header .mobile-toggle-btn[b-90zhc73jk6] {
  background: none;
  border: none;
  color: #6e7191;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.layout-container .mobile-header .mobile-toggle-btn:hover[b-90zhc73jk6] {
  background-color: #f8f9fc;
}
.layout-container .sidebar-overlay[b-90zhc73jk6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 995;
  backdrop-filter: blur(2px);
  transition: opacity 0.3s ease;
}
.layout-container .close-btn[b-90zhc73jk6] {
  display: none;
}
.layout-container .sidebar-left[b-90zhc73jk6] {
  width: 260px;
  background-color: #ffffff;
  border-right: 1px solid #eff0f6;
  display: flex;
  flex-direction: column;
  padding: 24px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.layout-container .sidebar-left .logo-area[b-90zhc73jk6] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}
.layout-container .sidebar-left .logo-area .logo-icon[b-90zhc73jk6] {
  width: 32px;
  height: 32px;
}
.layout-container .sidebar-left .logo-area .logo-text[b-90zhc73jk6] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.layout-container .sidebar-left .nav-section[b-90zhc73jk6] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 28px;
}
.layout-container .sidebar-left .nav-section .nav-section-title[b-90zhc73jk6] {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #a0aec0;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}
.layout-container .sidebar-left .nav-section .nav-item[b-90zhc73jk6] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #6e7191;
  text-decoration: none;
  transition: all 0.2s ease;
}
.layout-container .sidebar-left .nav-section .nav-item svg[b-90zhc73jk6] {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.layout-container .sidebar-left .nav-section .nav-item:hover[b-90zhc73jk6] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.layout-container .sidebar-left .nav-section .nav-item.active[b-90zhc73jk6] {
  background-color: #5c59f0;
  color: #ffffff;
}
.layout-container .sidebar-left .sidebar-promo[b-90zhc73jk6] {
  background: linear-gradient(135deg, #5c59f0, #805ad5);
  border-radius: 16px;
  padding: 20px;
  color: #ffffff;
  margin-top: auto;
  margin-bottom: 20px;
  position: relative;
}
.layout-container .sidebar-left .sidebar-promo .promo-avatar[b-90zhc73jk6] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-bottom: 12px;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.layout-container .sidebar-left .sidebar-promo .promo-title[b-90zhc73jk6] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
}
.layout-container .sidebar-left .sidebar-promo .promo-text[b-90zhc73jk6] {
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
  margin-bottom: 16px;
}
.layout-container .sidebar-left .sidebar-promo .promo-btn[b-90zhc73jk6] {
  background-color: #ffffff;
  color: #5c59f0;
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: background-color 0.2s;
}
.layout-container .sidebar-left .sidebar-promo .promo-btn:hover[b-90zhc73jk6] {
  background-color: #f1f3f9;
}
.layout-container .sidebar-left .sidebar-language[b-90zhc73jk6] {
  padding: 12px 0;
}
.layout-container .sidebar-left .sidebar-profile[b-90zhc73jk6] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #eff0f6;
}
.layout-container .sidebar-left .sidebar-profile .profile-avatar[b-90zhc73jk6] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f08b3b;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
  object-fit: cover;
}
.layout-container .sidebar-left .sidebar-profile .profile-info .profile-name[b-90zhc73jk6] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.layout-container .sidebar-left .sidebar-profile .profile-info .profile-role[b-90zhc73jk6] {
  font-size: 11px;
  color: #8a8d9f;
  margin: 0;
}
.layout-container .main-content[b-90zhc73jk6] {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.layout-container .sidebar-right[b-90zhc73jk6] {
  width: 320px;
  background-color: #fcfcfd;
  border-left: 1px solid #eff0f6;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.layout-container .sidebar-right .chat-widget[b-90zhc73jk6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 320px;
  overflow: hidden;
}
.layout-container .sidebar-right .chat-widget .chat-header[b-90zhc73jk6] {
  padding: 16px;
  border-bottom: 1px solid #eff0f6;
  display: flex;
  align-items: center;
  gap: 10px;
}
.layout-container .sidebar-right .chat-widget .chat-header .chat-mentor-avatar[b-90zhc73jk6] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #8b5cf6, #ec4899);
}
.layout-container .sidebar-right .chat-widget .chat-header .chat-mentor-info .chat-mentor-name[b-90zhc73jk6] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.layout-container .sidebar-right .chat-widget .chat-header .chat-mentor-info .chat-mentor-status[b-90zhc73jk6] {
  font-size: 11px;
  color: #8a8d9f;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.layout-container .sidebar-right .chat-widget .chat-header .chat-mentor-info .chat-mentor-status .status-dot[b-90zhc73jk6] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.layout-container .sidebar-right .chat-widget .chat-body[b-90zhc73jk6] {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-msg[b-90zhc73jk6] {
  max-width: 85%;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 12.5px;
  line-height: 1.4;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-msg p[b-90zhc73jk6] {
  margin: 0;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-msg.received[b-90zhc73jk6] {
  background-color: #f0efff;
  color: #1d1e2c;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-msg.sent[b-90zhc73jk6] {
  background-color: #1d1e2c;
  color: #ffffff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
.layout-container .sidebar-right .chat-widget .chat-input-area[b-90zhc73jk6] {
  padding: 12px;
  border-top: 1px solid #eff0f6;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #fcfcfd;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-input[b-90zhc73jk6] {
  flex: 1;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 12px;
  outline: none;
  background-color: #ffffff;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-input:focus[b-90zhc73jk6] {
  border-color: #5c59f0;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-send-btn[b-90zhc73jk6] {
  background-color: #5c59f0;
  border: none;
  border-radius: 10px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-send-btn svg[b-90zhc73jk6] {
  width: 14px;
  height: 14px;
  fill: #ffffff;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-send-btn:hover[b-90zhc73jk6] {
  background-color: #4b49df;
}
.layout-container .sidebar-right .widget-view-all-link[b-90zhc73jk6] {
  display: block;
  text-align: center;
  margin: 10px 0 20px;
  font-size: 12px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.layout-container .sidebar-right .widget-view-all-link:hover[b-90zhc73jk6] {
  text-decoration: underline;
}
.layout-container .sidebar-right .stats-section .section-title[b-90zhc73jk6] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin-bottom: 12px;
}
.layout-container .sidebar-right .stats-section .stats-grid[b-90zhc73jk6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.layout-container .sidebar-right .stats-section .stats-grid .stat-card[b-90zhc73jk6] {
  background-color: #f8f9fc;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.layout-container .sidebar-right .stats-section .stats-grid .stat-card .stat-num[b-90zhc73jk6] {
  font-size: 16px;
  font-weight: 700;
  color: #5c59f0;
}
.layout-container .sidebar-right .stats-section .stats-grid .stat-card .stat-label[b-90zhc73jk6] {
  font-size: 11px;
  color: #8a8d9f;
  font-weight: 500;
}
.layout-container .sidebar-right .upcoming-section .section-title[b-90zhc73jk6] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin-bottom: 12px;
}
.layout-container .sidebar-right .upcoming-section .event-list[b-90zhc73jk6] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item[b-90zhc73jk6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-date[b-90zhc73jk6] {
  background-color: #fff4eb;
  border-radius: 8px;
  width: 44px;
  height: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-date .day[b-90zhc73jk6] {
  font-size: 14px;
  font-weight: 700;
  color: #f08b3b;
  line-height: 1;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-date .month[b-90zhc73jk6] {
  font-size: 9px;
  font-weight: 700;
  color: #f08b3b;
  opacity: 0.8;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-info[b-90zhc73jk6] {
  flex: 1;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-info .event-name[b-90zhc73jk6] {
  font-size: 12px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-info .event-time[b-90zhc73jk6] {
  font-size: 11px;
  color: #8a8d9f;
  margin: 0;
}
@media (max-width: 1200px) {
  .layout-container[b-90zhc73jk6] {
    flex-direction: column;
  }
  .layout-container .mobile-header[b-90zhc73jk6] {
    display: flex;
  }
  .layout-container .main-content[b-90zhc73jk6] {
    padding-top: 60px;
  }
  .layout-container .close-btn.mobile-only[b-90zhc73jk6] {
    display: flex;
    align-self: flex-end;
    background: none;
    border: none;
    color: #8a8d9f;
    cursor: pointer;
    padding: 4px;
    margin-bottom: 16px;
  }
  .layout-container .sidebar-left[b-90zhc73jk6] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(-100%);
    box-shadow: 4px 0 24px rgba(15, 23, 42, 0.15);
  }
  .layout-container .sidebar-left.open[b-90zhc73jk6] {
    transform: translateX(0);
  }
  .layout-container .sidebar-right[b-90zhc73jk6] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(100%);
    box-shadow: -4px 0 24px rgba(15, 23, 42, 0.15);
  }
  .layout-container .sidebar-right.open[b-90zhc73jk6] {
    transform: translateX(0);
  }
}

.layout-container .main-content .review-banner[b-90zhc73jk6] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #ffe1c7;
  background-color: #fff4eb;
  color: #f08b3b;
  font-size: 13px;
  line-height: 1.55;
}
.layout-container .main-content .review-banner svg[b-90zhc73jk6] {
  flex-shrink: 0;
}
.layout-container .nav-item.locked[b-90zhc73jk6] {
  opacity: 0.45;
  pointer-events: none;
}
/* /Components/Layout/TeacherLayout.razor.rz.scp.css */
.layout-container[b-16hk43i2xa] {
  display: flex;
  min-height: 100vh;
  width: 100%;
  background-color: #f7f8fa;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.layout-container .mobile-header[b-16hk43i2xa] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #ffffff;
  border-bottom: 1px solid #eff0f6;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 990;
}
.layout-container .mobile-header .mobile-logo .logo-text[b-16hk43i2xa] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.layout-container .mobile-header .mobile-toggle-btn[b-16hk43i2xa] {
  background: none;
  border: none;
  color: #6e7191;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.layout-container .mobile-header .mobile-toggle-btn:hover[b-16hk43i2xa] {
  background-color: #f8f9fc;
}
.layout-container .sidebar-overlay[b-16hk43i2xa] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 995;
  backdrop-filter: blur(2px);
  transition: opacity 0.3s ease;
}
.layout-container .close-btn[b-16hk43i2xa] {
  display: none;
}
.layout-container .sidebar-left[b-16hk43i2xa] {
  width: 260px;
  background-color: #ffffff;
  border-right: 1px solid #eff0f6;
  display: flex;
  flex-direction: column;
  padding: 24px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.layout-container .sidebar-left .logo-area[b-16hk43i2xa] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}
.layout-container .sidebar-left .logo-area .logo-icon[b-16hk43i2xa] {
  width: 32px;
  height: 32px;
}
.layout-container .sidebar-left .logo-area .logo-text[b-16hk43i2xa] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.layout-container .sidebar-left .nav-section[b-16hk43i2xa] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 28px;
}
.layout-container .sidebar-left .nav-section .nav-section-title[b-16hk43i2xa] {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #a0aec0;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}
.layout-container .sidebar-left .nav-section .nav-item[b-16hk43i2xa] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #6e7191;
  text-decoration: none;
  transition: all 0.2s ease;
}
.layout-container .sidebar-left .nav-section .nav-item svg[b-16hk43i2xa] {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.layout-container .sidebar-left .nav-section .nav-item:hover[b-16hk43i2xa] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.layout-container .sidebar-left .nav-section .nav-item.active[b-16hk43i2xa] {
  background-color: #5c59f0;
  color: #ffffff;
}
.layout-container .sidebar-left .sidebar-promo[b-16hk43i2xa] {
  background: linear-gradient(135deg, #5c59f0, #805ad5);
  border-radius: 16px;
  padding: 20px;
  color: #ffffff;
  margin-top: auto;
  margin-bottom: 20px;
  position: relative;
}
.layout-container .sidebar-left .sidebar-promo .promo-avatar[b-16hk43i2xa] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-bottom: 12px;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.layout-container .sidebar-left .sidebar-promo .promo-title[b-16hk43i2xa] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
}
.layout-container .sidebar-left .sidebar-promo .promo-text[b-16hk43i2xa] {
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
  margin-bottom: 16px;
}
.layout-container .sidebar-left .sidebar-promo .promo-btn[b-16hk43i2xa] {
  background-color: #ffffff;
  color: #5c59f0;
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: background-color 0.2s;
}
.layout-container .sidebar-left .sidebar-promo .promo-btn:hover[b-16hk43i2xa] {
  background-color: #f1f3f9;
}
.layout-container .sidebar-left .sidebar-language[b-16hk43i2xa] {
  padding: 12px 0;
}
.layout-container .sidebar-left .sidebar-profile[b-16hk43i2xa] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #eff0f6;
}
.layout-container .sidebar-left .sidebar-profile .profile-avatar[b-16hk43i2xa] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f08b3b;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
  object-fit: cover;
}
.layout-container .sidebar-left .sidebar-profile .profile-info .profile-name[b-16hk43i2xa] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.layout-container .sidebar-left .sidebar-profile .profile-info .profile-role[b-16hk43i2xa] {
  font-size: 11px;
  color: #8a8d9f;
  margin: 0;
}
.layout-container .main-content[b-16hk43i2xa] {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.layout-container .sidebar-right[b-16hk43i2xa] {
  width: 320px;
  background-color: #fcfcfd;
  border-left: 1px solid #eff0f6;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.layout-container .sidebar-right .chat-widget[b-16hk43i2xa] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 320px;
  overflow: hidden;
}
.layout-container .sidebar-right .chat-widget .chat-header[b-16hk43i2xa] {
  padding: 16px;
  border-bottom: 1px solid #eff0f6;
  display: flex;
  align-items: center;
  gap: 10px;
}
.layout-container .sidebar-right .chat-widget .chat-header .chat-mentor-avatar[b-16hk43i2xa] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #8b5cf6, #ec4899);
}
.layout-container .sidebar-right .chat-widget .chat-header .chat-mentor-info .chat-mentor-name[b-16hk43i2xa] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.layout-container .sidebar-right .chat-widget .chat-header .chat-mentor-info .chat-mentor-status[b-16hk43i2xa] {
  font-size: 11px;
  color: #8a8d9f;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.layout-container .sidebar-right .chat-widget .chat-header .chat-mentor-info .chat-mentor-status .status-dot[b-16hk43i2xa] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.layout-container .sidebar-right .chat-widget .chat-body[b-16hk43i2xa] {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-empty[b-16hk43i2xa] {
  margin: auto 0;
  text-align: center;
  font-size: 12.5px;
  color: #8a8d9f;
  line-height: 1.5;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-msg[b-16hk43i2xa] {
  max-width: 85%;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 12.5px;
  line-height: 1.4;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-msg p[b-16hk43i2xa] {
  margin: 0;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-msg.received[b-16hk43i2xa] {
  background-color: #f0efff;
  color: #1d1e2c;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
.layout-container .sidebar-right .chat-widget .chat-body .chat-msg.sent[b-16hk43i2xa] {
  background-color: #1d1e2c;
  color: #ffffff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
.layout-container .sidebar-right .chat-widget .chat-input-area[b-16hk43i2xa] {
  padding: 12px;
  border-top: 1px solid #eff0f6;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #fcfcfd;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-input[b-16hk43i2xa] {
  flex: 1;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 12px;
  outline: none;
  background-color: #ffffff;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-input:focus[b-16hk43i2xa] {
  border-color: #5c59f0;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-send-btn[b-16hk43i2xa] {
  background-color: #5c59f0;
  border: none;
  border-radius: 10px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-send-btn svg[b-16hk43i2xa] {
  width: 14px;
  height: 14px;
  fill: #ffffff;
}
.layout-container .sidebar-right .chat-widget .chat-input-area .chat-send-btn:hover[b-16hk43i2xa] {
  background-color: #4b49df;
}
.layout-container .sidebar-right .stats-section .section-title[b-16hk43i2xa] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin-bottom: 12px;
}
.layout-container .sidebar-right .stats-section .stats-grid[b-16hk43i2xa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.layout-container .sidebar-right .stats-section .stats-grid .stat-card[b-16hk43i2xa] {
  background-color: #f8f9fc;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.layout-container .sidebar-right .stats-section .stats-grid .stat-card .stat-num[b-16hk43i2xa] {
  font-size: 16px;
  font-weight: 700;
  color: #5c59f0;
}
.layout-container .sidebar-right .stats-section .stats-grid .stat-card .stat-label[b-16hk43i2xa] {
  font-size: 11px;
  color: #8a8d9f;
  font-weight: 500;
}
.layout-container .sidebar-right .upcoming-section .section-title[b-16hk43i2xa] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin-bottom: 12px;
}
.layout-container .sidebar-right .upcoming-section .event-list[b-16hk43i2xa] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item[b-16hk43i2xa] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-date[b-16hk43i2xa] {
  background-color: #fff4eb;
  border-radius: 8px;
  width: 44px;
  height: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-date .day[b-16hk43i2xa] {
  font-size: 14px;
  font-weight: 700;
  color: #f08b3b;
  line-height: 1;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-date .month[b-16hk43i2xa] {
  font-size: 9px;
  font-weight: 700;
  color: #f08b3b;
  opacity: 0.8;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-info[b-16hk43i2xa] {
  flex: 1;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-info .event-name[b-16hk43i2xa] {
  font-size: 12px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.layout-container .sidebar-right .upcoming-section .event-list .event-item .event-info .event-time[b-16hk43i2xa] {
  font-size: 11px;
  color: #8a8d9f;
  margin: 0;
}
@media (max-width: 1200px) {
  .layout-container[b-16hk43i2xa] {
    flex-direction: column;
  }
  .layout-container .mobile-header[b-16hk43i2xa] {
    display: flex;
  }
  .layout-container .main-content[b-16hk43i2xa] {
    padding-top: 60px;
  }
  .layout-container .close-btn.mobile-only[b-16hk43i2xa] {
    display: flex;
    align-self: flex-end;
    background: none;
    border: none;
    color: #8a8d9f;
    cursor: pointer;
    padding: 4px;
    margin-bottom: 16px;
  }
  .layout-container .sidebar-left[b-16hk43i2xa] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(-100%);
    box-shadow: 4px 0 24px rgba(15, 23, 42, 0.15);
  }
  .layout-container .sidebar-left.open[b-16hk43i2xa] {
    transform: translateX(0);
  }
  .layout-container .sidebar-right[b-16hk43i2xa] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(100%);
    box-shadow: -4px 0 24px rgba(15, 23, 42, 0.15);
  }
  .layout-container .sidebar-right.open[b-16hk43i2xa] {
    transform: translateX(0);
  }
}

.layout-container .main-content .review-banner[b-16hk43i2xa] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #ffe1c7;
  background-color: #fff4eb;
  color: #f08b3b;
  font-size: 13px;
  line-height: 1.55;
}
.layout-container .main-content .review-banner svg[b-16hk43i2xa] {
  flex-shrink: 0;
}
.layout-container .nav-item.locked[b-16hk43i2xa] {
  opacity: 0.45;
  pointer-events: none;
}
/* /Components/Shared/AssessmentEditor.razor.rz.scp.css */
.ae-card[b-uu5fxj4jbx] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ae-card *[b-uu5fxj4jbx] {
  box-sizing: border-box;
}
.ae-card .ae-head[b-uu5fxj4jbx] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.ae-card .ae-head .ae-head-text .ae-title[b-uu5fxj4jbx] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px;
}
.ae-card .ae-head .ae-head-text .ae-sub[b-uu5fxj4jbx] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  max-width: 62ch;
}
.ae-card .ae-head .ae-progress[b-uu5fxj4jbx] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.ae-card .ae-head .ae-progress .ae-progress-num[b-uu5fxj4jbx] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
  line-height: 1;
}
.ae-card .ae-head .ae-progress .ae-progress-num .ae-progress-of[b-uu5fxj4jbx] {
  font-size: 14px;
  color: #6e7191;
  font-weight: 600;
}
.ae-card .ae-head .ae-progress .ae-progress-lbl[b-uu5fxj4jbx] {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #6e7191;
  margin-top: 4px;
}
.ae-card .ae-notice[b-uu5fxj4jbx] {
  font-size: 12.5px;
  border-radius: 12px;
  padding: 12px 14px;
  line-height: 1.5;
}
.ae-card .ae-notice.ae-notice-error[b-uu5fxj4jbx] {
  color: #d64545;
  background-color: #fdeeee;
}
.ae-card .ae-notice.ae-notice-ok[b-uu5fxj4jbx] {
  color: #1fad7a;
  background-color: #e8f8f2;
}
.ae-card .ae-empty[b-uu5fxj4jbx] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 12px;
}
.ae-card .ae-lang[b-uu5fxj4jbx] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ae-card .ae-lang .ae-label[b-uu5fxj4jbx] {
  font-size: 11.5px;
  font-weight: 600;
  color: #6e7191;
  white-space: nowrap;
}
.ae-card .ae-lang .ae-select[b-uu5fxj4jbx] {
  width: auto;
  min-width: 150px;
}
.ae-card .ae-list[b-uu5fxj4jbx] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ae-card .ae-list .ae-item[b-uu5fxj4jbx] {
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ae-card .ae-list .ae-item.ae-item-done[b-uu5fxj4jbx] {
  background-color: #fcfcfd;
}
.ae-card .ae-list .ae-item .ae-item-head[b-uu5fxj4jbx] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.ae-card .ae-list .ae-item .ae-item-head .ae-num[b-uu5fxj4jbx] {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ae-card .ae-list .ae-item .ae-item-head .ae-question[b-uu5fxj4jbx] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.ae-card .ae-list .ae-item .ae-item-head .ae-tick[b-uu5fxj4jbx] {
  flex-shrink: 0;
  color: #1fad7a;
  font-size: 14px;
  font-weight: 700;
}
.ae-card .ae-list .ae-item .ae-item-actions[b-uu5fxj4jbx] {
  display: flex;
  justify-content: flex-end;
}
.ae-card .ae-input[b-uu5fxj4jbx] {
  width: 100%;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
  font-family: inherit;
}
.ae-card .ae-input:focus[b-uu5fxj4jbx] {
  border-color: #5c59f0;
}
.ae-card .ae-textarea[b-uu5fxj4jbx] {
  resize: vertical;
  line-height: 1.55;
}
.ae-card .ae-textarea.ae-textarea-live[b-uu5fxj4jbx] {
  border-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.ae-card .ae-actions[b-uu5fxj4jbx] {
  display: flex;
  justify-content: flex-end;
}
.ae-card .ae-btn[b-uu5fxj4jbx] {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 10px;
  padding: 9px 15px;
  cursor: pointer;
  border: 1px solid transparent;
}
.ae-card .ae-btn:disabled[b-uu5fxj4jbx] {
  opacity: 0.55;
  cursor: default;
}
.ae-card .ae-btn.ae-btn-primary[b-uu5fxj4jbx] {
  color: #ffffff;
  background-color: #5c59f0;
}
.ae-card .ae-btn.ae-btn-quiet[b-uu5fxj4jbx] {
  color: #6e7191;
  background-color: #ffffff;
  border-color: #eff0f6;
}

@media (max-width: 720px) {
  .ae-card .ae-head[b-uu5fxj4jbx] {
    flex-direction: column;
  }
  .ae-card .ae-head .ae-progress[b-uu5fxj4jbx] {
    align-items: flex-start;
  }
}
/* /Components/Shared/CompetencyBars.razor.rz.scp.css */
.cb-card[b-zkz6l9zmwv] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.cb-card *[b-zkz6l9zmwv] {
  box-sizing: border-box;
}
.cb-card .cb-head[b-zkz6l9zmwv] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.cb-card .cb-head .cb-icon[b-zkz6l9zmwv] {
  flex-shrink: 0;
}
.cb-card .cb-head .cb-title[b-zkz6l9zmwv] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.cb-card .cb-empty[b-zkz6l9zmwv] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 12px;
}
.cb-card .cb-list[b-zkz6l9zmwv] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cb-card .cb-list .cb-row[b-zkz6l9zmwv] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cb-card .cb-list .cb-row .cb-labels[b-zkz6l9zmwv] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.cb-card .cb-list .cb-row .cb-labels .cb-name[b-zkz6l9zmwv] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.cb-card .cb-list .cb-row .cb-labels .cb-value[b-zkz6l9zmwv] {
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.cb-card .cb-list .cb-row .cb-labels .cb-value.cb-tone-purple[b-zkz6l9zmwv] {
  color: #5c59f0;
}
.cb-card .cb-list .cb-row .cb-labels .cb-value.cb-tone-orange[b-zkz6l9zmwv] {
  color: #f08b3b;
}
.cb-card .cb-list .cb-row .cb-track[b-zkz6l9zmwv] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.cb-card .cb-list .cb-row .cb-track .cb-fill[b-zkz6l9zmwv] {
  height: 100%;
  border-radius: 3px;
}
.cb-card .cb-list .cb-row .cb-track .cb-fill.cb-fill-purple[b-zkz6l9zmwv] {
  background-color: #5c59f0;
}
.cb-card .cb-list .cb-row .cb-track .cb-fill.cb-fill-orange[b-zkz6l9zmwv] {
  background-color: #f08b3b;
}
.cb-card .cb-list .cb-row .cb-evidence[b-zkz6l9zmwv] {
  font-size: 11.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 2px 0 0;
}
/* /Components/Shared/DiscussionThreadList.razor.rz.scp.css */
.dl-list[b-3k3211vkzk] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.dl-list *[b-3k3211vkzk] {
  box-sizing: border-box;
}
.dl-list .dl-card[b-3k3211vkzk] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.dl-list .dl-left[b-3k3211vkzk] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}
.dl-list .dl-icon[b-3k3211vkzk] {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dl-list .dl-icon svg[b-3k3211vkzk] {
  fill: currentColor;
}
.dl-list .dl-info[b-3k3211vkzk] {
  min-width: 0;
}
.dl-list .dl-info .dl-title[b-3k3211vkzk] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 2px 0;
  overflow-wrap: anywhere;
}
.dl-list .dl-info .dl-sub[b-3k3211vkzk] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0 0 6px 0;
}
.dl-list .dl-ai[b-3k3211vkzk] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: #1fad7a;
  background-color: #e8f8f2;
  padding: 3px 9px;
  border-radius: 10px;
}
.dl-list .dl-ai .dl-ai-dot[b-3k3211vkzk] {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #1fad7a;
  display: inline-block;
}
.dl-list .dl-right[b-3k3211vkzk] {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
.dl-list .dl-stat[b-3k3211vkzk] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dl-list .dl-stat .dl-num[b-3k3211vkzk] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
}
.dl-list .dl-stat .dl-lbl[b-3k3211vkzk] {
  font-size: 9.5px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.dl-list .dl-view[b-3k3211vkzk] {
  background-color: #5c59f0;
  color: #ffffff;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.dl-list .dl-view:hover[b-3k3211vkzk] {
  background-color: #4b49df;
}
.dl-list .dl-empty[b-3k3211vkzk] {
  background-color: #ffffff;
  border: 1px dashed #eff0f6;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  color: #8a8d9f;
  font-size: 13.5px;
}

@media (max-width: 850px) {
  .dl-list .dl-card[b-3k3211vkzk] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .dl-list .dl-card .dl-right[b-3k3211vkzk] {
    width: 100%;
    justify-content: space-between;
  }
}
/* /Components/Shared/DiscussionThreadView.razor.rz.scp.css */
.dv-page[b-wgdwr1jcvl] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
  max-width: 960px;
}
.dv-page *[b-wgdwr1jcvl] {
  box-sizing: border-box;
}
.dv-page .dv-back a[b-wgdwr1jcvl] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #5c59f0;
  text-decoration: none;
  text-transform: uppercase;
}
.dv-page .dv-back a:hover[b-wgdwr1jcvl] {
  text-decoration: underline;
}
.dv-page .dv-head[b-wgdwr1jcvl] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.dv-page .dv-head .dv-context[b-wgdwr1jcvl] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.dv-page .dv-head .dv-title[b-wgdwr1jcvl] {
  font-size: 24px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 10px 0;
  overflow-wrap: anywhere;
}
.dv-page .dv-head .dv-meta[b-wgdwr1jcvl] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12.5px;
  color: #6e7191;
}
.dv-page .dv-status[b-wgdwr1jcvl] {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 10px;
  letter-spacing: 0.3px;
}
.dv-page .dv-status.dv-status-active[b-wgdwr1jcvl] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.dv-page .dv-status.dv-status-needsattention[b-wgdwr1jcvl] {
  background-color: #fff4e5;
  color: #d9822b;
}
.dv-page .dv-status.dv-status-archived[b-wgdwr1jcvl] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.dv-page .dv-ai[b-wgdwr1jcvl] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: #1fad7a;
  background-color: #e8f8f2;
  padding: 3px 9px;
  border-radius: 10px;
}
.dv-page .dv-ai .dv-ai-dot[b-wgdwr1jcvl] {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #1fad7a;
  display: inline-block;
}
.dv-page .dv-section[b-wgdwr1jcvl] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 8px 0 0 0;
}
.dv-page .dv-posts[b-wgdwr1jcvl] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dv-page .dv-post[b-wgdwr1jcvl] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  padding: 18px 22px;
  display: flex;
  gap: 14px;
}
.dv-page .dv-post.dv-post-opening[b-wgdwr1jcvl] {
  border-color: #d9d8fb;
  background-color: #fbfbff;
}
.dv-page .dv-post.dv-post-mine[b-wgdwr1jcvl] {
  border-color: #d9d8fb;
}
.dv-page .dv-avatar[b-wgdwr1jcvl] {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  background-color: #5c59f0;
}
.dv-page .dv-avatar.dv-avatar-orange[b-wgdwr1jcvl] {
  background-color: #f28c3c;
}
.dv-page .dv-avatar.dv-avatar-blue[b-wgdwr1jcvl] {
  background-color: #3b82f6;
}
.dv-page .dv-avatar.dv-avatar-purple[b-wgdwr1jcvl] {
  background-color: #5c59f0;
}
.dv-page .dv-avatar.dv-avatar-green[b-wgdwr1jcvl] {
  background-color: #1fad7a;
}
.dv-page .dv-post-main[b-wgdwr1jcvl] {
  min-width: 0;
  flex: 1;
}
.dv-page .dv-post-head[b-wgdwr1jcvl] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}
.dv-page .dv-post-head .dv-author[b-wgdwr1jcvl] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.dv-page .dv-post-head .dv-time[b-wgdwr1jcvl] {
  font-size: 12px;
  color: #8a8d9f;
}
.dv-page .dv-badge[b-wgdwr1jcvl] {
  font-size: 10.5px;
  font-weight: 700;
  color: #5c59f0;
  background-color: #f0efff;
  padding: 2px 8px;
  border-radius: 8px;
}
.dv-page .dv-body[b-wgdwr1jcvl] {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #1d1e2c;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.dv-page .dv-empty[b-wgdwr1jcvl] {
  background-color: #ffffff;
  border: 1px dashed #eff0f6;
  border-radius: 16px;
  padding: 28px;
  text-align: center;
  color: #8a8d9f;
  font-size: 13.5px;
}
.dv-page .dv-notice[b-wgdwr1jcvl] {
  font-size: 12.5px;
  line-height: 1.5;
  padding: 10px 14px;
  border-radius: 12px;
}
.dv-page .dv-notice.dv-notice-error[b-wgdwr1jcvl] {
  color: #d64545;
  background-color: #fdeeee;
}
.dv-page .dv-notice.dv-notice-ok[b-wgdwr1jcvl] {
  color: #1fad7a;
  background-color: #e8f8f2;
}
.dv-page .dv-notice.dv-notice-muted[b-wgdwr1jcvl] {
  color: #6e7191;
  background-color: #f6f7fb;
}
.dv-page .dv-reply[b-wgdwr1jcvl] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dv-page .dv-reply .dv-reply-label[b-wgdwr1jcvl] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
}
.dv-page .dv-reply .dv-reply-actions[b-wgdwr1jcvl] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
.dv-page .dv-reply .dv-count[b-wgdwr1jcvl] {
  margin-right: auto;
  font-size: 11.5px;
  color: #8a8d9f;
}
.dv-page .dv-reply .dv-hint[b-wgdwr1jcvl] {
  margin: 0;
  font-size: 11.5px;
  color: #6e7191;
}
.dv-page .dv-input[b-wgdwr1jcvl] {
  width: 100%;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.6;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 12px 14px;
  outline: none;
  resize: vertical;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.dv-page .dv-input:focus[b-wgdwr1jcvl] {
  border-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.dv-page .dv-input:disabled[b-wgdwr1jcvl] {
  background-color: #fafafd;
  cursor: not-allowed;
}
.dv-page .dv-btn[b-wgdwr1jcvl] {
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  border-radius: 999px;
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.dv-page .dv-btn:disabled[b-wgdwr1jcvl] {
  opacity: 0.6;
  cursor: not-allowed;
}
.dv-page .dv-btn.dv-btn-primary[b-wgdwr1jcvl] {
  color: #ffffff;
  background-color: #5c59f0;
}
.dv-page .dv-btn.dv-btn-primary:hover:not(:disabled)[b-wgdwr1jcvl] {
  background-color: #4b49df;
}
.dv-page .dv-btn.dv-btn-outline[b-wgdwr1jcvl] {
  color: #5c59f0;
  background-color: #ffffff;
  border-color: #5c59f0;
}
.dv-page .dv-btn.dv-btn-outline:hover:not(:disabled)[b-wgdwr1jcvl] {
  background-color: #f0efff;
}

@media (max-width: 640px) {
  .dv-page[b-wgdwr1jcvl] {
    padding: 24px 16px;
  }
  .dv-page .dv-head[b-wgdwr1jcvl] {
    flex-direction: column;
  }
}
/* /Components/Shared/LanguageSwitcher.razor.rz.scp.css */
.ls-switcher[b-uar6ijicf5] {
  display: inline-flex;
  gap: 4px;
  padding: 3px;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  background-color: #ffffff;
}

.ls-option[b-uar6ijicf5] {
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #6e7191;
  cursor: pointer;
}
.ls-option:hover[b-uar6ijicf5] {
  color: #5c59f0;
}
.ls-option.active[b-uar6ijicf5] {
  background-color: #f0efff;
  color: #5c59f0;
}
/* /Components/Shared/LearningGoalsEditor.razor.rz.scp.css */
.lg-card[b-v2t16ltp5e] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lg-card *[b-v2t16ltp5e] {
  box-sizing: border-box;
}
.lg-card .lg-head[b-v2t16ltp5e] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.lg-card .lg-head .lg-head-text .lg-title[b-v2t16ltp5e] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px;
}
.lg-card .lg-head .lg-head-text .lg-sub[b-v2t16ltp5e] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  max-width: 62ch;
}
.lg-card .lg-notice[b-v2t16ltp5e] {
  font-size: 12.5px;
  border-radius: 12px;
  padding: 12px 14px;
  line-height: 1.5;
}
.lg-card .lg-notice.lg-notice-error[b-v2t16ltp5e] {
  color: #d64545;
  background-color: #fdeeee;
}
.lg-card .lg-empty[b-v2t16ltp5e] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 12px;
}
.lg-card .lg-item[b-v2t16ltp5e] {
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lg-card .lg-item.lg-item-closed[b-v2t16ltp5e] {
  opacity: 0.62;
}
.lg-card .lg-item .lg-item-head[b-v2t16ltp5e] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.lg-card .lg-item .lg-item-head .lg-item-titles .lg-item-title[b-v2t16ltp5e] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 3px;
}
.lg-card .lg-item .lg-item-head .lg-item-titles .lg-item-sub[b-v2t16ltp5e] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0 0 6px;
  line-height: 1.5;
}
.lg-card .lg-item .lg-item-head .lg-item-titles .lg-item-meta[b-v2t16ltp5e] {
  font-size: 11.5px;
  color: #6e7191;
  margin: 0;
}
.lg-card .lg-item .lg-item-head .lg-item-titles .lg-item-meta .lg-tag[b-v2t16ltp5e] {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #5c59f0;
  background-color: #f0efff;
  border-radius: 6px;
  padding: 2px 7px;
}
.lg-card .lg-item .lg-item-head .lg-item-right[b-v2t16ltp5e] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  flex-shrink: 0;
}
.lg-card .lg-item .lg-item-head .lg-item-right .lg-percent[b-v2t16ltp5e] {
  font-size: 19px;
  font-weight: 700;
  color: #1d1e2c;
  line-height: 1;
}
.lg-card .lg-item .lg-item-head .lg-item-right .lg-status[b-v2t16ltp5e] {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.lg-card .lg-item .lg-item-head .lg-item-right .lg-status.lg-status-started[b-v2t16ltp5e] {
  color: #6e7191;
}
.lg-card .lg-item .lg-item-head .lg-item-right .lg-status.lg-status-ontrack[b-v2t16ltp5e] {
  color: #5c59f0;
}
.lg-card .lg-item .lg-item-head .lg-item-right .lg-status.lg-status-risk[b-v2t16ltp5e] {
  color: #f08b3b;
}
.lg-card .lg-item .lg-item-head .lg-item-right .lg-status.lg-status-done[b-v2t16ltp5e] {
  color: #1fad7a;
}
.lg-card .lg-item .lg-item-head .lg-item-right .lg-status.lg-status-muted[b-v2t16ltp5e] {
  color: #6e7191;
}
.lg-card .lg-item .lg-track[b-v2t16ltp5e] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.lg-card .lg-item .lg-track .lg-fill[b-v2t16ltp5e] {
  height: 100%;
  border-radius: 3px;
  background-color: #5c59f0;
}
.lg-card .lg-item .lg-item-desc[b-v2t16ltp5e] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0;
}
.lg-card .lg-item .lg-item-actions[b-v2t16ltp5e] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.lg-card .lg-form[b-v2t16ltp5e] {
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lg-card .lg-form .lg-grid[b-v2t16ltp5e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.lg-card .lg-form .lg-grid .lg-field[b-v2t16ltp5e] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lg-card .lg-form .lg-grid .lg-field.lg-field-wide[b-v2t16ltp5e] {
  grid-column: 1/-1;
}
.lg-card .lg-form .lg-grid .lg-field .lg-label[b-v2t16ltp5e] {
  font-size: 11.5px;
  font-weight: 600;
  color: #6e7191;
}
.lg-card .lg-form .lg-grid .lg-field .lg-input[b-v2t16ltp5e] {
  width: 100%;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
  font-family: inherit;
}
.lg-card .lg-form .lg-grid .lg-field .lg-input:focus[b-v2t16ltp5e] {
  border-color: #5c59f0;
}
.lg-card .lg-form .lg-grid .lg-field .lg-textarea[b-v2t16ltp5e] {
  resize: vertical;
  line-height: 1.55;
}
.lg-card .lg-form .lg-grid .lg-field .lg-range[b-v2t16ltp5e] {
  width: 100%;
  accent-color: #5c59f0;
}
.lg-card .lg-form .lg-form-actions[b-v2t16ltp5e] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.lg-card .lg-btn[b-v2t16ltp5e] {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 10px;
  padding: 9px 15px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: opacity 0.15s ease;
}
.lg-card .lg-btn:disabled[b-v2t16ltp5e] {
  opacity: 0.55;
  cursor: default;
}
.lg-card .lg-btn.lg-btn-primary[b-v2t16ltp5e] {
  color: #ffffff;
  background-color: #5c59f0;
}
.lg-card .lg-btn.lg-btn-outline[b-v2t16ltp5e] {
  color: #5c59f0;
  background-color: #ffffff;
  border-color: #5c59f0;
}
.lg-card .lg-btn.lg-btn-quiet[b-v2t16ltp5e] {
  color: #6e7191;
  background-color: #ffffff;
  border-color: #eff0f6;
}

@media (max-width: 720px) {
  .lg-card .lg-form .lg-grid[b-v2t16ltp5e] {
    grid-template-columns: minmax(0, 1fr);
  }
  .lg-card .lg-head[b-v2t16ltp5e] {
    flex-direction: column;
  }
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.nbell[b-vw05o1by85] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.nbell .nbell-btn[b-vw05o1by85] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
  color: #1d1e2c;
}
.nbell .nbell-btn .nbell-dot[b-vw05o1by85] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.nbell .nbell-panel[b-vw05o1by85]{
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 380px;
  max-height: 440px;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(29,30,44,.14);
  z-index: 40;
  padding: 6px 0 10px;
  animation: nbell-panel-in-b-vw05o1by85 .14s ease-out;
}
.nbell .nbell-panel[b-vw05o1by85]::-webkit-scrollbar{
  width: 6px;
}
.nbell .nbell-panel[b-vw05o1by85]::-webkit-scrollbar-thumb{
  background-color: #eff0f6;
  border-radius: 6px;
}
.nbell .nbell-panel .nbell-panel-title[b-vw05o1by85]{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px 10px;
  border-bottom: 1px solid #eff0f6;
  margin-bottom: 4px;
}
.nbell .nbell-panel .nbell-panel-title span[b-vw05o1by85]{
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.nbell .nbell-panel .nbell-panel-title .nbell-count-badge[b-vw05o1by85]{
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
}
.nbell .nbell-panel .nbell-panel-header[b-vw05o1by85]{
  font-size: 11px;
  font-weight: 700;
  color: #6e7191;
  letter-spacing: .6px;
  text-transform: uppercase;
  padding: 12px 18px 6px;
}
.nbell .nbell-panel .nbell-empty[b-vw05o1by85]{
  font-size: 13.5px;
  color: #6e7191;
  padding: 28px 18px;
  margin: 0;
  text-align: center;
}
.nbell .nbell-panel .nbell-row[b-vw05o1by85]{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 18px;
  text-align: left;
  transition: background-color .15s;
}
.nbell .nbell-panel .nbell-row:hover[b-vw05o1by85]{
  background-color: #faf9ff;
}
.nbell .nbell-panel .nbell-row .nbell-dot-icon[b-vw05o1by85]{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
  background-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.nbell .nbell-panel .nbell-row.nbell-row-alert .nbell-dot-icon[b-vw05o1by85]{
  background-color: #f08b3b;
  box-shadow: 0 0 0 3px #fff4eb;
}
.nbell .nbell-panel .nbell-row .nbell-row-body[b-vw05o1by85]{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.nbell .nbell-panel .nbell-row .nbell-row-body .nbell-row-title[b-vw05o1by85]{
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.4;
}
.nbell .nbell-panel .nbell-row .nbell-row-body .nbell-row-detail[b-vw05o1by85]{
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}

@keyframes nbell-panel-in-b-vw05o1by85 {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* /Components/Shared/ProfileEditor.razor.rz.scp.css */
.pe-card[b-g5zm3jqm6s] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pe-card *[b-g5zm3jqm6s] {
  box-sizing: border-box;
}
.pe-card .pe-head .pe-title[b-g5zm3jqm6s] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.pe-card .pe-head .pe-sub[b-g5zm3jqm6s] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 6px 0 0 0;
}
.pe-card .pe-notice[b-g5zm3jqm6s] {
  font-size: 12.5px;
  line-height: 1.5;
  padding: 10px 14px;
  border-radius: 12px;
}
.pe-card .pe-notice.pe-notice-error[b-g5zm3jqm6s] {
  color: #d64545;
  background-color: #fdeeee;
}
.pe-card .pe-notice.pe-notice-ok[b-g5zm3jqm6s] {
  color: #1f8a5f;
  background-color: #eafaf2;
}
.pe-card .pe-avatar-row[b-g5zm3jqm6s] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eff0f6;
}
.pe-card .pe-avatar[b-g5zm3jqm6s] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
}
.pe-card .pe-avatar-fallback[b-g5zm3jqm6s] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  background-color: #5c59f0;
}
.pe-card .pe-avatar-actions[b-g5zm3jqm6s] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.pe-card .pe-grid[b-g5zm3jqm6s] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.pe-card .pe-field[b-g5zm3jqm6s] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.pe-card .pe-field.pe-field-wide[b-g5zm3jqm6s] {
  grid-column: 1/-1;
}
.pe-card .pe-label[b-g5zm3jqm6s] {
  font-size: 12px;
  font-weight: 700;
  color: #1d1e2c;
  letter-spacing: 0.2px;
}
.pe-card .pe-hint[b-g5zm3jqm6s] {
  font-size: 11.5px;
  color: #6e7191;
  line-height: 1.5;
}
.pe-card .pe-input[b-g5zm3jqm6s] {
  width: 100%;
  font-family: inherit;
  font-size: 13.5px;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 11px 14px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.pe-card .pe-input[b-g5zm3jqm6s]::placeholder {
  color: #a5a8bb;
}
.pe-card .pe-input:focus[b-g5zm3jqm6s] {
  border-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.pe-card .pe-input:disabled[b-g5zm3jqm6s] {
  color: #6e7191;
  background-color: #fafafd;
  cursor: not-allowed;
}
.pe-card .pe-textarea[b-g5zm3jqm6s] {
  resize: vertical;
  line-height: 1.6;
}
.pe-card .pe-pills[b-g5zm3jqm6s] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pe-card .pe-pill[b-g5zm3jqm6s] {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 999px;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.pe-card .pe-pill:hover[b-g5zm3jqm6s] {
  border-color: #d9daea;
}
.pe-card .pe-pill.active[b-g5zm3jqm6s] {
  color: #5c59f0;
  background-color: #f0efff;
  border-color: #5c59f0;
}
.pe-card .pe-doc-row[b-g5zm3jqm6s] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid #eff0f6;
}
.pe-card .pe-doc-text[b-g5zm3jqm6s] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.pe-card .pe-save-row[b-g5zm3jqm6s] {
  display: flex;
  justify-content: flex-end;
}
.pe-card .pe-btn[b-g5zm3jqm6s] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  border-radius: 999px;
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.pe-card .pe-btn:disabled[b-g5zm3jqm6s] {
  opacity: 0.6;
  cursor: not-allowed;
}
.pe-card .pe-btn-primary[b-g5zm3jqm6s] {
  color: #ffffff;
  background-color: #5c59f0;
}
.pe-card .pe-btn-primary:hover:not(:disabled)[b-g5zm3jqm6s] {
  background-color: #4a47d6;
}
.pe-card .pe-btn-outline[b-g5zm3jqm6s] {
  color: #5c59f0;
  background-color: #ffffff;
  border-color: #5c59f0;
  position: relative;
  overflow: hidden;
}
.pe-card .pe-btn-outline:hover[b-g5zm3jqm6s] {
  background-color: #f0efff;
}
.pe-card .pe-btn-quiet[b-g5zm3jqm6s] {
  color: #6e7191;
  background-color: #ffffff;
  border-color: #eff0f6;
}
.pe-card .pe-btn-quiet:hover:not(:disabled)[b-g5zm3jqm6s] {
  color: #1d1e2c;
  border-color: #d9daea;
}
.pe-card[b-g5zm3jqm6s]  .pe-file-hidden {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

@media (max-width: 900px) {
  .pe-card .pe-grid[b-g5zm3jqm6s] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Shared/RecommendationList.razor.rz.scp.css */
.rl-card[b-d0hn6i5owk] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rl-card *[b-d0hn6i5owk] {
  box-sizing: border-box;
}
.rl-card .rl-head .rl-head-text .rl-title[b-d0hn6i5owk] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px;
}
.rl-card .rl-head .rl-head-text .rl-sub[b-d0hn6i5owk] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  max-width: 62ch;
}
.rl-card .rl-notice[b-d0hn6i5owk] {
  font-size: 12.5px;
  border-radius: 12px;
  padding: 12px 14px;
  line-height: 1.5;
}
.rl-card .rl-notice.rl-notice-error[b-d0hn6i5owk] {
  color: #d64545;
  background-color: #fdeeee;
}
.rl-card .rl-empty[b-d0hn6i5owk] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 12px;
}
.rl-card .rl-list[b-d0hn6i5owk] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rl-card .rl-list .rl-item[b-d0hn6i5owk] {
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rl-card .rl-list .rl-item .rl-item-head[b-d0hn6i5owk] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.rl-card .rl-list .rl-item .rl-item-head .rl-kind[b-d0hn6i5owk] {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 6px;
  padding: 3px 8px;
  white-space: nowrap;
}
.rl-card .rl-list .rl-item .rl-item-head .rl-kind.rl-kind-purple[b-d0hn6i5owk] {
  color: #5c59f0;
  background-color: #f0efff;
}
.rl-card .rl-list .rl-item .rl-item-head .rl-kind.rl-kind-orange[b-d0hn6i5owk] {
  color: #f08b3b;
  background-color: #fff4eb;
}
.rl-card .rl-list .rl-item .rl-item-head .rl-kind.rl-kind-green[b-d0hn6i5owk] {
  color: #1fad7a;
  background-color: #e8f8f2;
}
.rl-card .rl-list .rl-item .rl-item-head .rl-kind.rl-kind-blue[b-d0hn6i5owk] {
  color: #3b82f6;
  background-color: #eef4ff;
}
.rl-card .rl-list .rl-item .rl-item-head .rl-item-title[b-d0hn6i5owk] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.rl-card .rl-list .rl-item .rl-item-body[b-d0hn6i5owk] {
  font-size: 13px;
  color: #1d1e2c;
  line-height: 1.6;
  margin: 0;
}
.rl-card .rl-list .rl-item .rl-item-why[b-d0hn6i5owk] {
  font-size: 11.5px;
  color: #6e7191;
  line-height: 1.55;
  margin: 0;
}
.rl-card .rl-list .rl-item .rl-item-why .rl-why-label[b-d0hn6i5owk] {
  font-weight: 700;
  color: #1d1e2c;
  margin-right: 4px;
}
.rl-card .rl-list .rl-item .rl-item-actions[b-d0hn6i5owk] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.rl-card .rl-btn[b-d0hn6i5owk] {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 10px;
  padding: 9px 15px;
  cursor: pointer;
  border: 1px solid transparent;
}
.rl-card .rl-btn:disabled[b-d0hn6i5owk] {
  opacity: 0.55;
  cursor: default;
}
.rl-card .rl-btn.rl-btn-primary[b-d0hn6i5owk] {
  color: #ffffff;
  background-color: #5c59f0;
}
.rl-card .rl-btn.rl-btn-quiet[b-d0hn6i5owk] {
  color: #6e7191;
  background-color: #ffffff;
  border-color: #eff0f6;
}
/* /Components/Shared/SimpleFieldList.razor.rz.scp.css */
.sfl-card[b-sq3x8gk4u3] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.sfl-card *[b-sq3x8gk4u3] {
  box-sizing: border-box;
}
.sfl-card .sfl-head[b-sq3x8gk4u3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sfl-card .sfl-title[b-sq3x8gk4u3] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.sfl-card .sfl-sub[b-sq3x8gk4u3] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.sfl-card .sfl-empty[b-sq3x8gk4u3] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  padding: 14px;
  border: 1px dashed #e2e3ef;
  border-radius: 14px;
  text-align: center;
}
.sfl-card .sfl-rows[b-sq3x8gk4u3] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sfl-card .sfl-row[b-sq3x8gk4u3] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sfl-card .sfl-input[b-sq3x8gk4u3] {
  flex: 1;
  min-width: 0;
  width: 100%;
  font-family: inherit;
  font-size: 13.5px;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 11px 14px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.sfl-card .sfl-input[b-sq3x8gk4u3]::placeholder {
  color: #a5a8bb;
}
.sfl-card .sfl-input:focus[b-sq3x8gk4u3] {
  border-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.sfl-card .sfl-input-time[b-sq3x8gk4u3] {
  flex: 0 0 160px;
  width: 160px;
}
.sfl-card .sfl-remove[b-sq3x8gk4u3] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #6e7191;
  cursor: pointer;
  transition: all 0.15s ease;
}
.sfl-card .sfl-remove:hover[b-sq3x8gk4u3] {
  color: #d64545;
  border-color: #f3c9c9;
  background-color: #fdeeee;
}
.sfl-card .sfl-add-btn[b-sq3x8gk4u3] {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
  background-color: #f0efff;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 9px 16px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.sfl-card .sfl-add-btn:hover[b-sq3x8gk4u3] {
  background-color: rgb(88.4926470588%, 87.7254901961%, 100%);
}
.sfl-card .sfl-footer-row[b-sq3x8gk4u3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.sfl-card .sfl-save-btn[b-sq3x8gk4u3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  color: #ffffff;
  background-color: #5c59f0;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 9px 18px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.sfl-card .sfl-save-btn:hover:not(:disabled)[b-sq3x8gk4u3] {
  background-color: #4a47d6;
}
.sfl-card .sfl-save-btn:disabled[b-sq3x8gk4u3] {
  opacity: 0.6;
  cursor: not-allowed;
}
.sfl-card .sfl-chip-input[b-sq3x8gk4u3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  background-color: #fbfbfd;
}
.sfl-card .sfl-chip[b-sq3x8gk4u3] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: #5c59f0;
  background-color: #f0efff;
  border-radius: 999px;
  padding: 7px 8px 7px 14px;
  white-space: nowrap;
}
.sfl-card .sfl-chip-remove[b-sq3x8gk4u3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  color: #5c59f0;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.15s ease;
}
.sfl-card .sfl-chip-remove:hover[b-sq3x8gk4u3] {
  opacity: 1;
  background-color: rgba(92, 89, 240, 0.15);
}
.sfl-card .sfl-chip-field[b-sq3x8gk4u3] {
  flex: 1;
  min-width: 160px;
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 6px 4px;
}
.sfl-card .sfl-chip-field[b-sq3x8gk4u3]::placeholder {
  color: #a5a8bb;
}
.sfl-card .sfl-chip-add[b-sq3x8gk4u3] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid transparent;
  background-color: #5c59f0;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.sfl-card .sfl-chip-add:hover[b-sq3x8gk4u3] {
  background-color: #4a47d6;
}
.sfl-card .sfl-hint[b-sq3x8gk4u3] {
  display: block;
  font-size: 11px;
  color: #a5a8bb;
  margin-top: 6px;
}
/* /Components/Shared/StudentSearch.razor.rz.scp.css */
.tsearch[b-zpq5bb54up] {
  position: relative;
  display: flex;
  align-items: center;
}
.tsearch .tsearch-icon[b-zpq5bb54up] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.tsearch .tsearch-input[b-zpq5bb54up] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.tsearch .tsearch-input:focus[b-zpq5bb54up] {
  border-color: #5c59f0;
}
.tsearch .tsearch-panel[b-zpq5bb54up] {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 60;
  width: 440px;
  max-width: calc(100vw - 32px);
  max-height: 72vh;
  overflow-y: auto;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(29, 30, 44, 0.16), 0 2px 6px rgba(29, 30, 44, 0.04);
  animation: tsearch-in-b-zpq5bb54up 0.14s ease-out;
}
.tsearch .tsearch-note[b-zpq5bb54up] {
  padding: 18px 14px;
  font-size: 13px;
  text-align: center;
  color: #6e7191;
}
.tsearch .tsearch-group + .tsearch-group[b-zpq5bb54up] {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eff0f6;
}
.tsearch .tsearch-group-title[b-zpq5bb54up] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6e7191;
}
.tsearch .tsearch-group-count[b-zpq5bb54up] {
  min-width: 20px;
  padding: 1px 7px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  background-color: #eff0f6;
  color: #6e7191;
}
.tsearch .tsearch-item[b-zpq5bb54up] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 9px 10px;
  border: none;
  border-radius: 12px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.12s;
}
.tsearch .tsearch-item:hover[b-zpq5bb54up] {
  background-color: #f7f7fe;
}
.tsearch .tsearch-item.is-active[b-zpq5bb54up] {
  background-color: #f0efff;
}
.tsearch .tsearch-bubble[b-zpq5bb54up] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  background-color: #f0efff;
  color: #5c59f0;
}
.tsearch .tsearch-bubble.is-faculty[b-zpq5bb54up] {
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(135deg, #5c59f0, #8b5cf6);
  color: #ffffff;
}
.tsearch .tsearch-bubble.is-faculty img[b-zpq5bb54up] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tsearch .tsearch-item-text[b-zpq5bb54up] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}
.tsearch .tsearch-item-title[b-zpq5bb54up] {
  font-size: 14px;
  font-weight: 600;
  color: #1d1e2c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tsearch .tsearch-item-sub[b-zpq5bb54up] {
  font-size: 12px;
  color: #6e7191;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tsearch .tsearch-tag[b-zpq5bb54up] {
  flex-shrink: 0;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  background-color: #eff0f6;
  color: #6e7191;
}
.tsearch .tsearch-tag.is-live[b-zpq5bb54up] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.tsearch .tsearch-tag.is-upcoming[b-zpq5bb54up] {
  background-color: #eaf2ff;
  color: #3b82f6;
}
.tsearch .tsearch-all[b-zpq5bb54up] {
  display: block;
  margin-top: 2px;
  padding: 8px 10px 4px;
  font-size: 12px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.tsearch .tsearch-all:hover[b-zpq5bb54up] {
  text-decoration: underline;
}

@keyframes tsearch-in-b-zpq5bb54up {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .tsearch[b-zpq5bb54up] {
    flex: 1;
  }
  .tsearch .tsearch-input[b-zpq5bb54up] {
    width: 100%;
  }
  .tsearch .tsearch-panel[b-zpq5bb54up] {
    left: 0;
    right: 0;
    width: auto;
    max-width: none;
  }
}
/* /Components/Shared/TeacherSearch.razor.rz.scp.css */
.tsearch[b-ij6rs2tprb] {
  position: relative;
  display: flex;
  align-items: center;
}
.tsearch .tsearch-icon[b-ij6rs2tprb] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.tsearch .tsearch-input[b-ij6rs2tprb] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.tsearch .tsearch-input:focus[b-ij6rs2tprb] {
  border-color: #5c59f0;
}
.tsearch .tsearch-panel[b-ij6rs2tprb] {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 60;
  width: 440px;
  max-width: calc(100vw - 32px);
  max-height: 72vh;
  overflow-y: auto;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(29, 30, 44, 0.16), 0 2px 6px rgba(29, 30, 44, 0.04);
  animation: tsearch-in-b-ij6rs2tprb 0.14s ease-out;
}
.tsearch .tsearch-note[b-ij6rs2tprb] {
  padding: 18px 14px;
  font-size: 13px;
  text-align: center;
  color: #6e7191;
}
.tsearch .tsearch-group + .tsearch-group[b-ij6rs2tprb] {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eff0f6;
}
.tsearch .tsearch-group-title[b-ij6rs2tprb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6e7191;
}
.tsearch .tsearch-group-count[b-ij6rs2tprb] {
  min-width: 20px;
  padding: 1px 7px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  background-color: #eff0f6;
  color: #6e7191;
}
.tsearch .tsearch-item[b-ij6rs2tprb] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 9px 10px;
  border: none;
  border-radius: 12px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.12s;
}
.tsearch .tsearch-item:hover[b-ij6rs2tprb] {
  background-color: #f7f7fe;
}
.tsearch .tsearch-item.is-active[b-ij6rs2tprb] {
  background-color: #f0efff;
}
.tsearch .tsearch-bubble[b-ij6rs2tprb] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  background-color: #f0efff;
  color: #5c59f0;
}
.tsearch .tsearch-bubble.is-student[b-ij6rs2tprb] {
  border-radius: 50%;
  background: linear-gradient(135deg, #5c59f0, #8b5cf6);
  color: #ffffff;
}
.tsearch .tsearch-bubble.is-assessment[b-ij6rs2tprb] {
  background-color: #fff3e8;
  color: #f08b3b;
}
.tsearch .tsearch-item-text[b-ij6rs2tprb] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}
.tsearch .tsearch-item-title[b-ij6rs2tprb] {
  font-size: 14px;
  font-weight: 600;
  color: #1d1e2c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tsearch .tsearch-item-sub[b-ij6rs2tprb] {
  font-size: 12px;
  color: #6e7191;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tsearch .tsearch-tag[b-ij6rs2tprb] {
  flex-shrink: 0;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  background-color: #eff0f6;
  color: #6e7191;
}
.tsearch .tsearch-tag.is-live[b-ij6rs2tprb] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.tsearch .tsearch-tag.is-upcoming[b-ij6rs2tprb] {
  background-color: #eaf2ff;
  color: #3b82f6;
}
.tsearch .tsearch-tag.is-attention[b-ij6rs2tprb] {
  background-color: #fff3e8;
  color: #f08b3b;
}
.tsearch .tsearch-all[b-ij6rs2tprb] {
  display: block;
  margin-top: 2px;
  padding: 8px 10px 4px;
  font-size: 12px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.tsearch .tsearch-all:hover[b-ij6rs2tprb] {
  text-decoration: underline;
}

@keyframes tsearch-in-b-ij6rs2tprb {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .tsearch[b-ij6rs2tprb] {
    flex: 1;
  }
  .tsearch .tsearch-input[b-ij6rs2tprb] {
    width: 100%;
  }
  .tsearch .tsearch-panel[b-ij6rs2tprb] {
    left: 0;
    right: 0;
    width: auto;
    max-width: none;
  }
}
/* /Components/Shared/WorkExperienceEditor.razor.rz.scp.css */
.we-card[b-hg5gphuhsk] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.we-card *[b-hg5gphuhsk] {
  box-sizing: border-box;
}
.we-card .we-head[b-hg5gphuhsk] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.we-card .we-head-text[b-hg5gphuhsk] {
  min-width: 0;
}
.we-card .we-head-text .we-title[b-hg5gphuhsk] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.we-card .we-head-text .we-sub[b-hg5gphuhsk] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 6px 0 0 0;
}
.we-card .we-notice[b-hg5gphuhsk] {
  font-size: 12.5px;
  line-height: 1.5;
  padding: 10px 14px;
  border-radius: 12px;
}
.we-card .we-notice.we-notice-error[b-hg5gphuhsk] {
  color: #d64545;
  background-color: #fdeeee;
}
.we-card .we-empty[b-hg5gphuhsk] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  padding: 16px;
  border: 1px dashed #e2e3ef;
  border-radius: 14px;
  text-align: center;
}
.we-card .we-item[b-hg5gphuhsk] {
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.we-card .we-item-head[b-hg5gphuhsk] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.we-card .we-item-titles[b-hg5gphuhsk] {
  min-width: 0;
}
.we-card .we-item-titles .we-item-title[b-hg5gphuhsk] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.we-card .we-item-titles .we-item-meta[b-hg5gphuhsk] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  margin: 4px 0 0 0;
}
.we-card .we-item-titles .we-item-dates[b-hg5gphuhsk] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 3px 0 0 0;
}
.we-card .we-item-actions[b-hg5gphuhsk] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.we-card .we-item-desc[b-hg5gphuhsk] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0;
}
.we-card .we-badge[b-hg5gphuhsk] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #5c59f0;
  background-color: #f0efff;
  border-radius: 999px;
  padding: 5px 10px;
}
.we-card .we-chip-block[b-hg5gphuhsk] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.we-card .we-chip-label[b-hg5gphuhsk] {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8a8d9f;
}
.we-card .we-chips[b-hg5gphuhsk] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.we-card .we-chip[b-hg5gphuhsk] {
  font-size: 11.5px;
  font-weight: 600;
  color: #6e7191;
  background-color: #f7f7fb;
  border-radius: 999px;
  padding: 5px 12px;
}
.we-card .we-list[b-hg5gphuhsk] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0;
  padding-left: 18px;
}
.we-card .we-form[b-hg5gphuhsk] {
  border: 1px solid #5c59f0;
  background-color: #fbfbff;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.we-card .we-grid[b-hg5gphuhsk] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.we-card .we-field[b-hg5gphuhsk] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.we-card .we-field.we-field-wide[b-hg5gphuhsk] {
  grid-column: 1/-1;
}
.we-card .we-label[b-hg5gphuhsk] {
  font-size: 12px;
  font-weight: 700;
  color: #1d1e2c;
  letter-spacing: 0.2px;
}
.we-card .we-input[b-hg5gphuhsk] {
  width: 100%;
  font-family: inherit;
  font-size: 13.5px;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 11px 14px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.we-card .we-input[b-hg5gphuhsk]::placeholder {
  color: #a5a8bb;
}
.we-card .we-input:focus[b-hg5gphuhsk] {
  border-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.we-card .we-input:disabled[b-hg5gphuhsk] {
  color: #6e7191;
  background-color: #fafafd;
  cursor: not-allowed;
}
.we-card .we-textarea[b-hg5gphuhsk] {
  resize: vertical;
  line-height: 1.6;
}
.we-card .we-check[b-hg5gphuhsk] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #6e7191;
  cursor: pointer;
}
.we-card .we-check input[b-hg5gphuhsk] {
  width: 15px;
  height: 15px;
  accent-color: #5c59f0;
  cursor: pointer;
}
.we-card .we-form-actions[b-hg5gphuhsk] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.we-card .we-btn[b-hg5gphuhsk] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  border-radius: 999px;
  padding: 9px 18px;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.we-card .we-btn:disabled[b-hg5gphuhsk] {
  opacity: 0.6;
  cursor: not-allowed;
}
.we-card .we-btn-primary[b-hg5gphuhsk] {
  color: #ffffff;
  background-color: #5c59f0;
}
.we-card .we-btn-primary:hover:not(:disabled)[b-hg5gphuhsk] {
  background-color: #4a47d6;
}
.we-card .we-btn-outline[b-hg5gphuhsk] {
  color: #5c59f0;
  background-color: #ffffff;
  border-color: #5c59f0;
}
.we-card .we-btn-outline:hover:not(:disabled)[b-hg5gphuhsk] {
  background-color: #f0efff;
}
.we-card .we-btn-quiet[b-hg5gphuhsk] {
  color: #6e7191;
  background-color: #ffffff;
  border-color: #eff0f6;
}
.we-card .we-btn-quiet:hover:not(:disabled)[b-hg5gphuhsk] {
  color: #1d1e2c;
  border-color: #d9daea;
}

@media (max-width: 900px) {
  .we-card .we-grid[b-hg5gphuhsk] {
    grid-template-columns: 1fr;
  }
}
/* /Console/Analytics.razor.rz.scp.css */
.console-analytics-body[b-ygjwxt42qa] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-analytics-body *[b-ygjwxt42qa] {
  box-sizing: border-box;
}
.console-analytics-body .analytics-header .eyebrow-tag[b-ygjwxt42qa] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-analytics-body .analytics-header .page-title[b-ygjwxt42qa] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-analytics-body .analytics-header .page-subtitle[b-ygjwxt42qa] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 620px;
}
.console-analytics-body .analytics-loading[b-ygjwxt42qa] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.console-analytics-body .usage-metrics-grid[b-ygjwxt42qa] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-analytics-body .usage-metrics-grid .metric-card[b-ygjwxt42qa] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-analytics-body .usage-metrics-grid .metric-card .metric-value[b-ygjwxt42qa] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-analytics-body .usage-metrics-grid .metric-card .metric-label[b-ygjwxt42qa] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-analytics-body .usage-metrics-grid .metric-card .metric-sub[b-ygjwxt42qa] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-analytics-body .box-header[b-ygjwxt42qa] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.console-analytics-body .box-header svg[b-ygjwxt42qa] {
  flex-shrink: 0;
}
.console-analytics-body .box-header .box-title[b-ygjwxt42qa] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
  flex: 1;
}
.console-analytics-body .analytics-split-grid[b-ygjwxt42qa] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.console-analytics-body .analytics-split-grid .grid-card-box[b-ygjwxt42qa] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-hint[b-ygjwxt42qa] {
  font-size: 12px;
  color: #8a8d9f;
  margin: -8px 0 16px 0;
  line-height: 1.4;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-empty[b-ygjwxt42qa] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list[b-ygjwxt42qa] {
  display: flex;
  flex-direction: column;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row[b-ygjwxt42qa] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14.5px 0;
  border-bottom: 1px solid #eff0f6;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row:first-child[b-ygjwxt42qa] {
  padding-top: 0;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row:last-child[b-ygjwxt42qa] {
  border-bottom: none;
  padding-bottom: 0;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .rank-num[b-ygjwxt42qa] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .rank-label[b-ygjwxt42qa] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  flex: 1;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper[b-ygjwxt42qa] {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 180px;
  flex-shrink: 0;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .progress-bar-bg[b-ygjwxt42qa] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-ygjwxt42qa] {
  height: 100%;
  border-radius: 3px;
  background-color: #5c59f0;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-ygjwxt42qa] {
  background-color: #1fad7a;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .rank-percent[b-ygjwxt42qa] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  width: 40px;
  text-align: right;
  white-space: nowrap;
}
.console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .rank-percent.text-green[b-ygjwxt42qa] {
  color: #1fad7a;
}
@media (max-width: 850px) {
  .console-analytics-body .usage-metrics-grid[b-ygjwxt42qa] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-analytics-body .analytics-split-grid[b-ygjwxt42qa] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 480px) {
  .console-analytics-body[b-ygjwxt42qa] {
    padding: 24px 16px;
  }
  .console-analytics-body .usage-metrics-grid[b-ygjwxt42qa] {
    grid-template-columns: 1fr;
  }
  .console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row[b-ygjwxt42qa] {
    flex-wrap: wrap;
  }
  .console-analytics-body .analytics-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper[b-ygjwxt42qa] {
    width: 100%;
    margin-left: 40px;
  }
}
/* /Console/Billing.razor.rz.scp.css */
.console-billing-body[b-iol232vuym] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-billing-body *[b-iol232vuym] {
  box-sizing: border-box;
}
.console-billing-body .billing-header .eyebrow-tag[b-iol232vuym] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-billing-body .billing-header .page-title[b-iol232vuym] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-billing-body .billing-header .page-subtitle[b-iol232vuym] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 640px;
}
.console-billing-body .info-banner[b-iol232vuym] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background-color: #f0efff;
  border: 1px solid rgba(92, 89, 240, 0.15);
  border-radius: 16px;
  padding: 16px 20px;
  color: #5c59f0;
}
.console-billing-body .info-banner svg[b-iol232vuym] {
  flex-shrink: 0;
  margin-top: 1px;
}
.console-billing-body .info-banner p[b-iol232vuym] {
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.5;
  margin: 0;
}
.console-billing-body .overview-stats-grid[b-iol232vuym] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-billing-body .overview-stats-grid .stat-card[b-iol232vuym] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-billing-body .overview-stats-grid .stat-card .stat-value[b-iol232vuym] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-billing-body .overview-stats-grid .stat-card .stat-label[b-iol232vuym] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-billing-body .overview-stats-grid .stat-card .stat-sub[b-iol232vuym] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-billing-body .filters-bar[b-iol232vuym] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.console-billing-body .filters-bar .filter-pills[b-iol232vuym] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.console-billing-body .filters-bar .filter-pills .filter-pill[b-iol232vuym] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.console-billing-body .filters-bar .filter-pills .filter-pill .badge[b-iol232vuym] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.console-billing-body .filters-bar .filter-pills .filter-pill.active[b-iol232vuym] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.console-billing-body .filters-bar .filter-pills .filter-pill.active .badge[b-iol232vuym] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.console-billing-body .billing-directory-card[b-iol232vuym] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.console-billing-body .billing-directory-card .table-container[b-iol232vuym] {
  width: 100%;
  overflow-x: auto;
}
.console-billing-body .billing-directory-card .table-container .billing-table[b-iol232vuym] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.console-billing-body .billing-directory-card .table-container .billing-table thead[b-iol232vuym] {
  border-bottom: 1px solid #eff0f6;
}
.console-billing-body .billing-directory-card .table-container .billing-table thead th[b-iol232vuym] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-billing-body .billing-directory-card .table-container .billing-table tbody tr[b-iol232vuym] {
  border-bottom: 1px solid #eff0f6;
}
.console-billing-body .billing-directory-card .table-container .billing-table tbody tr:last-child[b-iol232vuym] {
  border-bottom: none;
}
.console-billing-body .billing-directory-card .table-container .billing-table tbody tr td[b-iol232vuym] {
  padding: 14px 16px;
  vertical-align: middle;
}
.console-billing-body .billing-directory-card .table-container .billing-table .col-org[b-iol232vuym] {
  width: 26%;
}
.console-billing-body .billing-directory-card .table-container .billing-table .col-plan[b-iol232vuym] {
  width: 15%;
}
.console-billing-body .billing-directory-card .table-container .billing-table .col-model[b-iol232vuym] {
  width: 17%;
}
.console-billing-body .billing-directory-card .table-container .billing-table .col-amount[b-iol232vuym] {
  width: 11%;
}
.console-billing-body .billing-directory-card .table-container .billing-table .col-renewal[b-iol232vuym] {
  width: 16%;
}
.console-billing-body .billing-directory-card .table-container .billing-table .col-status[b-iol232vuym] {
  width: 10%;
}
.console-billing-body .billing-directory-card .table-container .billing-table .col-actions[b-iol232vuym] {
  width: 5%;
  text-align: right;
}
.console-billing-body .billing-directory-card .table-container .billing-table .org-profile-cell[b-iol232vuym] {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  width: fit-content;
}
.console-billing-body .billing-directory-card .table-container .billing-table .org-profile-cell:hover .org-name[b-iol232vuym] {
  color: #5c59f0;
}
.console-billing-body .billing-directory-card .table-container .billing-table .org-profile-cell .avatar[b-iol232vuym] {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.console-billing-body .billing-directory-card .table-container .billing-table .org-profile-cell .avatar.bg-purple[b-iol232vuym] {
  background-color: #8b5cf6;
}
.console-billing-body .billing-directory-card .table-container .billing-table .org-profile-cell .avatar.bg-blue[b-iol232vuym] {
  background-color: #3b82f6;
}
.console-billing-body .billing-directory-card .table-container .billing-table .org-profile-cell .avatar.bg-green[b-iol232vuym] {
  background-color: #1fad7a;
}
.console-billing-body .billing-directory-card .table-container .billing-table .org-profile-cell .avatar.bg-orange[b-iol232vuym] {
  background-color: #f08b3b;
}
.console-billing-body .billing-directory-card .table-container .billing-table .org-profile-cell .org-name[b-iol232vuym] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-billing-body .billing-directory-card .table-container .billing-table .plan-tag[b-iol232vuym] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.console-billing-body .billing-directory-card .table-container .billing-table .plan-tag.plan-starter[b-iol232vuym] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.console-billing-body .billing-directory-card .table-container .billing-table .plan-tag.plan-professional[b-iol232vuym] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-billing-body .billing-directory-card .table-container .billing-table .plan-tag.plan-enterprise[b-iol232vuym] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-billing-body .billing-directory-card .table-container .billing-table .plan-tag.plan-university[b-iol232vuym] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-billing-body .billing-directory-card .table-container .billing-table .model-badge[b-iol232vuym] {
  font-size: 10.5px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 10px;
  display: inline-block;
}
.console-billing-body .billing-directory-card .table-container .billing-table .model-badge.model-platform[b-iol232vuym] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-billing-body .billing-directory-card .table-container .billing-table .model-badge.model-student[b-iol232vuym] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-billing-body .billing-directory-card .table-container .billing-table .model-badge.model-offline[b-iol232vuym] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.console-billing-body .billing-directory-card .table-container .billing-table .text-data[b-iol232vuym] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-billing-body .billing-directory-card .table-container .billing-table .text-data-muted[b-iol232vuym] {
  font-size: 12.5px;
  font-weight: 500;
  color: #6e7191;
}
.console-billing-body .billing-directory-card .table-container .billing-table .status-badge[b-iol232vuym] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.console-billing-body .billing-directory-card .table-container .billing-table .status-badge.active[b-iol232vuym] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-billing-body .billing-directory-card .table-container .billing-table .status-badge.active .status-dot[b-iol232vuym] {
  background-color: #1fad7a;
}
.console-billing-body .billing-directory-card .table-container .billing-table .status-badge.trial[b-iol232vuym] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.console-billing-body .billing-directory-card .table-container .billing-table .status-badge.trial .status-dot[b-iol232vuym] {
  background-color: #f08b3b;
}
.console-billing-body .billing-directory-card .table-container .billing-table .status-badge.overdue[b-iol232vuym] {
  background-color: #fdeeee;
  color: #d64545;
}
.console-billing-body .billing-directory-card .table-container .billing-table .status-badge.overdue .status-dot[b-iol232vuym] {
  background-color: #d64545;
}
.console-billing-body .billing-directory-card .table-container .billing-table .status-badge .status-dot[b-iol232vuym] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.console-billing-body .billing-directory-card .table-container .billing-table .action-btn-row[b-iol232vuym] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.console-billing-body .billing-directory-card .table-container .billing-table .action-btn-row .icon-action-btn[b-iol232vuym] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.console-billing-body .billing-directory-card .table-container .billing-table .action-btn-row .icon-action-btn svg[b-iol232vuym] {
  flex-shrink: 0;
}
.console-billing-body .billing-directory-card .table-container .billing-table .action-btn-row .icon-action-btn:hover[b-iol232vuym] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.console-billing-body .billing-directory-card .directory-pagination-footer[b-iol232vuym] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  border-top: 1px solid #eff0f6;
  margin-top: 12px;
}
.console-billing-body .billing-directory-card .directory-pagination-footer .pagination-summary[b-iol232vuym] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.console-billing-body .billing-directory-card .directory-pagination-footer .pagination-controls[b-iol232vuym] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.console-billing-body .billing-directory-card .directory-pagination-footer .pagination-controls .page-num[b-iol232vuym] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.console-billing-body .billing-directory-card .directory-pagination-footer .pagination-controls .page-num.active[b-iol232vuym] {
  background-color: #5c59f0;
  color: #ffffff;
}
.console-billing-body .billing-directory-card .directory-pagination-footer .pagination-controls .page-num:hover:not(.active)[b-iol232vuym] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.console-billing-body .billing-directory-card .directory-pagination-footer .pagination-controls .page-dots[b-iol232vuym] {
  font-size: 12px;
  color: #8a8d9f;
  padding: 0 4px;
}
@media (max-width: 850px) {
  .console-billing-body .overview-stats-grid[b-iol232vuym] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-billing-body .billing-directory-card[b-iol232vuym] {
    padding: 20px 16px;
  }
  .console-billing-body .billing-directory-card .table-container .billing-table[b-iol232vuym] {
    display: block;
  }
  .console-billing-body .billing-directory-card .table-container .billing-table thead[b-iol232vuym] {
    display: none;
  }
  .console-billing-body .billing-directory-card .table-container .billing-table tbody[b-iol232vuym] {
    display: block;
  }
  .console-billing-body .billing-directory-card .table-container .billing-table tbody tr[b-iol232vuym] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .console-billing-body .billing-directory-card .table-container .billing-table tbody tr td[b-iol232vuym] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .console-billing-body .billing-directory-card .table-container .billing-table tbody tr .col-plan[b-iol232vuym],
  .console-billing-body .billing-directory-card .table-container .billing-table tbody tr .col-model[b-iol232vuym],
  .console-billing-body .billing-directory-card .table-container .billing-table tbody tr .col-amount[b-iol232vuym],
  .console-billing-body .billing-directory-card .table-container .billing-table tbody tr .col-renewal[b-iol232vuym],
  .console-billing-body .billing-directory-card .table-container .billing-table tbody tr .col-status[b-iol232vuym] {
    padding-left: 44px;
  }
  .console-billing-body .billing-directory-card .table-container .billing-table tbody tr .col-actions[b-iol232vuym] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .console-billing-body .billing-directory-card .directory-pagination-footer[b-iol232vuym] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .console-billing-body[b-iol232vuym] {
    padding: 24px 16px;
  }
  .console-billing-body .overview-stats-grid[b-iol232vuym] {
    grid-template-columns: 1fr;
  }
}
/* /Console/BillingDetail.razor.rz.scp.css */
.console-billing-detail-body[b-s1ppl8615r] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}
.console-billing-detail-body *[b-s1ppl8615r] {
  box-sizing: border-box;
}
.console-billing-detail-body .detail-header[b-s1ppl8615r] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.console-billing-detail-body .detail-header .breadcrumbs[b-s1ppl8615r] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-billing-detail-body .detail-header .breadcrumbs a[b-s1ppl8615r] {
  color: #5c59f0;
  text-decoration: none;
}
.console-billing-detail-body .detail-header .breadcrumbs a:hover[b-s1ppl8615r] {
  text-decoration: underline;
}
.console-billing-detail-body .detail-header .page-title[b-s1ppl8615r] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-billing-detail-body .detail-header .page-subtitle[b-s1ppl8615r] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 560px;
}
.console-billing-detail-body .detail-header .header-status-area[b-s1ppl8615r] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex-shrink: 0;
  padding-top: 4px;
  justify-content: flex-end;
  max-width: 320px;
}
.console-billing-detail-body .plan-tag[b-s1ppl8615r] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.console-billing-detail-body .plan-tag.plan-starter[b-s1ppl8615r] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.console-billing-detail-body .plan-tag.plan-professional[b-s1ppl8615r] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-billing-detail-body .plan-tag.plan-enterprise[b-s1ppl8615r] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-billing-detail-body .plan-tag.plan-university[b-s1ppl8615r] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-billing-detail-body .model-badge[b-s1ppl8615r] {
  font-size: 10.5px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 10px;
  display: inline-block;
}
.console-billing-detail-body .model-badge.model-platform[b-s1ppl8615r] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-billing-detail-body .model-badge.model-student[b-s1ppl8615r] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-billing-detail-body .model-badge.model-offline[b-s1ppl8615r] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.console-billing-detail-body .status-badge[b-s1ppl8615r] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.console-billing-detail-body .status-badge.active[b-s1ppl8615r] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-billing-detail-body .status-badge.active .status-dot[b-s1ppl8615r] {
  background-color: #1fad7a;
}
.console-billing-detail-body .status-badge.trial[b-s1ppl8615r] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.console-billing-detail-body .status-badge.trial .status-dot[b-s1ppl8615r] {
  background-color: #f08b3b;
}
.console-billing-detail-body .status-badge.overdue[b-s1ppl8615r] {
  background-color: #fdeeee;
  color: #d64545;
}
.console-billing-detail-body .status-badge.overdue .status-dot[b-s1ppl8615r] {
  background-color: #d64545;
}
.console-billing-detail-body .status-badge .status-dot[b-s1ppl8615r] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.console-billing-detail-body .overview-stats-grid[b-s1ppl8615r] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.console-billing-detail-body .overview-stats-grid .stat-card[b-s1ppl8615r] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-billing-detail-body .overview-stats-grid .stat-card .stat-value[b-s1ppl8615r] {
  font-size: 22px;
  font-weight: 700;
  color: #5c59f0;
}
.console-billing-detail-body .overview-stats-grid .stat-card .stat-label[b-s1ppl8615r] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-billing-detail-body .overview-stats-grid .stat-card .stat-sub[b-s1ppl8615r] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-billing-detail-body .detail-card[b-s1ppl8615r] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.console-billing-detail-body .detail-card .card-header[b-s1ppl8615r] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.console-billing-detail-body .detail-card .card-header .card-title[b-s1ppl8615r] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-billing-detail-body .detail-card .card-desc[b-s1ppl8615r] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.console-billing-detail-body .detail-card .empty-note[b-s1ppl8615r] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 0;
  font-style: italic;
}
.console-billing-detail-body .detail-card .seats-grid[b-s1ppl8615r] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.console-billing-detail-body .detail-card .seats-grid .seats-tile[b-s1ppl8615r] {
  background-color: #f8f9fc;
  border-radius: 14px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.console-billing-detail-body .detail-card .seats-grid .seats-tile .seats-tile-value[b-s1ppl8615r] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-billing-detail-body .detail-card .seats-grid .seats-tile .seats-tile-label[b-s1ppl8615r] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-billing-detail-body .detail-card .progress-bar-bg[b-s1ppl8615r] {
  width: 100%;
  height: 8px;
  background-color: #eff0f6;
  border-radius: 4px;
  overflow: hidden;
}
.console-billing-detail-body .detail-card .progress-bar-bg .progress-bar-fill[b-s1ppl8615r] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 4px;
}
.console-billing-detail-body .detail-card .progress-bar-bg .progress-bar-fill.bg-orange[b-s1ppl8615r] {
  background-color: #f08b3b;
}
.console-billing-detail-body .detail-card .table-container[b-s1ppl8615r] {
  width: 100%;
  overflow-x: auto;
}
.console-billing-detail-body .detail-card .table-container .invoice-table[b-s1ppl8615r] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.console-billing-detail-body .detail-card .table-container .invoice-table thead[b-s1ppl8615r] {
  border-bottom: 1px solid #eff0f6;
}
.console-billing-detail-body .detail-card .table-container .invoice-table thead th[b-s1ppl8615r] {
  padding: 10px 12px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-billing-detail-body .detail-card .table-container .invoice-table tbody tr[b-s1ppl8615r] {
  border-bottom: 1px solid #eff0f6;
}
.console-billing-detail-body .detail-card .table-container .invoice-table tbody tr:last-child[b-s1ppl8615r] {
  border-bottom: none;
}
.console-billing-detail-body .detail-card .table-container .invoice-table tbody tr td[b-s1ppl8615r] {
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
  vertical-align: middle;
}
.console-billing-detail-body .detail-card .table-container .invoice-table .invoice-status[b-s1ppl8615r] {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 10px;
  letter-spacing: 0.3px;
  display: inline-block;
}
.console-billing-detail-body .detail-card .table-container .invoice-table .invoice-status.paid[b-s1ppl8615r] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-billing-detail-body .detail-card .table-container .invoice-table .invoice-status.failed[b-s1ppl8615r] {
  background-color: #fdeeee;
  color: #d64545;
}
.console-billing-detail-body .detail-footer-actions[b-s1ppl8615r] {
  display: flex;
  justify-content: flex-end;
}
.console-billing-detail-body .detail-footer-actions .detail-btn[b-s1ppl8615r] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.console-billing-detail-body .detail-footer-actions .detail-btn.btn-back[b-s1ppl8615r] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.console-billing-detail-body .detail-footer-actions .detail-btn.btn-back:hover[b-s1ppl8615r] {
  background-color: #e2e8f0;
}
@media (max-width: 850px) {
  .console-billing-detail-body .detail-header[b-s1ppl8615r] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .console-billing-detail-body .detail-header .header-status-area[b-s1ppl8615r] {
    justify-content: flex-start;
    max-width: none;
  }
  .console-billing-detail-body .overview-stats-grid[b-s1ppl8615r] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-billing-detail-body .detail-card[b-s1ppl8615r] {
    padding: 20px 16px;
  }
  .console-billing-detail-body .detail-card .seats-grid[b-s1ppl8615r] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .console-billing-detail-body[b-s1ppl8615r] {
    padding: 24px 16px;
  }
  .console-billing-detail-body .overview-stats-grid[b-s1ppl8615r] {
    grid-template-columns: 1fr;
  }
  .console-billing-detail-body .detail-card .seats-grid[b-s1ppl8615r] {
    grid-template-columns: 1fr;
  }
  .console-billing-detail-body .detail-footer-actions .detail-btn[b-s1ppl8615r] {
    width: 100%;
  }
}
/* /Console/Dashboard.razor.rz.scp.css */
.console-dashboard-body[b-xgv4s2d3t8] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-dashboard-body *[b-xgv4s2d3t8] {
  box-sizing: border-box;
}
.console-dashboard-body .analytics-loading[b-xgv4s2d3t8] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.console-dashboard-body .console-header[b-xgv4s2d3t8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.console-dashboard-body .console-header .eyebrow-tag[b-xgv4s2d3t8] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-dashboard-body .console-header .page-title[b-xgv4s2d3t8] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-dashboard-body .assistant-hero-card[b-xgv4s2d3t8] {
  background-image: url("/image/AI_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 40px;
  color: #ffffff;
  display: flex;
  gap: 32px;
  position: relative;
  overflow: hidden;
}
.console-dashboard-body .assistant-hero-card .assistant-orb[b-xgv4s2d3t8] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(92, 89, 240, 0.3);
}
.console-dashboard-body .assistant-hero-card .hero-content[b-xgv4s2d3t8] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-meta[b-xgv4s2d3t8] {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0.85;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-title[b-xgv4s2d3t8] {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  max-width: 680px;
  margin: 0;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-title.hero-title-loading[b-xgv4s2d3t8] {
  opacity: 0.75;
  font-weight: 500;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-desc[b-xgv4s2d3t8] {
  font-size: 14.5px;
  line-height: 1.6;
  opacity: 0.85;
  max-width: 650px;
  margin: 0;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-buttons[b-xgv4s2d3t8] {
  display: flex;
  gap: 12px;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-buttons .btn-primary[b-xgv4s2d3t8] {
  background-color: #ffffff;
  color: #5c59f0;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-buttons .btn-primary:hover[b-xgv4s2d3t8] {
  background-color: #f1f3f9;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-buttons .btn-secondary[b-xgv4s2d3t8] {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.console-dashboard-body .assistant-hero-card .hero-content .hero-buttons .btn-secondary:hover[b-xgv4s2d3t8] {
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.08);
}
.console-dashboard-body .overview-stats-grid[b-xgv4s2d3t8] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-dashboard-body .overview-stats-grid .stat-card[b-xgv4s2d3t8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-dashboard-body .overview-stats-grid .stat-card .stat-value[b-xgv4s2d3t8] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-dashboard-body .overview-stats-grid .stat-card .stat-label[b-xgv4s2d3t8] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-dashboard-body .overview-stats-grid .stat-card .stat-sub[b-xgv4s2d3t8] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-dashboard-body .box-header[b-xgv4s2d3t8] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.console-dashboard-body .box-header svg[b-xgv4s2d3t8] {
  flex-shrink: 0;
}
.console-dashboard-body .box-header .box-title[b-xgv4s2d3t8] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
  flex: 1;
}
.console-dashboard-body .box-header .box-link[b-xgv4s2d3t8] {
  font-size: 12.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.console-dashboard-body .box-header .box-link:hover[b-xgv4s2d3t8] {
  text-decoration: underline;
}
.console-dashboard-body .plan-tag[b-xgv4s2d3t8] {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 8px;
  vertical-align: middle;
  text-transform: none;
}
.console-dashboard-body .plan-tag.plan-starter[b-xgv4s2d3t8] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.console-dashboard-body .plan-tag.plan-professional[b-xgv4s2d3t8] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-dashboard-body .plan-tag.plan-enterprise[b-xgv4s2d3t8] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-dashboard-body .plan-tag.plan-university[b-xgv4s2d3t8] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-dashboard-body .dashboard-split-grid[b-xgv4s2d3t8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box[b-xgv4s2d3t8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list[b-xgv4s2d3t8] {
  display: flex;
  flex-direction: column;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row[b-xgv4s2d3t8] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row:first-child[b-xgv4s2d3t8] {
  padding-top: 0;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row:last-child[b-xgv4s2d3t8] {
  border-bottom: none;
  padding-bottom: 0;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .icon-circle[b-xgv4s2d3t8] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details[b-xgv4s2d3t8] {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .details-left .program-name[b-xgv4s2d3t8] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .details-left .program-sub[b-xgv4s2d3t8] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper[b-xgv4s2d3t8] {
  width: 140px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper .progress-meta[b-xgv4s2d3t8] {
  font-size: 11px;
  font-weight: 600;
  color: #6e7191;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper .progress-bar-bg[b-xgv4s2d3t8] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-xgv4s2d3t8] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .programs-list .program-row .program-details .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-xgv4s2d3t8] {
  background-color: #f08b3b;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list[b-xgv4s2d3t8] {
  display: flex;
  flex-direction: column;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row[b-xgv4s2d3t8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14.5px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 24px;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row:first-child[b-xgv4s2d3t8] {
  padding-top: 0;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row:last-child[b-xgv4s2d3t8] {
  border-bottom: none;
  padding-bottom: 0;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .row-label-title[b-xgv4s2d3t8] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper[b-xgv4s2d3t8] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  max-width: 220px;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg[b-xgv4s2d3t8] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-xgv4s2d3t8] {
  height: 100%;
  border-radius: 3px;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-xgv4s2d3t8] {
  background-color: #1fad7a;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-xgv4s2d3t8] {
  background-color: #f08b3b;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num[b-xgv4s2d3t8] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  width: 80px;
  text-align: right;
  white-space: nowrap;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num.text-green[b-xgv4s2d3t8] {
  color: #1fad7a;
}
.console-dashboard-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num.text-orange[b-xgv4s2d3t8] {
  color: #f08b3b;
}
.console-dashboard-body .payment-stats-section[b-xgv4s2d3t8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.console-dashboard-body .payment-stats-section .section-header[b-xgv4s2d3t8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.console-dashboard-body .payment-stats-section .section-header .section-title[b-xgv4s2d3t8] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-dashboard-body .payment-stats-section .section-header .manage-billing-link[b-xgv4s2d3t8] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.console-dashboard-body .payment-stats-section .section-header .manage-billing-link:hover[b-xgv4s2d3t8] {
  text-decoration: underline;
}
.console-dashboard-body .payment-stats-section .payment-stats-grid[b-xgv4s2d3t8] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-dashboard-body .payment-stats-section .payment-stats-grid .stat-card[b-xgv4s2d3t8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-dashboard-body .payment-stats-section .payment-stats-grid .stat-card .stat-value[b-xgv4s2d3t8] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-dashboard-body .payment-stats-section .payment-stats-grid .stat-card .stat-label[b-xgv4s2d3t8] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-dashboard-body .payment-settings-section[b-xgv4s2d3t8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.console-dashboard-body .payment-settings-section .payment-settings-card[b-xgv4s2d3t8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 8px 24px;
}
.console-dashboard-body .payment-settings-section .payment-settings-card .settings-row[b-xgv4s2d3t8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 20px;
}
.console-dashboard-body .payment-settings-section .payment-settings-card .settings-row:last-child[b-xgv4s2d3t8] {
  border-bottom: none;
}
.console-dashboard-body .payment-settings-section .payment-settings-card .settings-row .program-name[b-xgv4s2d3t8] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right[b-xgv4s2d3t8] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.console-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .status-badge[b-xgv4s2d3t8] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.console-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .status-badge.badge-green[b-xgv4s2d3t8] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .status-badge.badge-gray[b-xgv4s2d3t8] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.console-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .billing-term[b-xgv4s2d3t8] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
  width: 220px;
  text-align: right;
}
@media (max-width: 850px) {
  .console-dashboard-body .console-header[b-xgv4s2d3t8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .console-dashboard-body .assistant-hero-card[b-xgv4s2d3t8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 28px;
  }
  .console-dashboard-body .overview-stats-grid[b-xgv4s2d3t8] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-dashboard-body .dashboard-split-grid[b-xgv4s2d3t8] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .console-dashboard-body .payment-stats-grid[b-xgv4s2d3t8] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px;
  }
  .console-dashboard-body .payment-settings-section .payment-settings-card .settings-row[b-xgv4s2d3t8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .console-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right[b-xgv4s2d3t8] {
    width: 100%;
    justify-content: space-between;
  }
  .console-dashboard-body .payment-settings-section .payment-settings-card .settings-row .row-right .billing-term[b-xgv4s2d3t8] {
    text-align: right;
  }
}
@media (max-width: 480px) {
  .console-dashboard-body[b-xgv4s2d3t8] {
    padding: 24px 16px;
  }
  .console-dashboard-body .overview-stats-grid[b-xgv4s2d3t8] {
    grid-template-columns: 1fr;
  }
  .console-dashboard-body .payment-stats-grid[b-xgv4s2d3t8] {
    grid-template-columns: 1fr !important;
  }
}
/* /Console/Features.razor.rz.scp.css */
.console-features-body[b-lk8ci9wrkq] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-features-body *[b-lk8ci9wrkq] {
  box-sizing: border-box;
}
.console-features-body .features-header[b-lk8ci9wrkq] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.console-features-body .features-header .eyebrow-tag[b-lk8ci9wrkq] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-features-body .features-header .page-title[b-lk8ci9wrkq] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-features-body .features-header .page-subtitle[b-lk8ci9wrkq] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 620px;
}
.console-features-body .features-header .header-search-area[b-lk8ci9wrkq] {
  flex-shrink: 0;
}
.console-features-body .features-header .header-search-area .btn-add-feature[b-lk8ci9wrkq] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
}
.console-features-body .features-header .header-search-area .btn-add-feature:hover[b-lk8ci9wrkq] {
  background-color: #4b49df;
}
.console-features-body .overview-stats-grid[b-lk8ci9wrkq] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-features-body .overview-stats-grid .stat-card[b-lk8ci9wrkq] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-features-body .overview-stats-grid .stat-card .stat-value[b-lk8ci9wrkq] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-features-body .overview-stats-grid .stat-card .stat-label[b-lk8ci9wrkq] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-features-body .overview-stats-grid .stat-card .stat-sub[b-lk8ci9wrkq] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-features-body .filters-bar .filter-pills[b-lk8ci9wrkq] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.console-features-body .filters-bar .filter-pills .filter-pill[b-lk8ci9wrkq] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.console-features-body .filters-bar .filter-pills .filter-pill .badge[b-lk8ci9wrkq] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.console-features-body .filters-bar .filter-pills .filter-pill.active[b-lk8ci9wrkq] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.console-features-body .filters-bar .filter-pills .filter-pill.active .badge[b-lk8ci9wrkq] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.console-features-body .box-header[b-lk8ci9wrkq] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.console-features-body .box-header svg[b-lk8ci9wrkq] {
  flex-shrink: 0;
}
.console-features-body .box-header .box-title[b-lk8ci9wrkq] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-features-body .feature-matrix-card[b-lk8ci9wrkq] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.console-features-body .feature-matrix-card .table-container[b-lk8ci9wrkq] {
  width: 100%;
  overflow-x: auto;
}
.console-features-body .feature-matrix-card .table-container .matrix-table[b-lk8ci9wrkq] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.console-features-body .feature-matrix-card .table-container .matrix-table thead[b-lk8ci9wrkq] {
  border-bottom: 1px solid #eff0f6;
}
.console-features-body .feature-matrix-card .table-container .matrix-table thead th[b-lk8ci9wrkq] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-features-body .feature-matrix-card .table-container .matrix-table thead th.col-plan-cell[b-lk8ci9wrkq] {
  text-align: center;
}
.console-features-body .feature-matrix-card .table-container .matrix-table tbody tr[b-lk8ci9wrkq] {
  border-bottom: 1px solid #eff0f6;
}
.console-features-body .feature-matrix-card .table-container .matrix-table tbody tr:last-child[b-lk8ci9wrkq] {
  border-bottom: none;
}
.console-features-body .feature-matrix-card .table-container .matrix-table tbody tr td[b-lk8ci9wrkq] {
  padding: 14px 16px;
  vertical-align: middle;
}
.console-features-body .feature-matrix-card .table-container .matrix-table tbody tr td.col-plan-cell[b-lk8ci9wrkq] {
  text-align: center;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .col-feature[b-lk8ci9wrkq] {
  width: 40%;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .col-plan-cell[b-lk8ci9wrkq] {
  text-align: center;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell[b-lk8ci9wrkq] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell .feature-name[b-lk8ci9wrkq] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell .category-badge[b-lk8ci9wrkq] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
  width: fit-content;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell .category-badge.cat-core[b-lk8ci9wrkq] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell .category-badge.cat-ai[b-lk8ci9wrkq] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell .category-badge.cat-analytics[b-lk8ci9wrkq] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell .category-badge.cat-branding[b-lk8ci9wrkq] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell .category-badge.cat-compliance[b-lk8ci9wrkq] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .feature-name-cell .feature-desc[b-lk8ci9wrkq] {
  font-size: 12px;
  color: #8a8d9f;
  line-height: 1.4;
  margin-top: 2px;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .switch[b-lk8ci9wrkq] {
  position: relative;
  width: 40px;
  height: 22px;
  border-radius: 11px;
  background-color: #eff0f6;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .switch[b-lk8ci9wrkq]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .switch.on[b-lk8ci9wrkq] {
  background-color: #5c59f0;
}
.console-features-body .feature-matrix-card .table-container .matrix-table .switch.on[b-lk8ci9wrkq]::after {
  transform: translateX(18px);
}
.console-features-body .modal-backdrop[b-lk8ci9wrkq] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-lk8ci9wrkq 0.2s ease-out;
}
.console-features-body .modal-backdrop .modal-container[b-lk8ci9wrkq] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-lk8ci9wrkq 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.console-features-body .modal-backdrop .modal-container .modal-header[b-lk8ci9wrkq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.console-features-body .modal-backdrop .modal-container .modal-header .modal-title[b-lk8ci9wrkq] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-features-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-lk8ci9wrkq] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.console-features-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-lk8ci9wrkq] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.console-features-body .modal-backdrop .modal-container .modal-body[b-lk8ci9wrkq] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.console-features-body .modal-backdrop .modal-container .modal-body .modal-desc[b-lk8ci9wrkq] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.console-features-body .modal-backdrop .modal-container .modal-body .modal-field[b-lk8ci9wrkq] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-features-body .modal-backdrop .modal-container .modal-body .modal-field span[b-lk8ci9wrkq] {
  font-size: 12.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.console-features-body .modal-backdrop .modal-container .modal-body .modal-field input[b-lk8ci9wrkq],
.console-features-body .modal-backdrop .modal-container .modal-body .modal-field select[b-lk8ci9wrkq] {
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.console-features-body .modal-backdrop .modal-container .modal-body .modal-field input:focus[b-lk8ci9wrkq],
.console-features-body .modal-backdrop .modal-container .modal-body .modal-field select:focus[b-lk8ci9wrkq] {
  border-color: #5c59f0;
}
.console-features-body .modal-backdrop .modal-container .modal-body .modal-checkbox-row[b-lk8ci9wrkq] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.console-features-body .modal-backdrop .modal-container .modal-body .modal-checkbox-row .modal-checkbox[b-lk8ci9wrkq] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
  cursor: pointer;
}
.console-features-body .modal-backdrop .modal-container .modal-body .modal-checkbox-row .modal-checkbox input[b-lk8ci9wrkq] {
  width: 16px;
  height: 16px;
  accent-color: #5c59f0;
  cursor: pointer;
}
.console-features-body .modal-backdrop .modal-container .modal-footer[b-lk8ci9wrkq] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.console-features-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-lk8ci9wrkq] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.console-features-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-lk8ci9wrkq] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.console-features-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-lk8ci9wrkq] {
  background-color: #e2e8f0;
}
.console-features-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-lk8ci9wrkq] {
  background-color: #5c59f0;
  color: #ffffff;
}
.console-features-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-lk8ci9wrkq] {
  background-color: #4b49df;
}
@media (max-width: 850px) {
  .console-features-body .features-header[b-lk8ci9wrkq] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .console-features-body .features-header .header-search-area[b-lk8ci9wrkq] {
    width: 100%;
  }
  .console-features-body .features-header .header-search-area .btn-add-feature[b-lk8ci9wrkq] {
    width: 100%;
  }
  .console-features-body .overview-stats-grid[b-lk8ci9wrkq] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-features-body .feature-matrix-card[b-lk8ci9wrkq] {
    padding: 20px 16px;
  }
  .console-features-body .feature-matrix-card .table-container .matrix-table[b-lk8ci9wrkq] {
    display: block;
  }
  .console-features-body .feature-matrix-card .table-container .matrix-table thead[b-lk8ci9wrkq] {
    display: none;
  }
  .console-features-body .feature-matrix-card .table-container .matrix-table tbody[b-lk8ci9wrkq] {
    display: block;
  }
  .console-features-body .feature-matrix-card .table-container .matrix-table tbody tr[b-lk8ci9wrkq] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .console-features-body .feature-matrix-card .table-container .matrix-table tbody tr td[b-lk8ci9wrkq] {
    padding: 0;
    width: 100% !important;
    text-align: left !important;
  }
  .console-features-body .feature-matrix-card .table-container .matrix-table tbody tr .col-plan-cell[b-lk8ci9wrkq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .console-features-body .feature-matrix-card .table-container .matrix-table tbody tr .col-plan-cell[b-lk8ci9wrkq]::before {
    content: attr(data-label);
    font-size: 12px;
    font-weight: 600;
    color: #6e7191;
  }
}
@media (max-width: 480px) {
  .console-features-body[b-lk8ci9wrkq] {
    padding: 24px 16px;
  }
  .console-features-body .overview-stats-grid[b-lk8ci9wrkq] {
    grid-template-columns: 1fr;
  }
}

@keyframes fadeIn-b-lk8ci9wrkq {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-lk8ci9wrkq {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/*# sourceMappingURL=Features.razor.css.map */
/* /Console/IndividualEdit.razor.rz.scp.css */
.indiv-edit-body[b-e30zchuhs2] {
  width: 100%;
  padding: 40px 32px 64px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}
.indiv-edit-body *[b-e30zchuhs2] {
  box-sizing: border-box;
}
.indiv-edit-body .indiv-edit-crumb .back-link[b-e30zchuhs2] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  text-decoration: none;
}
.indiv-edit-body .indiv-edit-crumb .back-link:hover[b-e30zchuhs2] {
  color: #5c59f0;
}
.indiv-edit-body .indiv-edit-crumb .back-link svg[b-e30zchuhs2] {
  flex: none;
}
.indiv-edit-body .indiv-edit-header[b-e30zchuhs2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.indiv-edit-body .indiv-edit-header .ie-header-text[b-e30zchuhs2] {
  min-width: 0;
}
.indiv-edit-body .indiv-edit-header .eyebrow-tag[b-e30zchuhs2] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.indiv-edit-body .indiv-edit-header .page-title[b-e30zchuhs2] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.indiv-edit-body .indiv-edit-header .page-subtitle[b-e30zchuhs2] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 680px;
}
.indiv-edit-body .indiv-edit-header .page-subtitle a[b-e30zchuhs2] {
  color: #5c59f0;
  font-weight: 600;
  text-decoration: none;
}
.indiv-edit-body .indiv-edit-header .page-subtitle a:hover[b-e30zchuhs2] {
  text-decoration: underline;
}
.indiv-edit-body .indiv-edit-header .ie-header-save[b-e30zchuhs2] {
  flex-shrink: 0;
  margin-top: 4px;
}
.indiv-edit-body .form-loading[b-e30zchuhs2] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.indiv-edit-body .form-notice[b-e30zchuhs2] {
  font-size: 13px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.indiv-edit-body .form-notice.form-notice-error[b-e30zchuhs2] {
  background-color: #fdecec;
  color: #d64545;
}
.indiv-edit-body .form-notice.form-notice-ok[b-e30zchuhs2] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.indiv-edit-body .indiv-edit-card[b-e30zchuhs2] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 28px 32px;
}
.indiv-edit-body .section-title[b-e30zchuhs2] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.indiv-edit-body .ie-card-sub[b-e30zchuhs2] {
  font-size: 12.5px;
  color: #8a8d9f;
  margin: 4px 0 16px 0;
  line-height: 1.5;
}
.indiv-edit-body .ie-card-head[b-e30zchuhs2] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 4px;
}
.indiv-edit-body .indiv-fields-grid[b-e30zchuhs2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.indiv-edit-body .indiv-field[b-e30zchuhs2] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.indiv-edit-body .indiv-field.indiv-field-wide[b-e30zchuhs2] {
  grid-column: 1/-1;
}
.indiv-edit-body .indiv-field label[b-e30zchuhs2],
.indiv-edit-body .indiv-field .indiv-field-label-standalone[b-e30zchuhs2] {
  font-size: 12.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.indiv-edit-body .indiv-field input[b-e30zchuhs2],
.indiv-edit-body .indiv-field textarea[b-e30zchuhs2] {
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13.5px;
  color: #1d1e2c;
  font-family: inherit;
  width: 100%;
}
.indiv-edit-body .indiv-field input:focus[b-e30zchuhs2],
.indiv-edit-body .indiv-field textarea:focus[b-e30zchuhs2] {
  outline: none;
  border-color: #5c59f0;
}
.indiv-edit-body .indiv-field input:disabled[b-e30zchuhs2],
.indiv-edit-body .indiv-field textarea:disabled[b-e30zchuhs2] {
  color: #8a8d9f;
  cursor: not-allowed;
}
.indiv-edit-body .indiv-field textarea[b-e30zchuhs2] {
  resize: vertical;
  min-height: 90px;
}
.indiv-edit-body .indiv-field-hint[b-e30zchuhs2] {
  font-size: 11.5px;
  color: #8a8d9f;
  line-height: 1.4;
  display: block;
  margin-top: 2px;
}
.indiv-edit-body .indiv-pills[b-e30zchuhs2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.indiv-edit-body .indiv-pill[b-e30zchuhs2] {
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: all 0.2s;
}
.indiv-edit-body .indiv-pill.active[b-e30zchuhs2] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.indiv-edit-body .indiv-pill:hover:not(.active)[b-e30zchuhs2] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.indiv-edit-body .indiv-edit-save-row[b-e30zchuhs2] {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #eff0f6;
}
.indiv-edit-body .btn-submit-indiv[b-e30zchuhs2] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 11px 22px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s;
}
.indiv-edit-body .btn-submit-indiv:hover:not(:disabled)[b-e30zchuhs2] {
  background-color: rgb(25.2718015383%, 23.8964359224%, 93.1231719207%);
}
.indiv-edit-body .btn-submit-indiv:disabled[b-e30zchuhs2] {
  opacity: 0.65;
  cursor: not-allowed;
}
.indiv-edit-body .ie-btn-outline[b-e30zchuhs2] {
  display: inline-flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.2s;
}
.indiv-edit-body .ie-btn-outline:hover[b-e30zchuhs2] {
  border-color: #5c59f0;
}
.indiv-edit-body .ie-btn-quiet[b-e30zchuhs2] {
  background: none;
  border: none;
  font-size: 12.5px;
  font-weight: 700;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px 6px;
}
.indiv-edit-body .ie-btn-quiet:hover:not(:disabled)[b-e30zchuhs2] {
  color: #d64545;
}
.indiv-edit-body .ie-btn-quiet:disabled[b-e30zchuhs2] {
  opacity: 0.6;
  cursor: not-allowed;
}
.indiv-edit-body .ie-btn-quiet-link[b-e30zchuhs2] {
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
  text-decoration: none;
}
.indiv-edit-body .ie-btn-quiet-link:hover[b-e30zchuhs2] {
  text-decoration: underline;
}
.indiv-edit-body .ie-btn-primary[b-e30zchuhs2] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s;
}
.indiv-edit-body .ie-btn-primary:hover:not(:disabled)[b-e30zchuhs2] {
  background-color: rgb(25.2718015383%, 23.8964359224%, 93.1231719207%);
}
.indiv-edit-body .ie-btn-primary:disabled[b-e30zchuhs2] {
  opacity: 0.65;
  cursor: not-allowed;
}
.indiv-edit-body .ie-file-hidden[b-e30zchuhs2] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.indiv-edit-body .ie-doc-empty[b-e30zchuhs2] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 4px 0;
}
.indiv-edit-body .ie-doc-row[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #eff0f6;
  flex-wrap: wrap;
}
.indiv-edit-body .ie-doc-row:last-child[b-e30zchuhs2] {
  border-bottom: none;
  padding-bottom: 0;
}
.indiv-edit-body .ie-doc-row.ie-doc-row-list[b-e30zchuhs2] {
  align-items: flex-start;
}
.indiv-edit-body .ie-doc-row .ie-doc-text[b-e30zchuhs2] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.indiv-edit-body .ie-doc-row .ie-doc-text .ie-doc-label[b-e30zchuhs2] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
}
.indiv-edit-body .ie-doc-row .ie-doc-text .ie-doc-sub[b-e30zchuhs2] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.indiv-edit-body .ie-doc-row .ie-doc-actions[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.indiv-edit-body .ie-project-list[b-e30zchuhs2] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.indiv-edit-body .ie-project-list .ie-project-item[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
}
.indiv-edit-body .ie-project-list .ie-project-item a[b-e30zchuhs2] {
  color: #5c59f0;
  font-weight: 600;
  text-decoration: none;
}
.indiv-edit-body .ie-project-list .ie-project-item a:hover[b-e30zchuhs2] {
  text-decoration: underline;
}
.indiv-edit-body .ie-project-list .ie-project-item .ie-doc-remove-x[b-e30zchuhs2] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0 2px;
}
.indiv-edit-body .ie-project-list .ie-project-item .ie-doc-remove-x:hover:not(:disabled)[b-e30zchuhs2] {
  color: #d64545;
}
.indiv-edit-body .ie-exp-item[b-e30zchuhs2] {
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.indiv-edit-body .ie-exp-item:last-child[b-e30zchuhs2] {
  border-bottom: none;
}
.indiv-edit-body .ie-exp-item .ie-exp-item-head[b-e30zchuhs2] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
.indiv-edit-body .ie-exp-item .ie-exp-item-head .ie-exp-title[b-e30zchuhs2] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.indiv-edit-body .ie-exp-item .ie-exp-item-head .ie-exp-meta[b-e30zchuhs2] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 4px 0 0 0;
}
.indiv-edit-body .ie-exp-item .ie-exp-item-head .ie-exp-dates[b-e30zchuhs2] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 2px 0 0 0;
}
.indiv-edit-body .ie-exp-item .ie-exp-item-head .ie-exp-actions[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.indiv-edit-body .ie-exp-item .ie-exp-desc[b-e30zchuhs2] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.55;
  margin: 10px 0 0 0;
}
.indiv-edit-body .ie-badge-current[b-e30zchuhs2] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #e8f8f2;
  color: #1fad7a;
  letter-spacing: 0.3px;
}
.indiv-edit-body .ie-exp-form[b-e30zchuhs2] {
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.indiv-edit-body .ie-exp-form .ie-check[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  margin-top: 6px;
}
.indiv-edit-body .ie-exp-form .ie-check input[b-e30zchuhs2] {
  width: auto;
}
.indiv-edit-body .ie-exp-form-actions[b-e30zchuhs2] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}
.indiv-edit-body .ie-interview-list[b-e30zchuhs2] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.indiv-edit-body .ie-interview-item .ie-interview-question[b-e30zchuhs2] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 8px 0;
}
.indiv-edit-body .ie-interview-item .ie-interview-textarea[b-e30zchuhs2] {
  width: 100%;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  color: #1d1e2c;
  font-family: inherit;
  resize: vertical;
}
.indiv-edit-body .ie-interview-item .ie-interview-textarea:focus[b-e30zchuhs2] {
  outline: none;
  border-color: #5c59f0;
}
.indiv-edit-body .ie-interview-item .ie-interview-media[b-e30zchuhs2] {
  display: flex;
  gap: 16px;
  margin-top: 8px;
}
.indiv-edit-body .ie-interview-item .ie-interview-media a[b-e30zchuhs2] {
  font-size: 12px;
  font-weight: 700;
  color: #5c59f0;
  text-decoration: none;
}
.indiv-edit-body .ie-interview-item .ie-interview-media a:hover[b-e30zchuhs2] {
  text-decoration: underline;
}
.indiv-edit-body .ie-avatar-row[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eff0f6;
}
.indiv-edit-body .ie-avatar[b-e30zchuhs2] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
}
.indiv-edit-body .ie-avatar-fallback[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  background-color: #5c59f0;
}
.indiv-edit-body .ie-avatar-actions[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.indiv-edit-body .ie-active-row[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 16px 18px;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: #f0efff;
  border: 1px solid rgba(92, 89, 240, 0.35);
}
.indiv-edit-body .ie-active-check[b-e30zchuhs2] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #5c59f0;
  cursor: pointer;
}
.indiv-edit-body .ie-active-check input[b-e30zchuhs2] {
  width: 20px;
  height: 20px;
  accent-color: #5c59f0;
  cursor: pointer;
}
.indiv-edit-body .section-subtitle[b-e30zchuhs2] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.indiv-edit-body .ie-password-section[b-e30zchuhs2] {
  margin-top: 4px;
  padding-top: 20px;
  border-top: 1px solid #eff0f6;
}
.indiv-edit-body .ie-password-section > .ie-card-sub[b-e30zchuhs2] {
  margin-bottom: 16px;
}
.indiv-edit-body .password-field[b-e30zchuhs2] {
  position: relative;
  display: flex;
}
.indiv-edit-body .password-field input[b-e30zchuhs2] {
  width: 100%;
  padding-right: 42px;
}
.indiv-edit-body .password-field .toggle-password[b-e30zchuhs2] {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  transition: color 0.15s ease, background 0.15s ease;
}
.indiv-edit-body .password-field .toggle-password:hover[b-e30zchuhs2] {
  color: #6e7191;
  background: #fcfcfd;
}
.indiv-edit-body .password-field .toggle-password svg[b-e30zchuhs2] {
  pointer-events: none;
}

@media (max-width: 700px) {
  .indiv-edit-body[b-e30zchuhs2] {
    padding: 24px 16px 48px;
  }
  .indiv-edit-body .indiv-edit-card[b-e30zchuhs2] {
    padding: 20px;
  }
  .indiv-edit-body .indiv-fields-grid[b-e30zchuhs2] {
    grid-template-columns: 1fr;
  }
  .indiv-edit-body .ie-doc-row[b-e30zchuhs2] {
    flex-direction: column;
    align-items: flex-start;
  }
  .indiv-edit-body .ie-card-head[b-e30zchuhs2] {
    flex-direction: column;
  }
}
/* /Console/IndividualReview.razor.rz.scp.css */
.review-body[b-gdtji9xs15] {
  width: 100%;
  padding: 40px 32px 64px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}
.review-body *[b-gdtji9xs15] {
  box-sizing: border-box;
}
.review-body .review-crumb .back-link[b-gdtji9xs15] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  text-decoration: none;
}
.review-body .review-crumb .back-link:hover[b-gdtji9xs15] {
  color: #5c59f0;
}
.review-body .review-crumb .back-link svg[b-gdtji9xs15] {
  flex: none;
}
.review-body .review-header .eyebrow-tag[b-gdtji9xs15] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.review-body .review-header .page-title[b-gdtji9xs15] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.review-body .review-header .page-subtitle[b-gdtji9xs15] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 720px;
}
.review-body .form-loading[b-gdtji9xs15] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.review-body .form-notice[b-gdtji9xs15] {
  font-size: 13px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
}
.review-body .form-notice.form-notice-ok[b-gdtji9xs15] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.review-body .review-card[b-gdtji9xs15] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.review-body .section-title[b-gdtji9xs15] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.review-body .identity-row[b-gdtji9xs15] {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  flex-wrap: wrap;
}
.review-body .identity-row .identity-avatar[b-gdtji9xs15] {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  background-color: #8b5cf6;
}
.review-body .identity-row .identity-avatar.identity-avatar-img[b-gdtji9xs15] {
  object-fit: cover;
  background-color: #eff0f6;
}
.review-body .identity-row .identity-info[b-gdtji9xs15] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}
.review-body .identity-row .identity-info .identity-name[b-gdtji9xs15] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
}
.review-body .identity-row .identity-info .identity-email[b-gdtji9xs15] {
  font-size: 13px;
  color: #6e7191;
}
.review-body .identity-row .identity-info .identity-badges[b-gdtji9xs15] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}
.review-body .identity-row .identity-actions[b-gdtji9xs15] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.review-body .role-badge[b-gdtji9xs15] {
  font-size: 9px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.review-body .role-badge.role-student[b-gdtji9xs15] {
  background-color: #f0efff;
  color: #5c59f0;
}
.review-body .role-badge.role-teacher[b-gdtji9xs15] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.review-body .status-badge[b-gdtji9xs15] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.review-body .status-badge.active[b-gdtji9xs15] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.review-body .status-badge.active .status-dot[b-gdtji9xs15] {
  background-color: #1fad7a;
}
.review-body .status-badge.pending[b-gdtji9xs15] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.review-body .status-badge.pending .status-dot[b-gdtji9xs15] {
  background-color: #f08b3b;
}
.review-body .status-badge.suspended[b-gdtji9xs15] {
  background-color: #fdeeee;
  color: #d64545;
}
.review-body .status-badge.suspended .status-dot[b-gdtji9xs15] {
  background-color: #d64545;
}
.review-body .status-badge .status-dot[b-gdtji9xs15] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.review-body .btn-approve[b-gdtji9xs15],
.review-body .btn-toggle-suspend[b-gdtji9xs15],
.review-body .btn-edit-fields[b-gdtji9xs15] {
  border: none;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.review-body .btn-approve:disabled[b-gdtji9xs15],
.review-body .btn-toggle-suspend:disabled[b-gdtji9xs15],
.review-body .btn-edit-fields:disabled[b-gdtji9xs15] {
  opacity: 0.6;
  cursor: not-allowed;
}
.review-body .btn-edit-fields[b-gdtji9xs15] {
  background-color: #f0efff;
  color: #5c59f0;
}
.review-body .btn-edit-fields:hover[b-gdtji9xs15] {
  background-color: rgb(86.6176470588%, 85.7254901961%, 100%);
}
.review-body .btn-approve[b-gdtji9xs15] {
  background-color: #1fad7a;
  color: #ffffff;
}
.review-body .btn-approve:hover:not(:disabled)[b-gdtji9xs15] {
  background-color: rgb(10.3333333333%, 57.6666666667%, 40.6666666667%);
}
.review-body .btn-toggle-suspend[b-gdtji9xs15] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.review-body .btn-toggle-suspend:hover:not(:disabled)[b-gdtji9xs15] {
  background-color: #e2e8f0;
}
.review-body .btn-toggle-suspend.suspend:hover:not(:disabled)[b-gdtji9xs15] {
  background-color: #fdeeee;
  color: #d64545;
}
.review-body .btn-toggle-suspend.restore:hover:not(:disabled)[b-gdtji9xs15] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.review-body .detail-grid[b-gdtji9xs15] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 0;
  padding-top: 20px;
  border-top: 1px solid #eff0f6;
}
.review-body .detail-grid .detail-item[b-gdtji9xs15] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.review-body .detail-grid .detail-item.detail-item-wide[b-gdtji9xs15] {
  grid-column: 1/-1;
}
.review-body .detail-grid .detail-item dt[b-gdtji9xs15] {
  font-size: 11.5px;
  font-weight: 700;
  color: #8a8d9f;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.review-body .detail-grid .detail-item dd[b-gdtji9xs15] {
  font-size: 13.5px;
  color: #1d1e2c;
  margin: 0;
  line-height: 1.5;
}
.review-body .tag-list-grid[b-gdtji9xs15] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.review-body .tag-list-block[b-gdtji9xs15] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.review-body .tag-list-block .tag-list-label[b-gdtji9xs15] {
  font-size: 11.5px;
  font-weight: 700;
  color: #8a8d9f;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.review-body .tag-list-block .tag-list-empty[b-gdtji9xs15] {
  font-size: 13px;
  color: #8a8d9f;
}
.review-body .tag-list-block .tag-list[b-gdtji9xs15] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.review-body .tag-list-block .tag-list .tag-chip[b-gdtji9xs15] {
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.review-body .doc-list[b-gdtji9xs15] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.review-body .doc-list .doc-item[b-gdtji9xs15] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  flex-wrap: wrap;
}
.review-body .doc-list .doc-item .doc-label[b-gdtji9xs15] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.review-body .doc-list .doc-item .doc-empty[b-gdtji9xs15] {
  font-size: 12.5px;
  color: #8a8d9f;
}
.review-body .doc-list .doc-item .doc-link[b-gdtji9xs15] {
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
  text-decoration: none;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.review-body .doc-list .doc-item .doc-link:hover[b-gdtji9xs15] {
  text-decoration: underline;
}
.review-body .interview-list[b-gdtji9xs15] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.review-body .interview-item[b-gdtji9xs15] {
  padding: 16px 18px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  background-color: #fcfcfd;
}
.review-body .interview-item .interview-question[b-gdtji9xs15] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 8px 0;
}
.review-body .interview-item .interview-answer[b-gdtji9xs15] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.55;
  margin: 0;
  white-space: pre-wrap;
}
.review-body .interview-item .interview-media[b-gdtji9xs15] {
  display: flex;
  gap: 16px;
  margin-top: 10px;
}
.review-body .interview-item .interview-media .doc-link[b-gdtji9xs15] {
  font-size: 12px;
  font-weight: 700;
  color: #5c59f0;
  text-decoration: none;
}
.review-body .interview-item .interview-media .doc-link:hover[b-gdtji9xs15] {
  text-decoration: underline;
}

@media (max-width: 700px) {
  .review-body[b-gdtji9xs15] {
    padding: 24px 16px 48px;
  }
  .review-body .review-card[b-gdtji9xs15] {
    padding: 20px;
  }
  .review-body .identity-row .identity-actions[b-gdtji9xs15] {
    width: 100%;
  }
  .review-body .identity-row .identity-actions .btn-approve[b-gdtji9xs15],
  .review-body .identity-row .identity-actions .btn-toggle-suspend[b-gdtji9xs15] {
    flex: 1;
  }
  .review-body .detail-grid[b-gdtji9xs15],
  .review-body .tag-list-grid[b-gdtji9xs15] {
    grid-template-columns: 1fr;
  }
}
/* /Console/Individuals.razor.rz.scp.css */
.console-individuals-body[b-fo3c1br70y] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-individuals-body *[b-fo3c1br70y] {
  box-sizing: border-box;
}
.console-individuals-body .individuals-header[b-fo3c1br70y] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.console-individuals-body .individuals-header .eyebrow-tag[b-fo3c1br70y] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-individuals-body .individuals-header .page-title[b-fo3c1br70y] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-individuals-body .individuals-header .page-subtitle[b-fo3c1br70y] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 680px;
}
.console-individuals-body .overview-stats-grid[b-fo3c1br70y] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-individuals-body .overview-stats-grid .stat-card[b-fo3c1br70y] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-individuals-body .overview-stats-grid .stat-card .stat-value[b-fo3c1br70y] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-individuals-body .overview-stats-grid .stat-card .stat-label[b-fo3c1br70y] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-individuals-body .overview-stats-grid .stat-card .stat-sub[b-fo3c1br70y] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-individuals-body .filters-bar[b-fo3c1br70y] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.console-individuals-body .filters-bar .filter-pills[b-fo3c1br70y] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.console-individuals-body .filters-bar .filter-pills .filter-pill[b-fo3c1br70y] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.console-individuals-body .filters-bar .filter-pills .filter-pill .badge[b-fo3c1br70y] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.console-individuals-body .filters-bar .filter-pills .filter-pill.active[b-fo3c1br70y] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.console-individuals-body .filters-bar .filter-pills .filter-pill.active .badge[b-fo3c1br70y] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.console-individuals-body .filters-bar .header-search-bar-inline .search-box[b-fo3c1br70y] {
  position: relative;
  display: flex;
  align-items: center;
}
.console-individuals-body .filters-bar .header-search-bar-inline .search-box .search-icon[b-fo3c1br70y] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.console-individuals-body .filters-bar .header-search-bar-inline .search-box .search-input[b-fo3c1br70y] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  width: 240px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.console-individuals-body .filters-bar .header-search-bar-inline .search-box .search-input:focus[b-fo3c1br70y] {
  border-color: #5c59f0;
}
.console-individuals-body .individuals-directory-card[b-fo3c1br70y] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.console-individuals-body .individuals-directory-card .table-loading[b-fo3c1br70y] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 8px 4px;
}
.console-individuals-body .individuals-directory-card .table-container[b-fo3c1br70y] {
  width: 100%;
  overflow-x: auto;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table[b-fo3c1br70y] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table thead[b-fo3c1br70y] {
  border-bottom: 1px solid #eff0f6;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table thead th[b-fo3c1br70y] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table tbody tr[b-fo3c1br70y] {
  border-bottom: 1px solid #eff0f6;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table tbody tr:last-child[b-fo3c1br70y] {
  border-bottom: none;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table tbody tr td[b-fo3c1br70y] {
  padding: 14px 16px;
  vertical-align: middle;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .col-account[b-fo3c1br70y] {
  width: 42%;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .col-role[b-fo3c1br70y] {
  width: 16%;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .col-status[b-fo3c1br70y] {
  width: 20%;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .col-actions[b-fo3c1br70y] {
  width: 22%;
  text-align: right;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell[b-fo3c1br70y] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .avatar[b-fo3c1br70y] {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .avatar.bg-purple[b-fo3c1br70y] {
  background-color: #8b5cf6;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .avatar.bg-blue[b-fo3c1br70y] {
  background-color: #3b82f6;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .avatar.bg-green[b-fo3c1br70y] {
  background-color: #1fad7a;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .avatar.bg-orange[b-fo3c1br70y] {
  background-color: #f08b3b;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .avatar.avatar-img[b-fo3c1br70y] {
  object-fit: cover;
  background-color: #eff0f6;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .indiv-info[b-fo3c1br70y] {
  display: flex;
  flex-direction: column;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .indiv-info .indiv-name[b-fo3c1br70y] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .indiv-profile-cell .indiv-info .indiv-sub[b-fo3c1br70y] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .role-badge[b-fo3c1br70y] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .role-badge.role-student[b-fo3c1br70y] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .role-badge.role-teacher[b-fo3c1br70y] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .status-badge[b-fo3c1br70y] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .status-badge.active[b-fo3c1br70y] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .status-badge.active .status-dot[b-fo3c1br70y] {
  background-color: #1fad7a;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .status-badge.pending[b-fo3c1br70y] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .status-badge.pending .status-dot[b-fo3c1br70y] {
  background-color: #f08b3b;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .status-badge.suspended[b-fo3c1br70y] {
  background-color: #fdeeee;
  color: #d64545;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .status-badge.suspended .status-dot[b-fo3c1br70y] {
  background-color: #d64545;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .status-badge .status-dot[b-fo3c1br70y] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .action-btn-row[b-fo3c1br70y] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .action-btn-row .icon-action-btn[b-fo3c1br70y] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .action-btn-row .icon-action-btn svg[b-fo3c1br70y] {
  flex-shrink: 0;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .action-btn-row .icon-action-btn:hover[b-fo3c1br70y] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .action-btn-row .icon-action-btn.suspend:hover[b-fo3c1br70y] {
  background-color: #fdeeee;
  color: #d64545;
}
.console-individuals-body .individuals-directory-card .table-container .individuals-table .action-btn-row .icon-action-btn.restore:hover[b-fo3c1br70y] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-individuals-body .individuals-directory-card .directory-pagination-footer[b-fo3c1br70y] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  border-top: 1px solid #eff0f6;
  margin-top: 12px;
}
.console-individuals-body .individuals-directory-card .directory-pagination-footer .pagination-summary[b-fo3c1br70y] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.console-individuals-body .individuals-directory-card .directory-pagination-footer .pagination-controls[b-fo3c1br70y] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.console-individuals-body .individuals-directory-card .directory-pagination-footer .pagination-controls .page-num[b-fo3c1br70y] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.console-individuals-body .individuals-directory-card .directory-pagination-footer .pagination-controls .page-num.active[b-fo3c1br70y] {
  background-color: #5c59f0;
  color: #ffffff;
}
.console-individuals-body .individuals-directory-card .directory-pagination-footer .pagination-controls .page-num:hover:not(.active)[b-fo3c1br70y] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.console-individuals-body .individuals-directory-card .directory-pagination-footer .pagination-controls .page-dots[b-fo3c1br70y] {
  font-size: 12px;
  color: #8a8d9f;
  padding: 0 4px;
}
@media (max-width: 850px) {
  .console-individuals-body .individuals-header[b-fo3c1br70y] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .console-individuals-body .overview-stats-grid[b-fo3c1br70y] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-individuals-body .filters-bar[b-fo3c1br70y] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .console-individuals-body .filters-bar .header-search-bar-inline[b-fo3c1br70y] {
    width: 100%;
  }
  .console-individuals-body .filters-bar .header-search-bar-inline .search-box .search-input[b-fo3c1br70y] {
    width: 100%;
  }
  .console-individuals-body .individuals-directory-card[b-fo3c1br70y] {
    padding: 20px 16px;
  }
  .console-individuals-body .individuals-directory-card .table-container .individuals-table[b-fo3c1br70y] {
    display: block;
  }
  .console-individuals-body .individuals-directory-card .table-container .individuals-table thead[b-fo3c1br70y] {
    display: none;
  }
  .console-individuals-body .individuals-directory-card .table-container .individuals-table tbody[b-fo3c1br70y] {
    display: block;
  }
  .console-individuals-body .individuals-directory-card .table-container .individuals-table tbody tr[b-fo3c1br70y] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .console-individuals-body .individuals-directory-card .table-container .individuals-table tbody tr td[b-fo3c1br70y] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .console-individuals-body .individuals-directory-card .table-container .individuals-table tbody tr .col-role[b-fo3c1br70y],
  .console-individuals-body .individuals-directory-card .table-container .individuals-table tbody tr .col-status[b-fo3c1br70y] {
    padding-left: 44px;
  }
  .console-individuals-body .individuals-directory-card .table-container .individuals-table tbody tr .col-actions[b-fo3c1br70y] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .console-individuals-body .individuals-directory-card .directory-pagination-footer[b-fo3c1br70y] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .console-individuals-body[b-fo3c1br70y] {
    padding: 24px 16px;
  }
  .console-individuals-body .overview-stats-grid[b-fo3c1br70y] {
    grid-template-columns: 1fr;
  }
}
/* /Console/OrganizationForm.razor.rz.scp.css */
.org-form-body[b-352amlwy7l] {
  width: 100%;
  padding: 40px 32px 64px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}
.org-form-body *[b-352amlwy7l] {
  box-sizing: border-box;
}
.org-form-body .org-form-crumb .back-link[b-352amlwy7l] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  text-decoration: none;
}
.org-form-body .org-form-crumb .back-link:hover[b-352amlwy7l] {
  color: #5c59f0;
}
.org-form-body .org-form-crumb .back-link svg[b-352amlwy7l] {
  flex: none;
}
.org-form-body .org-form-header .eyebrow-tag[b-352amlwy7l] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.org-form-body .org-form-header .page-title[b-352amlwy7l] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.org-form-body .org-form-header .page-subtitle[b-352amlwy7l] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 640px;
}
.org-form-body .org-form-card[b-352amlwy7l] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 32px;
}
.org-form-body .form-loading[b-352amlwy7l] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.org-form-body .form-notice[b-352amlwy7l] {
  font-size: 13px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.org-form-body .form-notice.form-notice-error[b-352amlwy7l] {
  background-color: #fdecec;
  color: #d64545;
}
.org-form-body .form-notice.form-notice-ok[b-352amlwy7l] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.org-form-body .org-avatar-row[b-352amlwy7l] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #eff0f6;
}
.org-form-body .org-avatar-circle[b-352amlwy7l] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  background-color: #8b5cf6;
}
.org-form-body .org-avatar-circle.org-avatar-img[b-352amlwy7l] {
  object-fit: cover;
  background-color: #eff0f6;
}
.org-form-body .org-avatar-actions[b-352amlwy7l] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.org-form-body .org-file-hidden[b-352amlwy7l] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.org-form-body .btn-outline-small[b-352amlwy7l] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 700;
  color: #5c59f0;
  cursor: pointer;
  transition: border-color 0.2s;
}
.org-form-body .btn-outline-small:hover[b-352amlwy7l] {
  border-color: #5c59f0;
}
.org-form-body .btn-quiet-small[b-352amlwy7l] {
  background: none;
  border: none;
  font-size: 12.5px;
  font-weight: 700;
  color: #8a8d9f;
  cursor: pointer;
}
.org-form-body .btn-quiet-small:hover[b-352amlwy7l] {
  color: #d64545;
}
.org-form-body .org-field-hint[b-352amlwy7l] {
  font-size: 11.5px;
  color: #8a8d9f;
  line-height: 1.4;
  display: block;
  margin-top: 4px;
}
.org-form-body .org-fields-grid[b-352amlwy7l] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 8px;
}
.org-form-body .org-field[b-352amlwy7l] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.org-form-body .org-field.org-field-wide[b-352amlwy7l] {
  grid-column: 1/-1;
}
.org-form-body .org-field label[b-352amlwy7l] {
  font-size: 12.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.org-form-body .org-field input[b-352amlwy7l],
.org-form-body .org-field select[b-352amlwy7l] {
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13.5px;
  color: #1d1e2c;
  font-family: inherit;
  width: 100%;
}
.org-form-body .org-field input:focus[b-352amlwy7l],
.org-form-body .org-field select:focus[b-352amlwy7l] {
  outline: none;
  border-color: #5c59f0;
}
.org-form-body .org-field input:disabled[b-352amlwy7l],
.org-form-body .org-field select:disabled[b-352amlwy7l] {
  color: #8a8d9f;
  cursor: not-allowed;
}
.org-form-body .org-field .password-field[b-352amlwy7l] {
  position: relative;
  display: flex;
}
.org-form-body .org-field .password-field input[b-352amlwy7l] {
  width: 100%;
  padding-right: 42px;
}
.org-form-body .org-field .password-field .toggle-password[b-352amlwy7l] {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  transition: color 0.15s ease, background 0.15s ease;
}
.org-form-body .org-field .password-field .toggle-password:hover[b-352amlwy7l] {
  color: #6e7191;
  background: #fcfcfd;
}
.org-form-body .org-field .password-field .toggle-password svg[b-352amlwy7l] {
  pointer-events: none;
}
.org-form-body .org-password-section[b-352amlwy7l] {
  margin-top: 12px;
  padding-top: 24px;
  border-top: 1px solid #eff0f6;
}
.org-form-body .org-password-section .org-section-title[b-352amlwy7l] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.org-form-body .org-password-section > .org-field-hint[b-352amlwy7l] {
  margin-bottom: 16px;
}
.org-form-body .org-form-actions[b-352amlwy7l] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #eff0f6;
}
.org-form-body .btn-cancel-link[b-352amlwy7l] {
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  text-decoration: none;
}
.org-form-body .btn-cancel-link:hover[b-352amlwy7l] {
  color: #1d1e2c;
}
.org-form-body .btn-submit-org[b-352amlwy7l] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 11px 22px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s;
}
.org-form-body .btn-submit-org:hover[b-352amlwy7l] {
  background-color: rgb(25.2718015383%, 23.8964359224%, 93.1231719207%);
}
.org-form-body .btn-submit-org:disabled[b-352amlwy7l] {
  opacity: 0.65;
  cursor: not-allowed;
}

@media (max-width: 700px) {
  .org-form-body .org-fields-grid[b-352amlwy7l] {
    grid-template-columns: 1fr;
  }
}
/* /Console/Organizations.razor.rz.scp.css */
.console-orgs-body[b-pqt7m9ik3n] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-orgs-body *[b-pqt7m9ik3n] {
  box-sizing: border-box;
}
.console-orgs-body .orgs-header[b-pqt7m9ik3n] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.console-orgs-body .orgs-header .eyebrow-tag[b-pqt7m9ik3n] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-orgs-body .orgs-header .page-title[b-pqt7m9ik3n] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-orgs-body .orgs-header .page-subtitle[b-pqt7m9ik3n] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 560px;
}
.console-orgs-body .orgs-header .header-search-area[b-pqt7m9ik3n] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.console-orgs-body .orgs-header .header-search-area .btn-add-org[b-pqt7m9ik3n] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
}
.console-orgs-body .orgs-header .header-search-area .btn-add-org:hover[b-pqt7m9ik3n] {
  background-color: #4b49df;
}
.console-orgs-body .overview-stats-grid[b-pqt7m9ik3n] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.console-orgs-body .overview-stats-grid .stat-card[b-pqt7m9ik3n] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-orgs-body .overview-stats-grid .stat-card .stat-value[b-pqt7m9ik3n] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-orgs-body .overview-stats-grid .stat-card .stat-label[b-pqt7m9ik3n] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-orgs-body .overview-stats-grid .stat-card .stat-sub[b-pqt7m9ik3n] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-orgs-body .filters-bar[b-pqt7m9ik3n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.console-orgs-body .filters-bar .filter-pills[b-pqt7m9ik3n] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.console-orgs-body .filters-bar .filter-pills .filter-pill[b-pqt7m9ik3n] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.console-orgs-body .filters-bar .filter-pills .filter-pill .badge[b-pqt7m9ik3n] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.console-orgs-body .filters-bar .filter-pills .filter-pill.active[b-pqt7m9ik3n] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.console-orgs-body .filters-bar .filter-pills .filter-pill.active .badge[b-pqt7m9ik3n] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.console-orgs-body .filters-bar .header-search-bar-inline .search-box[b-pqt7m9ik3n] {
  position: relative;
  display: flex;
  align-items: center;
}
.console-orgs-body .filters-bar .header-search-bar-inline .search-box .search-icon[b-pqt7m9ik3n] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.console-orgs-body .filters-bar .header-search-bar-inline .search-box .search-input[b-pqt7m9ik3n] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  width: 240px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.console-orgs-body .filters-bar .header-search-bar-inline .search-box .search-input:focus[b-pqt7m9ik3n] {
  border-color: #5c59f0;
}
.console-orgs-body .orgs-directory-card[b-pqt7m9ik3n] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.console-orgs-body .orgs-directory-card .table-container[b-pqt7m9ik3n] {
  width: 100%;
  overflow-x: auto;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table[b-pqt7m9ik3n] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table thead[b-pqt7m9ik3n] {
  border-bottom: 1px solid #eff0f6;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table thead th[b-pqt7m9ik3n] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr[b-pqt7m9ik3n] {
  border-bottom: 1px solid #eff0f6;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr:last-child[b-pqt7m9ik3n] {
  border-bottom: none;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr td[b-pqt7m9ik3n] {
  padding: 14px 16px;
  vertical-align: middle;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .col-org[b-pqt7m9ik3n] {
  width: 26%;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .col-type[b-pqt7m9ik3n] {
  width: 14%;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .col-plan[b-pqt7m9ik3n] {
  width: 14%;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .col-seats[b-pqt7m9ik3n] {
  width: 18%;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .col-status[b-pqt7m9ik3n] {
  width: 12%;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .col-created[b-pqt7m9ik3n] {
  width: 10%;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .col-actions[b-pqt7m9ik3n] {
  width: 6%;
  text-align: right;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell[b-pqt7m9ik3n] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .avatar[b-pqt7m9ik3n] {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .avatar.bg-purple[b-pqt7m9ik3n] {
  background-color: #8b5cf6;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .avatar.bg-blue[b-pqt7m9ik3n] {
  background-color: #3b82f6;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .avatar.bg-green[b-pqt7m9ik3n] {
  background-color: #1fad7a;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .avatar.bg-orange[b-pqt7m9ik3n] {
  background-color: #f08b3b;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .avatar.avatar-img[b-pqt7m9ik3n] {
  object-fit: cover;
  background-color: #eff0f6;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .org-info[b-pqt7m9ik3n] {
  display: flex;
  flex-direction: column;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .org-info .org-name[b-pqt7m9ik3n] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .org-profile-cell .org-info .org-sub[b-pqt7m9ik3n] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .type-badge[b-pqt7m9ik3n] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .type-badge.type-university[b-pqt7m9ik3n] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .type-badge.type-company[b-pqt7m9ik3n] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .type-badge.type-center[b-pqt7m9ik3n] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .type-badge.type-school[b-pqt7m9ik3n] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .plan-tag[b-pqt7m9ik3n] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .plan-tag.plan-starter[b-pqt7m9ik3n] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .plan-tag.plan-professional[b-pqt7m9ik3n] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .plan-tag.plan-enterprise[b-pqt7m9ik3n] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .plan-tag.plan-university[b-pqt7m9ik3n] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .seats-cell[b-pqt7m9ik3n] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 140px;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .seats-cell .seats-text[b-pqt7m9ik3n] {
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .seats-cell .progress-bar-bg[b-pqt7m9ik3n] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .seats-cell .progress-bar-bg .progress-bar-fill[b-pqt7m9ik3n] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .seats-cell .progress-bar-bg .progress-bar-fill.bg-orange[b-pqt7m9ik3n] {
  background-color: #f08b3b;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .text-data-muted[b-pqt7m9ik3n] {
  font-size: 13px;
  font-weight: 500;
  color: #6e7191;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .status-badge[b-pqt7m9ik3n] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .status-badge.active[b-pqt7m9ik3n] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .status-badge.active .status-dot[b-pqt7m9ik3n] {
  background-color: #1fad7a;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .status-badge.trial[b-pqt7m9ik3n] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .status-badge.trial .status-dot[b-pqt7m9ik3n] {
  background-color: #f08b3b;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .status-badge.suspended[b-pqt7m9ik3n] {
  background-color: #fdeeee;
  color: #d64545;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .status-badge.suspended .status-dot[b-pqt7m9ik3n] {
  background-color: #d64545;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .status-badge .status-dot[b-pqt7m9ik3n] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .action-btn-row[b-pqt7m9ik3n] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .action-btn-row .icon-action-btn[b-pqt7m9ik3n] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .action-btn-row .icon-action-btn svg[b-pqt7m9ik3n] {
  flex-shrink: 0;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .action-btn-row .icon-action-btn:hover[b-pqt7m9ik3n] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .action-btn-row .icon-action-btn.suspend:hover[b-pqt7m9ik3n] {
  background-color: #fdeeee;
  color: #d64545;
}
.console-orgs-body .orgs-directory-card .table-container .orgs-table .action-btn-row .icon-action-btn.restore:hover[b-pqt7m9ik3n] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-orgs-body .orgs-directory-card .directory-pagination-footer[b-pqt7m9ik3n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  border-top: 1px solid #eff0f6;
  margin-top: 12px;
}
.console-orgs-body .orgs-directory-card .directory-pagination-footer .pagination-summary[b-pqt7m9ik3n] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.console-orgs-body .orgs-directory-card .directory-pagination-footer .pagination-controls[b-pqt7m9ik3n] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.console-orgs-body .orgs-directory-card .directory-pagination-footer .pagination-controls .page-num[b-pqt7m9ik3n] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.console-orgs-body .orgs-directory-card .directory-pagination-footer .pagination-controls .page-num.active[b-pqt7m9ik3n] {
  background-color: #5c59f0;
  color: #ffffff;
}
.console-orgs-body .orgs-directory-card .directory-pagination-footer .pagination-controls .page-num:hover:not(.active)[b-pqt7m9ik3n] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.console-orgs-body .orgs-directory-card .directory-pagination-footer .pagination-controls .page-dots[b-pqt7m9ik3n] {
  font-size: 12px;
  color: #8a8d9f;
  padding: 0 4px;
}
.console-orgs-body .modal-backdrop[b-pqt7m9ik3n] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-pqt7m9ik3n 0.2s ease-out;
}
.console-orgs-body .modal-backdrop .modal-container[b-pqt7m9ik3n] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-pqt7m9ik3n 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-sizing: border-box;
}
.console-orgs-body .modal-backdrop .modal-container .modal-header[b-pqt7m9ik3n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.console-orgs-body .modal-backdrop .modal-container .modal-header .modal-title[b-pqt7m9ik3n] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-orgs-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-pqt7m9ik3n] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.console-orgs-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-pqt7m9ik3n] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.console-orgs-body .modal-backdrop .modal-container .modal-body[b-pqt7m9ik3n] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-desc[b-pqt7m9ik3n] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field[b-pqt7m9ik3n] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field span[b-pqt7m9ik3n] {
  font-size: 12.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field input[b-pqt7m9ik3n],
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field select[b-pqt7m9ik3n] {
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field input:focus[b-pqt7m9ik3n],
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field select:focus[b-pqt7m9ik3n] {
  border-color: #5c59f0;
}
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field-row[b-pqt7m9ik3n] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field-row .modal-field[b-pqt7m9ik3n] {
  min-width: 0;
}
.console-orgs-body .modal-backdrop .modal-container .modal-footer[b-pqt7m9ik3n] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.console-orgs-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-pqt7m9ik3n] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.console-orgs-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-pqt7m9ik3n] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.console-orgs-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-pqt7m9ik3n] {
  background-color: #e2e8f0;
}
.console-orgs-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-pqt7m9ik3n] {
  background-color: #5c59f0;
  color: #ffffff;
}
.console-orgs-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-pqt7m9ik3n] {
  background-color: #4b49df;
}
@media (max-width: 850px) {
  .console-orgs-body .orgs-header[b-pqt7m9ik3n] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .console-orgs-body .orgs-header .header-search-area[b-pqt7m9ik3n] {
    width: 100%;
  }
  .console-orgs-body .orgs-header .header-search-area .btn-add-org[b-pqt7m9ik3n] {
    width: 100%;
  }
  .console-orgs-body .overview-stats-grid[b-pqt7m9ik3n] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-orgs-body .filters-bar[b-pqt7m9ik3n] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .console-orgs-body .filters-bar .header-search-bar-inline[b-pqt7m9ik3n] {
    width: 100%;
  }
  .console-orgs-body .filters-bar .header-search-bar-inline .search-box .search-input[b-pqt7m9ik3n] {
    width: 100%;
  }
  .console-orgs-body .orgs-directory-card[b-pqt7m9ik3n] {
    padding: 20px 16px;
  }
  .console-orgs-body .orgs-directory-card .table-container .orgs-table[b-pqt7m9ik3n] {
    display: block;
  }
  .console-orgs-body .orgs-directory-card .table-container .orgs-table thead[b-pqt7m9ik3n] {
    display: none;
  }
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody[b-pqt7m9ik3n] {
    display: block;
  }
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr[b-pqt7m9ik3n] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr td[b-pqt7m9ik3n] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr .col-type[b-pqt7m9ik3n],
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr .col-plan[b-pqt7m9ik3n],
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr .col-seats[b-pqt7m9ik3n],
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr .col-status[b-pqt7m9ik3n],
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr .col-created[b-pqt7m9ik3n] {
    padding-left: 44px;
  }
  .console-orgs-body .orgs-directory-card .table-container .orgs-table tbody tr .col-actions[b-pqt7m9ik3n] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .console-orgs-body .orgs-directory-card .directory-pagination-footer[b-pqt7m9ik3n] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .console-orgs-body[b-pqt7m9ik3n] {
    padding: 24px 16px;
  }
  .console-orgs-body .overview-stats-grid[b-pqt7m9ik3n] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .console-orgs-body .modal-backdrop .modal-container[b-pqt7m9ik3n] {
    max-width: 94vw;
    padding: 24px 20px;
  }
  .console-orgs-body .modal-backdrop .modal-container .modal-body .modal-field-row[b-pqt7m9ik3n] {
    grid-template-columns: 1fr;
  }
}

@keyframes fadeIn-b-pqt7m9ik3n {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-pqt7m9ik3n {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* /Console/Plans.razor.rz.scp.css */
.console-plans-body[b-da63k9czkq] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-plans-body *[b-da63k9czkq] {
  box-sizing: border-box;
}
.console-plans-body .plans-header .eyebrow-tag[b-da63k9czkq] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-plans-body .plans-header .page-title[b-da63k9czkq] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-plans-body .plans-header .page-subtitle[b-da63k9czkq] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 620px;
}
.console-plans-body .overview-stats-grid[b-da63k9czkq] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.console-plans-body .overview-stats-grid .stat-card[b-da63k9czkq] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-plans-body .overview-stats-grid .stat-card .stat-value[b-da63k9czkq] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-plans-body .overview-stats-grid .stat-card .stat-label[b-da63k9czkq] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-plans-body .overview-stats-grid .stat-card .stat-sub[b-da63k9czkq] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-plans-body .plan-cards-grid[b-da63k9czkq] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.console-plans-body .plan-cards-grid .plan-card[b-da63k9czkq] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.console-plans-body .plan-cards-grid .plan-card.featured[b-da63k9czkq] {
  border-color: #5c59f0;
  box-shadow: 0 4px 20px rgba(92, 89, 240, 0.12);
}
.console-plans-body .plan-cards-grid .plan-card .plan-featured-tag[b-da63k9czkq] {
  position: absolute;
  top: -10px;
  left: 20px;
  background-color: #5c59f0;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 3px 10px;
  border-radius: 10px;
  text-transform: uppercase;
}
.console-plans-body .plan-cards-grid .plan-card .plan-card-header[b-da63k9czkq] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.console-plans-body .plan-cards-grid .plan-card .plan-card-header .plan-name[b-da63k9czkq] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-plans-body .plan-cards-grid .plan-card .plan-card-header .plan-org-count[b-da63k9czkq] {
  font-size: 12px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-plans-body .plan-cards-grid .plan-card .plan-price-display[b-da63k9czkq] {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 8px;
  font-size: 12.5px;
  color: #8a8d9f;
}
.console-plans-body .plan-cards-grid .plan-card .plan-price-display strong[b-da63k9czkq] {
  color: #1d1e2c;
}
.console-plans-body .plan-cards-grid .plan-card .plan-price-display .plan-price-original[b-da63k9czkq] {
  text-decoration: line-through;
  color: #8a8d9f;
  font-size: 11.5px;
}
.console-plans-body .plan-cards-grid .plan-card .plan-price-note[b-da63k9czkq] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin-top: -4px;
}
.console-plans-body .plan-cards-grid .plan-card .plan-price-edit-row[b-da63k9czkq] {
  display: flex;
  gap: 10px;
}
.console-plans-body .plan-cards-grid .plan-card .plan-price-edit-row label[b-da63k9czkq] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #8a8d9f;
}
.console-plans-body .plan-cards-grid .plan-card .plan-price-edit-row .plan-price-edit-input[b-da63k9czkq] {
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid #eff0f6;
  font-size: 12.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.console-plans-body .plan-cards-grid .plan-card .plan-price-edit-row .plan-price-edit-input:focus[b-da63k9czkq] {
  border-color: #5c59f0;
}
.console-plans-body .plan-cards-grid .plan-card .plan-text-edit-row[b-da63k9czkq] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.console-plans-body .plan-cards-grid .plan-card .plan-text-edit-row label[b-da63k9czkq] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #8a8d9f;
}
.console-plans-body .plan-cards-grid .plan-card .plan-text-edit-row .plan-text-edit-input[b-da63k9czkq] {
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid #eff0f6;
  font-size: 12.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
  width: 100%;
}
.console-plans-body .plan-cards-grid .plan-card .plan-text-edit-row .plan-text-edit-input:focus[b-da63k9czkq] {
  border-color: #5c59f0;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-list[b-da63k9czkq] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-list li[b-da63k9czkq] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-list li svg[b-da63k9czkq] {
  flex-shrink: 0;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-list li.included[b-da63k9czkq] {
  color: #1d1e2c;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-list li.included svg[b-da63k9czkq] {
  color: #1fad7a;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-list li.excluded[b-da63k9czkq] {
  color: #8a8d9f;
  text-decoration: line-through;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-list li.excluded svg[b-da63k9czkq] {
  color: #8a8d9f;
}
.console-plans-body .plan-cards-grid .plan-card .plan-edit-btn[b-da63k9czkq] {
  background-color: #f1f3f9;
  color: #1d1e2c;
  border: none;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.console-plans-body .plan-cards-grid .plan-card .plan-edit-btn:hover[b-da63k9czkq] {
  background-color: #e2e8f0;
}
.console-plans-body .plan-cards-grid .plan-card .plan-edit-btn.editing[b-da63k9czkq] {
  background-color: #5c59f0;
  color: #ffffff;
}
.console-plans-body .plan-cards-grid .plan-card .plan-edit-btn.editing:hover[b-da63k9czkq] {
  background-color: #4b49df;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-edit-list[b-da63k9czkq] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-edit-list .plan-feature-edit-row[b-da63k9czkq] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-edit-list .plan-feature-edit-row input[type=checkbox][b-da63k9czkq] {
  width: 15px;
  height: 15px;
  accent-color: #5c59f0;
  cursor: pointer;
  flex-shrink: 0;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-edit-list .plan-feature-edit-row .plan-feature-edit-input[b-da63k9czkq] {
  flex: 1;
  min-width: 0;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid #eff0f6;
  font-size: 12.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-edit-list .plan-feature-edit-row .plan-feature-edit-input:focus[b-da63k9czkq] {
  border-color: #5c59f0;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-edit-list .plan-feature-edit-row .plan-feature-remove-btn[b-da63k9czkq] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  transition: background-color 0.2s, color 0.2s;
}
.console-plans-body .plan-cards-grid .plan-card .plan-feature-edit-list .plan-feature-edit-row .plan-feature-remove-btn:hover[b-da63k9czkq] {
  background-color: #fdeeee;
  color: #d64545;
}
.console-plans-body .plan-cards-grid .plan-card .plan-add-feature-btn[b-da63k9czkq] {
  background-color: #f0efff;
  color: #5c59f0;
  border: none;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
  align-self: flex-start;
}
.console-plans-body .plan-cards-grid .plan-card .plan-add-feature-btn:hover[b-da63k9czkq] {
  background-color: #e2defc;
}
.console-plans-body .feature-matrix-card[b-da63k9czkq] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.console-plans-body .feature-matrix-card .box-header[b-da63k9czkq] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.console-plans-body .feature-matrix-card .box-header svg[b-da63k9czkq] {
  flex-shrink: 0;
}
.console-plans-body .feature-matrix-card .box-header .box-title[b-da63k9czkq] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-plans-body .feature-matrix-card .table-container[b-da63k9czkq] {
  width: 100%;
  overflow-x: auto;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table[b-da63k9czkq] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table thead[b-da63k9czkq] {
  border-bottom: 1px solid #eff0f6;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table thead th[b-da63k9czkq] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table thead th.col-plan-cell[b-da63k9czkq] {
  text-align: center;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table tbody tr[b-da63k9czkq] {
  border-bottom: 1px solid #eff0f6;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table tbody tr:last-child[b-da63k9czkq] {
  border-bottom: none;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table tbody tr td[b-da63k9czkq] {
  padding: 12px 16px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table tbody tr td.col-plan-cell[b-da63k9czkq] {
  text-align: center;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table .matrix-yes[b-da63k9czkq] {
  color: #1fad7a;
  font-weight: 700;
}
.console-plans-body .feature-matrix-card .table-container .matrix-table .matrix-no[b-da63k9czkq] {
  color: #8a8d9f;
}
@media (max-width: 1100px) {
  .console-plans-body .plan-cards-grid[b-da63k9czkq] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 850px) {
  .console-plans-body .overview-stats-grid[b-da63k9czkq] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .console-plans-body .plan-cards-grid[b-da63k9czkq] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .console-plans-body[b-da63k9czkq] {
    padding: 24px 16px;
  }
  .console-plans-body .overview-stats-grid[b-da63k9czkq] {
    grid-template-columns: 1fr;
  }
}
/* /Console/ProgramDetail.razor.rz.scp.css */
.console-program-detail-body[b-n7282swry6] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}
.console-program-detail-body *[b-n7282swry6] {
  box-sizing: border-box;
}
.console-program-detail-body .alert-pill[b-n7282swry6] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  background-color: #f0efff;
  padding: 12px 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.console-program-detail-body .alert-pill a[b-n7282swry6] {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  flex-shrink: 0;
}
.console-program-detail-body .alert-pill.alert-pill-error[b-n7282swry6] {
  color: #e11d48;
  background-color: #fff1f2;
}
.console-program-detail-body .detail-header[b-n7282swry6] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.console-program-detail-body .detail-header .breadcrumbs[b-n7282swry6] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-program-detail-body .detail-header .breadcrumbs a[b-n7282swry6] {
  color: #5c59f0;
  text-decoration: none;
}
.console-program-detail-body .detail-header .breadcrumbs a:hover[b-n7282swry6] {
  text-decoration: underline;
}
.console-program-detail-body .detail-header .page-title[b-n7282swry6] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-program-detail-body .detail-header .page-subtitle[b-n7282swry6] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 620px;
}
.console-program-detail-body .detail-header .header-status-area[b-n7282swry6] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding-top: 4px;
}
.console-program-detail-body .detail-header .header-status-area .kind-badge[b-n7282swry6] {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.console-program-detail-body .detail-header .header-status-area .kind-badge.kind-program[b-n7282swry6] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-program-detail-body .detail-header .header-status-area .kind-badge.kind-pathway[b-n7282swry6] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-program-detail-body .detail-header .header-status-area .status-badge[b-n7282swry6] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.console-program-detail-body .detail-header .header-status-area .status-badge.active[b-n7282swry6] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-program-detail-body .detail-header .header-status-area .status-badge.draft[b-n7282swry6] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.console-program-detail-body .detail-header .header-status-area .icon-action-btn[b-n7282swry6] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  transition: background-color 0.2s, color 0.2s;
}
.console-program-detail-body .detail-header .header-status-area .icon-action-btn svg[b-n7282swry6] {
  flex-shrink: 0;
}
.console-program-detail-body .detail-header .header-status-area .icon-action-btn:hover:not(:disabled)[b-n7282swry6] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.console-program-detail-body .detail-header .header-status-area .icon-action-btn:disabled[b-n7282swry6] {
  opacity: 0.35;
  cursor: not-allowed;
}
.console-program-detail-body .overview-stats-grid[b-n7282swry6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.console-program-detail-body .overview-stats-grid .stat-card[b-n7282swry6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-program-detail-body .overview-stats-grid .stat-card .stat-value[b-n7282swry6] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-program-detail-body .overview-stats-grid .stat-card .stat-label[b-n7282swry6] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-program-detail-body .overview-stats-grid .stat-card .stat-sub[b-n7282swry6] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-program-detail-body .detail-card[b-n7282swry6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.console-program-detail-body .detail-card .card-header[b-n7282swry6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.console-program-detail-body .detail-card .card-header .card-title[b-n7282swry6] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-program-detail-body .detail-card .card-header .card-add-btn[b-n7282swry6] {
  background-color: #f0efff;
  color: #5c59f0;
  border: none;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.console-program-detail-body .detail-card .card-header .card-add-btn:hover[b-n7282swry6] {
  background-color: #e2defc;
}
.console-program-detail-body .detail-card .card-body[b-n7282swry6] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.console-program-detail-body .detail-card .card-body .detail-field[b-n7282swry6] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-program-detail-body .detail-card .card-body .detail-field span[b-n7282swry6] {
  font-size: 12.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.console-program-detail-body .detail-card .card-body .detail-field input[b-n7282swry6],
.console-program-detail-body .detail-card .card-body .detail-field select[b-n7282swry6] {
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
  width: 100%;
}
.console-program-detail-body .detail-card .card-body .detail-field input:focus[b-n7282swry6],
.console-program-detail-body .detail-card .card-body .detail-field select:focus[b-n7282swry6] {
  border-color: #5c59f0;
}
.console-program-detail-body .detail-card .card-body .detail-field-row[b-n7282swry6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.console-program-detail-body .detail-card .card-body .detail-field-row .detail-field[b-n7282swry6] {
  min-width: 0;
}
.console-program-detail-body .detail-card .card-body .detail-checkbox-field[b-n7282swry6] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.console-program-detail-body .detail-card .card-body .detail-checkbox-field input[type=checkbox][b-n7282swry6] {
  width: 16px;
  height: 16px;
  accent-color: #5c59f0;
  cursor: pointer;
  flex-shrink: 0;
}
.console-program-detail-body .detail-card .card-body .detail-checkbox-field span[b-n7282swry6] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.console-program-detail-body .detail-card .card-body .detail-static-value[b-n7282swry6] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin: 0;
  padding: 10px 14px;
  background-color: #f8f9fc;
  border-radius: 10px;
  border: 1px solid #eff0f6;
}
.console-program-detail-body .detail-card .card-body .course-order-list[b-n7282swry6] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 6px;
}
.console-program-detail-body .detail-card .card-body .course-order-list .course-order-row[b-n7282swry6] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background-color: #f8f9fc;
}
.console-program-detail-body .detail-card .card-body .course-order-list .course-order-row .course-order-num[b-n7282swry6] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.console-program-detail-body .detail-card .card-body .course-order-list .course-order-row .course-order-name[b-n7282swry6] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
  flex: 1;
}
.console-program-detail-body .detail-card .card-body .course-order-list .course-order-row .course-order-actions[b-n7282swry6] {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.console-program-detail-body .detail-card .card-body .course-order-list .course-order-row .course-order-actions .icon-action-btn[b-n7282swry6] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  width: 26px;
  height: 26px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.console-program-detail-body .detail-card .card-body .course-order-list .course-order-row .course-order-actions .icon-action-btn svg[b-n7282swry6] {
  flex-shrink: 0;
}
.console-program-detail-body .detail-card .card-body .course-order-list .course-order-row .course-order-actions .icon-action-btn:hover:not(:disabled)[b-n7282swry6] {
  background-color: #ffffff;
  color: #5c59f0;
}
.console-program-detail-body .detail-card .card-body .course-order-list .course-order-row .course-order-actions .icon-action-btn:disabled[b-n7282swry6] {
  opacity: 0.35;
  cursor: not-allowed;
}
.console-program-detail-body .detail-card .card-body .empty-note[b-n7282swry6] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 0;
  font-style: italic;
}
.console-program-detail-body .detail-footer-actions[b-n7282swry6] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.console-program-detail-body .detail-footer-actions .detail-btn[b-n7282swry6] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.console-program-detail-body .detail-footer-actions .detail-btn.btn-cancel[b-n7282swry6] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.console-program-detail-body .detail-footer-actions .detail-btn.btn-cancel:hover[b-n7282swry6] {
  background-color: #e2e8f0;
}
.console-program-detail-body .detail-footer-actions .detail-btn.btn-save[b-n7282swry6] {
  background-color: #5c59f0;
  color: #ffffff;
}
.console-program-detail-body .detail-footer-actions .detail-btn.btn-save:hover[b-n7282swry6] {
  background-color: #4b49df;
}
@media (max-width: 850px) {
  .console-program-detail-body .detail-header[b-n7282swry6] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .console-program-detail-body .overview-stats-grid[b-n7282swry6] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-program-detail-body .detail-card[b-n7282swry6] {
    padding: 20px 16px;
  }
}
@media (max-width: 560px) {
  .console-program-detail-body .detail-card .card-body .detail-field-row[b-n7282swry6] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .console-program-detail-body[b-n7282swry6] {
    padding: 24px 16px;
  }
  .console-program-detail-body .overview-stats-grid[b-n7282swry6] {
    grid-template-columns: 1fr;
  }
  .console-program-detail-body .detail-footer-actions[b-n7282swry6] {
    flex-direction: column-reverse;
  }
  .console-program-detail-body .detail-footer-actions .detail-btn[b-n7282swry6] {
    width: 100%;
  }
}
/* /Console/Programs.razor.rz.scp.css */
.console-programs-body[b-g3765h2j3j] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-programs-body *[b-g3765h2j3j] {
  box-sizing: border-box;
}
.console-programs-body .programs-header[b-g3765h2j3j] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.console-programs-body .programs-header .eyebrow-tag[b-g3765h2j3j] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-programs-body .programs-header .page-title[b-g3765h2j3j] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-programs-body .programs-header .page-subtitle[b-g3765h2j3j] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 620px;
}
.console-programs-body .overview-stats-grid[b-g3765h2j3j] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-programs-body .overview-stats-grid .stat-card[b-g3765h2j3j] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-programs-body .overview-stats-grid .stat-card .stat-value[b-g3765h2j3j] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-programs-body .overview-stats-grid .stat-card .stat-label[b-g3765h2j3j] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-programs-body .overview-stats-grid .stat-card .stat-sub[b-g3765h2j3j] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-programs-body .alert-pill[b-g3765h2j3j] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  background-color: #f0efff;
  padding: 12px 16px;
  border-radius: 12px;
}
.console-programs-body .alert-pill.alert-pill-error[b-g3765h2j3j] {
  color: #e11d48;
  background-color: #fff1f2;
}
.console-programs-body .empty-note[b-g3765h2j3j] {
  font-size: 13.5px;
  color: #6e7191;
  padding: 28px 24px;
  margin: 0;
  text-align: center;
}
.console-programs-body .filters-bar[b-g3765h2j3j] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.console-programs-body .filters-bar .filter-pills[b-g3765h2j3j] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.console-programs-body .filters-bar .filter-pills .filter-pill[b-g3765h2j3j] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.console-programs-body .filters-bar .filter-pills .filter-pill .badge[b-g3765h2j3j] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.console-programs-body .filters-bar .filter-pills .filter-pill.active[b-g3765h2j3j] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.console-programs-body .filters-bar .filter-pills .filter-pill.active .badge[b-g3765h2j3j] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.console-programs-body .programs-directory-card[b-g3765h2j3j] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.console-programs-body .programs-directory-card .table-container[b-g3765h2j3j] {
  width: 100%;
  overflow-x: auto;
}
.console-programs-body .programs-directory-card .table-container .programs-table[b-g3765h2j3j] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.console-programs-body .programs-directory-card .table-container .programs-table thead[b-g3765h2j3j] {
  border-bottom: 1px solid #eff0f6;
}
.console-programs-body .programs-directory-card .table-container .programs-table thead th[b-g3765h2j3j] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-programs-body .programs-directory-card .table-container .programs-table tbody tr[b-g3765h2j3j] {
  border-bottom: 1px solid #eff0f6;
}
.console-programs-body .programs-directory-card .table-container .programs-table tbody tr:last-child[b-g3765h2j3j] {
  border-bottom: none;
}
.console-programs-body .programs-directory-card .table-container .programs-table tbody tr td[b-g3765h2j3j] {
  padding: 14px 16px;
  vertical-align: middle;
}
.console-programs-body .programs-directory-card .table-container .programs-table .col-name[b-g3765h2j3j] {
  width: 26%;
}
.console-programs-body .programs-directory-card .table-container .programs-table .col-org[b-g3765h2j3j] {
  width: 16%;
}
.console-programs-body .programs-directory-card .table-container .programs-table .col-type[b-g3765h2j3j] {
  width: 10%;
}
.console-programs-body .programs-directory-card .table-container .programs-table .col-courses[b-g3765h2j3j] {
  width: 9%;
}
.console-programs-body .programs-directory-card .table-container .programs-table .col-enrolled[b-g3765h2j3j] {
  width: 10%;
}
.console-programs-body .programs-directory-card .table-container .programs-table .col-completion[b-g3765h2j3j] {
  width: 16%;
}
.console-programs-body .programs-directory-card .table-container .programs-table .col-status[b-g3765h2j3j] {
  width: 9%;
}
.console-programs-body .programs-directory-card .table-container .programs-table .col-actions[b-g3765h2j3j] {
  width: 4%;
  text-align: right;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell[b-g3765h2j3j] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box[b-g3765h2j3j] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box svg[b-g3765h2j3j] {
  width: 18px;
  height: 18px;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box.bg-purple[b-g3765h2j3j] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box.bg-orange[b-g3765h2j3j] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box.bg-green[b-g3765h2j3j] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .icon-box.bg-blue[b-g3765h2j3j] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .item-info[b-g3765h2j3j] {
  display: flex;
  flex-direction: column;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .item-info .item-name[b-g3765h2j3j] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-programs-body .programs-directory-card .table-container .programs-table .item-profile-cell .item-info .item-sub[b-g3765h2j3j] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.console-programs-body .programs-directory-card .table-container .programs-table .kind-badge[b-g3765h2j3j] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.3px;
}
.console-programs-body .programs-directory-card .table-container .programs-table .kind-badge.kind-program[b-g3765h2j3j] {
  background-color: #eaf2ff;
  color: #2f6fed;
}
.console-programs-body .programs-directory-card .table-container .programs-table .kind-badge.kind-pathway[b-g3765h2j3j] {
  background-color: #f0efff;
  color: #5c59f0;
}
.console-programs-body .programs-directory-card .table-container .programs-table .text-data[b-g3765h2j3j] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.console-programs-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper[b-g3765h2j3j] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.console-programs-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .progress-bar-bg[b-g3765h2j3j] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
  min-width: 60px;
}
.console-programs-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-g3765h2j3j] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.console-programs-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-g3765h2j3j] {
  background-color: #1fad7a;
}
.console-programs-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-g3765h2j3j] {
  background-color: #f08b3b;
}
.console-programs-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .completion-num[b-g3765h2j3j] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  width: 40px;
  text-align: right;
  flex-shrink: 0;
}
.console-programs-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .completion-num.text-green[b-g3765h2j3j] {
  color: #1fad7a;
}
.console-programs-body .programs-directory-card .table-container .programs-table .progress-cell-wrapper .completion-num.text-orange[b-g3765h2j3j] {
  color: #f08b3b;
}
.console-programs-body .programs-directory-card .table-container .programs-table .status-badge[b-g3765h2j3j] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.console-programs-body .programs-directory-card .table-container .programs-table .status-badge.active[b-g3765h2j3j] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.console-programs-body .programs-directory-card .table-container .programs-table .status-badge.draft[b-g3765h2j3j] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.console-programs-body .programs-directory-card .table-container .programs-table .action-btn-row[b-g3765h2j3j] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.console-programs-body .programs-directory-card .table-container .programs-table .action-btn-row .icon-action-btn[b-g3765h2j3j] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.console-programs-body .programs-directory-card .table-container .programs-table .action-btn-row .icon-action-btn svg[b-g3765h2j3j] {
  flex-shrink: 0;
}
.console-programs-body .programs-directory-card .table-container .programs-table .action-btn-row .icon-action-btn:hover[b-g3765h2j3j] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.console-programs-body .programs-directory-card .directory-pagination-footer[b-g3765h2j3j] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  border-top: 1px solid #eff0f6;
  margin-top: 12px;
}
.console-programs-body .programs-directory-card .directory-pagination-footer .pagination-summary[b-g3765h2j3j] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.console-programs-body .programs-directory-card .directory-pagination-footer .pagination-controls[b-g3765h2j3j] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.console-programs-body .programs-directory-card .directory-pagination-footer .pagination-controls .page-num[b-g3765h2j3j] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.console-programs-body .programs-directory-card .directory-pagination-footer .pagination-controls .page-num.active[b-g3765h2j3j] {
  background-color: #5c59f0;
  color: #ffffff;
}
.console-programs-body .programs-directory-card .directory-pagination-footer .pagination-controls .page-num:hover:not(.active)[b-g3765h2j3j] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.console-programs-body .programs-directory-card .directory-pagination-footer .pagination-controls .page-dots[b-g3765h2j3j] {
  font-size: 12px;
  color: #8a8d9f;
  padding: 0 4px;
}
@media (max-width: 850px) {
  .console-programs-body .overview-stats-grid[b-g3765h2j3j] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-programs-body .programs-directory-card[b-g3765h2j3j] {
    padding: 20px 16px;
  }
  .console-programs-body .programs-directory-card .table-container .programs-table[b-g3765h2j3j] {
    display: block;
  }
  .console-programs-body .programs-directory-card .table-container .programs-table thead[b-g3765h2j3j] {
    display: none;
  }
  .console-programs-body .programs-directory-card .table-container .programs-table tbody[b-g3765h2j3j] {
    display: block;
  }
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr[b-g3765h2j3j] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr td[b-g3765h2j3j] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr .col-org[b-g3765h2j3j],
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr .col-type[b-g3765h2j3j],
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr .col-courses[b-g3765h2j3j],
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr .col-enrolled[b-g3765h2j3j],
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr .col-completion[b-g3765h2j3j],
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr .col-status[b-g3765h2j3j] {
    padding-left: 48px;
  }
  .console-programs-body .programs-directory-card .table-container .programs-table tbody tr .col-actions[b-g3765h2j3j] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .console-programs-body .programs-directory-card .directory-pagination-footer[b-g3765h2j3j] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .console-programs-body[b-g3765h2j3j] {
    padding: 24px 16px;
  }
  .console-programs-body .overview-stats-grid[b-g3765h2j3j] {
    grid-template-columns: 1fr;
  }
}
/* /Console/Reports.razor.rz.scp.css */
.console-reports-body[b-8gx3bfg80n] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-reports-body *[b-8gx3bfg80n] {
  box-sizing: border-box;
}
.console-reports-body .reports-header[b-8gx3bfg80n] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.console-reports-body .reports-header .eyebrow-tag[b-8gx3bfg80n] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-reports-body .reports-header .page-title[b-8gx3bfg80n] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-reports-body .reports-header .page-subtitle[b-8gx3bfg80n] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 620px;
}
.console-reports-body .reports-header .header-actions[b-8gx3bfg80n] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
  padding-top: 4px;
}
.console-reports-body .reports-header .header-actions .header-back-link[b-8gx3bfg80n] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.console-reports-body .reports-header .header-actions .header-back-link:hover[b-8gx3bfg80n] {
  text-decoration: underline;
}
.console-reports-body .summary-card[b-8gx3bfg80n] {
  background: linear-gradient(135deg, #5c59f0 0%, #8b5cf6 100%);
  border-radius: 24px;
  padding: 40px;
  color: #ffffff;
  display: flex;
  gap: 32px;
  position: relative;
  overflow: hidden;
}
.console-reports-body .summary-card .summary-orb[b-8gx3bfg80n] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(92, 89, 240, 0.3);
}
.console-reports-body .summary-card .summary-content[b-8gx3bfg80n] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.console-reports-body .summary-card .summary-content .summary-meta[b-8gx3bfg80n] {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0.85;
}
.console-reports-body .summary-card .summary-content .summary-title[b-8gx3bfg80n] {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.5;
  max-width: 760px;
  margin: 0;
}
.console-reports-body .summary-card .summary-content .summary-title.summary-loading[b-8gx3bfg80n] {
  opacity: 0.75;
  font-weight: 500;
}
.console-reports-body .summary-card .summary-content .summary-desc[b-8gx3bfg80n] {
  font-size: 13.5px;
  line-height: 1.6;
  opacity: 0.85;
  max-width: 700px;
  margin: 0;
}
.console-reports-body .overview-stats-grid[b-8gx3bfg80n] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-reports-body .overview-stats-grid .stat-card[b-8gx3bfg80n] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-reports-body .overview-stats-grid .stat-card .stat-value[b-8gx3bfg80n] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-reports-body .overview-stats-grid .stat-card .stat-label[b-8gx3bfg80n] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-reports-body .overview-stats-grid .stat-card .stat-sub[b-8gx3bfg80n] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-reports-body .box-header[b-8gx3bfg80n] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.console-reports-body .box-header svg[b-8gx3bfg80n] {
  flex-shrink: 0;
}
.console-reports-body .box-header .box-title[b-8gx3bfg80n] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
  flex: 1;
}
.console-reports-body .analytics-loading[b-8gx3bfg80n] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.console-reports-body .grid-card-box[b-8gx3bfg80n] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.console-reports-body .grid-card-box .engagement-list[b-8gx3bfg80n] {
  display: flex;
  flex-direction: column;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row[b-8gx3bfg80n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14.5px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 24px;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row:first-child[b-8gx3bfg80n] {
  padding-top: 0;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row:last-child[b-8gx3bfg80n] {
  border-bottom: none;
  padding-bottom: 0;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .row-label-title[b-8gx3bfg80n] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper[b-8gx3bfg80n] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  max-width: 220px;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg[b-8gx3bfg80n] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-8gx3bfg80n] {
  height: 100%;
  border-radius: 3px;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-8gx3bfg80n] {
  background-color: #1fad7a;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-8gx3bfg80n] {
  background-color: #f08b3b;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num[b-8gx3bfg80n] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  width: 90px;
  text-align: right;
  white-space: nowrap;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num.text-green[b-8gx3bfg80n] {
  color: #1fad7a;
}
.console-reports-body .grid-card-box .engagement-list .engagement-row .progress-cell-wrapper .engagement-num.text-orange[b-8gx3bfg80n] {
  color: #f08b3b;
}
.console-reports-body .reports-split-grid[b-8gx3bfg80n] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list[b-8gx3bfg80n] {
  display: flex;
  flex-direction: column;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row[b-8gx3bfg80n] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14.5px 0;
  border-bottom: 1px solid #eff0f6;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row:first-child[b-8gx3bfg80n] {
  padding-top: 0;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row:last-child[b-8gx3bfg80n] {
  border-bottom: none;
  padding-bottom: 0;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .rank-num[b-8gx3bfg80n] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .rank-label[b-8gx3bfg80n] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  flex: 1;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper[b-8gx3bfg80n] {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 180px;
  flex-shrink: 0;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .progress-bar-bg[b-8gx3bfg80n] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-8gx3bfg80n] {
  height: 100%;
  border-radius: 3px;
  background-color: #5c59f0;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-green[b-8gx3bfg80n] {
  background-color: #1fad7a;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-orange[b-8gx3bfg80n] {
  background-color: #f08b3b;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .progress-bar-bg .progress-bar-fill.bg-blue[b-8gx3bfg80n] {
  background-color: #2f6fed;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .rank-percent[b-8gx3bfg80n] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  width: 40px;
  text-align: right;
  white-space: nowrap;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .rank-percent.text-green[b-8gx3bfg80n] {
  color: #1fad7a;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .rank-percent.text-orange[b-8gx3bfg80n] {
  color: #f08b3b;
}
.console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper .rank-percent.text-blue[b-8gx3bfg80n] {
  color: #2f6fed;
}
.console-reports-body .payment-stats-section[b-8gx3bfg80n] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.console-reports-body .payment-stats-section .section-header[b-8gx3bfg80n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.console-reports-body .payment-stats-section .section-header .section-title[b-8gx3bfg80n] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-reports-body .payment-stats-section .section-header .manage-billing-link[b-8gx3bfg80n] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.console-reports-body .payment-stats-section .section-header .manage-billing-link:hover[b-8gx3bfg80n] {
  text-decoration: underline;
}
.console-reports-body .payment-stats-section .payment-stats-grid[b-8gx3bfg80n] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.console-reports-body .payment-stats-section .payment-stats-grid .stat-card[b-8gx3bfg80n] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.console-reports-body .payment-stats-section .payment-stats-grid .stat-card .stat-value[b-8gx3bfg80n] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.console-reports-body .payment-stats-section .payment-stats-grid .stat-card .stat-label[b-8gx3bfg80n] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.console-reports-body .improvement-card[b-8gx3bfg80n] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.console-reports-body .improvement-card .improvement-list[b-8gx3bfg80n] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.console-reports-body .improvement-card .improvement-list .improvement-row[b-8gx3bfg80n] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background-color: #f0efff;
  border-radius: 14px;
}
.console-reports-body .improvement-card .improvement-list .improvement-row .improvement-dot[b-8gx3bfg80n] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #5c59f0;
  flex-shrink: 0;
  margin-top: 6px;
}
.console-reports-body .improvement-card .improvement-list .improvement-row p[b-8gx3bfg80n] {
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.55;
  margin: 0;
}
.console-reports-body .reports-footer-actions[b-8gx3bfg80n] {
  display: flex;
  justify-content: flex-end;
}
.console-reports-body .reports-footer-actions .reports-btn[b-8gx3bfg80n] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.console-reports-body .reports-footer-actions .reports-btn.btn-back[b-8gx3bfg80n] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.console-reports-body .reports-footer-actions .reports-btn.btn-back:hover[b-8gx3bfg80n] {
  background-color: #e2e8f0;
}
@media (max-width: 1100px) {
  .console-reports-body .summary-card[b-8gx3bfg80n] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 28px;
  }
  .console-reports-body .reports-split-grid[b-8gx3bfg80n] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 850px) {
  .console-reports-body .reports-header[b-8gx3bfg80n] {
    flex-direction: column;
    align-items: flex-start;
  }
  .console-reports-body .reports-header .header-actions[b-8gx3bfg80n] {
    align-items: flex-start;
  }
  .console-reports-body .overview-stats-grid[b-8gx3bfg80n] {
    grid-template-columns: repeat(2, 1fr);
  }
  .console-reports-body .payment-stats-grid[b-8gx3bfg80n] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  .console-reports-body[b-8gx3bfg80n] {
    padding: 24px 16px;
  }
  .console-reports-body .overview-stats-grid[b-8gx3bfg80n] {
    grid-template-columns: 1fr;
  }
  .console-reports-body .payment-stats-grid[b-8gx3bfg80n] {
    grid-template-columns: 1fr !important;
  }
  .console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row[b-8gx3bfg80n] {
    flex-wrap: wrap;
  }
  .console-reports-body .reports-split-grid .grid-card-box .ranked-list .ranked-row .progress-cell-wrapper[b-8gx3bfg80n] {
    width: 100%;
    margin-left: 40px;
  }
  .console-reports-body .reports-footer-actions .reports-btn[b-8gx3bfg80n] {
    width: 100%;
  }
}
/* /Console/Settings.razor.rz.scp.css */
.console-settings-body[b-g1ij6d9pdd] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.console-settings-body *[b-g1ij6d9pdd] {
  box-sizing: border-box;
}
.console-settings-body .settings-header .eyebrow-tag[b-g1ij6d9pdd] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.console-settings-body .settings-header .page-title[b-g1ij6d9pdd] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.console-settings-body .settings-header .page-subtitle[b-g1ij6d9pdd] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 640px;
}
.console-settings-body .settings-split-grid[b-g1ij6d9pdd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}
.console-settings-body .settings-split-grid .settings-column-stack[b-g1ij6d9pdd] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.console-settings-body .settings-split-grid .settings-card-box[b-g1ij6d9pdd] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.console-settings-body .settings-split-grid .settings-card-box .card-box-title[b-g1ij6d9pdd] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 20px 0;
}
.console-settings-body .settings-split-grid .settings-card-box .box-header-row[b-g1ij6d9pdd] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #5c59f0;
}
.console-settings-body .settings-split-grid .settings-card-box .box-header-row svg[b-g1ij6d9pdd] {
  flex-shrink: 0;
}
.console-settings-body .settings-split-grid .settings-card-box .box-header-row .card-box-title[b-g1ij6d9pdd] {
  margin: 0;
}
.console-settings-body .profile-summary-header[b-g1ij6d9pdd] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.console-settings-body .profile-summary-header .profile-avatar[b-g1ij6d9pdd] {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.console-settings-body .profile-summary-header .profile-avatar.bg-purple[b-g1ij6d9pdd] {
  background-color: #8b5cf6;
}
.console-settings-body .profile-summary-header .profile-avatar-img[b-g1ij6d9pdd] {
  object-fit: cover;
}
.console-settings-body .avatar-notice[b-g1ij6d9pdd] {
  font-size: 12.5px;
  color: #e5484d;
  background: #fdecec;
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 12px;
}
.console-settings-body .avatar-actions-row[b-g1ij6d9pdd] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.console-settings-body .btn-avatar-upload[b-g1ij6d9pdd] {
  font-size: 12.5px;
  font-weight: 600;
  color: #6d5ef1;
  border: 1px solid #d8d5f5;
  border-radius: 8px;
  padding: 7px 14px;
  cursor: pointer;
  background: #ffffff;
}
.console-settings-body .btn-avatar-upload:hover[b-g1ij6d9pdd] {
  background: #f4f2ff;
}
.console-settings-body .avatar-file-hidden[b-g1ij6d9pdd] {
  display: none;
}
.console-settings-body .btn-avatar-remove[b-g1ij6d9pdd] {
  font-size: 12.5px;
  font-weight: 600;
  color: #8a8d9f;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 7px 8px;
}
.console-settings-body .btn-avatar-remove:hover[b-g1ij6d9pdd] {
  color: #e5484d;
}
.console-settings-body .avatar-hint[b-g1ij6d9pdd] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.console-settings-body .profile-summary-header .profile-text .profile-name[b-g1ij6d9pdd] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.console-settings-body .profile-summary-header .profile-text .profile-role[b-g1ij6d9pdd] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.console-settings-body .btn-logout[b-g1ij6d9pdd] {
  width: 100%;
  background-color: #fff4eb;
  color: #e11d48;
  border: 1px solid rgba(225, 29, 72, 0.1);
  border-radius: 12px;
  padding: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s, color 0.2s;
}
.console-settings-body .btn-logout svg[b-g1ij6d9pdd] {
  flex-shrink: 0;
}
.console-settings-body .btn-logout:hover[b-g1ij6d9pdd] {
  background-color: #ffe4e6;
}
.console-settings-body .toggles-list[b-g1ij6d9pdd] {
  display: flex;
  flex-direction: column;
}
.console-settings-body .toggles-list .toggle-row[b-g1ij6d9pdd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 20px;
}
.console-settings-body .toggles-list .toggle-row:first-child[b-g1ij6d9pdd] {
  padding-top: 0;
}
.console-settings-body .toggles-list .toggle-row:last-child[b-g1ij6d9pdd] {
  border-bottom: none;
  padding-bottom: 0;
}
.console-settings-body .toggles-list .toggle-row .toggle-text[b-g1ij6d9pdd] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.console-settings-body .toggles-list .toggle-row .toggle-text .toggle-lbl[b-g1ij6d9pdd] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.console-settings-body .toggles-list .toggle-row .toggle-text .toggle-sub[b-g1ij6d9pdd] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}
.console-settings-body .toggles-list .toggle-row .switch[b-g1ij6d9pdd] {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background-color: #eff0f6;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.console-settings-body .toggles-list .toggle-row .switch[b-g1ij6d9pdd]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s;
}
.console-settings-body .toggles-list .toggle-row .switch.on[b-g1ij6d9pdd] {
  background-color: #5c59f0;
}
.console-settings-body .toggles-list .toggle-row .switch.on[b-g1ij6d9pdd]::after {
  transform: translateX(20px);
}
.console-settings-body .info-rows-list[b-g1ij6d9pdd] {
  display: flex;
  flex-direction: column;
}
.console-settings-body .info-rows-list .info-row[b-g1ij6d9pdd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 16px;
}
.console-settings-body .info-rows-list .info-row:first-child[b-g1ij6d9pdd] {
  padding-top: 0;
}
.console-settings-body .info-rows-list .info-row:last-child[b-g1ij6d9pdd] {
  border-bottom: none;
  padding-bottom: 0;
}
.console-settings-body .info-rows-list .info-row .info-label[b-g1ij6d9pdd] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.console-settings-body .info-rows-list .info-row .info-value[b-g1ij6d9pdd] {
  font-size: 13px;
  font-weight: 500;
  color: #6e7191;
  text-align: right;
}
.console-settings-body .logout-overlay[b-g1ij6d9pdd] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2500;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-g1ij6d9pdd 0.2s ease-out;
}
.console-settings-body .logout-overlay .logout-spinner-card[b-g1ij6d9pdd] {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  width: 100%;
  max-width: 380px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border: 1px solid #eff0f6;
}
.console-settings-body .logout-overlay .logout-spinner-card .spinner[b-g1ij6d9pdd] {
  width: 36px;
  height: 36px;
  border: 4px solid #eff0f6;
  border-top-color: #5c59f0;
  border-radius: 50%;
  animation: spin-b-g1ij6d9pdd 0.8s linear infinite;
}
.console-settings-body .logout-overlay .logout-spinner-card h3[b-g1ij6d9pdd] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.console-settings-body .logout-overlay .logout-spinner-card p[b-g1ij6d9pdd] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
@media (max-width: 850px) {
  .console-settings-body .settings-split-grid[b-g1ij6d9pdd] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 480px) {
  .console-settings-body[b-g1ij6d9pdd] {
    padding: 24px 16px;
  }
  .console-settings-body .logout-overlay .logout-spinner-card[b-g1ij6d9pdd] {
    max-width: 90%;
    padding: 32px 20px;
  }
  .console-settings-body .info-rows-list .info-row[b-g1ij6d9pdd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .console-settings-body .info-rows-list .info-row .info-value[b-g1ij6d9pdd] {
    text-align: left;
  }
}

@keyframes fadeIn-b-g1ij6d9pdd {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spin-b-g1ij6d9pdd {
  to {
    transform: rotate(360deg);
  }
}
/* /Main/HelpCenter.razor.rz.scp.css */
.static-page[b-jklvxvmbho] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #fcfcfd;
  color: #1d1e2c;
}

.hero-container[b-jklvxvmbho] {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}

.static-page-header[b-jklvxvmbho] {
  padding: 72px 0 48px;
  text-align: center;
}
.static-page-header .static-eyebrow[b-jklvxvmbho] {
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5c59f0;
  margin-bottom: 12px;
}
.static-page-header h1[b-jklvxvmbho] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 40px;
  margin: 0 0 14px;
  letter-spacing: -0.02em;
}
.static-page-header p[b-jklvxvmbho] {
  font-size: 16px;
  color: #6e7191;
  max-width: 520px;
  margin: 0 auto 32px;
  line-height: 1.6;
}

.static-page-content[b-jklvxvmbho] {
  padding: 20px 0 100px;
}

.help-topic-grid[b-jklvxvmbho] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 64px;
}

.help-topic-card[b-jklvxvmbho] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 2px 8px rgba(23, 22, 43, 0.04);
}
.help-topic-card h3[b-jklvxvmbho] {
  font-size: 14.5px;
  font-weight: 700;
  margin: 14px 0 8px;
}
.help-topic-card p[b-jklvxvmbho] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.55;
  margin: 0;
}

.help-topic-icon[b-jklvxvmbho] {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-faq[b-jklvxvmbho] {
  margin-bottom: 56px;
}
.help-faq h2[b-jklvxvmbho] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 24px;
  text-align: center;
}

.faq-item[b-jklvxvmbho] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  padding: 18px 22px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: box-shadow 0.15s ease;
}
.faq-item:hover[b-jklvxvmbho] {
  box-shadow: 0 2px 8px rgba(23, 22, 43, 0.04);
}
.faq-item.open[b-jklvxvmbho] {
  border-color: #5c59f0;
}

.faq-question[b-jklvxvmbho] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14.5px;
  font-weight: 700;
}
.faq-question svg[b-jklvxvmbho] {
  color: #8a8d9f;
  flex: none;
}

.faq-answer[b-jklvxvmbho] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.6;
  margin: 14px 0 0;
}

.help-contact-banner[b-jklvxvmbho] {
  background: #5c59f0;
  border-radius: 20px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
}
.help-contact-banner h3[b-jklvxvmbho] {
  font-size: 18px;
  margin: 0 0 6px;
}
.help-contact-banner p[b-jklvxvmbho] {
  font-size: 13.5px;
  color: #DAD4FF;
  margin: 0;
}

.help-contact-btn[b-jklvxvmbho] {
  background: #fff;
  color: #5c59f0;
  font-size: 13.5px;
  font-weight: 700;
  padding: 12px 22px;
  border-radius: 10px;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.15s ease;
}
.help-contact-btn:hover[b-jklvxvmbho] {
  opacity: 0.9;
}

@media (max-width: 900px) {
  .help-topic-grid[b-jklvxvmbho] {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .help-topic-grid[b-jklvxvmbho] {
    grid-template-columns: 1fr;
  }
  .help-contact-banner[b-jklvxvmbho] {
    flex-direction: column;
    text-align: center;
  }
  .static-page-header h1[b-jklvxvmbho] {
    font-size: 30px;
  }
}
/* /Main/Home.razor.rz.scp.css */
.lumen-wrapper[b-d1t6h4zhoz] {
  background: #fcfcfd;
  color: #1d1e2c;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  line-height: 1.5;
  min-height: 100vh;
}

button[b-d1t6h4zhoz], .btn[b-d1t6h4zhoz] {
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* TYPOGRAPHY HELPERS */
.serif-italic[b-d1t6h4zhoz] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 500;
}

/* BADGES */
.eyebrow-pill[b-d1t6h4zhoz] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f0efff;
  color: #5c59f0;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 20px;
}
.eyebrow-pill .dot[b-d1t6h4zhoz] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: conic-gradient(from 180deg, #FF8F6B, #5c59f0, #34E5C4, #FF8F6B);
}

.section-eyebrow[b-d1t6h4zhoz] {
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5c59f0;
  margin-bottom: 12px;
  text-align: center;
}

.section-title[b-d1t6h4zhoz] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 auto 16px;
  text-align: center;
  max-width: 800px;
}

.section-subtitle[b-d1t6h4zhoz] {
  font-size: 16px;
  color: #6e7191;
  text-align: center;
  max-width: 620px;
  margin: 0 auto 48px;
  line-height: 1.6;
}

/* CHECKLISTS */
.checkmark-list[b-d1t6h4zhoz] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.checkmark-list li[b-d1t6h4zhoz] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: #6e7191;
  font-weight: 500;
  line-height: 1.4;
}
.checkmark-list li svg[b-d1t6h4zhoz] {
  flex: none;
  color: #1fad7a;
  margin-top: 3px;
}

/* BUTTONS */
.btn-primary[b-d1t6h4zhoz] {
  background: #5c59f0;
  color: #fff;
  border: none;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(92, 89, 240, 0.25);
}
.btn-primary:hover[b-d1t6h4zhoz] {
  background: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
  transform: translateY(-1px);
}

.btn-secondary[b-d1t6h4zhoz] {
  background: #ffffff;
  color: #1d1e2c;
  border: 1px solid #eff0f6;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(23, 22, 43, 0.04);
}
.btn-secondary:hover[b-d1t6h4zhoz] {
  background: rgb(97.5654901961%, 97.7176470588%, 98.6305882353%);
  transform: translateY(-1px);
}

/* COMMON STRUCTURES */
.hero-container[b-d1t6h4zhoz] {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ==========================================================================
   HERO SECTION
   ========================================================================== */
.hero[b-d1t6h4zhoz] {
  padding: 80px 0 100px;
}

.hero-grid[b-d1t6h4zhoz] {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  align-items: center;
}

.hero-content h1[b-d1t6h4zhoz] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 54px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0 0 24px;
}
.hero-content h1 span.accent[b-d1t6h4zhoz] {
  color: #5c59f0;
}
.hero-content p[b-d1t6h4zhoz] {
  font-size: 17px;
  line-height: 1.65;
  color: #6e7191;
  margin-bottom: 32px;
}

.hero-actions[b-d1t6h4zhoz] {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.hero-checks[b-d1t6h4zhoz] {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.hero-checks span[b-d1t6h4zhoz] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
}
.hero-checks svg[b-d1t6h4zhoz] {
  color: #1fad7a;
}

/* Hero Visual Card Stack */
.hero-visual[b-d1t6h4zhoz] {
  position: relative;
}

.mentor-card[b-d1t6h4zhoz] {
  background-image: url("/image/certificate_bg.png");
  background-size: cover;
  background-position: center;
  border-radius: 24px;
  padding: 40px;
  color: #fff;
  box-shadow: 0 24px 60px -20px rgba(44, 35, 96, 0.22);
  position: relative;
  overflow: hidden;
}
.mentor-card p.quote[b-d1t6h4zhoz] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-size: 19px;
  line-height: 1.6;
  margin: 0 0 24px;
  color: #EFEBFF;
}
.mentor-card p.caption[b-d1t6h4zhoz] {
  font-size: 12px;
  line-height: 1.6;
  color: #DAD4FF;
  margin: 0;
}

.mentor-card-header[b-d1t6h4zhoz] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.mentor-avatar-orb[b-d1t6h4zhoz] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: conic-gradient(from 200deg, #FF8F6B, #5c59f0 35%, #34E5C4 70%, #FF8F6B);
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.15);
}

.verified-pill[b-d1t6h4zhoz] {
  background: rgba(255, 255, 255, 0.9);
  color: #1d1e2c;
  border-radius: 100px;
  padding: 6px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(23, 22, 43, 0.04);
}
.verified-pill svg[b-d1t6h4zhoz] {
  color: #1fad7a;
}

.mentor-label[b-d1t6h4zhoz] {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #C9BEFF;
  margin-bottom: 12px;
}

/* Overlapping bottom-left status card */
.status-badge-card[b-d1t6h4zhoz] {
  position: absolute;
  left: -30px;
  bottom: -20px;
  background: #ffffff;
  border-radius: 16px;
  padding: 16px 20px;
  box-shadow: 0 12px 36px -12px rgba(44, 35, 96, 0.12);
  border: 1px solid #eff0f6;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 240px;
}

.status-icon[b-d1t6h4zhoz] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f0efff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5c59f0;
  flex: none;
}

.status-text[b-d1t6h4zhoz] {
  display: flex;
  flex-direction: column;
}

.status-title[b-d1t6h4zhoz] {
  font-size: 12.5px;
  font-weight: 700;
  color: #1d1e2c;
}

.status-desc[b-d1t6h4zhoz] {
  font-size: 11px;
  color: #8a8d9f;
  margin-top: 2px;
}

@media (max-width: 991px) {
  .hero[b-d1t6h4zhoz] {
    padding: 40px 0 60px;
  }
  .hero-grid[b-d1t6h4zhoz] {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .hero-content h1[b-d1t6h4zhoz] {
    font-size: 42px;
  }
  .status-badge-card[b-d1t6h4zhoz] {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 16px;
    max-width: 100%;
  }
}
/* ==========================================================================
   HOW IT WORKS (STEPS)
   ========================================================================== */
.steps-section[b-d1t6h4zhoz] {
  padding: 100px 0;
  background: #ffffff;
  border-top: 1px solid #eff0f6;
  border-bottom: 1px solid #eff0f6;
}

.steps-grid[b-d1t6h4zhoz] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
}

.step-item[b-d1t6h4zhoz] {
  position: relative;
}
.step-item h3[b-d1t6h4zhoz] {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 10px;
}
.step-item p[b-d1t6h4zhoz] {
  font-size: 13px;
  line-height: 1.6;
  color: #6e7191;
  margin: 0;
}

.step-num[b-d1t6h4zhoz] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f0efff;
  color: #5c59f0;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .steps-section[b-d1t6h4zhoz] {
    padding: 60px 0;
  }
  .steps-grid[b-d1t6h4zhoz] {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
@media (max-width: 576px) {
  .steps-grid[b-d1t6h4zhoz] {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================================
   SPLIT FEATURE SECTIONS
   ========================================================================== */
.features-showcase[b-d1t6h4zhoz] {
  padding: 100px 0;
}

.feature-row[b-d1t6h4zhoz] {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 80px;
  align-items: center;
  margin-bottom: 120px;
}
.feature-row:nth-child(even)[b-d1t6h4zhoz] {
  grid-template-columns: 1.1fr 1fr;
}
.feature-row:last-child[b-d1t6h4zhoz] {
  margin-bottom: 0;
}

.feature-desc-col h2[b-d1t6h4zhoz] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: 12px 0 20px;
}
.feature-desc-col p[b-d1t6h4zhoz] {
  font-size: 15px;
  line-height: 1.65;
  color: #6e7191;
  margin: 0 0 28px;
}

/* Visual elements of showcase rows */
.feature-visual-col[b-d1t6h4zhoz] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 12px 36px -12px rgba(44, 35, 96, 0.12);
  overflow: hidden;
  min-height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

/* Row 1 chat visual */
.chat-mockup[b-d1t6h4zhoz] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.chat-user-header[b-d1t6h4zhoz] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.chat-user-avatar[b-d1t6h4zhoz] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #5c59f0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
}

.chat-user-name[b-d1t6h4zhoz] {
  font-size: 11.5px;
  font-weight: 700;
}

.chat-user-status[b-d1t6h4zhoz] {
  font-size: 10px;
  color: #1fad7a;
  font-weight: 600;
}

.chat-bubble[b-d1t6h4zhoz] {
  font-size: 13px;
  line-height: 1.5;
  padding: 12px 16px;
  border-radius: 14px;
  max-width: 85%;
}
.chat-bubble.mentor[b-d1t6h4zhoz] {
  background: #f0efff;
  color: #1d1e2c;
  border-top-left-radius: 4px;
}
.chat-bubble.user[b-d1t6h4zhoz] {
  background: #1d1e2c;
  color: #fff;
  margin-left: auto;
  border-top-right-radius: 4px;
}

/* Row 2 profile matrix visual */
.profile-mockup[b-d1t6h4zhoz] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-row-item[b-d1t6h4zhoz] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #eff0f6;
}
.profile-row-item:last-child[b-d1t6h4zhoz] {
  border: none;
  padding-bottom: 0;
}

.profile-row-label[b-d1t6h4zhoz] {
  font-size: 13.5px;
  font-weight: 700;
  color: #6e7191;
}

.badge-pill[b-d1t6h4zhoz] {
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 100px;
}
.badge-pill.violet[b-d1t6h4zhoz] {
  background: #f0efff;
  color: #5c59f0;
}
.badge-pill.orange[b-d1t6h4zhoz] {
  background: #fff4eb;
  color: #5c59f0;
}
.badge-pill.green[b-d1t6h4zhoz] {
  background: #e8f8f2;
  color: #1fad7a;
}

/* Row 3 readiness dashboard */
.stats-mockup[b-d1t6h4zhoz] {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.stat-box-mini[b-d1t6h4zhoz] {
  background: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 20px;
}

.stat-num-mini[b-d1t6h4zhoz] {
  font-family: "Fraunces", serif;
  font-size: 26px;
  font-weight: 600;
  color: #5c59f0;
}

.stat-label-mini[b-d1t6h4zhoz] {
  font-size: 10px;
  color: #8a8d9f;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
}

@media (max-width: 991px) {
  .features-showcase[b-d1t6h4zhoz] {
    padding: 60px 0;
  }
  .feature-row[b-d1t6h4zhoz] {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .feature-row:nth-child(even)[b-d1t6h4zhoz] {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .feature-row:nth-child(even) .feature-desc-col[b-d1t6h4zhoz] {
    order: -1;
  }
}
/* ==========================================================================
   TESTIMONIAL BLOCK
   ========================================================================== */
.testimonial[b-d1t6h4zhoz] {
  padding: 80px 0;
}

.testimonial-banner[b-d1t6h4zhoz] {
  background-image: url("/image/course_bg.png");
  background-size: cover;
  background-position: center;
  border-radius: 24px;
  padding: 80px 60px;
  color: #fff;
  box-shadow: 0 24px 60px -20px rgba(44, 35, 96, 0.22);
  position: relative;
}
.testimonial-banner h2[b-d1t6h4zhoz] {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.45;
  margin: 0 0 32px;
  max-width: 820px;
}

.testimonial-author[b-d1t6h4zhoz] {
  display: flex;
  align-items: center;
  gap: 14px;
}

.author-avatar[b-d1t6h4zhoz] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #FFB13C, #FF7A59);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 13.5px;
}

.author-info[b-d1t6h4zhoz] {
  display: flex;
  flex-direction: column;
}

.author-name[b-d1t6h4zhoz] {
  font-size: 14px;
  font-weight: 700;
}

.author-title[b-d1t6h4zhoz] {
  font-size: 12.5px;
  color: #f0efff;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .testimonial-banner[b-d1t6h4zhoz] {
    padding: 48px 32px;
  }
  .testimonial-banner h2[b-d1t6h4zhoz] {
    font-size: 24px;
  }
}
/* ==========================================================================
   PRICING SECTION (NEW)
   ========================================================================== */
.pricing-section[b-d1t6h4zhoz] {
  padding: 100px 0;
}
.pricing-section .accent-exam[b-d1t6h4zhoz] {
  color: #5c59f0;
}

.toggle-container[b-d1t6h4zhoz] {
  display: flex;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  width: max-content;
  margin: 0 auto 48px;
  padding: 4px;
  box-shadow: 0 2px 8px rgba(23, 22, 43, 0.04);
}

.toggle-btn[b-d1t6h4zhoz] {
  border: none;
  background: transparent;
  padding: 10px 24px;
  font-size: 13.5px;
  font-weight: 800;
  color: #6e7191;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.toggle-btn.active[b-d1t6h4zhoz] {
  background: #1d1e2c;
  color: #fff;
}

.pricing-grid[b-d1t6h4zhoz] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: stretch;
}

.pricing-card[b-d1t6h4zhoz] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 48px 36px;
  box-shadow: 0 2px 8px rgba(23, 22, 43, 0.04);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.pricing-card .card-tier[b-d1t6h4zhoz] {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-bottom: 24px;
}
.pricing-card .card-tier.starter-text[b-d1t6h4zhoz] {
  color: #5c59f0;
}
.pricing-card .card-tier.tutor-text[b-d1t6h4zhoz] {
  color: #5c59f0;
}
.pricing-card .card-tier.text-white[b-d1t6h4zhoz] {
  color: #fff;
}
.pricing-card.pro-card[b-d1t6h4zhoz] {
  background: #1d1e2c;
  border: none;
  transform: scale(1.03);
  box-shadow: 0 24px 60px -20px rgba(44, 35, 96, 0.22);
}
.pricing-card.pro-card .price-sub[b-d1t6h4zhoz] {
  color: #8a8d9f;
}

.popular-badge[b-d1t6h4zhoz] {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #5c59f0;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  padding: 6px 16px;
  border-radius: 100px;
  box-shadow: 0 2px 8px rgba(23, 22, 43, 0.04);
}

.price-box[b-d1t6h4zhoz] {
  display: flex;
  align-items: baseline;
  margin-bottom: 6px;
}
.price-box .currency[b-d1t6h4zhoz] {
  font-size: 28px;
  font-weight: 700;
  margin-right: 4px;
  color: #1d1e2c;
}
.price-box .currency.text-white[b-d1t6h4zhoz] {
  color: #fff;
}
.price-box .amount[b-d1t6h4zhoz] {
  font-size: 64px;
  font-weight: 800;
  line-height: 1;
  color: #1d1e2c;
}
.price-box .amount.text-white[b-d1t6h4zhoz] {
  color: #fff;
}
.price-box .original-price[b-d1t6h4zhoz] {
  font-size: 20px;
  font-weight: 600;
  text-decoration: line-through;
  color: #8a8d9f;
  margin-left: 12px;
}

.price-sub[b-d1t6h4zhoz] {
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  margin-bottom: 32px;
  min-height: 18px;
}
.price-sub.text-muted-light[b-d1t6h4zhoz] {
  color: #8a8d9f;
}

.pricing-cta[b-d1t6h4zhoz] {
  width: 100%;
  padding: 14px;
  font-size: 13.5px;
  font-weight: 800;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  margin-bottom: 32px;
  letter-spacing: 0.02em;
}
.pricing-cta.btn-dark[b-d1t6h4zhoz] {
  background: #1d1e2c;
  color: #fff;
}
.pricing-cta.btn-dark:hover[b-d1t6h4zhoz] {
  background: rgb(19.3177544991%, 19.9838839645%, 29.3096964813%);
}
.pricing-cta.btn-coral[b-d1t6h4zhoz] {
  background: #5c59f0;
  color: #fff;
}
.pricing-cta.btn-coral:hover[b-d1t6h4zhoz] {
  background: rgb(21.6695915935%, 20.2279276351%, 92.791680208%);
}

.pricing-features[b-d1t6h4zhoz] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pricing-features li[b-d1t6h4zhoz] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  line-height: 1.4;
}
.pricing-features li svg[b-d1t6h4zhoz] {
  flex: none;
  color: #5c59f0;
  margin-top: 3px;
}
.pricing-features.light-checks li[b-d1t6h4zhoz] {
  color: #fff;
}
.pricing-features.light-checks li svg[b-d1t6h4zhoz] {
  color: #1fad7a;
}

@media (max-width: 991px) {
  .pricing-section[b-d1t6h4zhoz] {
    padding: 60px 0;
  }
  .pricing-grid[b-d1t6h4zhoz] {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .pricing-card.pro-card[b-d1t6h4zhoz] {
    transform: scale(1);
    margin: 16px 0;
  }
}
/* ==========================================================================
   WHO IT'S FOR (AUDIENCE)
   ========================================================================== */
.audience-section[b-d1t6h4zhoz] {
  padding: 100px 0;
  background: #ffffff;
  border-top: 1px solid #eff0f6;
  border-bottom: 1px solid #eff0f6;
}

.audience-grid[b-d1t6h4zhoz] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.audience-card[b-d1t6h4zhoz] {
  background: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 32px;
  transition: all 0.2s ease;
}
.audience-card:hover[b-d1t6h4zhoz] {
  box-shadow: 0 12px 36px -12px rgba(44, 35, 96, 0.12);
  transform: translateY(-2px);
}
.audience-card h3[b-d1t6h4zhoz] {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
}
.audience-card p[b-d1t6h4zhoz] {
  font-size: 14px;
  line-height: 1.6;
  color: #6e7191;
  margin: 0 0 20px;
}

.audience-icon[b-d1t6h4zhoz] {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.audience-cta[b-d1t6h4zhoz] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 700;
  color: #5c59f0;
  text-decoration: none;
}
.audience-cta:hover[b-d1t6h4zhoz] {
  text-decoration: underline;
}

@media (max-width: 991px) {
  .audience-section[b-d1t6h4zhoz] {
    padding: 60px 0;
  }
  .audience-grid[b-d1t6h4zhoz] {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
/* Offset anchor targets so the sticky header doesn't cover the section title */
#who[b-d1t6h4zhoz], #how[b-d1t6h4zhoz], #features[b-d1t6h4zhoz], #pricing[b-d1t6h4zhoz] {
  scroll-margin-top: 90px;
}
/* /Main/Privacy.razor.rz.scp.css */
.legal-page[b-rzysh2vbk5] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #fcfcfd;
  color: #1d1e2c;
}

.hero-container[b-rzysh2vbk5] {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px;
}

.legal-header[b-rzysh2vbk5] {
  padding: 72px 0 40px;
  text-align: center;
  border-bottom: 1px solid #eff0f6;
  margin-bottom: 48px;
}
.legal-header .legal-eyebrow[b-rzysh2vbk5] {
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5c59f0;
  margin-bottom: 12px;
}
.legal-header h1[b-rzysh2vbk5] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 38px;
  margin: 0 0 12px;
  letter-spacing: -0.02em;
}
.legal-header .legal-updated[b-rzysh2vbk5] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 0;
}

.legal-content[b-rzysh2vbk5] {
  padding-bottom: 100px;
}
.legal-content .legal-intro[b-rzysh2vbk5] {
  font-size: 15.5px;
  line-height: 1.7;
  color: #6e7191;
  margin-bottom: 40px;
}
.legal-content section[b-rzysh2vbk5] {
  margin-bottom: 32px;
}
.legal-content section h2[b-rzysh2vbk5] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 19px;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}
.legal-content section p[b-rzysh2vbk5] {
  font-size: 14.5px;
  line-height: 1.75;
  color: #6e7191;
  margin: 0;
}
.legal-content section a[b-rzysh2vbk5] {
  color: #5c59f0;
  font-weight: 600;
  text-decoration: none;
}
.legal-content section a:hover[b-rzysh2vbk5] {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .legal-header h1[b-rzysh2vbk5] {
    font-size: 28px;
  }
}
/* /Main/Terms.razor.rz.scp.css */
.legal-page[b-y3teza7mul] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #fcfcfd;
  color: #1d1e2c;
}

.hero-container[b-y3teza7mul] {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px;
}

.legal-header[b-y3teza7mul] {
  padding: 72px 0 40px;
  text-align: center;
  border-bottom: 1px solid #eff0f6;
  margin-bottom: 48px;
}
.legal-header .legal-eyebrow[b-y3teza7mul] {
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5c59f0;
  margin-bottom: 12px;
}
.legal-header h1[b-y3teza7mul] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 38px;
  margin: 0 0 12px;
  letter-spacing: -0.02em;
}
.legal-header .legal-updated[b-y3teza7mul] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 0;
}

.legal-content[b-y3teza7mul] {
  padding-bottom: 100px;
}
.legal-content .legal-intro[b-y3teza7mul] {
  font-size: 15.5px;
  line-height: 1.7;
  color: #6e7191;
  margin-bottom: 40px;
}
.legal-content section[b-y3teza7mul] {
  margin-bottom: 32px;
}
.legal-content section h2[b-y3teza7mul] {
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: 19px;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}
.legal-content section p[b-y3teza7mul] {
  font-size: 14.5px;
  line-height: 1.75;
  color: #6e7191;
  margin: 0;
}
.legal-content section a[b-y3teza7mul] {
  color: #5c59f0;
  font-weight: 600;
  text-decoration: none;
}
.legal-content section a:hover[b-y3teza7mul] {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .legal-header h1[b-y3teza7mul] {
    font-size: 28px;
  }
}
/* /Main/VerifyCertificate.razor.rz.scp.css */
.verify-page[b-gzxr32uzro] {
  width: 100%;
  background: #fcfcfd;
  color: #1d1e2c;
  box-sizing: border-box;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.verify-page *[b-gzxr32uzro] {
  box-sizing: border-box;
}
.verify-page .verify-shell[b-gzxr32uzro] {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 64px 24px 96px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.verify-page .verify-header[b-gzxr32uzro] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.verify-page .verify-header .verify-eyebrow[b-gzxr32uzro] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.6px;
  color: #5c59f0;
}
.verify-page .verify-header .verify-title[b-gzxr32uzro] {
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  color: #1d1e2c;
}
.verify-page .verify-header .verify-intro[b-gzxr32uzro] {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #6e7191;
}
.verify-page .verify-form-card[b-gzxr32uzro] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.verify-page .verify-form-card .verify-label[b-gzxr32uzro] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #8a8d9f;
}
.verify-page .verify-form-card .verify-form-row[b-gzxr32uzro] {
  display: flex;
  gap: 12px;
}
.verify-page .verify-form-card .verify-input[b-gzxr32uzro] {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 15px;
  font-family: "Consolas", "Courier New", monospace;
  letter-spacing: 1px;
  color: #1d1e2c;
  background-color: #fcfcfd;
}
.verify-page .verify-form-card .verify-input:focus[b-gzxr32uzro] {
  outline: none;
  border-color: #5c59f0;
  background-color: #ffffff;
}
.verify-page .verify-form-card .verify-btn[b-gzxr32uzro] {
  flex-shrink: 0;
  border: none;
  background-color: #5c59f0;
  color: #ffffff;
  padding: 12px 28px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s;
}
.verify-page .verify-form-card .verify-btn:hover:enabled[b-gzxr32uzro] {
  background-color: #4b49df;
}
.verify-page .verify-form-card .verify-btn:disabled[b-gzxr32uzro] {
  background-color: #f4f5f9;
  color: #8a8d9f;
  cursor: default;
}
.verify-page .verify-form-card .verify-hint[b-gzxr32uzro] {
  margin: 0;
  font-size: 12px;
  color: #8a8d9f;
}
@media (max-width: 560px) {
  .verify-page .verify-form-card .verify-form-row[b-gzxr32uzro] {
    flex-direction: column;
  }
}
.verify-page .verify-result[b-gzxr32uzro] {
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
}
.verify-page .verify-result .result-badge[b-gzxr32uzro] {
  align-self: flex-start;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.4px;
  padding: 6px 14px;
  border-radius: 999px;
}
.verify-page .verify-result .result-title[b-gzxr32uzro] {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #1d1e2c;
}
.verify-page .verify-result .result-desc[b-gzxr32uzro] {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: #6e7191;
}
.verify-page .verify-result .result-facts[b-gzxr32uzro] {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.verify-page .verify-result .result-facts .result-fact[b-gzxr32uzro] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.verify-page .verify-result .result-facts .result-fact dt[b-gzxr32uzro] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #8a8d9f;
  text-transform: uppercase;
}
.verify-page .verify-result .result-facts .result-fact dd[b-gzxr32uzro] {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #1d1e2c;
}
.verify-page .verify-result .result-note[b-gzxr32uzro] {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.65;
  color: #8a8d9f;
  border-top: 1px solid #eff0f6;
  padding-top: 14px;
}
.verify-page .verify-result.verify-result-valid[b-gzxr32uzro] {
  border-color: #1fad7a;
}
.verify-page .verify-result.verify-result-valid .result-badge[b-gzxr32uzro] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.verify-page .verify-result.verify-result-revoked[b-gzxr32uzro] {
  border-color: #f08b3b;
}
.verify-page .verify-result.verify-result-revoked .result-badge[b-gzxr32uzro] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.verify-page .verify-result.verify-result-unknown[b-gzxr32uzro] {
  background-color: #f4f5f9;
}
@media (max-width: 560px) {
  .verify-page .verify-shell[b-gzxr32uzro] {
    padding: 40px 16px 64px;
  }
  .verify-page .verify-header .verify-title[b-gzxr32uzro] {
    font-size: 27px;
  }
}
/* /Student/Assessment.razor.rz.scp.css */
.assessment-body[b-s13tfh8ewh] {
  padding: 32px 40px 120px;
  background-color: #fcfcfd;
  min-height: 100%;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.assessment-body .courses-header[b-s13tfh8ewh] {
  margin-bottom: 20px;
}
.assessment-body .courses-header .breadcrumbs[b-s13tfh8ewh] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
  margin-bottom: 6px;
}
.assessment-body .courses-header .breadcrumbs a[b-s13tfh8ewh] {
  color: #8a8d9f;
  text-decoration: none;
}
.assessment-body .courses-header .breadcrumbs a:hover[b-s13tfh8ewh] {
  color: #5c59f0;
}
.assessment-body .courses-header .page-title[b-s13tfh8ewh] {
  font-size: 26px;
  font-weight: 800;
  color: #1d1e2c;
  margin: 0;
}
.assessment-body .paper-header[b-s13tfh8ewh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  margin-bottom: 18px;
}
.assessment-body .paper-header .paper-meta[b-s13tfh8ewh] {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
  margin-bottom: 8px;
}
.assessment-body .paper-header .paper-title[b-s13tfh8ewh] {
  font-size: 22px;
  font-weight: 800;
  color: #1d1e2c;
  margin: 0 0 10px 0;
}
.assessment-body .paper-header .paper-instructions[b-s13tfh8ewh] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.7;
  margin: 0 0 14px 0;
}
.assessment-body .paper-header .paper-meta-row[b-s13tfh8ewh] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.assessment-body .paper-header .paper-meta-row .meta-item[b-s13tfh8ewh] {
  font-size: 11px;
  font-weight: 600;
  color: #6e7191;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 999px;
  padding: 4px 10px;
}
.assessment-body .paper-header .action-btn[b-s13tfh8ewh] {
  margin-top: 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid #5c59f0;
  background-color: #5c59f0;
  color: #ffffff;
  cursor: pointer;
}
.assessment-body .paper[b-s13tfh8ewh] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.assessment-body .paper .question-card[b-s13tfh8ewh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-left: 3px solid #eff0f6;
  border-radius: 18px;
  padding: 20px 22px;
}
.assessment-body .paper .question-card.answered[b-s13tfh8ewh] {
  border-left-color: #5c59f0;
}
.assessment-body .paper .question-card .question-head[b-s13tfh8ewh] {
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
}
.assessment-body .paper .question-card .question-head .q-number[b-s13tfh8ewh] {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  color: #6e7191;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assessment-body .paper .question-card .question-head .q-body[b-s13tfh8ewh] {
  flex: 1;
  min-width: 0;
}
.assessment-body .paper .question-card .question-head .q-body .q-prompt[b-s13tfh8ewh] {
  font-size: 14px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.6;
  margin: 0 0 4px 0;
}
.assessment-body .paper .question-card .question-head .q-body .q-hint[b-s13tfh8ewh] {
  font-size: 11px;
  color: #8a8d9f;
}
.assessment-body .paper .question-card .options[b-s13tfh8ewh] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.assessment-body .paper .question-card .options .option[b-s13tfh8ewh] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  cursor: pointer;
  background-color: #fcfcfd;
}
.assessment-body .paper .question-card .options .option:hover[b-s13tfh8ewh] {
  border-color: #5c59f0;
}
.assessment-body .paper .question-card .options .option.selected[b-s13tfh8ewh] {
  background-color: #f0efff;
  border-color: #5c59f0;
}
.assessment-body .paper .question-card .options .option input[b-s13tfh8ewh] {
  margin-top: 2px;
  accent-color: #5c59f0;
  flex-shrink: 0;
}
.assessment-body .paper .question-card .options .option .option-text[b-s13tfh8ewh] {
  font-size: 13px;
  color: #1d1e2c;
  line-height: 1.5;
}
.assessment-body .paper .question-card .answer-input[b-s13tfh8ewh] {
  width: 100%;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.7;
  color: #1d1e2c;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 12px 14px;
  resize: vertical;
}
.assessment-body .paper .question-card .answer-input:focus[b-s13tfh8ewh] {
  outline: none;
  border-color: #5c59f0;
  background-color: #ffffff;
}
.assessment-body .paper-footer[b-s13tfh8ewh] {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  padding: 16px 22px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  box-shadow: 0 -6px 20px rgba(29, 30, 44, 0.05);
}
.assessment-body .paper-footer .footer-progress[b-s13tfh8ewh] {
  flex: 1;
  min-width: 0;
}
.assessment-body .paper-footer .footer-progress .progress-lbl[b-s13tfh8ewh] {
  font-size: 12px;
  font-weight: 700;
  color: #1d1e2c;
}
.assessment-body .paper-footer .footer-progress .progress-bar[b-s13tfh8ewh] {
  height: 5px;
  background-color: #eff0f6;
  border-radius: 999px;
  overflow: hidden;
  margin: 6px 0;
}
.assessment-body .paper-footer .footer-progress .progress-bar .progress-bar-fill[b-s13tfh8ewh] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 999px;
}
.assessment-body .paper-footer .footer-progress .progress-sub[b-s13tfh8ewh] {
  font-size: 11px;
  color: #8a8d9f;
  margin: 0;
  line-height: 1.5;
}
.assessment-body .paper-footer .footer-error[b-s13tfh8ewh] {
  font-size: 12px;
  font-weight: 600;
  color: #d9455f;
}
.assessment-body .paper-footer .btn-submit[b-s13tfh8ewh] {
  flex-shrink: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 26px;
  border-radius: 12px;
  border: none;
  background-color: #5c59f0;
  color: #ffffff;
  cursor: pointer;
}
.assessment-body .paper-footer .btn-submit:hover:not(:disabled)[b-s13tfh8ewh] {
  background-color: #4b49df;
}
.assessment-body .paper-footer .btn-submit:disabled[b-s13tfh8ewh] {
  background-color: #eff0f6;
  color: #8a8d9f;
  cursor: default;
}
.assessment-body .result-card[b-s13tfh8ewh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 26px;
  margin-bottom: 18px;
}
.assessment-body .result-card .avatar-ask .action-btn[b-s13tfh8ewh] {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #1d1e2c;
  cursor: pointer;
}
.assessment-body .result-card .result-meta[b-s13tfh8ewh] {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
  margin-bottom: 8px;
}
.assessment-body .result-card .result-headline[b-s13tfh8ewh] {
  font-size: 24px;
  font-weight: 800;
  color: #1d1e2c;
  margin: 0 0 6px 0;
}
.assessment-body .result-card .result-caveat[b-s13tfh8ewh] {
  font-size: 12px;
  font-weight: 600;
  color: #f08b3b;
  margin: 0 0 14px 0;
}
.assessment-body .result-card .result-feedback[b-s13tfh8ewh] {
  font-size: 14px;
  color: #1d1e2c;
  line-height: 1.8;
  margin: 0 0 16px 0;
}
.assessment-body .result-card .result-block[b-s13tfh8ewh] {
  margin-bottom: 14px;
}
.assessment-body .result-card .result-block .block-title[b-s13tfh8ewh] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
  margin: 0 0 8px 0;
}
.assessment-body .result-card .result-block .block-list[b-s13tfh8ewh] {
  margin: 0;
  padding-left: 18px;
}
.assessment-body .result-card .result-block .block-list li[b-s13tfh8ewh] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.7;
}
.assessment-body .result-card .result-block .chips[b-s13tfh8ewh] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.assessment-body .result-card .result-block .chips .chip[b-s13tfh8ewh] {
  font-size: 11px;
  font-weight: 600;
  color: #1fad7a;
  background-color: #e8f8f2;
  border-radius: 999px;
  padding: 5px 11px;
}
.assessment-body .result-card .result-footer[b-s13tfh8ewh] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #eff0f6;
}
.assessment-body .result-card .result-footer .origin[b-s13tfh8ewh] {
  font-size: 11px;
  font-weight: 600;
  color: #8a8d9f;
}
.assessment-body .result-card .result-footer .footer-actions[b-s13tfh8ewh] {
  display: flex;
  gap: 10px;
}
.assessment-body .result-card .result-footer .footer-actions .action-btn[b-s13tfh8ewh] {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #1d1e2c;
  cursor: pointer;
}
.assessment-body .result-card .result-footer .footer-actions .action-btn.btn-primary[b-s13tfh8ewh] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
.assessment-body .review-list[b-s13tfh8ewh] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.assessment-body .review-list .review-card[b-s13tfh8ewh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-left: 3px solid #eff0f6;
  border-radius: 18px;
  padding: 20px 22px;
}
.assessment-body .review-list .review-card.outcome-correct[b-s13tfh8ewh] {
  border-left-color: #1fad7a;
}
.assessment-body .review-list .review-card.outcome-wrong[b-s13tfh8ewh] {
  border-left-color: #d9455f;
}
.assessment-body .review-list .review-card.outcome-review[b-s13tfh8ewh] {
  border-left-color: #f08b3b;
}
.assessment-body .review-list .review-card.outcome-skipped[b-s13tfh8ewh] {
  border-left-color: #8a8d9f;
}
.assessment-body .review-list .review-card.outcome-partial[b-s13tfh8ewh] {
  border-left-color: #f08b3b;
}
.assessment-body .review-list .review-card.outcome-recorded[b-s13tfh8ewh] {
  border-left-color: #5c59f0;
}
.assessment-body .review-list .review-card .review-head[b-s13tfh8ewh] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.assessment-body .review-list .review-card .review-head .q-number[b-s13tfh8ewh] {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  color: #6e7191;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assessment-body .review-list .review-card .review-head .q-prompt[b-s13tfh8ewh] {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.6;
  margin: 0;
}
.assessment-body .review-list .review-card .review-head .outcome-chip[b-s13tfh8ewh] {
  flex-shrink: 0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 4px 9px;
  border-radius: 999px;
  background-color: #fcfcfd;
  color: #8a8d9f;
}
.assessment-body .review-list .review-card.outcome-correct .outcome-chip[b-s13tfh8ewh] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.assessment-body .review-list .review-card.outcome-wrong .outcome-chip[b-s13tfh8ewh] {
  background-color: #fdecef;
  color: #d9455f;
}
.assessment-body .review-list .review-card.outcome-review .outcome-chip[b-s13tfh8ewh] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.assessment-body .review-list .review-card.outcome-partial .outcome-chip[b-s13tfh8ewh] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.assessment-body .review-list .review-card.outcome-recorded .outcome-chip[b-s13tfh8ewh] {
  background-color: #f0efff;
  color: #5c59f0;
}
.assessment-body .review-list .review-card .option-review[b-s13tfh8ewh] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.assessment-body .review-list .review-card .option-review .option-row[b-s13tfh8ewh] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  background-color: #fcfcfd;
}
.assessment-body .review-list .review-card .option-review .option-row .option-mark[b-s13tfh8ewh] {
  width: 14px;
  flex-shrink: 0;
  font-weight: 700;
  color: #8a8d9f;
}
.assessment-body .review-list .review-card .option-review .option-row .option-text[b-s13tfh8ewh] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
}
.assessment-body .review-list .review-card .option-review .option-row.was-correct[b-s13tfh8ewh] {
  background-color: #e8f8f2;
  border-color: rgba(31, 173, 122, 0.3);
}
.assessment-body .review-list .review-card .option-review .option-row.was-correct .option-mark[b-s13tfh8ewh],
.assessment-body .review-list .review-card .option-review .option-row.was-correct .option-text[b-s13tfh8ewh] {
  color: #1fad7a;
}
.assessment-body .review-list .review-card .option-review .option-row.was-wrong.was-chosen[b-s13tfh8ewh] {
  background-color: #fdecef;
  border-color: rgba(217, 69, 95, 0.3);
}
.assessment-body .review-list .review-card .option-review .option-row.was-wrong.was-chosen .option-mark[b-s13tfh8ewh],
.assessment-body .review-list .review-card .option-review .option-row.was-wrong.was-chosen .option-text[b-s13tfh8ewh] {
  color: #d9455f;
}
.assessment-body .review-list .review-card .option-review .option-row.was-chosen[b-s13tfh8ewh] {
  font-weight: 600;
}
.assessment-body .review-list .review-card .written-answer[b-s13tfh8ewh] {
  padding: 14px 16px;
  border-radius: 12px;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
}
.assessment-body .review-list .review-card .written-answer .written-label[b-s13tfh8ewh] {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
  margin-bottom: 6px;
}
.assessment-body .review-list .review-card .written-answer .written-text[b-s13tfh8ewh] {
  font-size: 13px;
  color: #1d1e2c;
  line-height: 1.7;
  margin: 0;
  white-space: pre-wrap;
}
.assessment-body .review-list .review-card .q-note[b-s13tfh8ewh] {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 12px;
}
.assessment-body .review-list .review-card .q-note .note-label[b-s13tfh8ewh] {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
}
.assessment-body .review-list .review-card .q-note .note-text[b-s13tfh8ewh] {
  font-size: 13px;
  line-height: 1.7;
  margin: 0;
}
.assessment-body .review-list .review-card .q-note.note-feedback[b-s13tfh8ewh] {
  background-color: #f0efff;
}
.assessment-body .review-list .review-card .q-note.note-feedback .note-label[b-s13tfh8ewh] {
  color: #5c59f0;
}
.assessment-body .review-list .review-card .q-note.note-feedback .note-text[b-s13tfh8ewh] {
  color: #1d1e2c;
}
.assessment-body .review-list .review-card .q-note.note-explanation[b-s13tfh8ewh] {
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
}
.assessment-body .review-list .review-card .q-note.note-explanation .note-label[b-s13tfh8ewh] {
  color: #8a8d9f;
}
.assessment-body .review-list .review-card .q-note.note-explanation .note-text[b-s13tfh8ewh] {
  color: #6e7191;
}
.assessment-body .review-list .review-card .q-marks[b-s13tfh8ewh] {
  margin-top: 12px;
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
}
@media (max-width: 850px) {
  .assessment-body[b-s13tfh8ewh] {
    padding: 20px 20px 140px;
  }
  .assessment-body .paper-footer[b-s13tfh8ewh] {
    flex-direction: column;
    align-items: stretch;
  }
  .assessment-body .paper-footer .btn-submit[b-s13tfh8ewh] {
    width: 100%;
  }
}

.paper-rubric[b-s13tfh8ewh] {
  margin-top: 16px;
}
.paper-rubric summary[b-s13tfh8ewh] {
  cursor: pointer;
}
.paper-rubric .rubric-criterion[b-s13tfh8ewh] {
  margin-top: 12px;
}

.rubric-levels[b-s13tfh8ewh] {
  margin: 4px 0 0 18px;
  padding: 0;
  font-size: 13px;
  line-height: 1.5;
}
/* /Student/Assessments.razor.rz.scp.css */
.assessments-body[b-jms97ugm4m] {
  padding: 32px 40px;
  background-color: #fcfcfd;
  min-height: 100%;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.assessments-body .courses-header[b-jms97ugm4m] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.assessments-body .courses-header .header-title-area .programs-count[b-jms97ugm4m] {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #8a8d9f;
  margin-bottom: 6px;
}
.assessments-body .courses-header .header-title-area .page-title[b-jms97ugm4m] {
  font-size: 26px;
  font-weight: 800;
  color: #1d1e2c;
  margin: 0;
}
.assessments-body .courses-header .notif-btn[b-jms97ugm4m] {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assessments-body .stats-row[b-jms97ugm4m] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.assessments-body .stats-row .stat-card[b-jms97ugm4m] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px 20px;
}
.assessments-body .stats-row .stat-card .stat-num[b-jms97ugm4m] {
  display: block;
  font-size: 24px;
  font-weight: 800;
  color: #1d1e2c;
  line-height: 1.1;
}
.assessments-body .stats-row .stat-card .stat-num .stat-of[b-jms97ugm4m] {
  font-size: 14px;
  font-weight: 700;
  color: #8a8d9f;
}
.assessments-body .stats-row .stat-card .stat-lbl[b-jms97ugm4m] {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
  margin-top: 6px;
}
.assessments-body .stats-row .stat-card .stat-sub[b-jms97ugm4m] {
  display: block;
  font-size: 11px;
  color: #8a8d9f;
  margin-top: 4px;
}
.assessments-body .stats-row .stat-card .progress-bar[b-jms97ugm4m] {
  height: 4px;
  background-color: #eff0f6;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 10px;
}
.assessments-body .stats-row .stat-card .progress-bar .progress-bar-fill[b-jms97ugm4m] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 999px;
}
.assessments-body .next-banner[b-jms97ugm4m] {
  display: flex;
  align-items: center;
  gap: 14px;
  background-color: #f0efff;
  border-radius: 16px;
  padding: 14px 18px;
  margin-bottom: 20px;
}
.assessments-body .next-banner .banner-icon-circle[b-jms97ugm4m] {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #ffffff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assessments-body .next-banner .banner-text[b-jms97ugm4m] {
  flex: 1;
  font-size: 13px;
  color: #1d1e2c;
  margin: 0;
  line-height: 1.5;
}
.assessments-body .next-banner .banner-link-btn[b-jms97ugm4m] {
  flex-shrink: 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  color: #5c59f0;
  background: none;
  border: none;
  cursor: pointer;
}
.assessments-body .next-banner .banner-link-btn:hover[b-jms97ugm4m] {
  text-decoration: underline;
}
.assessments-body .filters-bar[b-jms97ugm4m] {
  margin-bottom: 18px;
}
.assessments-body .filters-bar .filter-pills[b-jms97ugm4m] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.assessments-body .filters-bar .filter-pills .filter-pill[b-jms97ugm4m] {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
}
.assessments-body .filters-bar .filter-pills .filter-pill .badge[b-jms97ugm4m] {
  display: inline-block;
  margin-left: 6px;
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
}
.assessments-body .filters-bar .filter-pills .filter-pill.active[b-jms97ugm4m] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
.assessments-body .filters-bar .filter-pills .filter-pill.active .badge[b-jms97ugm4m] {
  color: rgba(255, 255, 255, 0.75);
}
.assessments-body .assessment-list[b-jms97ugm4m] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.assessments-body .assessment-list .assessment-card[b-jms97ugm4m] {
  display: flex;
  align-items: center;
  gap: 24px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 22px 24px;
}
.assessments-body .assessment-list .assessment-card .card-main[b-jms97ugm4m] {
  flex: 1;
  min-width: 0;
}
.assessments-body .assessment-list .assessment-card .card-main .card-head[b-jms97ugm4m] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.assessments-body .assessment-list .assessment-card .card-main .card-head .card-title[b-jms97ugm4m] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.assessments-body .assessment-list .assessment-card .card-main .card-where[b-jms97ugm4m] {
  font-size: 11px;
  font-weight: 600;
  color: #8a8d9f;
  margin: 0 0 8px 0;
}
.assessments-body .assessment-list .assessment-card .card-main .card-desc[b-jms97ugm4m] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0 0 10px 0;
}
.assessments-body .assessment-list .assessment-card .card-main .card-meta[b-jms97ugm4m] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.assessments-body .assessment-list .assessment-card .card-main .card-meta .meta-item[b-jms97ugm4m] {
  font-size: 11px;
  font-weight: 600;
  color: #6e7191;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 999px;
  padding: 4px 10px;
}
.assessments-body .assessment-list .assessment-card .card-actions[b-jms97ugm4m] {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  min-width: 160px;
}
.assessments-body .assessment-list .assessment-card .card-actions .score-block[b-jms97ugm4m] {
  text-align: right;
}
.assessments-body .assessment-list .assessment-card .card-actions .score-block .score-value[b-jms97ugm4m] {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #1d1e2c;
}
.assessments-body .assessment-list .assessment-card .card-actions .score-block .score-lbl[b-jms97ugm4m] {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
  margin-top: 2px;
}
.assessments-body .assessment-list .assessment-card .card-actions .action-btn[b-jms97ugm4m] {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #1d1e2c;
  cursor: pointer;
  white-space: nowrap;
}
.assessments-body .assessment-list .assessment-card .card-actions .action-btn.btn-primary[b-jms97ugm4m] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
.assessments-body .assessment-list .assessment-card .card-actions .action-btn.btn-primary:hover[b-jms97ugm4m] {
  background-color: #4b49df;
}
.assessments-body .assessment-list .assessment-card .card-actions .action-btn.btn-light:hover[b-jms97ugm4m] {
  background-color: #fcfcfd;
}
.assessments-body .assessment-list .assessment-card .state-chip[b-jms97ugm4m] {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 4px 9px;
  border-radius: 999px;
}
.assessments-body .assessment-list .assessment-card .state-chip.state-new[b-jms97ugm4m] {
  background-color: #fcfcfd;
  color: #8a8d9f;
}
.assessments-body .assessment-list .assessment-card .state-chip.state-progress[b-jms97ugm4m] {
  background-color: #f0efff;
  color: #5c59f0;
}
.assessments-body .assessment-list .assessment-card .state-chip.state-review[b-jms97ugm4m] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.assessments-body .assessment-list .assessment-card .state-chip.state-done[b-jms97ugm4m] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.assessments-body .assessment-list .assessment-card .state-chip.state-failed[b-jms97ugm4m] {
  background-color: #fdecef;
  color: #d9455f;
}
.assessments-body .assessment-list .assessment-card.placeholder-card[b-jms97ugm4m] {
  border-style: dashed;
  background-color: #fafafc;
}
.assessments-body .assessment-list .assessment-card.placeholder-card .placeholder-icon-circle[b-jms97ugm4m] {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #fff4eb;
  color: #f08b3b;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assessments-body .assessment-list .assessment-card.placeholder-card .placeholder-icon-circle svg[b-jms97ugm4m] {
  fill: currentColor;
}
.assessments-body .assessment-list .assessment-card.placeholder-card .placeholder-details .placeholder-title[b-jms97ugm4m] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.assessments-body .assessment-list .assessment-card.placeholder-card .placeholder-details .placeholder-desc[b-jms97ugm4m] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 850px) {
  .assessments-body[b-jms97ugm4m] {
    padding: 20px;
  }
  .assessments-body .assessment-list .assessment-card[b-jms97ugm4m] {
    flex-direction: column;
    align-items: stretch;
  }
  .assessments-body .assessment-list .assessment-card .card-actions[b-jms97ugm4m] {
    align-items: stretch;
    min-width: 0;
  }
  .assessments-body .assessment-list .assessment-card .card-actions .score-block[b-jms97ugm4m] {
    text-align: left;
  }
}
/* /Student/AvatarSession.razor.rz.scp.css */
.avatar-session-body[b-gkykeh5wjp] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
  height: 100%;
}
.avatar-session-body *[b-gkykeh5wjp] {
  box-sizing: border-box;
}
.avatar-session-body .courses-header[b-gkykeh5wjp] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.avatar-session-body .courses-header .programs-count[b-gkykeh5wjp] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.avatar-session-body .courses-header .page-title[b-gkykeh5wjp] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.avatar-session-body .courses-header .notif-btn[b-gkykeh5wjp] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.avatar-session-body .chat-layout[b-gkykeh5wjp] {
  display: flex;
  gap: 20px;
  flex: 1;
  min-height: 0;
  flex-wrap: wrap;
}
.avatar-session-body .thread-rail[b-gkykeh5wjp] {
  width: 240px;
  flex-shrink: 0;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  max-height: calc(100vh - 250px);
}
.avatar-session-body .thread-rail .thread-rail-header[b-gkykeh5wjp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.avatar-session-body .thread-rail .thread-rail-title[b-gkykeh5wjp] {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a8d9f;
}
.avatar-session-body .thread-rail .thread-new-btn[b-gkykeh5wjp] {
  border: none;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.avatar-session-body .thread-rail .thread-new-btn:hover:not(:disabled)[b-gkykeh5wjp] {
  background-color: #e6e4ff;
}
.avatar-session-body .thread-rail .thread-new-btn:disabled[b-gkykeh5wjp] {
  opacity: 0.5;
  cursor: default;
}
.avatar-session-body .thread-rail .thread-rail-empty[b-gkykeh5wjp] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 0;
}
.avatar-session-body .thread-rail .thread-row[b-gkykeh5wjp] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
  border: none;
  background-color: transparent;
  border-radius: 12px;
  padding: 10px 12px;
  cursor: pointer;
  width: 100%;
}
.avatar-session-body .thread-rail .thread-row:hover:not(:disabled)[b-gkykeh5wjp] {
  background-color: #f7f7fb;
}
.avatar-session-body .thread-rail .thread-row.active[b-gkykeh5wjp] {
  background-color: #f0efff;
}
.avatar-session-body .thread-rail .thread-row:disabled[b-gkykeh5wjp] {
  opacity: 0.6;
  cursor: default;
}
.avatar-session-body .thread-rail .thread-row .thread-row-title[b-gkykeh5wjp] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.avatar-session-body .thread-rail .thread-row .thread-row-preview[b-gkykeh5wjp] {
  font-size: 12px;
  color: #6e7191;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.avatar-session-body .chat-window-card[b-gkykeh5wjp] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 560px;
  max-height: calc(100vh - 250px);
  overflow: hidden;
  min-width: 440px;
}
.avatar-session-body .chat-window-card .chat-window-header[b-gkykeh5wjp] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  border-bottom: 1px solid #eff0f6;
}
.avatar-session-body .chat-window-card .chat-window-header .mentor-avatar-orb[b-gkykeh5wjp] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
}
.avatar-session-body .chat-window-card .chat-window-header .person-avatar-orb[b-gkykeh5wjp] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.avatar-session-body .chat-window-card .chat-window-header .person-avatar-orb.bg-violet[b-gkykeh5wjp] {
  background-color: #8b5cf6;
}
.avatar-session-body .chat-window-card .chat-window-header .person-avatar-orb.bg-blue[b-gkykeh5wjp] {
  background-color: #3b82f6;
}
.avatar-session-body .chat-window-card .chat-window-header .person-avatar-orb.bg-green[b-gkykeh5wjp] {
  background-color: #1fad7a;
}
.avatar-session-body .chat-window-card .chat-window-header .person-avatar-orb.bg-orange[b-gkykeh5wjp] {
  background-color: #f08b3b;
}
.avatar-session-body .chat-window-card .chat-window-header .mentor-header-info .mentor-name[b-gkykeh5wjp] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.avatar-session-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status[b-gkykeh5wjp] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 2px 0 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.avatar-session-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status .status-dot[b-gkykeh5wjp] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.avatar-session-body .chat-window-card .chat-window-body[b-gkykeh5wjp] {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.avatar-session-body .chat-window-card .chat-window-body .date-divider[b-gkykeh5wjp] {
  align-self: center;
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  background-color: #f8f9fc;
  padding: 4px 14px;
  border-radius: 12px;
  margin: 10px 0;
}
.avatar-session-body .chat-window-card .chat-window-body .date-divider:first-child[b-gkykeh5wjp] {
  margin-top: 0;
}
.avatar-session-body .chat-window-card .chat-window-body .chat-bubble[b-gkykeh5wjp] {
  max-width: 65%;
  padding: 14px 18px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.55;
}
.avatar-session-body .chat-window-card .chat-window-body .chat-bubble p[b-gkykeh5wjp] {
  margin: 0;
}
.avatar-session-body .chat-window-card .chat-window-body .chat-bubble.received[b-gkykeh5wjp] {
  background-color: #f0efff;
  color: #1d1e2c;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
.avatar-session-body .chat-window-card .chat-window-body .chat-bubble.sent[b-gkykeh5wjp] {
  background-color: #1d1e2c;
  color: #ffffff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
.avatar-session-body .chat-window-card .quick-replies-row[b-gkykeh5wjp] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 24px 16px 24px;
}
.avatar-session-body .chat-window-card .quick-replies-row .quick-reply-chip[b-gkykeh5wjp], .avatar-session-body .chat-window-card .presenter-controls .quick-reply-chip[b-gkykeh5wjp] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.avatar-session-body .chat-window-card .quick-replies-row .quick-reply-chip:hover[b-gkykeh5wjp], .avatar-session-body .chat-window-card .presenter-controls .quick-reply-chip:hover[b-gkykeh5wjp] {
  background-color: #f0efff;
  border-color: #5c59f0;
  color: #5c59f0;
}
.avatar-session-body .chat-window-card .chat-window-input-area[b-gkykeh5wjp] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #eff0f6;
  background-color: #fcfcfd;
}
.avatar-session-body .chat-window-card .chat-window-input-area .chat-window-input[b-gkykeh5wjp] {
  flex: 1;
  min-width: 0;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  padding: 12px 16px;
  font-size: 14px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.avatar-session-body .chat-window-card .chat-window-input-area .chat-window-input:focus[b-gkykeh5wjp] {
  border-color: #5c59f0;
}
.avatar-session-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-gkykeh5wjp] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 22px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.2s;
}
.avatar-session-body .chat-window-card .chat-window-input-area .chat-window-send-btn svg[b-gkykeh5wjp] {
  fill: #ffffff;
  flex-shrink: 0;
}
.avatar-session-body .chat-window-card .chat-window-input-area .chat-window-send-btn:hover[b-gkykeh5wjp] {
  background-color: #4b49df;
}
.avatar-session-body .chat-loading[b-gkykeh5wjp] {
  font-size: 14px;
  color: #8a8d9f;
  margin: auto;
}
.avatar-session-body .chat-error[b-gkykeh5wjp] {
  margin: 0;
  padding: 10px 24px;
  font-size: 13px;
  color: #f08b3b;
  background-color: #fff8f1;
  border-top: 1px solid #eff0f6;
}
.avatar-session-body .typing-bubble[b-gkykeh5wjp] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.avatar-session-body .typing-bubble .typing-dot[b-gkykeh5wjp] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8a8d9f;
  animation: mentor-typing-b-gkykeh5wjp 1.2s infinite ease-in-out;
}
.avatar-session-body .typing-bubble .typing-dot:nth-child(2)[b-gkykeh5wjp] {
  animation-delay: 0.15s;
}
.avatar-session-body .typing-bubble .typing-dot:nth-child(3)[b-gkykeh5wjp] {
  animation-delay: 0.3s;
}
.avatar-session-body .chat-window-input-area .chat-icon-btn[b-gkykeh5wjp] {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #6e7191;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}
.avatar-session-body .chat-window-input-area .chat-icon-btn:hover:not(:disabled)[b-gkykeh5wjp] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.avatar-session-body .chat-window-input-area .chat-icon-btn.active[b-gkykeh5wjp] {
  background-color: #fdeaea;
  border-color: #e05353;
  color: #e05353;
}
.avatar-session-body .chat-window-input-area .chat-icon-btn:disabled[b-gkykeh5wjp] {
  opacity: 0.4;
  cursor: default;
}
.avatar-session-body .chat-window-input-area .chat-window-input:disabled[b-gkykeh5wjp] {
  background-color: #f7f7fb;
  cursor: default;
}
.avatar-session-body .chat-window-input-area .chat-window-send-btn:disabled[b-gkykeh5wjp] {
  opacity: 0.6;
  cursor: default;
}
@keyframes mentor-typing-b-gkykeh5wjp {
  0%, 60%, 100% {
    opacity: 0.3;
  }
  30% {
    opacity: 1;
  }
}
.avatar-session-body .back-link[b-gkykeh5wjp] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.avatar-session-body .back-link:hover[b-gkykeh5wjp] {
  text-decoration: underline;
}
.avatar-session-body .chat-window-card .chat-window-header .session-end-btn[b-gkykeh5wjp] {
  margin-left: auto;
  border: none;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.avatar-session-body .chat-window-card .chat-window-header .session-end-btn:disabled[b-gkykeh5wjp] {
  opacity: 0.5;
  cursor: default;
}
.avatar-session-body .chat-bubble .avatar-teach-items[b-gkykeh5wjp] {
  margin: 8px 0 0 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.avatar-session-body .chat-bubble .avatar-follow-up[b-gkykeh5wjp] {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(92, 89, 240, 0.2);
  font-weight: 600;
  color: #5c59f0;
}
.avatar-session-body .chat-bubble .chat-provenance[b-gkykeh5wjp] {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: #8a8d9f;
  letter-spacing: 0.03em;
}
.avatar-session-body .session-empty[b-gkykeh5wjp] {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.avatar-session-body .session-empty .chat-loading[b-gkykeh5wjp] {
  margin: 0;
}
.avatar-session-body .session-empty .chat-window-send-btn[b-gkykeh5wjp] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 22px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
}
.avatar-session-body .session-empty .chat-window-send-btn:disabled[b-gkykeh5wjp] {
  opacity: 0.6;
  cursor: default;
}
.avatar-session-body .presenter-stage[b-gkykeh5wjp] {
  position: relative;
  margin: 16px 24px 0 24px;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f0efff 55%, #dcdaff 100%);
  aspect-ratio: 16/9;
  max-height: min(240px, 30vh);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar-session-body .presenter-stage .presenter-video[b-gkykeh5wjp] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 12%;
  transition: opacity 0.25s ease;
}
.avatar-session-body .presenter-stage .presenter-listener[b-gkykeh5wjp] {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.avatar-session-body .presenter-stage .presenter-listener .presenter-still[b-gkykeh5wjp] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 12%;
  transform-origin: 50% 35%;
  animation: presenter-listen-b-gkykeh5wjp 9.7s ease-in-out infinite;
}
.avatar-session-body .presenter-stage .presenter-listener .presenter-blink[b-gkykeh5wjp] {
  opacity: 0;
  transition: opacity 45ms linear;
}
.avatar-session-body .presenter-stage .presenter-listener .presenter-blink.is-blinking[b-gkykeh5wjp] {
  opacity: 1;
}
.avatar-session-body .presenter-stage .presenter-speaking[b-gkykeh5wjp] {
  opacity: 0;
  transform: scale(1.02);
  transform-origin: 50% 35%;
}
.avatar-session-body .presenter-stage.is-speaking .presenter-speaking[b-gkykeh5wjp] {
  opacity: 1;
}
.avatar-session-body .presenter-stage .presenter-portrait[b-gkykeh5wjp] {
  height: 100%;
  width: 100%;
  object-fit: cover;
  animation: presenter-breathe-b-gkykeh5wjp 4s ease-in-out infinite;
}
.avatar-session-body .presenter-stage.is-speaking .presenter-portrait[b-gkykeh5wjp] {
  animation: presenter-talk-b-gkykeh5wjp 0.5s ease-in-out infinite;
}
.avatar-session-body .presenter-stage .presenter-drawn[b-gkykeh5wjp] {
  height: 100%;
  transform-origin: 50% 100%;
  animation: presenter-breathe-b-gkykeh5wjp 4.6s ease-in-out infinite;
}
.avatar-session-body .presenter-stage .presenter-drawn .drawn-eyes[b-gkykeh5wjp] {
  transform-origin: 100px 89px;
  animation: presenter-blink-b-gkykeh5wjp 7.3s infinite;
}
.avatar-session-body .presenter-stage .presenter-drawn .drawn-mouth[b-gkykeh5wjp] {
  fill: #9c3b44;
  transform-origin: 100px 113px;
}
.avatar-session-body .presenter-stage.is-speaking .presenter-drawn .drawn-mouth[b-gkykeh5wjp] {
  animation: presenter-mouth-b-gkykeh5wjp 1.7s linear infinite;
}
.avatar-session-body .presenter-stage.is-speaking .presenter-drawn[b-gkykeh5wjp] {
  animation: presenter-sway-b-gkykeh5wjp 3.4s ease-in-out infinite;
}
.avatar-session-body .presenter-stage .presenter-bar[b-gkykeh5wjp] {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.avatar-session-body .presenter-stage .presenter-state[b-gkykeh5wjp] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
}
.avatar-session-body .presenter-stage .presenter-state .status-dot[b-gkykeh5wjp] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.avatar-session-body .presenter-stage.is-thinking .presenter-state .status-dot[b-gkykeh5wjp] {
  background-color: #f08b3b;
  animation: presenter-pulse-b-gkykeh5wjp 1s ease-in-out infinite;
}
.avatar-session-body .presenter-stage.is-speaking .presenter-state .status-dot[b-gkykeh5wjp] {
  background-color: #5c59f0;
  animation: presenter-pulse-b-gkykeh5wjp 0.6s ease-in-out infinite;
}
.avatar-session-body .presenter-stage .presenter-controls[b-gkykeh5wjp] {
  display: flex;
  gap: 6px;
}
.avatar-session-body .presenter-stage .presenter-controls .quick-reply-chip[b-gkykeh5wjp] {
  padding: 6px 12px;
}
@keyframes presenter-listen-b-gkykeh5wjp {
  0%, 100% {
    transform: scale(1.02) translate(0, 0) rotate(0deg);
  }
  18% {
    transform: scale(1.028) translate(-0.3%, -0.4%) rotate(-0.25deg);
  }
  37% {
    transform: scale(1.021) translate(0.2%, 0.1%) rotate(0.15deg);
  }
  52% {
    transform: scale(1.029) translate(0.4%, -0.3%) rotate(0.3deg);
  }
  71% {
    transform: scale(1.022) translate(0.1%, 0.2%) rotate(-0.1deg);
  }
  86% {
    transform: scale(1.027) translate(-0.2%, -0.2%) rotate(-0.2deg);
  }
}
@keyframes presenter-breathe-b-gkykeh5wjp {
  0%, 100% {
    transform: translateY(0) scale(1) rotate(0deg);
  }
  35% {
    transform: translateY(-2px) scale(1.012) rotate(-0.4deg);
  }
  70% {
    transform: translateY(-1px) scale(1.006) rotate(0.3deg);
  }
}
@keyframes presenter-talk-b-gkykeh5wjp {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-3px) rotate(-0.4deg);
  }
}
@keyframes presenter-blink-b-gkykeh5wjp {
  0%, 40%, 44%, 86%, 89%, 92%, 95%, 100% {
    transform: scaleY(1);
  }
  42% {
    transform: scaleY(0.1);
  }
  87.5% {
    transform: scaleY(0.1);
  }
  93.5% {
    transform: scaleY(0.1);
  }
}
@keyframes presenter-mouth-b-gkykeh5wjp {
  0% {
    transform: scale(1, 1);
  }
  8% {
    transform: scale(0.95, 2.1);
  }
  14% {
    transform: scale(1, 1.2);
  }
  22% {
    transform: scale(0.9, 2.6);
  }
  30% {
    transform: scale(1.05, 1);
  }
  36% {
    transform: scale(0.92, 1.8);
  }
  46% {
    transform: scale(1, 1.1);
  }
  52% {
    transform: scale(0.88, 2.4);
  }
  60% {
    transform: scale(1, 1.4);
  }
  66% {
    transform: scale(0.95, 2);
  }
  74% {
    transform: scale(1.05, 1);
  }
  80% {
    transform: scale(1, 1);
  }
  88% {
    transform: scale(0.9, 2.3);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes presenter-sway-b-gkykeh5wjp {
  0%, 100% {
    transform: rotate(0deg) translateY(0);
  }
  25% {
    transform: rotate(-1.4deg) translateY(-1px);
  }
  55% {
    transform: rotate(1.1deg) translateY(-2px);
  }
  80% {
    transform: rotate(-0.5deg) translateY(0);
  }
}
@keyframes presenter-pulse-b-gkykeh5wjp {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.avatar-session-body .quick-reply-chip:disabled[b-gkykeh5wjp] {
  opacity: 0.5;
  cursor: default;
}
@media (max-width: 850px) {
  .avatar-session-body .chat-layout[b-gkykeh5wjp] {
    flex-direction: column;
  }
  .avatar-session-body .thread-rail[b-gkykeh5wjp] {
    width: 100%;
    max-height: 180px;
  }
  .avatar-session-body .chat-window-card[b-gkykeh5wjp] {
    min-width: 0;
    min-height: 480px;
  }
  .avatar-session-body .chat-window-card .chat-bubble[b-gkykeh5wjp] {
    max-width: 85%;
  }
  .avatar-session-body .courses-header[b-gkykeh5wjp] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .avatar-session-body[b-gkykeh5wjp] {
    padding: 24px 16px;
  }
}
/* /Student/CourseComplete.razor.rz.scp.css */
@charset "UTF-8";
.complete-body[b-n7s5t31fqh] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.complete-body *[b-n7s5t31fqh] {
  box-sizing: border-box;
}
.complete-body .courses-header[b-n7s5t31fqh] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.complete-body .courses-header .programs-count[b-n7s5t31fqh] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.complete-body .courses-header .page-title[b-n7s5t31fqh] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.complete-body .courses-header .header-search-area[b-n7s5t31fqh] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.complete-body .courses-header .header-search-area .search-box[b-n7s5t31fqh] {
  position: relative;
  display: flex;
  align-items: center;
}
.complete-body .courses-header .header-search-area .search-box .search-icon[b-n7s5t31fqh] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.complete-body .courses-header .header-search-area .search-box .search-input[b-n7s5t31fqh] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.complete-body .courses-header .header-search-area .search-box .search-input:focus[b-n7s5t31fqh] {
  border-color: #5c59f0;
}
.complete-body .courses-header .header-search-area .notif-btn[b-n7s5t31fqh] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.complete-body .courses-header .header-search-area .notif-btn .notif-dot[b-n7s5t31fqh] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.complete-body .congrats-card[b-n7s5t31fqh] {
  background-image: url("/image/certificate_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 48px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}
.complete-body .congrats-card .check-circle[b-n7s5t31fqh] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.complete-body .congrats-card .check-circle svg[b-n7s5t31fqh] {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.5;
}
.complete-body .congrats-card .meta-text[b-n7s5t31fqh] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: 0.85;
}
.complete-body .congrats-card .congrats-title[b-n7s5t31fqh] {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
.complete-body .congrats-card .congrats-desc[b-n7s5t31fqh] {
  font-size: 14.5px;
  line-height: 1.6;
  max-width: 600px;
  margin: 0;
  opacity: 0.9;
}
.complete-body .alert-bar[b-n7s5t31fqh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.complete-body .alert-bar .avatar-group[b-n7s5t31fqh] {
  display: flex;
  flex-shrink: 0;
}
.complete-body .alert-bar .avatar-group .avatar[b-n7s5t31fqh] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2.5px solid #ffffff;
}
.complete-body .alert-bar .avatar-group .avatar.avatar-one[b-n7s5t31fqh] {
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
  margin-right: -12px;
  z-index: 2;
}
.complete-body .alert-bar .avatar-group .avatar.avatar-two[b-n7s5t31fqh] {
  background: radial-gradient(circle, #f59e0b, #e11d48, #3b82f6);
  z-index: 1;
}
.complete-body .alert-bar .alert-text[b-n7s5t31fqh] {
  font-size: 13px;
  line-height: 1.5;
  color: #6e7191;
  margin: 0;
}
.complete-body .alert-bar .alert-text strong[b-n7s5t31fqh] {
  color: #1d1e2c;
}
.complete-body .feature-grid[b-n7s5t31fqh] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.complete-body .feature-grid .feature-card[b-n7s5t31fqh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}
.complete-body .feature-grid .feature-card .icon-box[b-n7s5t31fqh] {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.complete-body .feature-grid .feature-card .icon-box svg[b-n7s5t31fqh] {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.complete-body .feature-grid .feature-card .icon-box.bg-purple[b-n7s5t31fqh] {
  background-color: #f0efff;
  color: #5c59f0;
}
.complete-body .feature-grid .feature-card .icon-box.bg-orange[b-n7s5t31fqh] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.complete-body .feature-grid .feature-card .icon-box.bg-green[b-n7s5t31fqh] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.complete-body .feature-grid .feature-card .feature-title[b-n7s5t31fqh] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.complete-body .feature-grid .feature-card .feature-desc[b-n7s5t31fqh] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.complete-body .feature-grid .feature-card .cert-actions[b-n7s5t31fqh] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.complete-body .feature-grid .feature-card .cert-revoked[b-n7s5t31fqh] {
  margin: 0;
  font-size: 13px;
  color: #f08b3b;
  background-color: #fff4eb;
  border-radius: 12px;
  padding: 10px 14px;
}
.complete-body .feature-grid .feature-card .card-btn[b-n7s5t31fqh] {
  border: none;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s;
  display: block;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  font-family: inherit;
}
.complete-body .feature-grid .feature-card .card-btn:disabled[b-n7s5t31fqh] {
  cursor: default;
  opacity: 0.7;
}
.complete-body .feature-grid .feature-card .card-btn.btn-primary[b-n7s5t31fqh] {
  background-color: #5c59f0;
  color: #ffffff;
}
.complete-body .feature-grid .feature-card .card-btn.btn-primary:hover[b-n7s5t31fqh] {
  background-color: #4b49df;
}
.complete-body .feature-grid .feature-card .card-btn.btn-light[b-n7s5t31fqh] {
  background-color: #f0efff;
  color: #5c59f0;
}
.complete-body .feature-grid .feature-card .card-btn.btn-light:hover[b-n7s5t31fqh] {
  background-color: #e3e1ff;
}
.complete-body .verify-card[b-n7s5t31fqh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 28px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.complete-body .verify-card .verify-copy[b-n7s5t31fqh] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.complete-body .verify-card .verify-code[b-n7s5t31fqh] {
  margin: 0;
  font-family: "Consolas", "Courier New", monospace;
  font-size: 14px;
  letter-spacing: 1px;
  color: #1d1e2c;
  background-color: #f0efff;
  border-radius: 10px;
  padding: 8px 12px;
  align-self: flex-start;
  word-break: break-all;
}
.complete-body .verify-card .action-btn[b-n7s5t31fqh] {
  flex-shrink: 0;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #1d1e2c;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.complete-body .verify-card .action-btn:hover[b-n7s5t31fqh] {
  background-color: #f8f9fc;
}
@media (max-width: 768px) {
  .complete-body .verify-card[b-n7s5t31fqh] {
    flex-direction: column;
    align-items: stretch;
  }
}
.complete-body .supplement-section[b-n7s5t31fqh] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.complete-body .supplement-section .supplement-header[b-n7s5t31fqh] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.complete-body .supplement-section .supplement-header .section-title[b-n7s5t31fqh] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.complete-body .supplement-section .supplement-header .tag-green[b-n7s5t31fqh] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #e8f8f2;
  color: #1fad7a;
}
.complete-body .supplement-section .supplement-card[b-n7s5t31fqh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.complete-body .supplement-section .supplement-card .supplement-narrative[b-n7s5t31fqh] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.complete-body .supplement-section .supplement-card .supplement-narrative .narrative-text[b-n7s5t31fqh] {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: #1d1e2c;
}
.complete-body .supplement-section .supplement-card .supplement-narrative .narrative-provenance[b-n7s5t31fqh] {
  margin: 0;
  font-size: 11.5px;
  color: #8a8d9f;
  border-top: 1px solid #eff0f6;
  padding-top: 12px;
}
.complete-body .supplement-section .supplement-card .supplement-stats-grid[b-n7s5t31fqh] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.complete-body .supplement-section .supplement-card .supplement-stats-grid .stat-box[b-n7s5t31fqh] {
  background-color: #f8f9fc;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.complete-body .supplement-section .supplement-card .supplement-stats-grid .stat-box .stat-num[b-n7s5t31fqh] {
  font-size: 20px;
  font-weight: 700;
  color: #5c59f0;
}
.complete-body .supplement-section .supplement-card .supplement-stats-grid .stat-box .stat-lbl[b-n7s5t31fqh] {
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.complete-body .supplement-section .supplement-card .supplement-details-grid[b-n7s5t31fqh] {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 40px;
}
.complete-body .supplement-section .supplement-card .supplement-details-grid .col-title[b-n7s5t31fqh] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  margin: 0 0 16px 0;
}
.complete-body .supplement-section .supplement-card .supplement-details-grid .competencies-col .chips-container[b-n7s5t31fqh] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.complete-body .supplement-section .supplement-card .supplement-details-grid .competencies-col .chips-container .chip[b-n7s5t31fqh] {
  font-size: 12.5px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 20px;
  background-color: #f0efff;
  color: #5c59f0;
  white-space: nowrap;
}
.complete-body .supplement-section .supplement-card .supplement-details-grid .outcomes-col .outcomes-list[b-n7s5t31fqh] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.complete-body .supplement-section .supplement-card .supplement-details-grid .outcomes-col .outcomes-list li[b-n7s5t31fqh] {
  position: relative;
  padding-left: 20px;
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
}
.complete-body .supplement-section .supplement-card .supplement-details-grid .outcomes-col .outcomes-list li[b-n7s5t31fqh]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #5c59f0;
  font-size: 18px;
  line-height: 1;
  top: -2px;
}
.complete-body .bottom-callout-card[b-n7s5t31fqh] {
  background-color: #f0efff;
  border-radius: 24px;
  padding: 32px;
}
.complete-body .bottom-callout-card .callout-content[b-n7s5t31fqh] {
  display: flex;
  gap: 24px;
}
.complete-body .bottom-callout-card .callout-content .mentor-orb[b-n7s5t31fqh] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
  flex-shrink: 0;
}
.complete-body .bottom-callout-card .callout-content .callout-details[b-n7s5t31fqh] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.complete-body .bottom-callout-card .callout-content .callout-details .callout-msg[b-n7s5t31fqh] {
  font-size: 14.5px;
  line-height: 1.6;
  color: #1d1e2c;
  margin: 0;
}
.complete-body .bottom-callout-card .callout-content .callout-details .callout-buttons[b-n7s5t31fqh] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.complete-body .bottom-callout-card .callout-content .callout-details .callout-buttons .action-btn[b-n7s5t31fqh] {
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.complete-body .bottom-callout-card .callout-content .callout-details .callout-buttons .action-btn.btn-primary[b-n7s5t31fqh] {
  background-color: #5c59f0;
  color: #ffffff;
}
.complete-body .bottom-callout-card .callout-content .callout-details .callout-buttons .action-btn.btn-primary:hover[b-n7s5t31fqh] {
  background-color: #4b49df;
}
.complete-body .bottom-callout-card .callout-content .callout-details .callout-buttons .action-btn.btn-outline[b-n7s5t31fqh] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #1d1e2c;
}
.complete-body .bottom-callout-card .callout-content .callout-details .callout-buttons .action-btn.btn-outline:hover[b-n7s5t31fqh] {
  background-color: #f8f9fc;
}
@media (max-width: 850px) {
  .complete-body .courses-header[b-n7s5t31fqh] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .complete-body .courses-header .header-search-area[b-n7s5t31fqh] {
    width: 100%;
  }
  .complete-body .courses-header .header-search-area .search-box[b-n7s5t31fqh] {
    flex: 1;
  }
  .complete-body .courses-header .header-search-area .search-box .search-input[b-n7s5t31fqh] {
    width: 100%;
  }
  .complete-body .congrats-card[b-n7s5t31fqh] {
    padding: 32px 20px;
  }
  .complete-body .alert-bar[b-n7s5t31fqh] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .complete-body .feature-grid[b-n7s5t31fqh] {
    grid-template-columns: 1fr;
  }
  .complete-body .supplement-section .supplement-card[b-n7s5t31fqh] {
    padding: 24px 16px;
  }
  .complete-body .supplement-section .supplement-card .supplement-stats-grid[b-n7s5t31fqh] {
    grid-template-columns: repeat(2, 1fr);
  }
  .complete-body .supplement-section .supplement-card .supplement-details-grid[b-n7s5t31fqh] {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .complete-body .bottom-callout-card[b-n7s5t31fqh] {
    padding: 24px 16px;
  }
  .complete-body .bottom-callout-card .callout-content[b-n7s5t31fqh] {
    flex-direction: column;
    align-items: flex-start;
  }
  .complete-body .bottom-callout-card .callout-content .callout-details .callout-buttons .action-btn[b-n7s5t31fqh] {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .complete-body[b-n7s5t31fqh] {
    padding: 24px 16px;
  }
  .complete-body .supplement-section .supplement-card .supplement-stats-grid[b-n7s5t31fqh] {
    grid-template-columns: 1fr;
  }
}
/* /Student/CourseItem.razor.rz.scp.css */
.course-home-body[b-xtsped7klw] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.course-home-body *[b-xtsped7klw] {
  box-sizing: border-box;
}
.course-home-body .courses-header[b-xtsped7klw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.course-home-body .courses-header .breadcrumbs[b-xtsped7klw] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.course-home-body .courses-header .breadcrumbs a[b-xtsped7klw] {
  text-decoration: none;
  color: #5c59f0;
}
.course-home-body .courses-header .breadcrumbs a:hover[b-xtsped7klw] {
  text-decoration: underline;
}
.course-home-body .courses-header .breadcrumbs span[b-xtsped7klw] {
  color: #8a8d9f;
}
.course-home-body .courses-header .page-title[b-xtsped7klw] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.course-home-body .courses-header .header-search-area[b-xtsped7klw] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.course-home-body .courses-header .header-search-area .search-box[b-xtsped7klw] {
  position: relative;
  display: flex;
  align-items: center;
}
.course-home-body .courses-header .header-search-area .search-box .search-icon[b-xtsped7klw] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.course-home-body .courses-header .header-search-area .search-box .search-input[b-xtsped7klw] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.course-home-body .courses-header .header-search-area .search-box .search-input:focus[b-xtsped7klw] {
  border-color: #5c59f0;
}
.course-home-body .courses-header .header-search-area .notif-btn[b-xtsped7klw] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.course-home-body .courses-header .header-search-area .notif-btn .notif-dot[b-xtsped7klw] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.course-home-body .course-summary-section[b-xtsped7klw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.course-home-body .course-summary-section .summary-left[b-xtsped7klw] {
  flex: 1;
}
.course-home-body .course-summary-section .summary-left .status-tag[b-xtsped7klw] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #f0efff;
  color: #5c59f0;
}
.course-home-body .course-summary-section .summary-left .course-main-title[b-xtsped7klw] {
  font-size: 24px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 12px 0 8px 0;
}
.course-home-body .course-summary-section .summary-left .course-main-desc[b-xtsped7klw] {
  font-size: 14px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.course-home-body .course-summary-section .summary-right[b-xtsped7klw] {
  width: 240px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
}
.course-home-body .course-summary-section .summary-right .progress-container[b-xtsped7klw] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.course-home-body .course-summary-section .summary-right .progress-container .progress-meta[b-xtsped7klw] {
  font-size: 12px;
  font-weight: 600;
  color: #8a8d9f;
  text-align: right;
}
.course-home-body .course-summary-section .summary-right .progress-container .progress-bar[b-xtsped7klw] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.course-home-body .course-summary-section .summary-right .progress-container .progress-bar .progress-bar-fill[b-xtsped7klw] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.course-home-body .course-summary-section .summary-right .action-btn[b-xtsped7klw] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s;
}
.course-home-body .course-summary-section .summary-right .action-btn:hover[b-xtsped7klw] {
  background-color: #4b49df;
}
.course-home-body .final-project-banner[b-xtsped7klw] {
  display: flex;
  align-items: center;
  gap: 14px;
  background-color: #f0efff;
  border: 1px solid rgba(92, 89, 240, 0.15);
  border-radius: 16px;
  padding: 16px 20px;
}
.course-home-body .final-project-banner .banner-icon-circle[b-xtsped7klw] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.course-home-body .final-project-banner .banner-text[b-xtsped7klw] {
  flex: 1;
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.5;
  margin: 0;
}
.course-home-body .final-project-banner .banner-text strong[b-xtsped7klw] {
  color: #5c59f0;
}
.course-home-body .final-project-banner .banner-link-btn[b-xtsped7klw] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.2s;
}
.course-home-body .final-project-banner .banner-link-btn:hover[b-xtsped7klw] {
  background-color: #4b49df;
}
.course-home-body .welcome-card[b-xtsped7klw] {
  background-image: url("/image/course_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 40px;
  color: #ffffff;
  display: flex;
  gap: 32px;
}
.course-home-body .welcome-card .welcome-avatar-circle[b-xtsped7klw] {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background-color: #f08b3b;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  flex-shrink: 0;
}
.course-home-body .welcome-card .welcome-content[b-xtsped7klw] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.course-home-body .welcome-card .welcome-content .welcome-meta[b-xtsped7klw] {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0.85;
}
.course-home-body .welcome-card .welcome-content .welcome-text[b-xtsped7klw] {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.course-home-body .welcome-card .welcome-content .welcome-paragraph[b-xtsped7klw] {
  font-size: 20px;
  line-height: 1.6;
  opacity: 0.9;
  margin: 0;
  font-weight: 100;
}
.course-home-body .team-section[b-xtsped7klw] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.course-home-body .team-section .team-header-row[b-xtsped7klw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.course-home-body .team-section .team-header-row .section-title[b-xtsped7klw] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.course-home-body .team-section .team-header-row .team-count[b-xtsped7klw] {
  font-size: 13px;
  color: #8a8d9f;
  font-weight: 500;
}
.course-home-body .team-section .sub-label[b-xtsped7klw] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #8a8d9f;
  text-transform: uppercase;
  margin: 12px 0 0 0;
}
.course-home-body .team-section .instructor-card[b-xtsped7klw] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.course-home-body .team-section .instructor-card .chat-chip-btn[b-xtsped7klw] {
  margin-left: auto;
  flex-shrink: 0;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  text-decoration: none;
  transition: background-color 0.2s;
}
.course-home-body .team-section .instructor-card .chat-chip-btn:hover[b-xtsped7klw] {
  background-color: #f8f9fc;
}
.course-home-body .team-section .instructor-card .instructor-avatar[b-xtsped7klw] {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  flex-shrink: 0;
}
.course-home-body .team-section .instructor-card .instructor-avatar.bg-violet[b-xtsped7klw] {
  background-color: #8b5cf6;
}
.course-home-body .team-section .instructor-card .instructor-details[b-xtsped7klw] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.course-home-body .team-section .instructor-card .instructor-details .badge-role[b-xtsped7klw] {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #f0efff;
  color: #5c59f0;
}
.course-home-body .team-section .instructor-card .instructor-details .instructor-name[b-xtsped7klw] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.course-home-body .team-section .instructor-card .instructor-details .instructor-title[b-xtsped7klw] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.course-home-body .team-section .instructor-card .instructor-details .online-status[b-xtsped7klw] {
  font-size: 12px;
  color: #1fad7a;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.course-home-body .team-section .instructor-card .instructor-details .online-status .status-dot[b-xtsped7klw] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.course-home-body .team-section .instructor-card .action-btn[b-xtsped7klw] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.course-home-body .team-section .instructor-card .action-btn:hover[b-xtsped7klw] {
  background-color: #4b49df;
}
.course-home-body .team-section .co-instructors-grid[b-xtsped7klw] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card[b-xtsped7klw] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .co-avatar[b-xtsped7klw] {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-blue[b-xtsped7klw] {
  background-color: #3b82f6;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-green[b-xtsped7klw] {
  background-color: #1fad7a;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-orange[b-xtsped7klw] {
  background-color: #f08b3b;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-purple[b-xtsped7klw] {
  background-color: #8b5cf6;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .co-name[b-xtsped7klw] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .co-role[b-xtsped7klw] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
  margin: 0;
  min-height: 34px;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .chat-chip-btn[b-xtsped7klw] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  transition: background-color 0.2s;
  text-decoration: none;
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .chat-chip-btn .orb-icon[b-xtsped7klw] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
}
.course-home-body .team-section .co-instructors-grid .co-instructor-card .chat-chip-btn:hover[b-xtsped7klw] {
  background-color: #f8f9fc;
}
.course-home-body .topics-section .module-group[b-xtsped7klw] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
.course-home-body .topics-section .module-group-header[b-xtsped7klw] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 4px 2px 8px 2px;
}
.course-home-body .topics-section .module-group-header .module-group-num[b-xtsped7klw] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.course-home-body .topics-section .module-group-header .module-group-titles[b-xtsped7klw] {
  flex: 1;
  min-width: 0;
}
.course-home-body .topics-section .module-group-header .module-group-title[b-xtsped7klw] {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
}
.course-home-body .topics-section .module-group-header .module-group-sub[b-xtsped7klw] {
  margin: 3px 0 0 0;
  font-size: 13px;
  color: #6e7191;
}
.course-home-body .topics-section .module-group-header .module-group-meta[b-xtsped7klw] {
  font-size: 12px;
  color: #8a8d9f;
  white-space: nowrap;
}
.course-home-body .topics-section .module-group-header.ungrouped-header .module-group-title[b-xtsped7klw] {
  font-size: 13px;
  font-weight: 600;
  color: #8a8d9f;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.course-home-body .topics-section .path-summary[b-xtsped7klw] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0 0 16px 0;
  padding: 12px 16px;
  border-radius: 12px;
  background-color: #f0efff;
}
.course-home-body .topics-section .emphasis-chip[b-xtsped7klw] {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 3px 7px;
  border-radius: 999px;
}
.course-home-body .topics-section .emphasis-chip.emphasis-skim[b-xtsped7klw] {
  background-color: #fcfcfd;
  color: #8a8d9f;
}
.course-home-body .topics-section .emphasis-chip.emphasis-deepen[b-xtsped7klw] {
  background-color: #f0efff;
  color: #5c59f0;
}
.course-home-body .topics-section .emphasis-chip.emphasis-practice[b-xtsped7klw] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.course-home-body .topics-section .topic-row[b-xtsped7klw] {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 10px;
}
.course-home-body .topics-section .topic-row .topic-number[b-xtsped7klw] {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  color: #6e7191;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.course-home-body .topics-section .topic-row .topic-details[b-xtsped7klw] {
  flex: 1;
  min-width: 0;
}
.course-home-body .topics-section .topic-row .topic-details .topic-title[b-xtsped7klw] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 2px 0;
}
.course-home-body .topics-section .topic-row .topic-details .topic-sub[b-xtsped7klw] {
  font-size: 12px;
  color: #6e7191;
  margin: 0 0 8px 0;
  line-height: 1.4;
}
.course-home-body .topics-section .topic-row .topic-details .progress-bar[b-xtsped7klw] {
  height: 4px;
  background-color: #eff0f6;
  border-radius: 999px;
  overflow: hidden;
}
.course-home-body .topics-section .topic-row .topic-details .progress-bar .progress-bar-fill[b-xtsped7klw] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 999px;
}
.course-home-body .topics-section .topic-row .topic-badge[b-xtsped7klw] {
  flex-shrink: 0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 5px 9px;
  border-radius: 999px;
  background-color: #fcfcfd;
  color: #8a8d9f;
}
.course-home-body .topics-section .topic-row.complete[b-xtsped7klw] {
  border-left: 3px solid #1fad7a;
}
.course-home-body .topics-section .topic-row.complete .topic-badge[b-xtsped7klw] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.course-home-body .topics-section .topic-row.in-progress[b-xtsped7klw] {
  border-left: 3px solid #5c59f0;
}
.course-home-body .topics-section .topic-row.in-progress .topic-badge[b-xtsped7klw] {
  background-color: #f0efff;
  color: #5c59f0;
}
.course-home-body .topics-section .topic-row .action-btn[b-xtsped7klw] {
  flex-shrink: 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 10px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #1d1e2c;
  cursor: pointer;
}
.course-home-body .topics-section .topic-row .action-btn.btn-primary[b-xtsped7klw] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
.course-home-body .topics-section .topic-row .action-btn.btn-primary:hover[b-xtsped7klw] {
  background-color: #4b49df;
}
@media (max-width: 700px) {
  .course-home-body .topics-section .topic-row[b-xtsped7klw] {
    flex-wrap: wrap;
  }
  .course-home-body .topics-section .topic-row .topic-details[b-xtsped7klw] {
    flex-basis: 100%;
    order: 3;
  }
}
.course-home-body .materials-section .topic-row[b-xtsped7klw] {
  text-decoration: none;
}
.course-home-body .materials-section a.action-btn[b-xtsped7klw] {
  text-decoration: none;
}
.course-home-body .materials-section .topic-number[b-xtsped7klw] {
  color: #5c59f0;
}
.course-home-body .materials-section .material-player[b-xtsped7klw] {
  display: block;
  width: 100%;
  max-width: 480px;
  margin-top: 8px;
  border-radius: 10px;
  background-color: #000000;
}
.course-home-body .materials-section .material-link[b-xtsped7klw] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #5c59f0;
  margin-bottom: 6px;
}
.course-home-body .materials-section .avatar-video-script summary[b-xtsped7klw] {
  font-size: 12px;
  font-weight: 600;
  color: #5c59f0;
  cursor: pointer;
}
.course-home-body .materials-section .presenter-stage[b-xtsped7klw] {
  position: relative;
  flex-shrink: 0;
  width: 160px;
  max-width: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f0efff 55%, #dcdaff 100%);
  border: 1px solid #eff0f6;
}
.course-home-body .materials-section .presenter-stage .presenter-still[b-xtsped7klw],
.course-home-body .materials-section .presenter-stage .presenter-video[b-xtsped7klw] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 12%;
}
.course-home-body .materials-section .presenter-stage .presenter-speaking[b-xtsped7klw] {
  opacity: 0;
  transition: opacity 0.25s ease;
}
.course-home-body .materials-section .presenter-stage.is-speaking .presenter-speaking[b-xtsped7klw] {
  opacity: 1;
}
@media (max-width: 850px) {
  .course-home-body .courses-header[b-xtsped7klw] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .course-home-body .courses-header .header-search-area[b-xtsped7klw] {
    width: 100%;
  }
  .course-home-body .courses-header .header-search-area .search-box[b-xtsped7klw] {
    flex: 1;
  }
  .course-home-body .courses-header .header-search-area .search-box .search-input[b-xtsped7klw] {
    width: 100%;
  }
  .course-home-body .course-summary-section[b-xtsped7klw] {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .course-home-body .course-summary-section .summary-right[b-xtsped7klw] {
    width: 100%;
  }
  .course-home-body .course-summary-section .summary-right .progress-container .progress-meta[b-xtsped7klw] {
    text-align: left;
  }
  .course-home-body .welcome-card[b-xtsped7klw] {
    flex-direction: column;
    gap: 20px;
    padding: 28px;
  }
  .course-home-body .final-project-banner[b-xtsped7klw] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .course-home-body .final-project-banner .banner-link-btn[b-xtsped7klw] {
    width: 100%;
    text-align: center;
  }
  .course-home-body .team-section .instructor-card[b-xtsped7klw] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .course-home-body .team-section .instructor-card .action-btn[b-xtsped7klw] {
    width: 100%;
  }
  .course-home-body .team-section .co-instructors-grid[b-xtsped7klw] {
    grid-template-columns: 1fr;
  }
}
/* /Student/CourseList.razor.rz.scp.css */
.courses-body[b-r19mjmnpp5] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.courses-body *[b-r19mjmnpp5] {
  box-sizing: border-box;
}
.courses-body .courses-header[b-r19mjmnpp5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.courses-body .courses-header .programs-count[b-r19mjmnpp5] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  text-transform: capitalize;
}
.courses-body .courses-header .page-title[b-r19mjmnpp5] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.courses-body .courses-header .header-search-area[b-r19mjmnpp5] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.courses-body .courses-header .header-search-area .search-box[b-r19mjmnpp5] {
  position: relative;
  display: flex;
  align-items: center;
}
.courses-body .courses-header .header-search-area .search-box .search-icon[b-r19mjmnpp5] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.courses-body .courses-header .header-search-area .search-box .search-input[b-r19mjmnpp5] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.courses-body .courses-header .header-search-area .search-box .search-input:focus[b-r19mjmnpp5] {
  border-color: #5c59f0;
}
.courses-body .courses-header .header-search-area .notif-btn[b-r19mjmnpp5] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.courses-body .courses-header .header-search-area .notif-btn .notif-dot[b-r19mjmnpp5] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 50%;
}
.courses-body .filters-bar[b-r19mjmnpp5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.courses-body .filters-bar .filter-pills[b-r19mjmnpp5] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.courses-body .filters-bar .filter-pills .filter-pill[b-r19mjmnpp5] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.courses-body .filters-bar .filter-pills .filter-pill .badge[b-r19mjmnpp5] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.courses-body .filters-bar .filter-pills .filter-pill.active[b-r19mjmnpp5] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.courses-body .filters-bar .filter-pills .filter-pill.active .badge[b-r19mjmnpp5] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.courses-body .alerts-section[b-r19mjmnpp5] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.courses-body .alerts-section .alert-pill[b-r19mjmnpp5] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 10px 18px;
  font-size: 12.5px;
  color: #6e7191;
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 280px;
}
.courses-body .alerts-section .alert-pill .orb-icon[b-r19mjmnpp5] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
}
.courses-body .alerts-section .alert-pill strong[b-r19mjmnpp5] {
  color: #1d1e2c;
}
.courses-body .courses-list[b-r19mjmnpp5] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.courses-body .courses-list .course-card[b-r19mjmnpp5] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.courses-body .courses-list .course-card .course-icon-wrapper[b-r19mjmnpp5] {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.courses-body .courses-list .course-card .course-icon-wrapper svg[b-r19mjmnpp5] {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.courses-body .courses-list .course-card .course-icon-wrapper.bg-purple[b-r19mjmnpp5] {
  background-color: #f0efff;
  color: #5c59f0;
}
.courses-body .courses-list .course-card .course-icon-wrapper.bg-orange[b-r19mjmnpp5] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.courses-body .courses-list .course-card .course-icon-wrapper.bg-green[b-r19mjmnpp5] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.courses-body .courses-list .course-card .course-details[b-r19mjmnpp5] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.courses-body .courses-list .course-card .course-details .course-header-row[b-r19mjmnpp5] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.courses-body .courses-list .course-card .course-details .course-header-row .course-title[b-r19mjmnpp5] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.courses-body .courses-list .course-card .course-details .course-header-row .status-tag[b-r19mjmnpp5] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
}
.courses-body .courses-list .course-card .course-details .course-header-row .status-tag.tag-progress[b-r19mjmnpp5] {
  background-color: #f0efff;
  color: #5c59f0;
}
.courses-body .courses-list .course-card .course-details .course-header-row .status-tag.tag-locked[b-r19mjmnpp5] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.courses-body .courses-list .course-card .course-details .course-desc[b-r19mjmnpp5] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.courses-body .courses-list .course-card .course-details .instructors-row[b-r19mjmnpp5] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack[b-r19mjmnpp5] {
  display: flex;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar[b-r19mjmnpp5] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-right: -8px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-violet[b-r19mjmnpp5] {
  background-color: #8b5cf6;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-teal[b-r19mjmnpp5] {
  background-color: #14b8a6;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-green[b-r19mjmnpp5] {
  background-color: #10b981;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-yellow[b-r19mjmnpp5] {
  background-color: #f59e0b;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-cyan[b-r19mjmnpp5] {
  background-color: #06b6d4;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-blue[b-r19mjmnpp5] {
  background-color: #3b82f6;
}
.courses-body .courses-list .course-card .course-details .instructors-row .instructors-text[b-r19mjmnpp5] {
  font-size: 12px;
  color: #8a8d9f;
  font-weight: 500;
}
.courses-body .courses-list .course-card .course-actions[b-r19mjmnpp5] {
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
}
.courses-body .courses-list .course-card .course-actions .progress-container[b-r19mjmnpp5] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.courses-body .courses-list .course-card .course-actions .progress-container .progress-meta[b-r19mjmnpp5] {
  display: flex;
  justify-content: space-between;
  font-size: 11.5px;
  font-weight: 600;
  color: #8a8d9f;
}
.courses-body .courses-list .course-card .course-actions .progress-container .progress-bar[b-r19mjmnpp5] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.courses-body .courses-list .course-card .course-actions .progress-container .progress-bar .progress-bar-fill[b-r19mjmnpp5] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.courses-body .courses-list .course-card .course-actions .lock-status[b-r19mjmnpp5] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.courses-body .courses-list .course-card .course-actions .lock-status .label[b-r19mjmnpp5] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.courses-body .courses-list .course-card .course-actions .lock-status .value[b-r19mjmnpp5] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.courses-body .courses-list .course-card .course-actions .action-btn[b-r19mjmnpp5] {
  border: none;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-primary[b-r19mjmnpp5] {
  background-color: #5c59f0;
  color: #ffffff;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-primary:hover[b-r19mjmnpp5] {
  background-color: #4b49df;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-outline[b-r19mjmnpp5] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-outline svg[b-r19mjmnpp5] {
  width: 14px;
  height: 14px;
  fill: #6e7191;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-outline:hover[b-r19mjmnpp5] {
  background-color: #f8f9fc;
}
.courses-body .courses-list .course-card.locked[b-r19mjmnpp5] {
  background-color: #fafafc;
}
.courses-body .courses-list .course-card.locked .course-title[b-r19mjmnpp5],
.courses-body .courses-list .course-card.locked .course-desc[b-r19mjmnpp5] {
  color: #8a8d9f;
}
.courses-body .courses-list .course-card.placeholder-card[b-r19mjmnpp5] {
  border-style: dashed;
  background-color: #fafafc;
}
.courses-body .courses-list .course-card.placeholder-card .placeholder-icon-circle[b-r19mjmnpp5] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff4eb;
  color: #f08b3b;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.courses-body .courses-list .course-card.placeholder-card .placeholder-icon-circle svg[b-r19mjmnpp5] {
  fill: currentColor;
}
.courses-body .courses-list .course-card.placeholder-card .placeholder-details .placeholder-title[b-r19mjmnpp5] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.courses-body .courses-list .course-card.placeholder-card .placeholder-details .placeholder-desc[b-r19mjmnpp5] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.courses-body .completed-section[b-r19mjmnpp5] {
  margin-top: 12px;
}
.courses-body .completed-section .section-title[b-r19mjmnpp5] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin-bottom: 16px;
}
.courses-body .completed-section .completed-placeholder-card[b-r19mjmnpp5] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.courses-body .completed-section .completed-placeholder-card .add-icon-circle[b-r19mjmnpp5] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff4eb;
  color: #f08b3b;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.courses-body .completed-section .completed-placeholder-card .add-icon-circle svg[b-r19mjmnpp5] {
  fill: currentColor;
}
.courses-body .completed-section .completed-placeholder-card .placeholder-details .placeholder-title[b-r19mjmnpp5] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.courses-body .completed-section .completed-placeholder-card .placeholder-details .placeholder-desc[b-r19mjmnpp5] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 850px) {
  .courses-body .courses-header[b-r19mjmnpp5] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .courses-body .courses-header .header-search-area[b-r19mjmnpp5] {
    width: 100%;
  }
  .courses-body .courses-header .header-search-area .search-box[b-r19mjmnpp5] {
    flex: 1;
  }
  .courses-body .courses-header .header-search-area .search-box .search-input[b-r19mjmnpp5] {
    width: 100%;
  }
  .courses-body .filters-bar[b-r19mjmnpp5] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .courses-body .filters-bar .sort-selector[b-r19mjmnpp5] {
    align-self: flex-end;
  }
  .courses-body .courses-list .course-card[b-r19mjmnpp5] {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .courses-body .courses-list .course-card .course-actions[b-r19mjmnpp5] {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .courses-body .courses-list .course-card .course-actions .progress-container[b-r19mjmnpp5],
  .courses-body .courses-list .course-card .course-actions .lock-status[b-r19mjmnpp5] {
    width: 50%;
  }
  .courses-body .courses-list .course-card .course-actions .action-btn[b-r19mjmnpp5] {
    width: auto;
    min-width: 140px;
  }
}
@media (max-width: 480px) {
  .courses-body[b-r19mjmnpp5] {
    padding: 24px 16px;
  }
  .courses-body .courses-list .course-card .course-actions[b-r19mjmnpp5] {
    flex-direction: column;
    align-items: flex-start;
  }
  .courses-body .courses-list .course-card .course-actions .progress-container[b-r19mjmnpp5],
  .courses-body .courses-list .course-card .course-actions .lock-status[b-r19mjmnpp5] {
    width: 100%;
  }
  .courses-body .courses-list .course-card .course-actions .action-btn[b-r19mjmnpp5] {
    width: 100%;
  }
}
/* /Student/CourseMaterial.razor.rz.scp.css */
.topic-body[b-u2kxjm6nfn] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.topic-body *[b-u2kxjm6nfn] {
  box-sizing: border-box;
}
.topic-body .courses-header[b-u2kxjm6nfn] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.topic-body .courses-header .breadcrumbs[b-u2kxjm6nfn] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.topic-body .courses-header .breadcrumbs a[b-u2kxjm6nfn] {
  text-decoration: none;
  color: #5c59f0;
}
.topic-body .courses-header .breadcrumbs a:hover[b-u2kxjm6nfn] {
  text-decoration: underline;
}
.topic-body .courses-header .breadcrumbs span[b-u2kxjm6nfn] {
  color: #8a8d9f;
}
.topic-body .courses-header .page-title[b-u2kxjm6nfn] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.topic-body .courses-header .header-search-area[b-u2kxjm6nfn] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.topic-body .courses-header .header-search-area .search-box[b-u2kxjm6nfn] {
  position: relative;
  display: flex;
  align-items: center;
}
.topic-body .courses-header .header-search-area .search-box .search-icon[b-u2kxjm6nfn] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.topic-body .courses-header .header-search-area .search-box .search-input[b-u2kxjm6nfn] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.topic-body .courses-header .header-search-area .search-box .search-input:focus[b-u2kxjm6nfn] {
  border-color: #5c59f0;
}
.topic-body .courses-header .header-search-area .notif-btn[b-u2kxjm6nfn] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.topic-body .courses-header .header-search-area .notif-btn .notif-dot[b-u2kxjm6nfn] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.topic-body .topic-summary-section[b-u2kxjm6nfn] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.topic-body .topic-summary-section .status-tag[b-u2kxjm6nfn] {
  align-self: flex-start;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #f0efff;
  color: #5c59f0;
}
.topic-body .topic-summary-section .topic-main-title[b-u2kxjm6nfn] {
  font-size: 24px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.topic-body .topic-summary-section .topic-main-desc[b-u2kxjm6nfn] {
  font-size: 14px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  max-width: 720px;
}
.topic-body .phases-container[b-u2kxjm6nfn] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.topic-body .phases-container .phase-card[b-u2kxjm6nfn] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.topic-body .phases-container .phase-card .phase-header[b-u2kxjm6nfn] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.topic-body .phases-container .phase-card .phase-header .phase-title-group .phase-title[b-u2kxjm6nfn] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.topic-body .phases-container .phase-card .phase-header .phase-title-group .phase-sub[b-u2kxjm6nfn] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.topic-body .phases-container .phase-card .phase-header .badge-done[b-u2kxjm6nfn] {
  background-color: #e8f8f2;
  color: #1fad7a;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.topic-body .phases-container .phase-card .phase-header .badge-upcoming[b-u2kxjm6nfn] {
  background-color: #f1f3f9;
  color: #8a8d9f;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.topic-body .phases-container .phase-card .phase-header .badge-inprogress[b-u2kxjm6nfn] {
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.topic-body .phases-container .phase-card .phase-list[b-u2kxjm6nfn] {
  display: flex;
  flex-direction: column;
}
.topic-body .phases-container .phase-card .phase-list .list-item[b-u2kxjm6nfn] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #eff0f6;
}
.topic-body .phases-container .phase-card .phase-list .list-item:first-child[b-u2kxjm6nfn] {
  padding-top: 0;
}
.topic-body .phases-container .phase-card .phase-list .list-item:last-child[b-u2kxjm6nfn] {
  border-bottom: none;
  padding-bottom: 0;
}
.topic-body .phases-container .phase-card .phase-list .list-item .item-left[b-u2kxjm6nfn] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.topic-body .phases-container .phase-card .phase-list .list-item .item-left .item-icon[b-u2kxjm6nfn] {
  width: 18px;
  height: 18px;
  fill: currentColor;
  flex-shrink: 0;
}
.topic-body .phases-container .phase-card .phase-list .list-item .item-left .item-icon.doc-icon[b-u2kxjm6nfn] {
  color: #5c59f0;
}
.topic-body .phases-container .phase-card .phase-list .list-item .item-left .item-icon.play-icon[b-u2kxjm6nfn] {
  color: #f08b3b;
}
.topic-body .phases-container .phase-card .phase-list .list-item .item-left .item-icon.search-list-icon[b-u2kxjm6nfn] {
  color: #1fad7a;
}
.topic-body .phases-container .phase-card .phase-list .list-item .item-left .item-name[b-u2kxjm6nfn] {
  font-size: 13.5px;
  color: #1d1e2c;
  font-weight: 500;
}
.topic-body .phases-container .phase-card .phase-list .list-item .item-meta[b-u2kxjm6nfn] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.topic-body .phases-container .phase-card .phase-footer[b-u2kxjm6nfn] {
  padding-top: 4px;
}
.topic-body .phases-container .phase-card .phase-footer .action-btn[b-u2kxjm6nfn] {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #1d1e2c;
  cursor: pointer;
}
.topic-body .phases-container .phase-card .phase-footer .action-btn:hover[b-u2kxjm6nfn] {
  background-color: #fcfcfd;
}
.topic-body .phases-container .phase-card .phase-footer .action-btn.btn-primary[b-u2kxjm6nfn] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
.topic-body .phases-container .phase-card .phase-footer .action-btn.btn-primary:hover[b-u2kxjm6nfn] {
  background-color: #4b49df;
}
.topic-body .phases-container .phase-card .phase-footer .chip-portrait-btn[b-u2kxjm6nfn] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.2s;
}
.topic-body .phases-container .phase-card .phase-footer .chip-portrait-btn .orb-icon[b-u2kxjm6nfn] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
}
.topic-body .phases-container .phase-card .phase-footer .chip-portrait-btn:hover[b-u2kxjm6nfn] {
  background-color: #f8f9fc;
}
.topic-body .phases-container .phase-card .lecture-player[b-u2kxjm6nfn] {
  width: 100%;
  margin-top: 16px;
  aspect-ratio: 16/9;
  border-radius: 16px;
  background: #000;
}
.topic-body .phases-container .phase-card .lecture-points[b-u2kxjm6nfn] {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  background-color: #f8f9fc;
}
.topic-body .phases-container .phase-card .lecture-points .lecture-points-title[b-u2kxjm6nfn] {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.topic-body .phases-container .phase-card .lecture-points ul[b-u2kxjm6nfn] {
  margin: 0;
  padding-left: 18px;
  color: #1d1e2c;
  font-size: 13px;
  line-height: 1.7;
}
.topic-body .phases-container .phase-card .lecture-points .lecture-points-source[b-u2kxjm6nfn] {
  margin: 10px 0 0;
  color: #8a8d9f;
  font-size: 11.5px;
}
.topic-body .phases-container .phase-card .lecture-row[b-u2kxjm6nfn] {
  background-color: #f8f9fc;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.topic-body .phases-container .phase-card .lecture-row .lecture-media-circle[b-u2kxjm6nfn] {
  width: 48px;
  height: 48px;
  background-color: #2b286c;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.topic-body .phases-container .phase-card .lecture-row .lecture-details[b-u2kxjm6nfn] {
  flex: 1;
}
.topic-body .phases-container .phase-card .lecture-row .lecture-details .lecture-title[b-u2kxjm6nfn] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.topic-body .phases-container .phase-card .lecture-row .lecture-details .lecture-sub[b-u2kxjm6nfn] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.topic-body .phases-container .phase-card .lecture-row .action-btn[b-u2kxjm6nfn] {
  border: none;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.topic-body .phases-container .phase-card .lecture-row .action-btn.btn-primary[b-u2kxjm6nfn] {
  background-color: #5c59f0;
  color: #ffffff;
}
.topic-body .phases-container .phase-card .lecture-row .action-btn.btn-primary:hover[b-u2kxjm6nfn] {
  background-color: #4b49df;
}
.topic-body .phases-container .phase-card .avatar-quote-card[b-u2kxjm6nfn] {
  background-color: #2b286c;
  border-radius: 16px;
  padding: 32px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.topic-body .phases-container .phase-card .avatar-quote-card .avatar-header[b-u2kxjm6nfn] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.topic-body .phases-container .phase-card .avatar-quote-card .avatar-header .avatar-orb[b-u2kxjm6nfn] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
}
.topic-body .phases-container .phase-card .avatar-quote-card .avatar-header .avatar-title[b-u2kxjm6nfn] {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  opacity: 0.95;
}
.topic-body .phases-container .phase-card .avatar-quote-card .avatar-text[b-u2kxjm6nfn] {
  font-size: 14.5px;
  line-height: 1.6;
  margin: 0;
  opacity: 0.95;
}
.topic-body .phases-container .phase-card .question-list[b-u2kxjm6nfn] {
  display: flex;
  flex-direction: column;
}
.topic-body .phases-container .phase-card .question-list .question-item[b-u2kxjm6nfn] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #eff0f6;
}
.topic-body .phases-container .phase-card .question-list .question-item:first-child[b-u2kxjm6nfn] {
  padding-top: 0;
}
.topic-body .phases-container .phase-card .question-list .question-item:last-child[b-u2kxjm6nfn] {
  border-bottom: none;
  padding-bottom: 0;
}
.topic-body .phases-container .phase-card .question-list .question-item .bullet-circle[b-u2kxjm6nfn] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #eff0f6;
  background-color: #ffffff;
  flex-shrink: 0;
}
.topic-body .phases-container .phase-card .question-list .question-item .question-text[b-u2kxjm6nfn] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.topic-body .phases-container .phase-card .discussion-callout[b-u2kxjm6nfn] {
  background-color: #f0efff;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.topic-body .phases-container .phase-card .discussion-callout .callout-header[b-u2kxjm6nfn] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.topic-body .phases-container .phase-card .discussion-callout .callout-header .callout-orb[b-u2kxjm6nfn] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
  flex-shrink: 0;
  margin-top: 2px;
}
.topic-body .phases-container .phase-card .discussion-callout .callout-header .callout-text[b-u2kxjm6nfn] {
  font-size: 13.5px;
  line-height: 1.5;
  color: #1d1e2c;
  margin: 0;
}
.topic-body .phases-container .phase-card .discussion-callout .btn-outline[b-u2kxjm6nfn] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #5c59f0;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  align-self: flex-start;
  transition: background-color 0.2s;
}
.topic-body .phases-container .phase-card .discussion-callout .btn-outline:hover[b-u2kxjm6nfn] {
  background-color: #f8f9fc;
}
.topic-body .phases-container .phase-card.locked[b-u2kxjm6nfn] {
  background-color: #fafafc;
}
.topic-body .phases-container .phase-card.locked .phase-title[b-u2kxjm6nfn],
.topic-body .phases-container .phase-card.locked .phase-sub[b-u2kxjm6nfn] {
  color: #8a8d9f;
}
.topic-body .phases-container .phase-list .list-item .item-left a.item-name[b-u2kxjm6nfn] {
  color: inherit;
  text-decoration: none;
}
.topic-body .phases-container .phase-list .list-item .item-left a.item-name:hover[b-u2kxjm6nfn] {
  color: #5c59f0;
  text-decoration: underline;
}
.topic-body .avatar-teach-card .avatar-teach-input[b-u2kxjm6nfn] {
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  font-family: inherit;
  font-size: 14px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.topic-body .avatar-teach-card .avatar-teach-input:focus[b-u2kxjm6nfn] {
  border-color: #5c59f0;
}
.topic-body .avatar-teach-card .avatar-teach-actions[b-u2kxjm6nfn] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.topic-body .avatar-teach-card .btn-outline[b-u2kxjm6nfn],
.topic-body .avatar-teach-card .action-btn[b-u2kxjm6nfn] {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #1d1e2c;
  cursor: pointer;
  align-self: flex-start;
}
.topic-body .avatar-teach-card .btn-outline:hover[b-u2kxjm6nfn],
.topic-body .avatar-teach-card .action-btn:hover[b-u2kxjm6nfn] {
  background-color: #fcfcfd;
}
.topic-body .avatar-teach-card .btn-outline:disabled[b-u2kxjm6nfn],
.topic-body .avatar-teach-card .action-btn:disabled[b-u2kxjm6nfn] {
  opacity: 0.6;
  cursor: default;
}
.topic-body .avatar-teach-card .action-btn.btn-primary[b-u2kxjm6nfn] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
.topic-body .avatar-teach-card .action-btn.btn-primary:hover[b-u2kxjm6nfn] {
  background-color: #4b49df;
}
.topic-body .avatar-teach-card .avatar-teach-body[b-u2kxjm6nfn] {
  white-space: pre-line;
}
.topic-body .avatar-teach-card .avatar-route-note[b-u2kxjm6nfn] {
  margin: 0;
  font-size: 12px;
  opacity: 0.8;
}
.topic-body .avatar-teach-card .avatar-perspectives[b-u2kxjm6nfn] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.topic-body .avatar-teach-card .avatar-teach-items[b-u2kxjm6nfn] {
  margin: 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.topic-body .topic-nav[b-u2kxjm6nfn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
}
.topic-body .topic-nav .btn-outline[b-u2kxjm6nfn],
.topic-body .topic-nav .action-btn[b-u2kxjm6nfn] {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #1d1e2c;
  cursor: pointer;
}
.topic-body .topic-nav .btn-outline:hover[b-u2kxjm6nfn],
.topic-body .topic-nav .action-btn:hover[b-u2kxjm6nfn] {
  background-color: #fcfcfd;
}
.topic-body .topic-nav .action-btn.btn-primary[b-u2kxjm6nfn] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
.topic-body .topic-nav .action-btn.btn-primary:hover[b-u2kxjm6nfn] {
  background-color: #4b49df;
}
.topic-body .topic-summary-section .level-note[b-u2kxjm6nfn] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.topic-body .topic-summary-section .level-note .level-chip[b-u2kxjm6nfn] {
  flex-shrink: 0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 5px 9px;
  border-radius: 999px;
  background-color: #f0efff;
  color: #5c59f0;
}
.topic-body .topic-summary-section .level-note .level-reason[b-u2kxjm6nfn] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.5;
}
.topic-body .topic-summary-section .level-note .level-reason a[b-u2kxjm6nfn] {
  color: #5c59f0;
  text-decoration: none;
}
.topic-body .topic-summary-section .level-note .level-reason a:hover[b-u2kxjm6nfn] {
  text-decoration: underline;
}
.topic-body .phases-container .assignment-block[b-u2kxjm6nfn] {
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 14px;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
}
.topic-body .phases-container .assignment-block .block-title[b-u2kxjm6nfn] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 6px 0;
}
.topic-body .phases-container .assignment-block .block-text[b-u2kxjm6nfn] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0;
}
.topic-body .phases-container .assignment-block .block-meta[b-u2kxjm6nfn] {
  font-size: 11px;
  color: #8a8d9f;
  margin: 8px 0 0 0;
}
.topic-body .phases-container .content-variant[b-u2kxjm6nfn] {
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 14px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-left: 3px solid #5c59f0;
}
.topic-body .phases-container .content-variant.for-assignment[b-u2kxjm6nfn] {
  background-color: #fcfcfd;
}
.topic-body .phases-container .content-variant .variant-header[b-u2kxjm6nfn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.topic-body .phases-container .content-variant .variant-header .variant-kind[b-u2kxjm6nfn] {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c59f0;
}
.topic-body .phases-container .content-variant .variant-header .variant-level[b-u2kxjm6nfn] {
  font-size: 10px;
  font-weight: 600;
  color: #8a8d9f;
}
.topic-body .phases-container .content-variant .variant-title[b-u2kxjm6nfn] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 8px 0;
  line-height: 1.4;
}
.topic-body .phases-container .content-variant .variant-text[b-u2kxjm6nfn] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.7;
  margin: 0 0 10px 0;
}
.topic-body .phases-container .content-variant .variant-text:last-of-type[b-u2kxjm6nfn] {
  margin-bottom: 0;
}
.topic-body .phases-container .content-variant .variant-footer[b-u2kxjm6nfn] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #eff0f6;
}
.topic-body .phases-container .content-variant .variant-footer .variant-reason[b-u2kxjm6nfn],
.topic-body .phases-container .content-variant .variant-footer .variant-origin[b-u2kxjm6nfn] {
  font-size: 11px;
  color: #8a8d9f;
  line-height: 1.5;
}
.topic-body .phases-container .content-variant .variant-footer .variant-origin[b-u2kxjm6nfn] {
  font-weight: 600;
}
.topic-body .phases-container .phase-list .list-item .item-name .assessment-state[b-u2kxjm6nfn] {
  display: inline-block;
  margin-left: 8px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 3px 8px;
  border-radius: 999px;
  background-color: #fcfcfd;
  color: #8a8d9f;
}
.topic-body .phases-container .phase-list .list-item .item-name .assessment-state.state-progress[b-u2kxjm6nfn] {
  background-color: #f0efff;
  color: #5c59f0;
}
.topic-body .phases-container .phase-list .list-item .item-name .assessment-state.state-review[b-u2kxjm6nfn] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.topic-body .phases-container .phase-list .list-item .item-name .assessment-state.state-done[b-u2kxjm6nfn] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.topic-body .phases-container .phase-list .list-item .item-name .assessment-state.state-failed[b-u2kxjm6nfn] {
  background-color: #fdecef;
  color: #d9455f;
}
@media (max-width: 850px) {
  .topic-body .courses-header[b-u2kxjm6nfn] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .topic-body .courses-header .header-search-area[b-u2kxjm6nfn] {
    width: 100%;
  }
  .topic-body .courses-header .header-search-area .search-box[b-u2kxjm6nfn] {
    flex: 1;
  }
  .topic-body .courses-header .header-search-area .search-box .search-input[b-u2kxjm6nfn] {
    width: 100%;
  }
  .topic-body .phases-container .phase-card[b-u2kxjm6nfn] {
    padding: 20px;
  }
  .topic-body .phases-container .phase-card .phase-header[b-u2kxjm6nfn] {
    flex-direction: column;
    gap: 12px;
  }
  .topic-body .phases-container .phase-card .phase-header .badge-done[b-u2kxjm6nfn],
  .topic-body .phases-container .phase-card .phase-header .badge-inprogress[b-u2kxjm6nfn],
  .topic-body .phases-container .phase-card .phase-header .badge-upcoming[b-u2kxjm6nfn] {
    align-self: flex-start;
  }
  .topic-body .phases-container .phase-card .phase-list .list-item[b-u2kxjm6nfn] {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .topic-body .phases-container .phase-card .phase-list .list-item .item-meta[b-u2kxjm6nfn] {
    align-self: flex-start;
    padding-left: 30px;
  }
  .topic-body .phases-container .phase-card .lecture-row[b-u2kxjm6nfn] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .topic-body .phases-container .phase-card .lecture-row .action-btn[b-u2kxjm6nfn] {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .topic-body[b-u2kxjm6nfn] {
    padding: 24px 16px;
  }
  .topic-body .phases-container .phase-card .avatar-quote-card[b-u2kxjm6nfn] {
    padding: 20px;
  }
  .topic-body .phases-container .phase-card .discussion-callout[b-u2kxjm6nfn] {
    padding: 16px;
  }
  .topic-body .phases-container .phase-card .discussion-callout .btn-outline[b-u2kxjm6nfn] {
    width: 100%;
    text-align: center;
  }
}
/* /Student/Credentials.razor.rz.scp.css */
.credentials-body[b-q5cp1pj8l8] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}
.credentials-body *[b-q5cp1pj8l8] {
  box-sizing: border-box;
}
.credentials-body .courses-header[b-q5cp1pj8l8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.credentials-body .courses-header .header-title-area[b-q5cp1pj8l8] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.credentials-body .courses-header .header-title-area .programs-count[b-q5cp1pj8l8] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.4px;
  color: #5c59f0;
}
.credentials-body .courses-header .header-title-area .page-title[b-q5cp1pj8l8] {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #1d1e2c;
}
.credentials-body .empty-card[b-q5cp1pj8l8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 48px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}
.credentials-body .empty-card .empty-title[b-q5cp1pj8l8] {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #1d1e2c;
}
.credentials-body .empty-card .empty-desc[b-q5cp1pj8l8] {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: #6e7191;
  max-width: 460px;
}
.credentials-body .empty-card .action-btn[b-q5cp1pj8l8] {
  margin-top: 8px;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s;
}
.credentials-body .empty-card .action-btn.btn-primary[b-q5cp1pj8l8] {
  background-color: #5c59f0;
  color: #ffffff;
}
.credentials-body .empty-card .action-btn.btn-primary:hover[b-q5cp1pj8l8] {
  background-color: #4b49df;
}
.credentials-body .totals-card[b-q5cp1pj8l8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 28px 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.credentials-body .totals-card .total-box[b-q5cp1pj8l8] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.credentials-body .totals-card .total-box .total-num[b-q5cp1pj8l8] {
  font-size: 30px;
  font-weight: 700;
  color: #5c59f0;
  line-height: 1;
}
.credentials-body .totals-card .total-box .total-unit[b-q5cp1pj8l8] {
  font-size: 0.55em;
  font-weight: 600;
}
.credentials-body .totals-card .total-box .total-lbl[b-q5cp1pj8l8] {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 1.1px;
  color: #8a8d9f;
}
@media (max-width: 640px) {
  .credentials-body .totals-card[b-q5cp1pj8l8] {
    grid-template-columns: 1fr;
  }
}
.credentials-body .credential-list[b-q5cp1pj8l8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.credentials-body .credential-list .credential-card[b-q5cp1pj8l8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.credentials-body .credential-list .credential-card.is-revoked[b-q5cp1pj8l8] {
  background-color: #fcfcfd;
}
.credentials-body .credential-list .credential-card.is-revoked .credential-title[b-q5cp1pj8l8] {
  color: #6e7191;
}
.credentials-body .credential-list .credential-card .credential-main[b-q5cp1pj8l8] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.credentials-body .credential-list .credential-card .credential-heading[b-q5cp1pj8l8] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.credentials-body .credential-list .credential-card .credential-heading .credential-title[b-q5cp1pj8l8] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.credentials-body .credential-list .credential-card .credential-heading .tag-orange[b-q5cp1pj8l8] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 4px 10px;
  border-radius: 999px;
  background-color: #fff4eb;
  color: #f08b3b;
}
.credentials-body .credential-list .credential-card .credential-meta[b-q5cp1pj8l8] {
  margin: 0;
  font-size: 13px;
  color: #6e7191;
}
.credentials-body .credential-list .credential-card .credential-code[b-q5cp1pj8l8] {
  margin: 4px 0 0;
  font-family: "Consolas", "Courier New", monospace;
  font-size: 11.5px;
  letter-spacing: 0.6px;
  color: #8a8d9f;
  word-break: break-all;
}
.credentials-body .credential-list .credential-card .credential-actions[b-q5cp1pj8l8] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.credentials-body .credential-list .credential-card .credential-actions .revoked-note[b-q5cp1pj8l8] {
  margin: 0;
  font-size: 12px;
  color: #f08b3b;
}
.credentials-body .credential-list .credential-card .credential-actions .card-btn[b-q5cp1pj8l8] {
  border: none;
  padding: 9px 16px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.credentials-body .credential-list .credential-card .credential-actions .card-btn.btn-primary[b-q5cp1pj8l8] {
  background-color: #5c59f0;
  color: #ffffff;
}
.credentials-body .credential-list .credential-card .credential-actions .card-btn.btn-primary:hover[b-q5cp1pj8l8] {
  background-color: #4b49df;
}
.credentials-body .credential-list .credential-card .credential-actions .card-btn.btn-light[b-q5cp1pj8l8] {
  background-color: #f0efff;
  color: #5c59f0;
}
.credentials-body .credential-list .credential-card .credential-actions .card-btn.btn-light:hover[b-q5cp1pj8l8] {
  background-color: #e3e1ff;
}
.credentials-body .credential-list .credential-card .credential-actions .card-btn.btn-quiet[b-q5cp1pj8l8] {
  background-color: transparent;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.credentials-body .credential-list .credential-card .credential-actions .card-btn.btn-quiet:hover[b-q5cp1pj8l8] {
  background-color: #f8f9fc;
}
@media (max-width: 860px) {
  .credentials-body .credential-list .credential-card[b-q5cp1pj8l8] {
    flex-direction: column;
    align-items: stretch;
  }
  .credentials-body .credential-list .credential-card .credential-actions[b-q5cp1pj8l8] {
    justify-content: flex-start;
  }
}
.credentials-body .wallet-note p[b-q5cp1pj8l8] {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: #8a8d9f;
}
@media (max-width: 480px) {
  .credentials-body[b-q5cp1pj8l8] {
    padding: 24px 16px;
  }
}
/* /Student/Dashboard.razor.rz.scp.css */
.dashboard-body[b-4f3e4bcuqd] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 36px;
  background-color: #fcfcfd;
  color: #1d1e2c;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .dashboard-body[b-4f3e4bcuqd] {
    padding: 24px 16px;
    gap: 24px;
  }
}
.dashboard-body *[b-4f3e4bcuqd] {
  box-sizing: border-box;
}
.dashboard-body .header[b-4f3e4bcuqd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media (max-width: 640px) {
  .dashboard-body .header[b-4f3e4bcuqd] {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}
.dashboard-body .header-greeting .date[b-4f3e4bcuqd] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  text-transform: capitalize;
  margin-bottom: 4px;
}
.dashboard-body .header-greeting h1[b-4f3e4bcuqd] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
@media (max-width: 480px) {
  .dashboard-body .header-greeting h1[b-4f3e4bcuqd] {
    font-size: 22px;
  }
}
.dashboard-body .header-actions[b-4f3e4bcuqd] {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}
@media (max-width: 640px) {
  .dashboard-body .header-actions[b-4f3e4bcuqd] {
    width: 100%;
    justify-content: space-between;
  }
}
.dashboard-body .search-container[b-4f3e4bcuqd] {
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 640px) {
  .dashboard-body .search-container[b-4f3e4bcuqd] {
    flex-grow: 1;
  }
}
.dashboard-body .search-container .search-input[b-4f3e4bcuqd] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
@media (max-width: 640px) {
  .dashboard-body .search-container .search-input[b-4f3e4bcuqd] {
    width: 100%;
  }
}
.dashboard-body .search-container .search-input:focus[b-4f3e4bcuqd] {
  border-color: #5c59f0;
}
.dashboard-body .search-container .search-icon[b-4f3e4bcuqd] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.dashboard-body .notification-btn[b-4f3e4bcuqd] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
  flex-shrink: 0;
}
.dashboard-body .notification-btn .notification-dot[b-4f3e4bcuqd] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 50%;
}
.dashboard-body .notification-panel[b-4f3e4bcuqd] {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 380px;
  max-height: 440px;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(29, 30, 44, 0.14);
  z-index: 40;
  padding: 6px 0 10px;
  animation: notification-panel-in-b-4f3e4bcuqd 0.14s ease-out;
}
.dashboard-body .notification-panel[b-4f3e4bcuqd]::-webkit-scrollbar {
  width: 6px;
}
.dashboard-body .notification-panel[b-4f3e4bcuqd]::-webkit-scrollbar-thumb {
  background-color: #eff0f6;
  border-radius: 6px;
}
.dashboard-body .notification-panel .notification-panel-title[b-4f3e4bcuqd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px 10px;
  border-bottom: 1px solid #eff0f6;
  margin-bottom: 4px;
}
.dashboard-body .notification-panel .notification-panel-title span[b-4f3e4bcuqd] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.dashboard-body .notification-panel .notification-panel-title .notification-count-badge[b-4f3e4bcuqd] {
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
}
.dashboard-body .notification-panel .notification-panel-header[b-4f3e4bcuqd] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 12px 18px 6px;
}
.dashboard-body .notification-panel .notification-empty[b-4f3e4bcuqd] {
  font-size: 13.5px;
  color: #6e7191;
  padding: 28px 18px;
  margin: 0;
  text-align: center;
}
.dashboard-body .notification-panel .notification-row[b-4f3e4bcuqd] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 18px;
  text-align: left;
  transition: background-color 0.15s;
}
.dashboard-body .notification-panel .notification-row:hover[b-4f3e4bcuqd] {
  background-color: #faf9ff;
}
.dashboard-body .notification-panel .notification-row .notification-dot-icon[b-4f3e4bcuqd] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
  background-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.dashboard-body .notification-panel .notification-row.notification-row-alert .notification-dot-icon[b-4f3e4bcuqd] {
  background-color: #f08b3b;
  box-shadow: 0 0 0 3px #fff4eb;
}
.dashboard-body .notification-panel .notification-row .notification-row-body[b-4f3e4bcuqd] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.dashboard-body .notification-panel .notification-row .notification-row-body .notification-row-title[b-4f3e4bcuqd] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.4;
}
.dashboard-body .notification-panel .notification-row .notification-row-body .notification-row-detail[b-4f3e4bcuqd] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}
@keyframes notification-panel-in-b-4f3e4bcuqd {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dashboard-body .hero-banner[b-4f3e4bcuqd] {
  background-image: url("/image/user_background.png");
  background-size: cover;
  background-position: center;
  border-radius: 24px;
  padding: 40px;
  color: #ffffff;
  display: flex;
  gap: 32px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dashboard-body .hero-banner[b-4f3e4bcuqd] {
    flex-direction: column;
    gap: 20px;
    padding: 24px;
  }
}
.dashboard-body .hero-banner .mentor-orb[b-4f3e4bcuqd] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(92, 89, 240, 0.3);
}
@media (max-width: 768px) {
  .dashboard-body .hero-banner .mentor-orb[b-4f3e4bcuqd] {
    width: 60px;
    height: 60px;
  }
}
.dashboard-body .hero-banner .hero-content[b-4f3e4bcuqd] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .dashboard-body .hero-banner .hero-content[b-4f3e4bcuqd] {
    gap: 16px;
  }
}
.dashboard-body .hero-banner .hero-content .hero-meta[b-4f3e4bcuqd] {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0.95;
}
.dashboard-body .hero-banner .hero-content .hero-title[b-4f3e4bcuqd] {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.35;
  max-width: 680px;
  margin: 0;
}
@media (max-width: 768px) {
  .dashboard-body .hero-banner .hero-content .hero-title[b-4f3e4bcuqd] {
    font-size: 22px;
  }
}
.dashboard-body .hero-banner .hero-content .hero-desc[b-4f3e4bcuqd] {
  font-size: 15px;
  line-height: 1.6;
  opacity: 0.85;
  max-width: 650px;
  margin: 0;
}
@media (max-width: 768px) {
  .dashboard-body .hero-banner .hero-content .hero-desc[b-4f3e4bcuqd] {
    font-size: 14px;
  }
}
.dashboard-body .hero-banner .hero-content .hero-buttons[b-4f3e4bcuqd] {
  display: flex;
  gap: 12px;
}
@media (max-width: 480px) {
  .dashboard-body .hero-banner .hero-content .hero-buttons[b-4f3e4bcuqd] {
    flex-direction: column;
    gap: 8px;
  }
}
.dashboard-body .hero-banner .hero-content .hero-buttons .btn-primary[b-4f3e4bcuqd] {
  background-color: #ffffff;
  color: #5c59f0;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
@media (max-width: 480px) {
  .dashboard-body .hero-banner .hero-content .hero-buttons .btn-primary[b-4f3e4bcuqd] {
    width: 100%;
    text-align: center;
  }
}
.dashboard-body .hero-banner .hero-content .hero-buttons .btn-primary:hover[b-4f3e4bcuqd] {
  background-color: #f1f3f9;
}
.dashboard-body .hero-banner .hero-content .hero-buttons .btn-secondary[b-4f3e4bcuqd] {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
@media (max-width: 480px) {
  .dashboard-body .hero-banner .hero-content .hero-buttons .btn-secondary[b-4f3e4bcuqd] {
    width: 100%;
    text-align: center;
  }
}
.dashboard-body .hero-banner .hero-content .hero-buttons .btn-secondary:hover[b-4f3e4bcuqd] {
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.08);
}
.dashboard-body .programs-header[b-4f3e4bcuqd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 12px;
}
@media (max-width: 480px) {
  .dashboard-body .programs-header[b-4f3e4bcuqd] {
    flex-direction: column;
    align-items: flex-start;
  }
}
.dashboard-body .programs-header .section-title[b-4f3e4bcuqd] {
  font-size: 20px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.dashboard-body .programs-header .view-all-link[b-4f3e4bcuqd] {
  font-size: 14px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.dashboard-body .programs-grid[b-4f3e4bcuqd] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1024px) {
  .dashboard-body .programs-grid[b-4f3e4bcuqd] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .dashboard-body .programs-grid[b-4f3e4bcuqd] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.dashboard-body .program-card[b-4f3e4bcuqd] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 250px;
}
@media (max-width: 768px) {
  .dashboard-body .program-card[b-4f3e4bcuqd] {
    padding: 20px;
    min-height: auto;
  }
}
.dashboard-body .program-card .card-badge[b-4f3e4bcuqd] {
  align-self: flex-start;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
}
.dashboard-body .program-card .card-badge.badge-leadership[b-4f3e4bcuqd] {
  background-color: #f0efff;
  color: #5c59f0;
}
.dashboard-body .program-card .card-badge.badge-communication[b-4f3e4bcuqd] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.dashboard-body .program-card .card-badge.badge-change[b-4f3e4bcuqd] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.dashboard-body .program-card .card-title[b-4f3e4bcuqd] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.dashboard-body .program-card .card-desc[b-4f3e4bcuqd] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.dashboard-body .program-card .card-progress-wrapper[b-4f3e4bcuqd] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
}
.dashboard-body .program-card .card-progress-wrapper .progress-bar-bg[b-4f3e4bcuqd] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.dashboard-body .program-card .card-progress-wrapper .progress-bar-bg .progress-bar-fill[b-4f3e4bcuqd] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.dashboard-body .program-card .card-progress-wrapper .progress-meta[b-4f3e4bcuqd] {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  color: #8a8d9f;
}
.dashboard-body .program-card.locked .card-title[b-4f3e4bcuqd],
.dashboard-body .program-card.locked .card-desc[b-4f3e4bcuqd] {
  color: #8a8d9f;
}
.dashboard-body .program-card.locked .lock-banner[b-4f3e4bcuqd] {
  margin-top: auto;
  border: 1px dashed #eff0f6;
  border-radius: 10px;
  background-color: #fafafc;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  margin-top: 12px;
}
.dashboard-body .program-card.locked .lock-banner .lock-icon[b-4f3e4bcuqd] {
  width: 14px;
  height: 14px;
  fill: #8a8d9f;
}
.dashboard-body .portrait-section[b-4f3e4bcuqd] {
  width: 100%;
  margin-top: 32px;
}
.dashboard-body .portrait-section .portrait-card[b-4f3e4bcuqd] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.dashboard-body .portrait-section .portrait-card .portrait-top[b-4f3e4bcuqd] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}
.dashboard-body .portrait-section .portrait-card .portrait-top .portrait-header-text[b-4f3e4bcuqd] {
  flex: 1;
}
.dashboard-body .portrait-section .portrait-card .portrait-top .portrait-header-text .portrait-title[b-4f3e4bcuqd] {
  font-size: 20px;
  font-weight: 700;
  color: #1d1e2c;
  margin-bottom: 8px;
  margin-top: 0;
}
.dashboard-body .portrait-section .portrait-card .portrait-top .portrait-header-text .portrait-desc[b-4f3e4bcuqd] {
  font-size: 14px;
  color: #6e7191;
  line-height: 1.6;
  max-width: 680px;
  margin: 0;
}
.dashboard-body .portrait-section .portrait-card .portrait-top .circle-progress-wrapper[b-4f3e4bcuqd] {
  flex-shrink: 0;
}
.dashboard-body .portrait-section .portrait-card .portrait-top .circle-progress-wrapper .circle-progress[b-4f3e4bcuqd] {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: conic-gradient(#5c59f0 0% 78%, #eff0f6 78% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-body .portrait-section .portrait-card .portrait-top .circle-progress-wrapper .circle-progress-inner[b-4f3e4bcuqd] {
  width: 78px;
  height: 78px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.dashboard-body .portrait-section .portrait-card .portrait-bottom[b-4f3e4bcuqd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
.dashboard-body .portrait-section .portrait-card .portrait-bottom .portrait-column[b-4f3e4bcuqd] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dashboard-body .portrait-section .portrait-card .portrait-bottom .portrait-column .column-label[b-4f3e4bcuqd] {
  font-size: 13px;
  font-weight: 700;
  color: #8a8d9f;
  display: block;
}
.dashboard-body .portrait-section .portrait-card .portrait-bottom .portrait-column .column-empty[b-4f3e4bcuqd] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
.dashboard-body .portrait-section .portrait-card .portrait-bottom .portrait-column .chips-grid[b-4f3e4bcuqd] {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 12px 10px;
  justify-content: start;
}
.dashboard-body .portrait-section .portrait-card .portrait-bottom .portrait-column .chips-grid .chip[b-4f3e4bcuqd] {
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.dashboard-body .portrait-section .portrait-card .portrait-bottom .portrait-column .chips-grid .chip-strength[b-4f3e4bcuqd] {
  background-color: #f0efff;
  color: #5c59f0;
}
.dashboard-body .portrait-section .portrait-card .portrait-bottom .portrait-column .chips-grid .chip-growth[b-4f3e4bcuqd] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
@media (max-width: 768px) {
  .dashboard-body .portrait-section .portrait-card .portrait-top[b-4f3e4bcuqd] {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 24px;
  }
  .dashboard-body .portrait-section .portrait-card .portrait-top .circle-progress-wrapper[b-4f3e4bcuqd] {
    align-self: flex-start;
  }
  .dashboard-body .portrait-section .portrait-card .portrait-bottom[b-4f3e4bcuqd] {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.dashboard-body .checklist-container[b-4f3e4bcuqd] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 24px;
}
@media (max-width: 480px) {
  .dashboard-body .checklist-container[b-4f3e4bcuqd] {
    padding: 8px 16px;
  }
}
.dashboard-body .checklist-container .checklist-item[b-4f3e4bcuqd] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
}
@media (max-width: 480px) {
  .dashboard-body .checklist-container .checklist-item[b-4f3e4bcuqd] {
    gap: 12px;
    padding: 16px 0;
  }
}
.dashboard-body .checklist-container .checklist-item:not(:last-child)[b-4f3e4bcuqd] {
  border-bottom: 1px solid #eff0f6;
}
.dashboard-body .checklist-container .checklist-item .status-circle[b-4f3e4bcuqd] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dashboard-body .checklist-container .checklist-item .status-circle.completed[b-4f3e4bcuqd] {
  background-color: #e8f8f2;
}
.dashboard-body .checklist-container .checklist-item .status-circle.completed svg[b-4f3e4bcuqd] {
  width: 16px;
  height: 16px;
  fill: #1fad7a;
}
.dashboard-body .checklist-container .checklist-item .status-circle.pending[b-4f3e4bcuqd] {
  border: 2px solid #f08b3b;
  background-color: #ffffff;
}
.dashboard-body .checklist-container .checklist-item .status-circle.pending[b-4f3e4bcuqd]::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #f08b3b;
}
.dashboard-body .checklist-container .checklist-item .item-details[b-4f3e4bcuqd] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dashboard-body .checklist-container .checklist-item .item-details .item-title[b-4f3e4bcuqd] {
  font-size: 14px;
  font-weight: 600;
  color: #1d1e2c;
  margin: 0;
}
.dashboard-body .checklist-container .checklist-item .item-details .item-status-text[b-4f3e4bcuqd] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
/* /Student/Discussions.razor.rz.scp.css */
.student-discussions-body[b-5gpm47sn46] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  box-sizing: border-box;
}
.student-discussions-body *[b-5gpm47sn46] {
  box-sizing: border-box;
}
.student-discussions-body .sd-header[b-5gpm47sn46] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.student-discussions-body .sd-header .sd-eyebrow[b-5gpm47sn46] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.student-discussions-body .sd-header .sd-title[b-5gpm47sn46] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.student-discussions-body .sd-header .sd-subtitle[b-5gpm47sn46] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 600px;
}
.student-discussions-body .sd-notice[b-5gpm47sn46] {
  font-size: 12.5px;
  line-height: 1.5;
  padding: 10px 14px;
  border-radius: 12px;
  color: #d64545;
  background-color: #fdeeee;
}
.student-discussions-body .sd-filters[b-5gpm47sn46] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.student-discussions-body .sd-filters .sd-pill[b-5gpm47sn46] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
.student-discussions-body .sd-filters .sd-pill .sd-badge[b-5gpm47sn46] {
  background-color: #f1f3f9;
  color: #8a8d9f;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 10px;
}
.student-discussions-body .sd-filters .sd-pill.active[b-5gpm47sn46] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.student-discussions-body .sd-filters .sd-pill.active .sd-badge[b-5gpm47sn46] {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}
.student-discussions-body .sd-filters .sd-pill:hover:not(.active)[b-5gpm47sn46] {
  background-color: #f0efff;
  color: #5c59f0;
}
.student-discussions-body .sd-empty[b-5gpm47sn46] {
  background-color: #ffffff;
  border: 1px dashed #eff0f6;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  color: #8a8d9f;
  font-size: 13.5px;
}
@media (max-width: 850px) {
  .student-discussions-body .sd-header[b-5gpm47sn46] {
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .student-discussions-body[b-5gpm47sn46] {
    padding: 24px 16px;
  }
}
/* /Student/Faculty.razor.rz.scp.css */
.faculty-body[b-e8y72kcuet] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.faculty-body *[b-e8y72kcuet] {
  box-sizing: border-box;
}
.faculty-body .courses-header[b-e8y72kcuet] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.faculty-body .courses-header .programs-count[b-e8y72kcuet] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.faculty-body .courses-header .page-title[b-e8y72kcuet] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.faculty-body .courses-header .page-subtitle[b-e8y72kcuet] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 560px;
}
.faculty-body .courses-header .header-search-area[b-e8y72kcuet] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.faculty-body .courses-header .header-search-area .search-box[b-e8y72kcuet] {
  position: relative;
  display: flex;
  align-items: center;
}
.faculty-body .courses-header .header-search-area .search-box .search-icon[b-e8y72kcuet] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.faculty-body .courses-header .header-search-area .search-box .search-input[b-e8y72kcuet] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 220px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.faculty-body .courses-header .header-search-area .search-box .search-input:focus[b-e8y72kcuet] {
  border-color: #5c59f0;
}
.faculty-body .courses-header .header-search-area .notif-btn[b-e8y72kcuet] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.faculty-body .courses-header .header-search-area .notif-btn .notif-dot[b-e8y72kcuet] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.faculty-body .overview-stats-grid[b-e8y72kcuet] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.faculty-body .overview-stats-grid .stat-card[b-e8y72kcuet] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.faculty-body .overview-stats-grid .stat-card .stat-value[b-e8y72kcuet] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.faculty-body .overview-stats-grid .stat-card .stat-label[b-e8y72kcuet] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.faculty-body .overview-stats-grid .stat-card .stat-sub[b-e8y72kcuet] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.faculty-body .team-section[b-e8y72kcuet] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faculty-body .team-section .team-header-row[b-e8y72kcuet] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faculty-body .team-section .team-header-row .section-title[b-e8y72kcuet] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.faculty-body .team-section .team-header-row .program-status-tag[b-e8y72kcuet] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.faculty-body .team-section .team-header-row .program-status-tag.status-active[b-e8y72kcuet] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.faculty-body .team-section .team-header-row .program-status-tag.status-locked[b-e8y72kcuet] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.faculty-body .team-section .team-header-row .program-status-tag.status-open[b-e8y72kcuet] {
  background-color: #eff6ff;
  color: #3b82f6;
}
.faculty-body .team-section .loading-text[b-e8y72kcuet],
.faculty-body .team-section .empty-state-text[b-e8y72kcuet] {
  font-size: 13.5px;
  color: #6e7191;
}
.faculty-body .team-section .sub-label[b-e8y72kcuet] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #8a8d9f;
  text-transform: uppercase;
  margin: 4px 0 0 0;
}
.faculty-body .team-section .instructor-card[b-e8y72kcuet] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.faculty-body .team-section .instructor-card.locked[b-e8y72kcuet] {
  background-color: #fafafc;
}
.faculty-body .team-section .instructor-card .instructor-avatar[b-e8y72kcuet] {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  flex-shrink: 0;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-violet[b-e8y72kcuet] {
  background-color: #8b5cf6;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-yellow[b-e8y72kcuet] {
  background-color: #eab308;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-blue[b-e8y72kcuet] {
  background-color: #3b82f6;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-orange[b-e8y72kcuet] {
  background-color: #f08b3b;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-green[b-e8y72kcuet] {
  background-color: #1fad7a;
}
.faculty-body .team-section .instructor-card .instructor-details[b-e8y72kcuet] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.faculty-body .team-section .instructor-card .instructor-details .badge-role[b-e8y72kcuet] {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #f0efff;
  color: #5c59f0;
}
.faculty-body .team-section .instructor-card .instructor-details .instructor-name[b-e8y72kcuet] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.faculty-body .team-section .instructor-card .instructor-details .instructor-title[b-e8y72kcuet] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.faculty-body .team-section .instructor-card .instructor-details .online-status[b-e8y72kcuet] {
  font-size: 12px;
  color: #1fad7a;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.faculty-body .team-section .instructor-card .instructor-details .online-status .status-dot[b-e8y72kcuet] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.faculty-body .team-section .instructor-card .instructor-details .locked-status[b-e8y72kcuet] {
  font-size: 12px;
  color: #8a8d9f;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.faculty-body .team-section .instructor-card .instructor-details .locked-status svg[b-e8y72kcuet] {
  flex-shrink: 0;
}
.faculty-body .team-section .instructor-card .action-btn[b-e8y72kcuet] {
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.faculty-body .team-section .instructor-card .action-btn.btn-primary[b-e8y72kcuet] {
  background-color: #5c59f0;
  color: #ffffff;
}
.faculty-body .team-section .instructor-card .action-btn.btn-primary:hover[b-e8y72kcuet] {
  background-color: #4b49df;
}
.faculty-body .team-section .instructor-card .action-btn.btn-outline[b-e8y72kcuet] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.faculty-body .team-section .instructor-card .action-btn.btn-outline:disabled[b-e8y72kcuet] {
  cursor: not-allowed;
  opacity: 0.7;
}
.faculty-body .team-section .co-instructors-grid[b-e8y72kcuet] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card[b-e8y72kcuet] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card.locked[b-e8y72kcuet] {
  background-color: #fafafc;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar[b-e8y72kcuet] {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-violet[b-e8y72kcuet] {
  background-color: #8b5cf6;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-blue[b-e8y72kcuet] {
  background-color: #3b82f6;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-green[b-e8y72kcuet] {
  background-color: #1fad7a;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-orange[b-e8y72kcuet] {
  background-color: #f08b3b;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-cyan[b-e8y72kcuet] {
  background-color: #06b6d4;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-name[b-e8y72kcuet] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-role[b-e8y72kcuet] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
  margin: 0;
  min-height: 34px;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .chat-chip-btn[b-e8y72kcuet] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  transition: background-color 0.2s;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .chat-chip-btn .orb-icon[b-e8y72kcuet] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .chat-chip-btn:hover[b-e8y72kcuet] {
  background-color: #f8f9fc;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .mini-lock-tag[b-e8y72kcuet] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #f1f3f9;
  color: #8a8d9f;
  margin-top: 8px;
}
@media (max-width: 850px) {
  .faculty-body .courses-header[b-e8y72kcuet] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .faculty-body .courses-header .header-search-area[b-e8y72kcuet] {
    width: 100%;
  }
  .faculty-body .courses-header .header-search-area .search-box[b-e8y72kcuet] {
    flex: 1;
  }
  .faculty-body .courses-header .header-search-area .search-box .search-input[b-e8y72kcuet] {
    width: 100%;
  }
  .faculty-body .overview-stats-grid[b-e8y72kcuet] {
    grid-template-columns: repeat(2, 1fr);
  }
  .faculty-body .team-section .instructor-card[b-e8y72kcuet] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .faculty-body .team-section .instructor-card .action-btn[b-e8y72kcuet] {
    width: 100%;
  }
  .faculty-body .team-section .co-instructors-grid[b-e8y72kcuet] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .faculty-body[b-e8y72kcuet] {
    padding: 24px 16px;
  }
  .faculty-body .overview-stats-grid[b-e8y72kcuet] {
    grid-template-columns: 1fr;
  }
}
/* /Student/FinalProject.razor.rz.scp.css */
.final-project-body[b-ppmste5lg8] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.final-project-body *[b-ppmste5lg8] {
  box-sizing: border-box;
}
.final-project-body .courses-header[b-ppmste5lg8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.final-project-body .courses-header .breadcrumbs[b-ppmste5lg8] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.final-project-body .courses-header .breadcrumbs a[b-ppmste5lg8] {
  text-decoration: none;
  color: #5c59f0;
}
.final-project-body .courses-header .breadcrumbs a:hover[b-ppmste5lg8] {
  text-decoration: underline;
}
.final-project-body .courses-header .breadcrumbs span[b-ppmste5lg8] {
  color: #8a8d9f;
}
.final-project-body .courses-header .page-title[b-ppmste5lg8] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.final-project-body .courses-header .notif-btn[b-ppmste5lg8] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.final-project-body .alert-bar[b-ppmste5lg8] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background-color: #f0efff;
  border: 1px solid rgba(92, 89, 240, 0.15);
  border-radius: 16px;
  padding: 18px 22px;
}
.final-project-body .alert-bar .alert-icon-circle[b-ppmste5lg8] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.final-project-body .alert-bar .alert-text[b-ppmste5lg8] {
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.55;
  margin: 6px 0 0 0;
}
.final-project-body .alert-bar .alert-text strong[b-ppmste5lg8] {
  color: #5c59f0;
}
.final-project-body .overview-stats-grid[b-ppmste5lg8] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.final-project-body .overview-stats-grid .stat-card[b-ppmste5lg8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.final-project-body .overview-stats-grid .stat-card .stat-value[b-ppmste5lg8] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.final-project-body .overview-stats-grid .stat-card .stat-label[b-ppmste5lg8] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.final-project-body .overview-stats-grid .stat-card .stat-sub[b-ppmste5lg8] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.final-project-body .sections-container[b-ppmste5lg8] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.final-project-body .sections-container .section-card[b-ppmste5lg8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.final-project-body .sections-container .section-card.locked[b-ppmste5lg8] {
  background-color: #fafafc;
}
.final-project-body .sections-container .section-card .section-header[b-ppmste5lg8] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.final-project-body .sections-container .section-card .section-header .section-title-group .section-module-tag[b-ppmste5lg8] {
  font-size: 10.5px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.final-project-body .sections-container .section-card .section-header .section-title-group .section-title[b-ppmste5lg8] {
  font-size: 16.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 6px 0 4px 0;
}
.final-project-body .sections-container .section-card .section-header .section-title-group .section-sub[b-ppmste5lg8] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
  max-width: 560px;
}
.final-project-body .sections-container .section-card .section-header .badge-done[b-ppmste5lg8] {
  background-color: #e8f8f2;
  color: #1fad7a;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.final-project-body .sections-container .section-card .section-header .badge-active[b-ppmste5lg8] {
  background-color: #fff4eb;
  color: #f08b3b;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.final-project-body .sections-container .section-card .section-header .badge-upcoming[b-ppmste5lg8] {
  background-color: #f1f3f9;
  color: #8a8d9f;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.final-project-body .sections-container .section-card .section-content-preview[b-ppmste5lg8] {
  background-color: #f8f9fc;
  border-radius: 14px;
  padding: 16px 18px;
}
.final-project-body .sections-container .section-card .section-content-preview p[b-ppmste5lg8] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0;
  font-style: italic;
}
.final-project-body .sections-container .section-card .section-content-editable[b-ppmste5lg8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.final-project-body .sections-container .section-card .section-content-editable .section-field-label[b-ppmste5lg8] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.5;
}
.final-project-body .sections-container .section-card .section-content-editable .section-textarea[b-ppmste5lg8] {
  width: 100%;
  min-height: 110px;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  padding: 14px 16px;
  font-size: 13.5px;
  font-family: inherit;
  color: #1d1e2c;
  outline: none;
  resize: vertical;
  transition: border-color 0.2s;
}
.final-project-body .sections-container .section-card .section-content-editable .section-textarea:focus[b-ppmste5lg8] {
  border-color: #5c59f0;
}
.final-project-body .sections-container .section-card .section-content-editable .section-textarea[b-ppmste5lg8]::placeholder {
  color: #8a8d9f;
}
.final-project-body .sections-container .section-card .section-lock-notice[b-ppmste5lg8] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.final-project-body .sections-container .section-card .section-lock-notice svg[b-ppmste5lg8] {
  fill: #8a8d9f;
  flex-shrink: 0;
}
.final-project-body .sections-container .section-card .section-footer[b-ppmste5lg8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.final-project-body .sections-container .section-card .section-footer .orb-chip[b-ppmste5lg8] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
}
.final-project-body .sections-container .section-card .section-footer .orb-chip .orb-icon[b-ppmste5lg8] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
  flex-shrink: 0;
}
.final-project-body .sections-container .section-card .section-footer .section-btn[b-ppmste5lg8] {
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.final-project-body .sections-container .section-card .section-footer .section-btn.btn-primary[b-ppmste5lg8] {
  background-color: #5c59f0;
  color: #ffffff;
}
.final-project-body .sections-container .section-card .section-footer .section-btn.btn-primary:hover[b-ppmste5lg8] {
  background-color: #4b49df;
}
.final-project-body .sections-container .section-card .section-footer .section-btn.btn-outline[b-ppmste5lg8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #5c59f0;
}
.final-project-body .sections-container .section-card .section-footer .section-btn.btn-outline:hover[b-ppmste5lg8] {
  background-color: #f8f9fc;
}
.final-project-body .bottom-callout-card[b-ppmste5lg8] {
  background-color: #f0efff;
  border-radius: 24px;
  padding: 32px;
}
.final-project-body .bottom-callout-card .callout-content[b-ppmste5lg8] {
  display: flex;
  gap: 24px;
}
.final-project-body .bottom-callout-card .callout-content .mentor-orb[b-ppmste5lg8] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
  flex-shrink: 0;
}
.final-project-body .bottom-callout-card .callout-content .callout-details[b-ppmste5lg8] {
  flex: 1;
}
.final-project-body .bottom-callout-card .callout-content .callout-details .callout-msg[b-ppmste5lg8] {
  font-size: 14.5px;
  line-height: 1.6;
  color: #1d1e2c;
  margin: 0;
}
.final-project-body .section-note[b-ppmste5lg8] {
  margin: 0 24px 16px;
  padding: 14px 16px;
  border-left: 3px solid #5c59f0;
  background: #f0efff;
  border-radius: 0 8px 8px 0;
}
.final-project-body .section-note p[b-ppmste5lg8] {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: #1d1e2c;
}
.final-project-body .submit-bar[b-ppmste5lg8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 24px 28px;
  background: #fff;
  border: 1px solid #eff0f6;
  border-radius: 14px;
}
.final-project-body .submit-bar .submit-details[b-ppmste5lg8] {
  flex: 1;
}
.final-project-body .submit-bar .submit-title[b-ppmste5lg8] {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
}
.final-project-body .submit-bar .submit-note[b-ppmste5lg8] {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #6e7191;
}
.final-project-body .submit-bar .section-btn[b-ppmste5lg8] {
  flex-shrink: 0;
}
.final-project-body .feedback-card[b-ppmste5lg8],
.final-project-body .instructor-card[b-ppmste5lg8] {
  padding: 26px 28px;
  background: #fff;
  border: 1px solid #eff0f6;
  border-radius: 14px;
}
.final-project-body .feedback-card[b-ppmste5lg8] {
  border-left: 4px solid #5c59f0;
}
.final-project-body .feedback-card .avatar-ask-btn[b-ppmste5lg8] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #5c59f0;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.final-project-body .feedback-card .avatar-ask-btn:hover[b-ppmste5lg8] {
  background-color: #f8f9fc;
}
.final-project-body .instructor-card[b-ppmste5lg8] {
  border-left: 4px solid #1fad7a;
}
.final-project-body .instructor-card .instructor-header[b-ppmste5lg8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.final-project-body .feedback-title[b-ppmste5lg8] {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
}
.final-project-body .feedback-subtitle[b-ppmste5lg8] {
  margin: 20px 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8a8d9f;
}
.final-project-body .feedback-body[b-ppmste5lg8] {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.65;
  color: #1d1e2c;
}
.final-project-body .feedback-list[b-ppmste5lg8] {
  margin: 0;
  padding-left: 20px;
}
.final-project-body .feedback-list li[b-ppmste5lg8] {
  font-size: 13.5px;
  line-height: 1.6;
  color: #6e7191;
  margin-bottom: 6px;
}
.final-project-body .instructor-mark[b-ppmste5lg8] {
  margin: 18px 0 0;
  font-size: 32px;
  font-weight: 700;
  color: #1fad7a;
  line-height: 1;
}
.final-project-body .badge-approved[b-ppmste5lg8] {
  flex-shrink: 0;
  padding: 5px 11px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  background: #e8f8f2;
  color: #1fad7a;
}
.final-project-body .provenance-note[b-ppmste5lg8] {
  margin: 18px 0 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: #8a8d9f;
  font-style: italic;
}
@media (max-width: 850px) {
  .final-project-body .submit-bar[b-ppmste5lg8] {
    flex-direction: column;
    align-items: flex-start;
  }
  .final-project-body .submit-bar .section-btn[b-ppmste5lg8] {
    width: 100%;
  }
  .final-project-body .courses-header[b-ppmste5lg8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .final-project-body .overview-stats-grid[b-ppmste5lg8] {
    grid-template-columns: repeat(2, 1fr);
  }
  .final-project-body .sections-container .section-card[b-ppmste5lg8] {
    padding: 20px;
  }
  .final-project-body .sections-container .section-card .section-header[b-ppmste5lg8] {
    flex-direction: column;
    gap: 12px;
  }
  .final-project-body .sections-container .section-card .section-footer[b-ppmste5lg8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .final-project-body .sections-container .section-card .section-footer .section-btn[b-ppmste5lg8] {
    width: 100%;
    text-align: center;
  }
  .final-project-body .bottom-callout-card[b-ppmste5lg8] {
    padding: 24px 16px;
  }
  .final-project-body .bottom-callout-card .callout-content[b-ppmste5lg8] {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .final-project-body[b-ppmste5lg8] {
    padding: 24px 16px;
  }
  .final-project-body .overview-stats-grid[b-ppmste5lg8] {
    grid-template-columns: 1fr;
  }
}
/* /Student/GoalsProgress.razor.rz.scp.css */
.goals-body[b-x87wc2dm35] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.goals-body *[b-x87wc2dm35] {
  box-sizing: border-box;
}
.goals-body .courses-header[b-x87wc2dm35] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.goals-body .courses-header .programs-count[b-x87wc2dm35] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.goals-body .courses-header .page-title[b-x87wc2dm35] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.goals-body .courses-header .header-search-area[b-x87wc2dm35] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.goals-body .courses-header .header-search-area .search-box[b-x87wc2dm35] {
  position: relative;
  display: flex;
  align-items: center;
}
.goals-body .courses-header .header-search-area .search-box .search-icon[b-x87wc2dm35] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.goals-body .courses-header .header-search-area .search-box .search-input[b-x87wc2dm35] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.goals-body .courses-header .header-search-area .search-box .search-input:focus[b-x87wc2dm35] {
  border-color: #5c59f0;
}
.goals-body .courses-header .header-search-area .notif-btn[b-x87wc2dm35] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.goals-body .courses-header .header-search-area .notif-btn .notif-dot[b-x87wc2dm35] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.goals-body .overview-stats-grid[b-x87wc2dm35] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.goals-body .overview-stats-grid .stat-card[b-x87wc2dm35] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.goals-body .overview-stats-grid .stat-card .stat-value[b-x87wc2dm35] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.goals-body .overview-stats-grid .stat-card .stat-label[b-x87wc2dm35] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.goals-body .overview-stats-grid .stat-card .stat-sub[b-x87wc2dm35] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.goals-body .goals-section[b-x87wc2dm35] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.goals-body .goals-section .section-header[b-x87wc2dm35] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goals-body .goals-section .section-header .section-title[b-x87wc2dm35] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.goals-body .goals-section .section-header .edit-goals-link[b-x87wc2dm35] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.goals-body .goals-section .section-header .edit-goals-link:hover[b-x87wc2dm35] {
  text-decoration: underline;
}
.goals-body .goals-section .goals-list[b-x87wc2dm35] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.goals-body .goals-section .goals-list .goal-card[b-x87wc2dm35] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.goals-body .goals-section .goals-list .goal-card .goal-top[b-x87wc2dm35] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-info[b-x87wc2dm35] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-info .goal-icon-box[b-x87wc2dm35] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-info .goal-icon-box svg[b-x87wc2dm35] {
  width: 20px;
  height: 20px;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-info .goal-icon-box.bg-purple[b-x87wc2dm35] {
  background-color: #f0efff;
  color: #5c59f0;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-info .goal-icon-box.bg-blue[b-x87wc2dm35] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-info .goal-titles .goal-title[b-x87wc2dm35] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-info .goal-titles .goal-sub[b-x87wc2dm35] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 4px 0 0 0;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-metric[b-x87wc2dm35] {
  text-align: right;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-metric .percent[b-x87wc2dm35] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-metric .status-text[b-x87wc2dm35] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  display: block;
  margin-top: 4px;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-metric .status-text.text-on-track[b-x87wc2dm35] {
  color: #1fad7a;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-metric .status-text.text-started[b-x87wc2dm35] {
  color: #f08b3b;
}
.goals-body .goals-section .goals-list .goal-card .goal-top .goal-metric .status-text.text-long-term[b-x87wc2dm35] {
  color: #8a8d9f;
}
.goals-body .goals-section .goals-list .goal-card .progress-bar[b-x87wc2dm35] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.goals-body .goals-section .goals-list .goal-card .progress-bar .progress-bar-fill[b-x87wc2dm35] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.goals-body .goals-section .goals-list .goal-card .goal-footer[b-x87wc2dm35] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #8a8d9f;
  font-weight: 500;
}
.goals-body .goals-section .goals-list .goal-card .goal-footer .orb-icon[b-x87wc2dm35] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
  flex-shrink: 0;
}
.goals-body .milestones-section[b-x87wc2dm35] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.goals-body .milestones-section .section-title[b-x87wc2dm35] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.goals-body .milestones-section .milestones-timeline-card[b-x87wc2dm35] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 24px;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-empty[b-x87wc2dm35] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.6;
  margin: 16px 0;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 12px;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline[b-x87wc2dm35] {
  display: flex;
  flex-direction: column;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item[b-x87wc2dm35] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item:not(:last-child)[b-x87wc2dm35]::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 48px;
  bottom: -20px;
  width: 2px;
  background-color: #eff0f6;
  z-index: 0;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item.locked:not(:last-child)[b-x87wc2dm35]::before {
  background-image: linear-gradient(to bottom, #eff0f6 50%, rgba(255, 255, 255, 0) 0%);
  background-position: right;
  background-size: 2px 10px;
  background-repeat: repeat-y;
  background-color: transparent;
  width: 2px;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left[b-x87wc2dm35] {
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 1;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle[b-x87wc2dm35] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #ffffff;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle.completed[b-x87wc2dm35] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle.completed svg[b-x87wc2dm35] {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle.in-progress[b-x87wc2dm35] {
  border: 2px solid #5c59f0;
  position: relative;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle.in-progress[b-x87wc2dm35]::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #5c59f0;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle.locked[b-x87wc2dm35] {
  background-color: #f1f3f9;
  color: #8a8d9f;
  border: 1px solid #eff0f6;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle.locked svg[b-x87wc2dm35] {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle.future[b-x87wc2dm35] {
  background-color: #fff4eb;
  color: #f08b3b;
  border: 1px solid #eff0f6;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .icon-circle.future svg[b-x87wc2dm35] {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .milestone-info .m-title[b-x87wc2dm35] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-left .milestone-info .m-sub[b-x87wc2dm35] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 4px 0 0 0;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-date[b-x87wc2dm35] {
  font-size: 12px;
  font-weight: 600;
  color: #8a8d9f;
  text-align: right;
  z-index: 1;
}
.goals-body .milestones-section .milestones-timeline-card .milestones-timeline .milestone-item .milestone-date.text-highlight[b-x87wc2dm35] {
  color: #5c59f0;
}
@media (max-width: 850px) {
  .goals-body .courses-header[b-x87wc2dm35] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .goals-body .courses-header .header-search-area[b-x87wc2dm35] {
    width: 100%;
  }
  .goals-body .courses-header .header-search-area .search-box[b-x87wc2dm35] {
    flex: 1;
  }
  .goals-body .courses-header .header-search-area .search-box .search-input[b-x87wc2dm35] {
    width: 100%;
  }
  .goals-body .overview-stats-grid[b-x87wc2dm35] {
    grid-template-columns: repeat(2, 1fr);
  }
  .goals-body .goals-list .goal-card .goal-top[b-x87wc2dm35] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .goals-body .goals-list .goal-card .goal-top .goal-metric[b-x87wc2dm35] {
    text-align: left;
    align-self: flex-start;
    padding-left: 60px;
  }
  .goals-body .milestones-timeline-card .milestones-timeline .milestone-item[b-x87wc2dm35] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .goals-body .milestones-timeline-card .milestones-timeline .milestone-item:not(:last-child)[b-x87wc2dm35]::before {
    bottom: -12px;
  }
  .goals-body .milestones-timeline-card .milestones-timeline .milestone-item .milestone-date[b-x87wc2dm35] {
    align-self: flex-start;
    padding-left: 56px;
  }
}
@media (max-width: 480px) {
  .goals-body[b-x87wc2dm35] {
    padding: 24px 16px;
  }
  .goals-body .overview-stats-grid[b-x87wc2dm35] {
    grid-template-columns: 1fr;
  }
}
/* /Student/MentorChat.razor.rz.scp.css */
.mentor-chat-body[b-xz8cacz8sx] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
  height: 100%;
}
.mentor-chat-body *[b-xz8cacz8sx] {
  box-sizing: border-box;
}
.mentor-chat-body .courses-header[b-xz8cacz8sx] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.mentor-chat-body .courses-header .programs-count[b-xz8cacz8sx] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.mentor-chat-body .courses-header .page-title[b-xz8cacz8sx] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.mentor-chat-body .courses-header .notif-btn[b-xz8cacz8sx] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.mentor-chat-body .chat-participants-row[b-xz8cacz8sx] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mentor-chat-body .chat-participants-row .participant-pill[b-xz8cacz8sx] {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 6px 16px 6px 6px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.mentor-chat-body .chat-participants-row .participant-pill:hover[b-xz8cacz8sx] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.mentor-chat-body .chat-participants-row .participant-pill.active[b-xz8cacz8sx] {
  background-color: #f0efff;
  border-color: #5c59f0;
  color: #5c59f0;
}
.mentor-chat-body .chat-participants-row .participant-pill .participant-avatar[b-xz8cacz8sx] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10.5px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.mentor-chat-body .chat-participants-row .participant-pill .participant-avatar.mentor-avatar-orb-sm[b-xz8cacz8sx] {
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
}
.mentor-chat-body .chat-participants-row .participant-pill .participant-avatar.bg-violet[b-xz8cacz8sx] {
  background-color: #8b5cf6;
}
.mentor-chat-body .chat-participants-row .participant-pill .participant-avatar.bg-blue[b-xz8cacz8sx] {
  background-color: #3b82f6;
}
.mentor-chat-body .chat-participants-row .participant-pill .participant-avatar.bg-green[b-xz8cacz8sx] {
  background-color: #1fad7a;
}
.mentor-chat-body .chat-participants-row .participant-pill .participant-avatar.bg-orange[b-xz8cacz8sx] {
  background-color: #f08b3b;
}
.mentor-chat-body .chat-layout[b-xz8cacz8sx] {
  display: flex;
  gap: 20px;
  flex: 1;
  min-height: 0;
  flex-wrap: wrap;
}
.mentor-chat-body .thread-rail[b-xz8cacz8sx] {
  width: 240px;
  flex-shrink: 0;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  max-height: calc(100vh - 250px);
}
.mentor-chat-body .thread-rail .thread-rail-header[b-xz8cacz8sx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.mentor-chat-body .thread-rail .thread-rail-title[b-xz8cacz8sx] {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a8d9f;
}
.mentor-chat-body .thread-rail .thread-new-btn[b-xz8cacz8sx] {
  border: none;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.mentor-chat-body .thread-rail .thread-new-btn:hover:not(:disabled)[b-xz8cacz8sx] {
  background-color: #e6e4ff;
}
.mentor-chat-body .thread-rail .thread-new-btn:disabled[b-xz8cacz8sx] {
  opacity: 0.5;
  cursor: default;
}
.mentor-chat-body .thread-rail .thread-rail-empty[b-xz8cacz8sx] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 0;
}
.mentor-chat-body .thread-rail .thread-row[b-xz8cacz8sx] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
  border: none;
  background-color: transparent;
  border-radius: 12px;
  padding: 10px 12px;
  cursor: pointer;
  width: 100%;
}
.mentor-chat-body .thread-rail .thread-row:hover:not(:disabled)[b-xz8cacz8sx] {
  background-color: #f7f7fb;
}
.mentor-chat-body .thread-rail .thread-row.active[b-xz8cacz8sx] {
  background-color: #f0efff;
}
.mentor-chat-body .thread-rail .thread-row:disabled[b-xz8cacz8sx] {
  opacity: 0.6;
  cursor: default;
}
.mentor-chat-body .thread-rail .thread-row .thread-row-title[b-xz8cacz8sx] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.mentor-chat-body .thread-rail .thread-row .thread-row-preview[b-xz8cacz8sx] {
  font-size: 12px;
  color: #6e7191;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mentor-chat-body .chat-window-card[b-xz8cacz8sx] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 560px;
  max-height: calc(100vh - 250px);
  overflow: hidden;
  min-width: 440px;
}
.mentor-chat-body .chat-window-card .chat-window-header[b-xz8cacz8sx] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  border-bottom: 1px solid #eff0f6;
}
.mentor-chat-body .chat-window-card .chat-window-header .mentor-avatar-orb[b-xz8cacz8sx] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
}
.mentor-chat-body .chat-window-card .chat-window-header .person-avatar-orb[b-xz8cacz8sx] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.mentor-chat-body .chat-window-card .chat-window-header .person-avatar-orb.bg-violet[b-xz8cacz8sx] {
  background-color: #8b5cf6;
}
.mentor-chat-body .chat-window-card .chat-window-header .person-avatar-orb.bg-blue[b-xz8cacz8sx] {
  background-color: #3b82f6;
}
.mentor-chat-body .chat-window-card .chat-window-header .person-avatar-orb.bg-green[b-xz8cacz8sx] {
  background-color: #1fad7a;
}
.mentor-chat-body .chat-window-card .chat-window-header .person-avatar-orb.bg-orange[b-xz8cacz8sx] {
  background-color: #f08b3b;
}
.mentor-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-name[b-xz8cacz8sx] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.mentor-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status[b-xz8cacz8sx] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 2px 0 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.mentor-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status .status-dot[b-xz8cacz8sx] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.mentor-chat-body .chat-window-card .chat-window-body[b-xz8cacz8sx] {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.mentor-chat-body .chat-window-card .chat-window-body .date-divider[b-xz8cacz8sx] {
  align-self: center;
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  background-color: #f8f9fc;
  padding: 4px 14px;
  border-radius: 12px;
  margin: 10px 0;
}
.mentor-chat-body .chat-window-card .chat-window-body .date-divider:first-child[b-xz8cacz8sx] {
  margin-top: 0;
}
.mentor-chat-body .chat-window-card .chat-window-body .chat-bubble[b-xz8cacz8sx] {
  max-width: 65%;
  padding: 14px 18px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.55;
}
.mentor-chat-body .chat-window-card .chat-window-body .chat-bubble p[b-xz8cacz8sx] {
  margin: 0;
}
.mentor-chat-body .chat-window-card .chat-window-body .chat-bubble.received[b-xz8cacz8sx] {
  background-color: #f0efff;
  color: #1d1e2c;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
.mentor-chat-body .chat-window-card .chat-window-body .chat-bubble.sent[b-xz8cacz8sx] {
  background-color: #1d1e2c;
  color: #ffffff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
.mentor-chat-body .chat-window-card .quick-replies-row[b-xz8cacz8sx] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 24px 16px 24px;
}
.mentor-chat-body .chat-window-card .quick-replies-row .quick-reply-chip[b-xz8cacz8sx] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.mentor-chat-body .chat-window-card .quick-replies-row .quick-reply-chip:hover[b-xz8cacz8sx] {
  background-color: #f0efff;
  border-color: #5c59f0;
  color: #5c59f0;
}
.mentor-chat-body .chat-window-card .chat-window-input-area[b-xz8cacz8sx] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #eff0f6;
  background-color: #fcfcfd;
}
.mentor-chat-body .chat-window-card .chat-window-input-area .chat-window-input[b-xz8cacz8sx] {
  flex: 1;
  min-width: 0;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  padding: 12px 16px;
  font-size: 14px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.mentor-chat-body .chat-window-card .chat-window-input-area .chat-window-input:focus[b-xz8cacz8sx] {
  border-color: #5c59f0;
}
.mentor-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-xz8cacz8sx] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 22px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.2s;
}
.mentor-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn svg[b-xz8cacz8sx] {
  fill: #ffffff;
  flex-shrink: 0;
}
.mentor-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn:hover[b-xz8cacz8sx] {
  background-color: #4b49df;
}
.mentor-chat-body .chat-loading[b-xz8cacz8sx] {
  font-size: 14px;
  color: #8a8d9f;
  margin: auto;
}
.mentor-chat-body .chat-error[b-xz8cacz8sx] {
  margin: 0;
  padding: 10px 24px;
  font-size: 13px;
  color: #f08b3b;
  background-color: #fff8f1;
  border-top: 1px solid #eff0f6;
}
.mentor-chat-body .chat-bubble .chat-media[b-xz8cacz8sx] {
  margin-bottom: 8px;
}
.mentor-chat-body .chat-bubble .chat-media audio[b-xz8cacz8sx],
.mentor-chat-body .chat-bubble .chat-media video[b-xz8cacz8sx] {
  display: block;
  width: 100%;
  max-width: 320px;
  border-radius: 12px;
}
.mentor-chat-body .chat-bubble .chat-untranscribed[b-xz8cacz8sx] {
  font-style: italic;
  opacity: 0.75;
}
.mentor-chat-body .chat-bubble .chat-reply-audio[b-xz8cacz8sx] {
  margin-top: 8px;
}
.mentor-chat-body .chat-bubble .chat-reply-audio audio[b-xz8cacz8sx] {
  display: block;
  width: 100%;
  max-width: 260px;
  height: 32px;
}
.mentor-chat-body .chat-bubble .chat-provenance[b-xz8cacz8sx] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 11px;
  color: #8a8d9f;
  letter-spacing: 0.03em;
}
.mentor-chat-body .chat-bubble .chat-listen-btn[b-xz8cacz8sx] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #8a8d9f;
  font-size: 9px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.mentor-chat-body .chat-bubble .chat-listen-btn:hover:not(:disabled)[b-xz8cacz8sx] {
  background-color: rgba(0, 0, 0, 0.05);
  color: #5c59f0;
}
.mentor-chat-body .chat-bubble .chat-listen-btn.active[b-xz8cacz8sx] {
  background-color: rgba(0, 0, 0, 0.05);
  color: #5c59f0;
}
.mentor-chat-body .chat-bubble .chat-listen-btn:disabled[b-xz8cacz8sx] {
  opacity: 0.4;
  cursor: default;
}
.mentor-chat-body .typing-bubble[b-xz8cacz8sx] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mentor-chat-body .typing-bubble .typing-dot[b-xz8cacz8sx] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8a8d9f;
  animation: mentor-typing-b-xz8cacz8sx 1.2s infinite ease-in-out;
}
.mentor-chat-body .typing-bubble .typing-dot:nth-child(2)[b-xz8cacz8sx] {
  animation-delay: 0.15s;
}
.mentor-chat-body .typing-bubble .typing-dot:nth-child(3)[b-xz8cacz8sx] {
  animation-delay: 0.3s;
}
.mentor-chat-body .pending-clip-row[b-xz8cacz8sx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 24px;
  border-top: 1px solid #eff0f6;
  background-color: #f0efff;
}
.mentor-chat-body .pending-clip-row .pending-clip-label[b-xz8cacz8sx] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
}
.mentor-chat-body .pending-clip-row .pending-clip-discard[b-xz8cacz8sx] {
  border: none;
  background: transparent;
  color: #6e7191;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
.mentor-chat-body .pending-clip-row .pending-clip-discard:disabled[b-xz8cacz8sx] {
  opacity: 0.5;
  cursor: default;
}
.mentor-chat-body .chat-window-input-area .chat-icon-btn[b-xz8cacz8sx] {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #6e7191;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}
.mentor-chat-body .chat-window-input-area .chat-icon-btn:hover:not(:disabled)[b-xz8cacz8sx] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.mentor-chat-body .chat-window-input-area .chat-icon-btn.active[b-xz8cacz8sx] {
  background-color: #fdeaea;
  border-color: #e05353;
  color: #e05353;
}
.mentor-chat-body .chat-window-input-area .chat-icon-btn:disabled[b-xz8cacz8sx] {
  opacity: 0.4;
  cursor: default;
}
.mentor-chat-body .chat-window-input-area .chat-window-input:disabled[b-xz8cacz8sx] {
  background-color: #f7f7fb;
  cursor: default;
}
.mentor-chat-body .chat-window-input-area .chat-window-send-btn:disabled[b-xz8cacz8sx] {
  opacity: 0.6;
  cursor: default;
}
.mentor-chat-body .recording-preview[b-xz8cacz8sx] {
  position: relative;
  padding: 0 24px 16px;
}
.mentor-chat-body .recording-preview video[b-xz8cacz8sx] {
  width: 100%;
  max-width: 280px;
  border-radius: 12px;
  transform: scaleX(-1);
}
.mentor-chat-body .recording-preview .recording-dot[b-xz8cacz8sx] {
  position: absolute;
  top: 10px;
  left: 34px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #e05353;
  animation: mentor-typing-b-xz8cacz8sx 1.2s infinite ease-in-out;
}
@keyframes mentor-typing-b-xz8cacz8sx {
  0%, 60%, 100% {
    opacity: 0.3;
  }
  30% {
    opacity: 1;
  }
}
.mentor-chat-body .insight-panel[b-xz8cacz8sx] {
  flex: 1 1 280px;
  min-width: 280px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  max-height: calc(100vh - 250px);
}
.mentor-chat-body .insight-panel .insight-panel-header[b-xz8cacz8sx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mentor-chat-body .insight-panel .insight-panel-title[b-xz8cacz8sx] {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6e7191;
}
.mentor-chat-body .insight-panel .insight-refresh-btn[b-xz8cacz8sx] {
  background: none;
  border: none;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #5c59f0;
  cursor: pointer;
}
.mentor-chat-body .insight-panel .insight-refresh-btn:hover:not(:disabled)[b-xz8cacz8sx] {
  background-color: #f0efff;
}
.mentor-chat-body .insight-panel .insight-refresh-btn:disabled[b-xz8cacz8sx] {
  color: #8a8d9f;
  cursor: default;
}
.mentor-chat-body .insight-panel .insight-empty[b-xz8cacz8sx] {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #6e7191;
}
.mentor-chat-body .insight-panel .insight-headline[b-xz8cacz8sx] {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  color: #1d1e2c;
}
.mentor-chat-body .insight-panel .insight-caveat[b-xz8cacz8sx] {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background-color: #fff8f0;
  font-size: 12px;
  line-height: 1.5;
  color: #f08b3b;
}
.mentor-chat-body .insight-panel .insight-section[b-xz8cacz8sx] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mentor-chat-body .insight-panel .insight-section-title[b-xz8cacz8sx] {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
}
.mentor-chat-body .insight-panel .insight-gap[b-xz8cacz8sx] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 12px;
  border-left: 3px solid #f0efff;
}
.mentor-chat-body .insight-panel .insight-gap-label[b-xz8cacz8sx] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.mentor-chat-body .insight-panel .insight-gap-tag[b-xz8cacz8sx] {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background-color: #f0efff;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #5c59f0;
  vertical-align: middle;
}
.mentor-chat-body .insight-panel .insight-gap-body[b-xz8cacz8sx] {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #6e7191;
}
.mentor-chat-body .insight-panel .insight-gap-evidence[b-xz8cacz8sx] {
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
  font-style: italic;
  color: #8a8d9f;
}
.mentor-chat-body .insight-panel .insight-questions[b-xz8cacz8sx] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mentor-chat-body .insight-panel .insight-question-chip[b-xz8cacz8sx] {
  text-align: left;
  padding: 10px 12px;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 1.45;
  color: #1d1e2c;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.mentor-chat-body .insight-panel .insight-question-chip:hover:not(:disabled)[b-xz8cacz8sx] {
  background-color: #f0efff;
  border-color: #5c59f0;
}
.mentor-chat-body .insight-panel .insight-question-chip:disabled[b-xz8cacz8sx] {
  color: #8a8d9f;
  cursor: default;
}
.mentor-chat-body .insight-panel .insight-step[b-xz8cacz8sx] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mentor-chat-body .insight-panel .insight-step-label[b-xz8cacz8sx] {
  font-size: 13px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.mentor-chat-body .insight-panel .insight-step-label:hover[b-xz8cacz8sx] {
  text-decoration: underline;
}
.mentor-chat-body .insight-panel .insight-step-body[b-xz8cacz8sx] {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #6e7191;
}
.mentor-chat-body .insight-panel .insight-provenance[b-xz8cacz8sx] {
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid #eff0f6;
  font-size: 11px;
  color: #8a8d9f;
}
@media (max-width: 850px) {
  .mentor-chat-body .chat-layout[b-xz8cacz8sx] {
    flex-direction: column;
  }
  .mentor-chat-body .thread-rail[b-xz8cacz8sx] {
    width: 100%;
    max-height: 180px;
  }
  .mentor-chat-body .insight-panel[b-xz8cacz8sx] {
    flex-basis: 100%;
    min-width: 0;
  }
  .mentor-chat-body .chat-window-card[b-xz8cacz8sx] {
    min-width: 0;
  }
  .mentor-chat-body .courses-header[b-xz8cacz8sx] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .mentor-chat-body .chat-window-card[b-xz8cacz8sx] {
    min-height: 480px;
  }
  .mentor-chat-body .chat-window-card .chat-bubble[b-xz8cacz8sx] {
    max-width: 85%;
  }
  .mentor-chat-body .chat-window-card .chat-window-input-area[b-xz8cacz8sx] {
    flex-wrap: wrap;
  }
  .mentor-chat-body .chat-window-card .chat-window-input-area .chat-window-input[b-xz8cacz8sx] {
    flex: 1 1 100%;
    order: -1;
  }
  .mentor-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-xz8cacz8sx] {
    justify-content: center;
    margin-left: auto;
  }
}
@media (max-width: 480px) {
  .mentor-chat-body[b-xz8cacz8sx] {
    padding: 24px 16px;
  }
}
/* /Student/Pathways.razor.rz.scp.css */
.pathways-body[b-39axqor2ah] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  box-sizing: border-box;
}
.pathways-body *[b-39axqor2ah] {
  box-sizing: border-box;
}
.pathways-body .courses-header[b-39axqor2ah] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.pathways-body .courses-header .programs-count[b-39axqor2ah] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pathways-body .courses-header .page-title[b-39axqor2ah] {
  font-size: 26px;
  font-weight: 800;
  color: #1d1e2c;
  margin: 6px 0 4px 0;
}
.pathways-body .courses-header .page-subtitle[b-39axqor2ah] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.pathways-body .alerts-section .alert-pill[b-39axqor2ah] {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 12px;
}
.pathways-body .alerts-section .alert-pill .orb-icon[b-39axqor2ah] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #5c59f0;
  flex-shrink: 0;
}
.pathways-body .pathways-list[b-39axqor2ah] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pathways-body .pathway-card[b-39axqor2ah] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pathways-body .pathway-card.placeholder-card[b-39axqor2ah] {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.pathways-body .pathway-card.placeholder-card .placeholder-icon-circle[b-39axqor2ah] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pathways-body .pathway-card.placeholder-card .placeholder-details .placeholder-title[b-39axqor2ah] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.pathways-body .pathway-card.placeholder-card .placeholder-details .placeholder-desc[b-39axqor2ah] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.pathways-body .pathway-card .pathway-card-header[b-39axqor2ah] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pathways-body .pathway-card .pathway-card-header .kind-tag[b-39axqor2ah] {
  align-self: flex-start;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
}
.pathways-body .pathway-card .pathway-card-header .kind-tag.tag-program[b-39axqor2ah] {
  background-color: #f0efff;
  color: #5c59f0;
}
.pathways-body .pathway-card .pathway-card-header .kind-tag.tag-pathway[b-39axqor2ah] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.pathways-body .pathway-card .pathway-card-header .pathway-title[b-39axqor2ah] {
  font-size: 18px;
  font-weight: 800;
  color: #1d1e2c;
  margin: 0;
}
.pathways-body .pathway-card .pathway-card-header .pathway-meta[b-39axqor2ah] {
  font-size: 12.5px;
  color: #6e7191;
}
.pathways-body .pathway-card .pathway-course-steps[b-39axqor2ah] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step[b-39axqor2ah] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background-color: #f8f9fc;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-num[b-39axqor2ah] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-title[b-39axqor2ah] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  flex: 1;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status[b-39axqor2ah] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  flex-shrink: 0;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status.step-live[b-39axqor2ah] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status.step-upcoming[b-39axqor2ah] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status.step-archived[b-39axqor2ah], .pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status.step-draft[b-39axqor2ah] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
@media (max-width: 850px) {
  .pathways-body .courses-header[b-39axqor2ah] {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .pathways-body[b-39axqor2ah] {
    padding: 24px 16px;
  }
}
/* /Student/Portrait.razor.rz.scp.css */
.portrait-body[b-e77sqs07pd] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.portrait-body *[b-e77sqs07pd] {
  box-sizing: border-box;
}
.portrait-body .courses-header[b-e77sqs07pd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.portrait-body .courses-header .programs-count[b-e77sqs07pd] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.portrait-body .courses-header .page-title[b-e77sqs07pd] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.portrait-body .courses-header .header-search-area[b-e77sqs07pd] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.portrait-body .courses-header .header-search-area .search-box[b-e77sqs07pd] {
  position: relative;
  display: flex;
  align-items: center;
}
.portrait-body .courses-header .header-search-area .search-box .search-icon[b-e77sqs07pd] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.portrait-body .courses-header .header-search-area .search-box .search-input[b-e77sqs07pd] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.portrait-body .courses-header .header-search-area .search-box .search-input:focus[b-e77sqs07pd] {
  border-color: #5c59f0;
}
.portrait-body .courses-header .header-search-area .notif-btn[b-e77sqs07pd] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.portrait-body .courses-header .header-search-area .notif-btn .notif-dot[b-e77sqs07pd] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.portrait-body .alert-bar[b-e77sqs07pd] {
  background-color: #e8f3ff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.portrait-body .alert-bar .alert-icon-circle[b-e77sqs07pd] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.portrait-body .alert-bar .alert-text[b-e77sqs07pd] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.portrait-body .alert-bar .alert-text strong[b-e77sqs07pd] {
  color: #1d1e2c;
}
.portrait-body .profile-hero-card[b-e77sqs07pd] {
  background-image: url("/image/certificate_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 40px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
.portrait-body .profile-hero-card .profile-left[b-e77sqs07pd] {
  display: flex;
  align-items: center;
  gap: 28px;
}
.portrait-body .profile-hero-card .profile-left .avatar-container[b-e77sqs07pd] {
  width: 80px;
  height: 80px;
  border-radius: 18px;
  overflow: hidden;
  flex-shrink: 0;
}
.portrait-body .profile-hero-card .profile-left .avatar-container .profile-avatar-img[b-e77sqs07pd] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portrait-body .profile-hero-card .profile-left .profile-details[b-e77sqs07pd] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.portrait-body .profile-hero-card .profile-left .profile-details .profile-name[b-e77sqs07pd] {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}
.portrait-body .profile-hero-card .profile-left .profile-details .profile-meta-info[b-e77sqs07pd] {
  font-size: 13.5px;
  opacity: 0.9;
  margin: 0;
}
.portrait-body .profile-hero-card .profile-left .profile-details .badge-row[b-e77sqs07pd] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.portrait-body .profile-hero-card .profile-left .profile-details .badge-row .profile-pill[b-e77sqs07pd] {
  font-size: 12px;
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  padding: 4px 12px;
  white-space: nowrap;
}
.portrait-body .profile-hero-card .profile-left .profile-details .badge-row .profile-pill-link[b-e77sqs07pd] {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.portrait-body .profile-hero-card .profile-left .profile-details .badge-row .profile-pill-link:hover[b-e77sqs07pd] {
  background-color: rgba(255, 255, 255, 0.28);
  border-color: rgba(255, 255, 255, 0.4);
}
.portrait-body .profile-hero-card .profile-right[b-e77sqs07pd] {
  text-align: right;
  flex-shrink: 0;
}
.portrait-body .profile-hero-card .profile-right .percentage-num[b-e77sqs07pd] {
  font-size: 32px;
  font-weight: 700;
  display: block;
}
.portrait-body .profile-hero-card .profile-right .percentage-lbl[b-e77sqs07pd] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  opacity: 0.85;
}
.portrait-body .column-header[b-e77sqs07pd] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.portrait-body .column-header svg[b-e77sqs07pd] {
  flex-shrink: 0;
}
.portrait-body .column-header .column-title[b-e77sqs07pd] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.portrait-body .timeline-columns-grid[b-e77sqs07pd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.portrait-body .timeline-columns-grid .timeline-column-box[b-e77sqs07pd] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.portrait-body .timeline-columns-grid .timeline-column-box .timeline-items[b-e77sqs07pd] {
  display: flex;
  flex-direction: column;
}
.portrait-body .timeline-columns-grid .timeline-column-box .timeline-items .timeline-item[b-e77sqs07pd] {
  position: relative;
  display: flex;
  gap: 16px;
  padding: 16px 0;
}
.portrait-body .timeline-columns-grid .timeline-column-box .timeline-items .timeline-item:not(:last-child)[b-e77sqs07pd]::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 30px;
  bottom: -16px;
  width: 2px;
  background-color: #eff0f6;
}
.portrait-body .timeline-columns-grid .timeline-column-box .timeline-items .timeline-item .bullet-circle[b-e77sqs07pd] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #5c59f0;
  background-color: #ffffff;
  margin-top: 4px;
  flex-shrink: 0;
  z-index: 1;
}
.portrait-body .timeline-columns-grid .timeline-column-box .timeline-items .timeline-item .timeline-details .item-title[b-e77sqs07pd] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.portrait-body .timeline-columns-grid .timeline-column-box .timeline-items .timeline-item .timeline-details .item-sub[b-e77sqs07pd] {
  font-size: 12px;
  color: #6e7191;
  margin: 0;
}
.portrait-body .timeline-empty[b-e77sqs07pd] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 14px;
  text-align: center;
}
.portrait-body .specialization-card[b-e77sqs07pd] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.portrait-body .specialization-card .chips-row[b-e77sqs07pd] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.portrait-body .specialization-card .chips-row .special-chip[b-e77sqs07pd] {
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  color: #6e7191;
  border-radius: 20px;
}
.portrait-body .performance-metrics-grid[b-e77sqs07pd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.portrait-body .performance-metrics-grid .metric-block-card[b-e77sqs07pd] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list[b-e77sqs07pd] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row[b-e77sqs07pd] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row .indicator-labels[b-e77sqs07pd] {
  display: flex;
  justify-content: space-between;
  font-size: 13.5px;
  font-weight: 600;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row .indicator-labels .lbl-name[b-e77sqs07pd] {
  color: #1d1e2c;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row .indicator-labels .lbl-val.text-purple[b-e77sqs07pd] {
  color: #5c59f0;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row .indicator-labels .lbl-val.text-orange[b-e77sqs07pd] {
  color: #f08b3b;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row .progress-bar-bg[b-e77sqs07pd] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row .progress-bar-bg .progress-bar-fill[b-e77sqs07pd] {
  height: 100%;
  border-radius: 3px;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row .progress-bar-bg .progress-bar-fill.bg-purple[b-e77sqs07pd] {
  background-color: #5c59f0;
}
.portrait-body .performance-metrics-grid .metric-block-card .indicators-list .indicator-row .progress-bar-bg .progress-bar-fill.bg-orange[b-e77sqs07pd] {
  background-color: #f08b3b;
}
@media (max-width: 850px) {
  .portrait-body .courses-header[b-e77sqs07pd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .portrait-body .courses-header .header-search-area[b-e77sqs07pd] {
    width: 100%;
  }
  .portrait-body .courses-header .header-search-area .search-box[b-e77sqs07pd] {
    flex: 1;
  }
  .portrait-body .courses-header .header-search-area .search-box .search-input[b-e77sqs07pd] {
    width: 100%;
  }
  .portrait-body .alert-bar[b-e77sqs07pd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .portrait-body .profile-hero-card[b-e77sqs07pd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 28px;
  }
  .portrait-body .profile-hero-card .profile-right[b-e77sqs07pd] {
    text-align: left;
  }
  .portrait-body .timeline-columns-grid[b-e77sqs07pd],
  .portrait-body .performance-metrics-grid[b-e77sqs07pd] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 480px) {
  .portrait-body[b-e77sqs07pd] {
    padding: 24px 16px;
  }
  .portrait-body .profile-hero-card .profile-left[b-e77sqs07pd] {
    flex-direction: column;
    align-items: flex-start;
  }
}
.portrait-body .portrait-summary-card[b-e77sqs07pd] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.portrait-body .portrait-summary-card .portrait-summary-text[b-e77sqs07pd] {
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.7;
  margin: 0;
  max-width: 78ch;
}
.portrait-body .portrait-summary-card .portrait-summary-foot[b-e77sqs07pd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-top: 1px solid #eff0f6;
  padding-top: 14px;
  flex-wrap: wrap;
}
.portrait-body .portrait-summary-card .portrait-summary-foot .portrait-origin[b-e77sqs07pd] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.portrait-body .portrait-summary-card .portrait-summary-foot .portrait-refresh[b-e77sqs07pd] {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #5c59f0;
  background-color: #ffffff;
  border: 1px solid #5c59f0;
  border-radius: 10px;
  padding: 8px 14px;
  cursor: pointer;
}
.portrait-body .portrait-summary-card .portrait-summary-foot .portrait-refresh:disabled[b-e77sqs07pd] {
  opacity: 0.55;
  cursor: default;
}
/* /Student/Settings.razor.rz.scp.css */
.student-settings-body[b-up1zmafdb6] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.student-settings-body *[b-up1zmafdb6] {
  box-sizing: border-box;
}
.student-settings-body .courses-header .programs-count[b-up1zmafdb6] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.student-settings-body .courses-header .page-title[b-up1zmafdb6] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.student-settings-body .courses-header .page-subtitle[b-up1zmafdb6] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 600px;
}
.student-settings-body .settings-split-grid[b-up1zmafdb6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}
.student-settings-body .settings-split-grid .settings-column-stack[b-up1zmafdb6] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.student-settings-body .settings-split-grid .settings-card-box[b-up1zmafdb6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.student-settings-body .settings-split-grid .settings-card-box .card-box-title[b-up1zmafdb6] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 20px 0;
}
.student-settings-body .settings-split-grid .settings-card-box .box-header-row[b-up1zmafdb6] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  color: #5c59f0;
}
.student-settings-body .settings-split-grid .settings-card-box .box-header-row svg[b-up1zmafdb6] {
  flex-shrink: 0;
}
.student-settings-body .settings-split-grid .settings-card-box .box-header-row .card-box-title[b-up1zmafdb6] {
  margin: 0;
}
.student-settings-body .settings-split-grid .settings-card-box .format-sub-desc[b-up1zmafdb6] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0 0 16px 0;
}
.student-settings-body .profile-summary-header[b-up1zmafdb6] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.student-settings-body .profile-summary-header .profile-avatar[b-up1zmafdb6] {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  object-fit: cover;
}
.student-settings-body .profile-summary-header .profile-avatar.bg-orange[b-up1zmafdb6] {
  background-color: #f08b3b;
}
.student-settings-body .profile-summary-header .profile-text .profile-name[b-up1zmafdb6] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.student-settings-body .profile-summary-header .profile-text .profile-role[b-up1zmafdb6] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.student-settings-body .btn-logout[b-up1zmafdb6] {
  width: 100%;
  background-color: #fff4eb;
  color: #e11d48;
  border: 1px solid rgba(225, 29, 72, 0.1);
  border-radius: 12px;
  padding: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s, color 0.2s;
}
.student-settings-body .btn-logout svg[b-up1zmafdb6] {
  flex-shrink: 0;
}
.student-settings-body .btn-logout:hover[b-up1zmafdb6] {
  background-color: #ffe4e6;
}
.student-settings-body .toggles-list[b-up1zmafdb6] {
  display: flex;
  flex-direction: column;
}
.student-settings-body .toggles-list .toggle-row[b-up1zmafdb6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 20px;
}
.student-settings-body .toggles-list .toggle-row:first-child[b-up1zmafdb6] {
  padding-top: 0;
}
.student-settings-body .toggles-list .toggle-row:last-child[b-up1zmafdb6] {
  border-bottom: none;
  padding-bottom: 0;
}
.student-settings-body .toggles-list .toggle-row .toggle-text[b-up1zmafdb6] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.student-settings-body .toggles-list .toggle-row .toggle-text .toggle-lbl[b-up1zmafdb6] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.student-settings-body .toggles-list .toggle-row .toggle-text .toggle-sub[b-up1zmafdb6] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}
.student-settings-body .toggles-list .toggle-row .switch[b-up1zmafdb6] {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background-color: #eff0f6;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.student-settings-body .toggles-list .toggle-row .switch[b-up1zmafdb6]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s;
}
.student-settings-body .toggles-list .toggle-row .switch.on[b-up1zmafdb6] {
  background-color: #5c59f0;
}
.student-settings-body .toggles-list .toggle-row .switch.on[b-up1zmafdb6]::after {
  transform: translateX(20px);
}
.student-settings-body .preferences-save-row[b-up1zmafdb6] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.student-settings-body .preferences-save-row .preferences-status[b-up1zmafdb6] {
  font-size: 12px;
  color: #6e7191;
}
.student-settings-body .preferences-save-row .btn-save-preferences[b-up1zmafdb6] {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #ffffff;
  background-color: #5c59f0;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 9px 15px;
  cursor: pointer;
}
.student-settings-body .preferences-save-row .btn-save-preferences:disabled[b-up1zmafdb6] {
  opacity: 0.55;
  cursor: default;
}
.student-settings-body .format-pills[b-up1zmafdb6] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.student-settings-body .format-pills .format-pill[b-up1zmafdb6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: all 0.2s;
}
.student-settings-body .format-pills .format-pill.active[b-up1zmafdb6] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.student-settings-body .format-pills .format-pill:hover:not(.active)[b-up1zmafdb6] {
  background-color: #f0efff;
  color: #5c59f0;
}
.student-settings-body .logout-overlay[b-up1zmafdb6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2500;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-up1zmafdb6 0.2s ease-out;
}
.student-settings-body .logout-overlay .logout-spinner-card[b-up1zmafdb6] {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  width: 100%;
  max-width: 380px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border: 1px solid #eff0f6;
}
.student-settings-body .logout-overlay .logout-spinner-card .spinner[b-up1zmafdb6] {
  width: 36px;
  height: 36px;
  border: 4px solid #eff0f6;
  border-top-color: #5c59f0;
  border-radius: 50%;
  animation: spin-b-up1zmafdb6 0.8s linear infinite;
}
.student-settings-body .logout-overlay .logout-spinner-card h3[b-up1zmafdb6] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.student-settings-body .logout-overlay .logout-spinner-card p[b-up1zmafdb6] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
@media (max-width: 850px) {
  .student-settings-body .settings-split-grid[b-up1zmafdb6] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 480px) {
  .student-settings-body[b-up1zmafdb6] {
    padding: 24px 16px;
  }
  .student-settings-body .logout-overlay .logout-spinner-card[b-up1zmafdb6] {
    max-width: 90%;
    padding: 32px 20px;
  }
}

@keyframes fadeIn-b-up1zmafdb6 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spin-b-up1zmafdb6 {
  to {
    transform: rotate(360deg);
  }
}
/* /Student/TeacherMessages.razor.rz.scp.css */
.teacher-messages-body[b-e4hpzxjn08] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
  height: 100%;
}
.teacher-messages-body *[b-e4hpzxjn08] {
  box-sizing: border-box;
}
.teacher-messages-body .courses-header[b-e4hpzxjn08] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.teacher-messages-body .courses-header .breadcrumbs[b-e4hpzxjn08] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.teacher-messages-body .courses-header .breadcrumbs a[b-e4hpzxjn08] {
  text-decoration: none;
  color: #5c59f0;
}
.teacher-messages-body .courses-header .breadcrumbs a:hover[b-e4hpzxjn08] {
  text-decoration: underline;
}
.teacher-messages-body .courses-header .page-title[b-e4hpzxjn08] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.teacher-messages-body .courses-header .notif-btn[b-e4hpzxjn08] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.teacher-messages-body .chat-window-card[b-e4hpzxjn08] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 560px;
  overflow: hidden;
}
.teacher-messages-body .chat-window-card .chat-window-header[b-e4hpzxjn08] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  border-bottom: 1px solid #eff0f6;
}
.teacher-messages-body .chat-window-card .chat-window-header .student-avatar-orb[b-e4hpzxjn08] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.teacher-messages-body .chat-window-card .chat-window-header .student-avatar-orb.bg-orange[b-e4hpzxjn08] {
  background-color: #f08b3b;
}
.teacher-messages-body .chat-window-card .chat-window-header .student-avatar-orb.bg-purple[b-e4hpzxjn08] {
  background-color: #8b5cf6;
}
.teacher-messages-body .chat-window-card .chat-window-header .student-avatar-orb.bg-green[b-e4hpzxjn08] {
  background-color: #1fad7a;
}
.teacher-messages-body .chat-window-card .chat-window-header .student-avatar-orb.bg-blue[b-e4hpzxjn08] {
  background-color: #3b82f6;
}
.teacher-messages-body .chat-window-card .chat-window-header .mentor-header-info .mentor-name[b-e4hpzxjn08] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teacher-messages-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status[b-e4hpzxjn08] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 2px 0 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.teacher-messages-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status .status-dot[b-e4hpzxjn08] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.teacher-messages-body .chat-window-card .chat-window-body[b-e4hpzxjn08] {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.teacher-messages-body .chat-window-card .chat-window-body .date-divider[b-e4hpzxjn08] {
  align-self: center;
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  background-color: #f8f9fc;
  padding: 4px 14px;
  border-radius: 12px;
  margin: 10px 0;
}
.teacher-messages-body .chat-window-card .chat-window-body .date-divider:first-child[b-e4hpzxjn08] {
  margin-top: 0;
}
.teacher-messages-body .chat-window-card .chat-window-body .chat-bubble[b-e4hpzxjn08] {
  max-width: 65%;
  padding: 14px 18px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.55;
}
.teacher-messages-body .chat-window-card .chat-window-body .chat-bubble p[b-e4hpzxjn08] {
  margin: 0;
}
.teacher-messages-body .chat-window-card .chat-window-body .chat-bubble.received[b-e4hpzxjn08] {
  background-color: #f0efff;
  color: #1d1e2c;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
.teacher-messages-body .chat-window-card .chat-window-body .chat-bubble.sent[b-e4hpzxjn08] {
  background-color: #1d1e2c;
  color: #ffffff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
.teacher-messages-body .chat-window-card .quick-replies-row[b-e4hpzxjn08] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 24px 16px 24px;
}
.teacher-messages-body .chat-window-card .quick-replies-row .quick-reply-chip[b-e4hpzxjn08] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.teacher-messages-body .chat-window-card .quick-replies-row .quick-reply-chip:hover[b-e4hpzxjn08] {
  background-color: #f0efff;
  border-color: #5c59f0;
  color: #5c59f0;
}
.teacher-messages-body .chat-window-card .chat-window-input-area[b-e4hpzxjn08] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #eff0f6;
  background-color: #fcfcfd;
}
.teacher-messages-body .chat-window-card .chat-window-input-area .chat-window-input[b-e4hpzxjn08] {
  flex: 1;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  padding: 12px 16px;
  font-size: 14px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.teacher-messages-body .chat-window-card .chat-window-input-area .chat-window-input:focus[b-e4hpzxjn08] {
  border-color: #5c59f0;
}
.teacher-messages-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-e4hpzxjn08] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 22px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.teacher-messages-body .chat-window-card .chat-window-input-area .chat-window-send-btn svg[b-e4hpzxjn08] {
  fill: #ffffff;
  flex-shrink: 0;
}
.teacher-messages-body .chat-window-card .chat-window-input-area .chat-window-send-btn:hover[b-e4hpzxjn08] {
  background-color: #4b49df;
}

@media (max-width: 850px) {
  .teacher-messages-body .courses-header[b-e4hpzxjn08] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .teacher-messages-body .chat-window-card[b-e4hpzxjn08] {
    min-height: 480px;
  }
  .teacher-messages-body .chat-window-card .chat-bubble[b-e4hpzxjn08] {
    max-width: 85%;
  }
  .teacher-messages-body .chat-window-card .chat-window-input-area[b-e4hpzxjn08] {
    flex-direction: column;
    align-items: stretch;
  }
  .teacher-messages-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-e4hpzxjn08] {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .teacher-messages-body[b-e4hpzxjn08] {
    padding: 24px 16px;
  }
}
.teacher-messages-body .contact-row[b-e4hpzxjn08] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.teacher-messages-body .contact-chip[b-e4hpzxjn08] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 6px 14px 6px 6px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
}
.teacher-messages-body .contact-chip.active[b-e4hpzxjn08] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.teacher-messages-body .contact-chip .contact-orb[b-e4hpzxjn08] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #ffffff;
  background-color: #5c59f0;
}
.teacher-messages-body .contact-chip .contact-orb.bg-orange[b-e4hpzxjn08] {
  background-color: #f08b3b;
}
.teacher-messages-body .contact-chip .contact-orb.bg-purple[b-e4hpzxjn08] {
  background-color: #8b5cf6;
}
.teacher-messages-body .contact-chip .contact-orb.bg-green[b-e4hpzxjn08] {
  background-color: #1fad7a;
}
.teacher-messages-body .contact-chip .contact-orb.bg-blue[b-e4hpzxjn08] {
  background-color: #3b82f6;
}
.teacher-messages-body .contact-chip .unread[b-e4hpzxjn08] {
  background-color: #5c59f0;
  color: #ffffff;
  border-radius: 10px;
  padding: 1px 7px;
  font-size: 11px;
}
/* /Teacher/AvatarStudio.razor.rz.scp.css */
.avatar-studio-body[b-3pea9tjynk] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.avatar-studio-body *[b-3pea9tjynk] {
  box-sizing: border-box;
}
.avatar-studio-body .courses-header[b-3pea9tjynk] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.avatar-studio-body .courses-header .programs-count[b-3pea9tjynk] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.avatar-studio-body .courses-header .page-title[b-3pea9tjynk] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.avatar-studio-body .courses-header .page-subtitle[b-3pea9tjynk] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 640px;
}
.avatar-studio-body .courses-header .notif-btn[b-3pea9tjynk] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
  flex-shrink: 0;
}
.avatar-studio-body .courses-header .notif-btn .notif-dot[b-3pea9tjynk] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.avatar-studio-body .readiness-hero[b-3pea9tjynk] {
  background: linear-gradient(135deg, #2b286c, #4b49df);
  border-radius: 24px;
  padding: 40px;
  display: flex;
  align-items: center;
  gap: 40px;
  color: #ffffff;
}
.avatar-studio-body .readiness-hero .readiness-ring-wrapper[b-3pea9tjynk] {
  position: relative;
  width: 140px;
  height: 140px;
  flex-shrink: 0;
}
.avatar-studio-body .readiness-hero .readiness-ring-wrapper .readiness-ring[b-3pea9tjynk] {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.avatar-studio-body .readiness-hero .readiness-ring-wrapper .readiness-ring circle[b-3pea9tjynk] {
  fill: none;
  stroke-width: 8;
}
.avatar-studio-body .readiness-hero .readiness-ring-wrapper .readiness-ring .ring-bg[b-3pea9tjynk] {
  stroke: rgba(255, 255, 255, 0.15);
}
.avatar-studio-body .readiness-hero .readiness-ring-wrapper .readiness-ring .ring-fill[b-3pea9tjynk] {
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-dasharray: 263.9;
  transition: stroke-dashoffset 0.4s ease;
}
.avatar-studio-body .readiness-hero .readiness-ring-wrapper .ring-center[b-3pea9tjynk] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.avatar-studio-body .readiness-hero .readiness-ring-wrapper .ring-center .ring-percent[b-3pea9tjynk] {
  font-size: 26px;
  font-weight: 700;
}
.avatar-studio-body .readiness-hero .readiness-ring-wrapper .ring-center .ring-label[b-3pea9tjynk] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: 0.8;
}
.avatar-studio-body .readiness-hero .readiness-text .readiness-title[b-3pea9tjynk] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.avatar-studio-body .readiness-hero .readiness-text .readiness-desc[b-3pea9tjynk] {
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.9;
  margin: 0 0 16px 0;
  max-width: 620px;
}
.avatar-studio-body .readiness-hero .readiness-text .readiness-avatar-chip[b-3pea9tjynk] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 500;
}
.avatar-studio-body .readiness-hero .readiness-text .readiness-avatar-chip .chip-orb[b-3pea9tjynk] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
  flex-shrink: 0;
}
.avatar-studio-body .suggestions-section[b-3pea9tjynk] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.avatar-studio-body .suggestions-section .section-title[b-3pea9tjynk] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.avatar-studio-body .suggestions-section .suggestions-grid[b-3pea9tjynk] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card[b-3pea9tjynk] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card.done[b-3pea9tjynk] {
  background-color: #e8f8f2;
  border-color: transparent;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .icon-circle[b-3pea9tjynk] {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .icon-circle.bg-orange[b-3pea9tjynk] {
  background-color: #f08b3b;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .icon-circle.bg-blue[b-3pea9tjynk] {
  background-color: #3b82f6;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .icon-circle.bg-purple[b-3pea9tjynk] {
  background-color: #5c59f0;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .suggestion-title[b-3pea9tjynk] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .suggestion-desc[b-3pea9tjynk] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .suggestion-btn[b-3pea9tjynk] {
  background-color: #f0efff;
  color: #5c59f0;
  border: none;
  border-radius: 10px;
  padding: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .suggestion-btn:hover:not(:disabled)[b-3pea9tjynk] {
  background-color: #e2e0fc;
}
.avatar-studio-body .suggestions-section .suggestions-grid .suggestion-card .suggestion-btn:disabled[b-3pea9tjynk] {
  background-color: transparent;
  color: #1fad7a;
  cursor: default;
}
.avatar-studio-body .sources-section[b-3pea9tjynk] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.avatar-studio-body .sources-section .section-title[b-3pea9tjynk] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.avatar-studio-body .sources-section .sources-grid[b-3pea9tjynk] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.avatar-studio-body .sources-section .sources-grid .source-card[b-3pea9tjynk] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.avatar-studio-body .sources-section .sources-grid .source-card .source-top[b-3pea9tjynk] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.avatar-studio-body .sources-section .sources-grid .source-card .source-top .source-name[b-3pea9tjynk] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.avatar-studio-body .sources-section .sources-grid .source-card .source-top .source-count[b-3pea9tjynk] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.avatar-studio-body .sources-section .sources-grid .source-card .progress-bar-bg[b-3pea9tjynk] {
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.avatar-studio-body .sources-section .sources-grid .source-card .progress-bar-bg .progress-bar-fill[b-3pea9tjynk] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.avatar-studio-body .presenter-previews[b-3pea9tjynk] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.avatar-studio-body .presenter-previews figure[b-3pea9tjynk] {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.avatar-studio-body .presenter-previews video[b-3pea9tjynk], .avatar-studio-body .presenter-previews img[b-3pea9tjynk] {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 16px;
  background-color: #f0efff;
}
.avatar-studio-body .presenter-voice[b-3pea9tjynk] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eff0f6;
}
.avatar-studio-body .presenter-voice .presenter-voice-head[b-3pea9tjynk] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
}
.avatar-studio-body .presenter-voice .presenter-voice-title[b-3pea9tjynk] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.avatar-studio-body .presenter-voice .presenter-voice-controls[b-3pea9tjynk] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.avatar-studio-body .presenter-voice .presenter-voice-mute[b-3pea9tjynk] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 10px;
  background-color: #f0efff;
  color: #5c59f0;
  cursor: pointer;
  transition: background-color 0.2s;
}
.avatar-studio-body .presenter-voice .presenter-voice-mute:hover[b-3pea9tjynk] {
  background-color: #e2e0fc;
}
.avatar-studio-body .presenter-voice .presenter-voice-volume[b-3pea9tjynk] {
  flex: 1 1 160px;
  max-width: 320px;
  accent-color: #5c59f0;
  cursor: pointer;
}
.avatar-studio-body .presenter-voice .presenter-voice-level[b-3pea9tjynk] {
  min-width: 40px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
}
.avatar-studio-body .model-section[b-3pea9tjynk] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  scroll-margin-top: 24px;
}
.avatar-studio-body .model-section .model-head[b-3pea9tjynk] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.avatar-studio-body .model-section .section-title[b-3pea9tjynk] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.avatar-studio-body .model-section .model-message[b-3pea9tjynk] {
  margin: 0;
  font-size: 13px;
  color: #6e7191;
}
.avatar-studio-body .model-section .model-btn[b-3pea9tjynk] {
  background-color: #f0efff;
  color: #5c59f0;
  border: none;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.avatar-studio-body .model-section .model-btn:hover:not(:disabled)[b-3pea9tjynk] {
  background-color: #e2e0fc;
}
.avatar-studio-body .model-section .model-btn.primary[b-3pea9tjynk] {
  background-color: #5c59f0;
  color: #ffffff;
}
.avatar-studio-body .model-section .model-btn.primary:hover:not(:disabled)[b-3pea9tjynk] {
  background-color: #4b48d8;
}
.avatar-studio-body .model-section .model-btn:disabled[b-3pea9tjynk] {
  opacity: 0.6;
  cursor: default;
}
.avatar-studio-body .model-section .model-card[b-3pea9tjynk] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.avatar-studio-body .model-section .model-card.empty[b-3pea9tjynk] {
  align-items: flex-start;
}
.avatar-studio-body .model-section .model-card .model-meta[b-3pea9tjynk] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.avatar-studio-body .model-section .model-card .model-meta .model-version[b-3pea9tjynk] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
}
.avatar-studio-body .model-section .model-card .model-meta .model-detail[b-3pea9tjynk] {
  font-size: 12px;
  color: #8a8d9f;
}
.avatar-studio-body .model-section .model-card .model-desc[b-3pea9tjynk] {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: #6e7191;
}
.avatar-studio-body .model-section .model-card .model-sources[b-3pea9tjynk] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.avatar-studio-body .model-section .model-card .model-sources .model-source[b-3pea9tjynk] {
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.avatar-studio-body .model-section .model-card .model-sources .model-source .source-top[b-3pea9tjynk] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.avatar-studio-body .model-section .model-card .model-sources .model-source .source-top .source-name[b-3pea9tjynk] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.avatar-studio-body .model-section .model-card .model-sources .model-source .source-top .source-count[b-3pea9tjynk] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.avatar-studio-body .model-section .model-card .model-sources .model-source .model-digest[b-3pea9tjynk] {
  font-size: 12.5px;
  color: #6e7191;
}
.avatar-studio-body .model-section .model-card .model-sources .model-source .model-digest summary[b-3pea9tjynk] {
  cursor: pointer;
  color: #5c59f0;
  font-weight: 600;
}
.avatar-studio-body .model-section .model-card .model-sources .model-source .model-digest p[b-3pea9tjynk] {
  margin: 8px 0 0;
  line-height: 1.5;
  white-space: pre-line;
}
.avatar-studio-body .model-section .model-card .model-sources .model-source .model-btn[b-3pea9tjynk] {
  margin-top: auto;
}
.avatar-studio-body .model-section .model-status[b-3pea9tjynk] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  background-color: #eff0f6;
  color: #6e7191;
}
.avatar-studio-body .model-section .model-status.ok[b-3pea9tjynk] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.avatar-studio-body .model-section .model-status.failed[b-3pea9tjynk] {
  color: #f08b3b;
}
.avatar-studio-body .model-section .table-container[b-3pea9tjynk] {
  width: 100%;
  overflow-x: auto;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
}
.avatar-studio-body .model-section .table-container .versions-table[b-3pea9tjynk] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 13px;
  color: #1d1e2c;
}
.avatar-studio-body .model-section .table-container .versions-table thead[b-3pea9tjynk] {
  border-bottom: 1px solid #eff0f6;
}
.avatar-studio-body .model-section .table-container .versions-table thead th[b-3pea9tjynk] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.avatar-studio-body .model-section .table-container .versions-table tbody tr[b-3pea9tjynk] {
  border-bottom: 1px solid #eff0f6;
}
.avatar-studio-body .model-section .table-container .versions-table tbody tr:last-child[b-3pea9tjynk] {
  border-bottom: none;
}
.avatar-studio-body .model-section .table-container .versions-table tbody tr td[b-3pea9tjynk] {
  padding: 14px 16px;
  vertical-align: middle;
}
.avatar-studio-body .model-section .co-avatar-form[b-3pea9tjynk] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.avatar-studio-body .model-section .co-avatar-form select[b-3pea9tjynk],
.avatar-studio-body .model-section .co-avatar-form input[b-3pea9tjynk] {
  padding: 10px 14px;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #ffffff;
  outline: none;
}
.avatar-studio-body .model-section .co-avatar-form select:focus[b-3pea9tjynk],
.avatar-studio-body .model-section .co-avatar-form input:focus[b-3pea9tjynk] {
  border-color: #5c59f0;
}
.avatar-studio-body .model-section .co-avatar-form input[b-3pea9tjynk] {
  flex: 1;
  min-width: 200px;
}
.avatar-studio-body .avatar-callout[b-3pea9tjynk] {
  background-color: #f0efff;
  border-radius: 20px;
  padding: 28px 32px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.avatar-studio-body .avatar-callout .callout-orb[b-3pea9tjynk] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
}
.avatar-studio-body .avatar-callout .callout-text[b-3pea9tjynk] {
  font-size: 14.5px;
  line-height: 1.6;
  color: #1d1e2c;
  margin: 0;
  font-style: italic;
}
@media (max-width: 950px) {
  .avatar-studio-body .suggestions-grid[b-3pea9tjynk] {
    grid-template-columns: 1fr !important;
  }
  .avatar-studio-body .sources-grid[b-3pea9tjynk],
  .avatar-studio-body .model-sources[b-3pea9tjynk] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 850px) {
  .avatar-studio-body .courses-header[b-3pea9tjynk] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .avatar-studio-body .readiness-hero[b-3pea9tjynk] {
    flex-direction: column;
    text-align: center;
    padding: 32px 24px;
  }
  .avatar-studio-body .readiness-hero .readiness-text .readiness-avatar-chip[b-3pea9tjynk] {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .avatar-studio-body[b-3pea9tjynk] {
    padding: 24px 16px;
  }
  .avatar-studio-body .sources-grid[b-3pea9tjynk],
  .avatar-studio-body .model-sources[b-3pea9tjynk] {
    grid-template-columns: 1fr !important;
  }
}
/* /Teacher/Chat.razor.rz.scp.css */
.teacher-chat-body[b-zn6zoceu52] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
  height: 100%;
}
.teacher-chat-body *[b-zn6zoceu52] {
  box-sizing: border-box;
}
.teacher-chat-body .courses-header[b-zn6zoceu52] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.teacher-chat-body .courses-header .programs-count[b-zn6zoceu52] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.teacher-chat-body .courses-header .page-title[b-zn6zoceu52] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.teacher-chat-body .courses-header .page-subtitle[b-zn6zoceu52] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 560px;
}
.teacher-chat-body .courses-header .notif-btn[b-zn6zoceu52] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
  flex-shrink: 0;
}
.teacher-chat-body .courses-header .notif-btn .notif-dot[b-zn6zoceu52] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #e11d48;
  border-radius: 50%;
}
.teacher-chat-body .teacher-chat-split[b-zn6zoceu52] {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 24px;
  flex: 1;
  min-height: 0;
}
.teacher-chat-body .conversation-list[b-zn6zoceu52] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
}
.teacher-chat-body .conversation-list .list-group-label[b-zn6zoceu52] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin: 16px 8px 6px 8px;
}
.teacher-chat-body .conversation-list .list-group-label:first-child[b-zn6zoceu52] {
  margin-top: 4px;
}
.teacher-chat-body .conversation-list .conversation-row[b-zn6zoceu52] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 14px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: background-color 0.15s ease;
}
.teacher-chat-body .conversation-list .conversation-row:hover[b-zn6zoceu52] {
  background-color: #fcfcfd;
}
.teacher-chat-body .conversation-list .conversation-row.active[b-zn6zoceu52] {
  background-color: #f0efff;
}
.teacher-chat-body .conversation-list .conversation-row .row-avatar[b-zn6zoceu52] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.teacher-chat-body .conversation-list .conversation-row .row-avatar.mentor-avatar-orb-sm[b-zn6zoceu52] {
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
}
.teacher-chat-body .conversation-list .conversation-row .row-avatar.bg-violet[b-zn6zoceu52] {
  background-color: #8b5cf6;
}
.teacher-chat-body .conversation-list .conversation-row .row-avatar.bg-blue[b-zn6zoceu52] {
  background-color: #3b82f6;
}
.teacher-chat-body .conversation-list .conversation-row .row-avatar.bg-green[b-zn6zoceu52] {
  background-color: #1fad7a;
}
.teacher-chat-body .conversation-list .conversation-row .row-avatar.bg-orange[b-zn6zoceu52] {
  background-color: #f08b3b;
}
.teacher-chat-body .conversation-list .conversation-row .row-avatar.bg-purple[b-zn6zoceu52] {
  background-color: #5c59f0;
}
.teacher-chat-body .conversation-list .conversation-row .unread[b-zn6zoceu52] {
  margin-left: auto;
  background-color: #5c59f0;
  color: #ffffff;
  border-radius: 10px;
  padding: 1px 7px;
  font-size: 11px;
}
.teacher-chat-body .conversation-list .conversation-row .row-text[b-zn6zoceu52] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.teacher-chat-body .conversation-list .conversation-row .row-text .row-name[b-zn6zoceu52] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teacher-chat-body .conversation-list .conversation-row .row-text .row-sub[b-zn6zoceu52] {
  font-size: 11.5px;
  color: #6e7191;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teacher-chat-body .conversation-list .conversation-row .row-text .row-sub .status-dot[b-zn6zoceu52] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #8a8d9f;
}
.teacher-chat-body .conversation-list .conversation-row .row-text .row-sub .status-dot.online[b-zn6zoceu52] {
  background-color: #1fad7a;
}
.teacher-chat-body .conversation-list .conversation-row .row-text .row-sub .status-dot.at-risk[b-zn6zoceu52] {
  background-color: #e11d48;
}
.teacher-chat-body .conversation-list .conversation-row .row-text .row-sub .status-dot.watch[b-zn6zoceu52] {
  background-color: #f08b3b;
}
.teacher-chat-body .conversation-list .conversation-row .row-text .row-sub .status-dot.thriving[b-zn6zoceu52] {
  background-color: #1fad7a;
}
.teacher-chat-body .conversation-list .conversation-row .row-text .row-sub .status-dot.steady[b-zn6zoceu52] {
  background-color: #3b82f6;
}
.teacher-chat-body .chat-window-card[b-zn6zoceu52] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 560px;
  overflow: hidden;
}
.teacher-chat-body .chat-window-card .chat-window-header[b-zn6zoceu52] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  border-bottom: 1px solid #eff0f6;
}
.teacher-chat-body .chat-window-card .chat-window-header .mentor-avatar-orb[b-zn6zoceu52] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
}
.teacher-chat-body .chat-window-card .chat-window-header .person-avatar-orb[b-zn6zoceu52] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.teacher-chat-body .chat-window-card .chat-window-header .person-avatar-orb.bg-blue[b-zn6zoceu52] {
  background-color: #3b82f6;
}
.teacher-chat-body .chat-window-card .chat-window-header .person-avatar-orb.bg-orange[b-zn6zoceu52] {
  background-color: #f08b3b;
}
.teacher-chat-body .chat-window-card .chat-window-header .person-avatar-orb.bg-purple[b-zn6zoceu52] {
  background-color: #5c59f0;
}
.teacher-chat-body .chat-window-card .chat-window-header .person-avatar-orb.bg-green[b-zn6zoceu52] {
  background-color: #1fad7a;
}
.teacher-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-name[b-zn6zoceu52] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teacher-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status[b-zn6zoceu52] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 2px 0 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.teacher-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status .status-dot[b-zn6zoceu52] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.teacher-chat-body .chat-window-card .chat-window-body[b-zn6zoceu52] {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.teacher-chat-body .chat-window-card .chat-window-body .date-divider[b-zn6zoceu52] {
  align-self: center;
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  background-color: #f8f9fc;
  padding: 4px 14px;
  border-radius: 12px;
  margin: 10px 0;
}
.teacher-chat-body .chat-window-card .chat-window-body .date-divider:first-child[b-zn6zoceu52] {
  margin-top: 0;
}
.teacher-chat-body .chat-window-card .chat-window-body .chat-bubble[b-zn6zoceu52] {
  max-width: 65%;
  padding: 14px 18px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.55;
}
.teacher-chat-body .chat-window-card .chat-window-body .chat-bubble p[b-zn6zoceu52] {
  margin: 0;
}
.teacher-chat-body .chat-window-card .chat-window-body .chat-bubble.received[b-zn6zoceu52] {
  background-color: #f0efff;
  color: #1d1e2c;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
.teacher-chat-body .chat-window-card .chat-window-body .chat-bubble.sent[b-zn6zoceu52] {
  background-color: #1d1e2c;
  color: #ffffff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
.teacher-chat-body .chat-window-card .quick-replies-row[b-zn6zoceu52] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 24px 16px 24px;
}
.teacher-chat-body .chat-window-card .quick-replies-row .quick-reply-chip[b-zn6zoceu52] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.teacher-chat-body .chat-window-card .quick-replies-row .quick-reply-chip:hover[b-zn6zoceu52] {
  background-color: #f0efff;
  border-color: #5c59f0;
  color: #5c59f0;
}
.teacher-chat-body .chat-window-card .chat-window-input-area[b-zn6zoceu52] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #eff0f6;
  background-color: #fcfcfd;
}
.teacher-chat-body .chat-window-card .chat-window-input-area .chat-window-input[b-zn6zoceu52] {
  flex: 1;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  padding: 12px 16px;
  font-size: 14px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.teacher-chat-body .chat-window-card .chat-window-input-area .chat-window-input:focus[b-zn6zoceu52] {
  border-color: #5c59f0;
}
.teacher-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-zn6zoceu52] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 22px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.teacher-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn svg[b-zn6zoceu52] {
  fill: #ffffff;
  flex-shrink: 0;
}
.teacher-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn:hover[b-zn6zoceu52] {
  background-color: #4b49df;
}
.teacher-chat-body .student-teaser-card[b-zn6zoceu52] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  flex: 1;
  min-height: 560px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px;
  gap: 6px;
}
.teacher-chat-body .student-teaser-card .teaser-avatar[b-zn6zoceu52] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 12px;
}
.teacher-chat-body .student-teaser-card .teaser-avatar.bg-orange[b-zn6zoceu52] {
  background-color: #f08b3b;
}
.teacher-chat-body .student-teaser-card .teaser-avatar.bg-purple[b-zn6zoceu52] {
  background-color: #5c59f0;
}
.teacher-chat-body .student-teaser-card .teaser-avatar.bg-green[b-zn6zoceu52] {
  background-color: #1fad7a;
}
.teacher-chat-body .student-teaser-card .teaser-avatar.bg-blue[b-zn6zoceu52] {
  background-color: #3b82f6;
}
.teacher-chat-body .student-teaser-card .teaser-name[b-zn6zoceu52] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teacher-chat-body .student-teaser-card .teaser-role[b-zn6zoceu52] {
  font-size: 13px;
  color: #6e7191;
  margin: 0 0 20px 0;
}
.teacher-chat-body .student-teaser-card .teaser-preview-bubble[b-zn6zoceu52] {
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 20px;
  max-width: 420px;
  text-align: left;
}
.teacher-chat-body .student-teaser-card .teaser-preview-bubble .teaser-preview-lbl[b-zn6zoceu52] {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.teacher-chat-body .student-teaser-card .teaser-preview-bubble p[b-zn6zoceu52] {
  margin: 0;
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.55;
}
.teacher-chat-body .student-teaser-card .teaser-open-btn[b-zn6zoceu52] {
  margin-top: 24px;
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 22px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: background-color 0.2s;
}
.teacher-chat-body .student-teaser-card .teaser-open-btn svg[b-zn6zoceu52] {
  fill: #ffffff;
  flex-shrink: 0;
}
.teacher-chat-body .student-teaser-card .teaser-open-btn:hover[b-zn6zoceu52] {
  background-color: #4b49df;
}
@media (max-width: 950px) {
  .teacher-chat-body .teacher-chat-split[b-zn6zoceu52] {
    grid-template-columns: 1fr;
  }
  .teacher-chat-body .conversation-list[b-zn6zoceu52] {
    flex-direction: row;
    flex-wrap: wrap;
    max-height: none;
  }
  .teacher-chat-body .conversation-list .list-group-label[b-zn6zoceu52] {
    width: 100%;
  }
  .teacher-chat-body .conversation-list .conversation-row[b-zn6zoceu52] {
    width: auto;
  }
}
@media (max-width: 850px) {
  .teacher-chat-body .courses-header[b-zn6zoceu52] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .teacher-chat-body .chat-window-card[b-zn6zoceu52],
  .teacher-chat-body .student-teaser-card[b-zn6zoceu52] {
    min-height: 480px;
  }
  .teacher-chat-body .chat-window-card .chat-bubble[b-zn6zoceu52],
  .teacher-chat-body .student-teaser-card .chat-bubble[b-zn6zoceu52] {
    max-width: 85%;
  }
  .teacher-chat-body .chat-window-card .chat-window-input-area[b-zn6zoceu52] {
    flex-direction: column;
    align-items: stretch;
  }
  .teacher-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-zn6zoceu52] {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .teacher-chat-body[b-zn6zoceu52] {
    padding: 24px 16px;
  }
}
/* /Teacher/Courses.razor.rz.scp.css */
.courses-body[b-t7fnydf9wu] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.courses-body *[b-t7fnydf9wu] {
  box-sizing: border-box;
}
.courses-body .courses-header[b-t7fnydf9wu] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.courses-body .courses-header .programs-count[b-t7fnydf9wu] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.courses-body .courses-header .page-title[b-t7fnydf9wu] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.courses-body .courses-header .header-search-area[b-t7fnydf9wu] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.courses-body .courses-header .header-search-area .search-box[b-t7fnydf9wu] {
  position: relative;
  display: flex;
  align-items: center;
}
.courses-body .courses-header .header-search-area .search-box .search-icon[b-t7fnydf9wu] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.courses-body .courses-header .header-search-area .search-box .search-input[b-t7fnydf9wu] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.courses-body .courses-header .header-search-area .search-box .search-input:focus[b-t7fnydf9wu] {
  border-color: #5c59f0;
}
.courses-body .courses-header .header-search-area .notif-btn[b-t7fnydf9wu] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.courses-body .courses-header .header-search-area .notif-btn .notif-dot[b-t7fnydf9wu] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.courses-body .filters-bar[b-t7fnydf9wu] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.courses-body .filters-bar .filter-pills[b-t7fnydf9wu] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.courses-body .filters-bar .filter-pills .filter-pill[b-t7fnydf9wu] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.courses-body .filters-bar .filter-pills .filter-pill .badge[b-t7fnydf9wu] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.courses-body .filters-bar .filter-pills .filter-pill.active[b-t7fnydf9wu] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.courses-body .filters-bar .filter-pills .filter-pill.active .badge[b-t7fnydf9wu] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.courses-body .filters-bar .new-course-btn[b-t7fnydf9wu] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.courses-body .filters-bar .new-course-btn:hover[b-t7fnydf9wu] {
  background-color: #4b49df;
}
.courses-body .courses-list[b-t7fnydf9wu] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.courses-body .courses-list .course-card[b-t7fnydf9wu] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.courses-body .courses-list .course-card .course-icon-wrapper[b-t7fnydf9wu] {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.courses-body .courses-list .course-card .course-icon-wrapper svg[b-t7fnydf9wu] {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.courses-body .courses-list .course-card .course-icon-wrapper.bg-purple[b-t7fnydf9wu] {
  background-color: #f0efff;
  color: #5c59f0;
}
.courses-body .courses-list .course-card .course-icon-wrapper.bg-orange[b-t7fnydf9wu] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.courses-body .courses-list .course-card .course-icon-wrapper.bg-green[b-t7fnydf9wu] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.courses-body .courses-list .course-card .course-details[b-t7fnydf9wu] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.courses-body .courses-list .course-card .course-details .course-header-row[b-t7fnydf9wu] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.courses-body .courses-list .course-card .course-details .course-header-row .course-title[b-t7fnydf9wu] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.courses-body .courses-list .course-card .course-details .course-header-row .status-tag[b-t7fnydf9wu] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.courses-body .courses-list .course-card .course-details .course-header-row .status-tag.tag-live[b-t7fnydf9wu] {
  background-color: #5c59f0;
  color: #ffffff;
}
.courses-body .courses-list .course-card .course-details .course-header-row .status-tag.tag-upcoming[b-t7fnydf9wu] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.courses-body .courses-list .course-card .course-details .course-header-row .status-tag.tag-review[b-t7fnydf9wu] {
  background-color: #f0efff;
  color: #5c59f0;
}
.courses-body .courses-list .course-card .course-details .course-desc[b-t7fnydf9wu] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.courses-body .courses-list .course-card .course-details .meta-row[b-t7fnydf9wu] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.courses-body .courses-list .course-card .course-details .meta-row .meta-item[b-t7fnydf9wu] {
  font-size: 12px;
  color: #8a8d9f;
  font-weight: 500;
}
.courses-body .courses-list .course-card .course-details .instructors-row[b-t7fnydf9wu] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack[b-t7fnydf9wu] {
  display: flex;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar[b-t7fnydf9wu] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-right: -8px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-violet[b-t7fnydf9wu] {
  background-color: #8b5cf6;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-blue[b-t7fnydf9wu] {
  background-color: #3b82f6;
}
.courses-body .courses-list .course-card .course-details .instructors-row .avatar-stack .avatar.bg-cyan[b-t7fnydf9wu] {
  background-color: #06b6d4;
}
.courses-body .courses-list .course-card .course-details .instructors-row .instructors-text[b-t7fnydf9wu] {
  font-size: 12px;
  color: #8a8d9f;
  font-weight: 500;
}
.courses-body .courses-list .course-card .course-actions[b-t7fnydf9wu] {
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
}
.courses-body .courses-list .course-card .course-actions .progress-status[b-t7fnydf9wu] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.courses-body .courses-list .course-card .course-actions .progress-status .percent[b-t7fnydf9wu] {
  font-size: 20px;
  font-weight: 700;
  color: #1d1e2c;
}
.courses-body .courses-list .course-card .course-actions .progress-status .label[b-t7fnydf9wu] {
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.courses-body .courses-list .course-card .course-actions .action-btn[b-t7fnydf9wu] {
  border: none;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-primary[b-t7fnydf9wu] {
  background-color: #5c59f0;
  color: #ffffff;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-primary:hover[b-t7fnydf9wu] {
  background-color: #4b49df;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-light[b-t7fnydf9wu] {
  background-color: #f0efff;
  color: #5c59f0;
}
.courses-body .courses-list .course-card .course-actions .action-btn.btn-light:hover[b-t7fnydf9wu] {
  background-color: #e3e1ff;
}
.courses-body .courses-list .course-card.placeholder-card[b-t7fnydf9wu] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.courses-body .courses-list .course-card.placeholder-card .placeholder-icon-circle[b-t7fnydf9wu] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff4eb;
  color: #f08b3b;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.courses-body .courses-list .course-card.placeholder-card .placeholder-icon-circle svg[b-t7fnydf9wu] {
  fill: currentColor;
}
.courses-body .courses-list .course-card.placeholder-card .placeholder-details .placeholder-title[b-t7fnydf9wu] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.courses-body .courses-list .course-card.placeholder-card .placeholder-details .placeholder-desc[b-t7fnydf9wu] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 850px) {
  .courses-body .courses-header[b-t7fnydf9wu] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .courses-body .courses-header .header-search-area[b-t7fnydf9wu] {
    width: 100%;
  }
  .courses-body .courses-header .header-search-area .search-box[b-t7fnydf9wu] {
    flex: 1;
  }
  .courses-body .courses-header .header-search-area .search-box .search-input[b-t7fnydf9wu] {
    width: 100%;
  }
  .courses-body .filters-bar[b-t7fnydf9wu] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .courses-body .filters-bar .new-course-btn[b-t7fnydf9wu] {
    align-self: flex-end;
  }
  .courses-body .courses-list .course-card[b-t7fnydf9wu] {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .courses-body .courses-list .course-card .course-actions[b-t7fnydf9wu] {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .courses-body .courses-list .course-card .course-actions .progress-status[b-t7fnydf9wu] {
    width: 50%;
  }
  .courses-body .courses-list .course-card .course-actions .action-btn[b-t7fnydf9wu] {
    width: auto;
    min-width: 140px;
  }
}
@media (max-width: 480px) {
  .courses-body[b-t7fnydf9wu] {
    padding: 24px 16px;
  }
  .courses-body .courses-list .course-card .course-actions[b-t7fnydf9wu] {
    flex-direction: column;
    align-items: flex-start;
  }
  .courses-body .courses-list .course-card .course-actions .progress-status[b-t7fnydf9wu] {
    width: 100%;
  }
  .courses-body .courses-list .course-card .course-actions .action-btn[b-t7fnydf9wu] {
    width: 100%;
  }
}
/* /Teacher/CourseTranslations.razor.rz.scp.css */
.course-translations-body[b-xqkx64m16v] {
  width: 100%;
  padding: 40px 32px 100px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}
.course-translations-body *[b-xqkx64m16v] {
  box-sizing: border-box;
}
.course-translations-body .courses-header[b-xqkx64m16v] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.course-translations-body .courses-header .programs-count[b-xqkx64m16v] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.course-translations-body .courses-header .page-title[b-xqkx64m16v] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.course-translations-body .progress-sub[b-xqkx64m16v] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.course-translations-body .notice[b-xqkx64m16v] {
  font-size: 13px;
  font-weight: 600;
  color: #1fad7a;
  background-color: #e8f8f2;
  border-radius: 12px;
  padding: 10px 14px;
  margin: 0;
}
.course-translations-body .notice.notice--error[b-xqkx64m16v] {
  color: #d9455f;
  background-color: #fdeef1;
}
.course-translations-body .field-lbl[b-xqkx64m16v] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
  text-transform: uppercase;
}
.course-translations-body .btn-outline-pill[b-xqkx64m16v],
.course-translations-body .btn-approve-primary[b-xqkx64m16v],
.course-translations-body .lang-tab[b-xqkx64m16v] {
  border: none;
  padding: 6px 14px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
}
.course-translations-body .btn-outline-pill:disabled[b-xqkx64m16v],
.course-translations-body .btn-approve-primary:disabled[b-xqkx64m16v],
.course-translations-body .lang-tab:disabled[b-xqkx64m16v] {
  opacity: 0.5;
  cursor: default;
}
.course-translations-body .btn-outline-pill[b-xqkx64m16v],
.course-translations-body .lang-tab[b-xqkx64m16v] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.course-translations-body .btn-outline-pill:hover[b-xqkx64m16v],
.course-translations-body .lang-tab:hover[b-xqkx64m16v] {
  background-color: #f8f9fc;
}
.course-translations-body .lang-tab.active[b-xqkx64m16v] {
  background-color: #f0efff;
  border-color: #f0efff;
  color: #5c59f0;
}
.course-translations-body .btn-approve-primary[b-xqkx64m16v] {
  background-color: #5c59f0;
  color: #ffffff;
}
.course-translations-body .btn-approve-primary:hover[b-xqkx64m16v] {
  background-color: #4b49df;
}
.course-translations-body .badge-approved[b-xqkx64m16v],
.course-translations-body .badge-review[b-xqkx64m16v] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.course-translations-body .badge-approved[b-xqkx64m16v] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.course-translations-body .badge-review[b-xqkx64m16v] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.course-translations-body .language-bar[b-xqkx64m16v] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 20px;
}
.course-translations-body .language-bar .language-tabs[b-xqkx64m16v] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.course-translations-body .language-bar .progress-sub[b-xqkx64m16v] {
  margin-inline-start: auto;
}
.course-translations-body .translation-list[b-xqkx64m16v] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.course-translations-body .translation-card[b-xqkx64m16v] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.course-translations-body .translation-card .card-head[b-xqkx64m16v] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.course-translations-body .translation-card .card-head .item-kind[b-xqkx64m16v] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #5c59f0;
  text-transform: uppercase;
}
.course-translations-body .translation-card .card-head .item-title[b-xqkx64m16v] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.course-translations-body .translation-card .field-pair[b-xqkx64m16v] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.course-translations-body .translation-card .field[b-xqkx64m16v] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.course-translations-body .translation-card .source-text[b-xqkx64m16v] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
  white-space: pre-line;
  background-color: #fcfcfd;
  border-radius: 10px;
  padding: 10px 12px;
}
.course-translations-body .translation-card .field-input[b-xqkx64m16v] {
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  resize: vertical;
  width: 100%;
}
.course-translations-body .translation-card .field-input:focus[b-xqkx64m16v] {
  outline: none;
  border-color: #5c59f0;
  background-color: #ffffff;
}
.course-translations-body .translation-card .field-hint[b-xqkx64m16v] {
  font-size: 11px;
  color: #8a8d9f;
}
.course-translations-body .translation-card .card-actions[b-xqkx64m16v] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
@media (max-width: 768px) {
  .course-translations-body[b-xqkx64m16v] {
    padding: 24px 16px 80px 16px;
  }
  .course-translations-body .translation-card .field-pair[b-xqkx64m16v] {
    grid-template-columns: 1fr;
  }
}
/* /Teacher/CreateCourse.razor.rz.scp.css */
.create-course-body[b-g9ebw0c655] {
  width: 100%;
  padding: 40px 32px 100px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.create-course-body *[b-g9ebw0c655] {
  box-sizing: border-box;
}
.create-course-body .courses-header[b-g9ebw0c655] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.create-course-body .courses-header .programs-count[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.create-course-body .courses-header .page-title[b-g9ebw0c655] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.create-course-body .courses-header .header-search-area[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.create-course-body .courses-header .header-search-area .notif-btn[b-g9ebw0c655] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.create-course-body .course-spec-card[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.create-course-body .course-spec-card .card-left[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.create-course-body .course-spec-card .card-left .icon-circle[b-g9ebw0c655] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .course-spec-card .card-left .icon-circle.bg-purple[b-g9ebw0c655] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .course-spec-card .card-left .spec-details .spec-title[b-g9ebw0c655] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.create-course-body .course-spec-card .card-left .spec-details .spec-sub[b-g9ebw0c655] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.create-course-body .course-spec-card .badge-materials[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #e8f8f2;
  color: #1fad7a;
  letter-spacing: 0.5px;
}
.create-course-body .materials-section[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .materials-section .section-header[b-g9ebw0c655] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .materials-section .section-header .section-title[b-g9ebw0c655] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .materials-section .materials-grid[b-g9ebw0c655] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.create-course-body .materials-section .materials-grid .material-card[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.create-course-body .materials-section .materials-grid .material-card:hover[b-g9ebw0c655] {
  border-color: #5c59f0;
  box-shadow: 0 4px 12px rgba(92, 89, 240, 0.08);
}
.create-course-body .materials-section .materials-grid .material-card .card-left[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.create-course-body .materials-section .materials-grid .material-card .card-left .icon-box[b-g9ebw0c655] {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.create-course-body .materials-section .materials-grid .material-card .card-left .icon-box svg[b-g9ebw0c655] {
  width: 20px;
  height: 20px;
}
.create-course-body .materials-section .materials-grid .material-card .card-left .icon-box.previewable[b-g9ebw0c655] {
  cursor: pointer;
}
.create-course-body .materials-section .materials-grid .material-card .card-left .icon-box.previewable:hover .icon-preview-tip[b-g9ebw0c655] {
  opacity: 1;
  visibility: visible;
}
.create-course-body .materials-section .materials-grid .material-card .card-left .icon-box .icon-preview-tip[b-g9ebw0c655] {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background-color: #1d1e2c;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s;
  z-index: 5;
}
.create-course-body .materials-section .materials-grid .material-card .card-left .icon-box .icon-preview-tip[b-g9ebw0c655]::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1d1e2c;
}
.create-course-body .materials-section .materials-grid .material-card .card-left .card-titles .card-title[b-g9ebw0c655] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .materials-section .materials-grid .material-card .card-left .card-titles .card-sub[b-g9ebw0c655] {
  font-size: 12px;
  color: #6e7191;
  margin: 4px 0 0 0;
}
.create-course-body .materials-section .materials-grid .material-card .status-circle[b-g9ebw0c655] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #8a8d9f;
}
.create-course-body .materials-section .materials-grid .material-card .status-circle svg[b-g9ebw0c655] {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.create-course-body .materials-section .materials-grid .material-card.attached .card-left .icon-box[b-g9ebw0c655] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .materials-section .materials-grid .material-card.attached .status-circle[b-g9ebw0c655] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .materials-section .materials-grid .material-card.pending .status-circle[b-g9ebw0c655] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.create-course-body .materials-section .materials-confirm-row[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.create-course-body .materials-section .materials-confirm-row .materials-confirm-hint[b-g9ebw0c655] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
  max-width: 480px;
  line-height: 1.5;
}
.create-course-body .materials-section .materials-confirm-row .btn-confirm-materials[b-g9ebw0c655] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .materials-section .materials-confirm-row .btn-confirm-materials:hover[b-g9ebw0c655] {
  background-color: #4b49df;
}
.create-course-body .ai-analyzed-banner[b-g9ebw0c655] {
  background-image: url("/image/AI_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 32px 40px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 32px;
}
.create-course-body .ai-analyzed-banner .ai-orb[b-g9ebw0c655] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(92, 89, 240, 0.3);
}
.create-course-body .ai-analyzed-banner .ai-content[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.create-course-body .ai-analyzed-banner .ai-content .banner-title[b-g9ebw0c655] {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.45;
  margin: 0;
}
.create-course-body .ai-analyzed-banner .ai-content .banner-desc[b-g9ebw0c655] {
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.85;
  margin: 0;
}
.create-course-body .topics-section[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .topics-section .section-title[b-g9ebw0c655] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .topics-section .topics-list[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.create-course-body .topics-section .topics-list .topic-card[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header[b-g9ebw0c655] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header .header-left[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header .header-left .topic-num[b-g9ebw0c655] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #f1f3f9;
  color: #6e7191;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header .header-left .topic-titles .topic-title[b-g9ebw0c655] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header .header-left .topic-titles .topic-title-input[b-g9ebw0c655] {
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
  padding: 4px 10px;
  border: 1px solid #eff0f6;
  border-radius: 8px;
  outline: none;
  width: 100%;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header .header-left .topic-titles .topic-title-input:focus[b-g9ebw0c655] {
  border-color: #5c59f0;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header .header-left .topic-titles .topic-meta[b-g9ebw0c655] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header .badge-approved[b-g9ebw0c655] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #e8f8f2;
  color: #1fad7a;
  letter-spacing: 0.5px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-card-header .badge-review[b-g9ebw0c655] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #fff4eb;
  color: #f08b3b;
  letter-spacing: 0.5px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-grid[b-g9ebw0c655] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  border-top: 1px solid #eff0f6;
  padding-top: 20px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-grid .grid-col[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-grid .grid-col .col-lbl[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-grid .grid-col .col-txt[b-g9ebw0c655] {
  font-size: 12.5px;
  line-height: 1.45;
  color: #6e7191;
  margin: 0;
}
.create-course-body .topics-section .topics-list .topic-card .topic-grid .grid-col .col-txt-input[b-g9ebw0c655] {
  font-family: inherit;
  font-size: 12.5px;
  line-height: 1.45;
  color: #6e7191;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #eff0f6;
  border-radius: 8px;
  background-color: #f8f9fc;
  resize: none;
  outline: none;
  width: 100%;
}
.create-course-body .topics-section .topics-list .topic-card .topic-grid .grid-col .col-txt-input:focus[b-g9ebw0c655] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .topics-section .topics-list .topic-card .topic-actions[b-g9ebw0c655] {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-actions button[b-g9ebw0c655] {
  border: none;
  padding: 6px 14px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.create-course-body .topics-section .topics-list .topic-card .topic-actions .btn-approve-primary[b-g9ebw0c655] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .topics-section .topics-list .topic-card .topic-actions .btn-approve-primary:hover[b-g9ebw0c655] {
  background-color: #4b49df;
}
.create-course-body .topics-section .topics-list .topic-card .topic-actions .btn-outline-pill[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.create-course-body .topics-section .topics-list .topic-card .topic-actions .btn-outline-pill:hover[b-g9ebw0c655] {
  background-color: #f8f9fc;
}
.create-course-body .topics-section .topics-list .topic-card.approved .topic-card-header .header-left .topic-num[b-g9ebw0c655] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .topics-section .topics-list .add-topic-placeholder[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.create-course-body .topics-section .topics-list .add-topic-placeholder .add-circle-btn[b-g9ebw0c655] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff4eb;
  color: #f08b3b;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .topics-section .topics-list .add-topic-placeholder .add-circle-btn svg[b-g9ebw0c655] {
  fill: currentColor;
}
.create-course-body .topics-section .topics-list .add-topic-placeholder .placeholder-text-area .placeholder-title[b-g9ebw0c655] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.create-course-body .topics-section .topics-list .add-topic-placeholder .placeholder-text-area .placeholder-desc[b-g9ebw0c655] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.create-course-body .sticky-review-footer[b-g9ebw0c655] {
  position: sticky;
  bottom: 24px;
  z-index: 100;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.04);
  margin-top: 12px;
}
.create-course-body .sticky-review-footer .footer-progress[b-g9ebw0c655] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-course-body .sticky-review-footer .footer-progress .progress-lbl[b-g9ebw0c655] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .sticky-review-footer .footer-progress .progress-bar-bg[b-g9ebw0c655] {
  width: 100%;
  max-width: 480px;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.create-course-body .sticky-review-footer .footer-progress .progress-bar-bg .progress-bar-fill[b-g9ebw0c655] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
  transition: width 0.3s ease-out;
}
.create-course-body .sticky-review-footer .footer-progress .progress-sub[b-g9ebw0c655] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
}
.create-course-body .sticky-review-footer .footer-actions[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.create-course-body .sticky-review-footer .btn-footer-secondary[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.create-course-body .sticky-review-footer .btn-footer-secondary:hover[b-g9ebw0c655] {
  background-color: #f8f9fc;
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .sticky-review-footer .btn-footer-save[b-g9ebw0c655] {
  background-color: #1d1e2c;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .sticky-review-footer .btn-footer-save:hover[b-g9ebw0c655] {
  background-color: #000000;
}
.create-course-body .sticky-review-footer .btn-primary-continue[b-g9ebw0c655] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .sticky-review-footer .btn-primary-continue:hover[b-g9ebw0c655] {
  background-color: #4b49df;
}
.create-course-body .modal-backdrop[b-g9ebw0c655] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-g9ebw0c655 0.2s ease-out;
}
.create-course-body .modal-backdrop .modal-container[b-g9ebw0c655] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-g9ebw0c655 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.create-course-body .modal-backdrop .modal-container .modal-header[b-g9ebw0c655] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-title[b-g9ebw0c655] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-g9ebw0c655] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-g9ebw0c655] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .modal-backdrop .modal-container .modal-body .modal-desc[b-g9ebw0c655] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-g9ebw0c655] {
  border: 2px dashed #eff0f6;
  border-radius: 14px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area svg[b-g9ebw0c655] {
  color: #8a8d9f;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area span[b-g9ebw0c655] {
  font-size: 13px;
  font-weight: 600;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area:hover[b-g9ebw0c655] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area .hidden-file-input[b-g9ebw0c655] {
  display: none;
}
.create-course-body .modal-backdrop .modal-container .modal-footer[b-g9ebw0c655] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-g9ebw0c655] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-g9ebw0c655] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-g9ebw0c655] {
  background-color: #e2e8f0;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-g9ebw0c655] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-g9ebw0c655] {
  background-color: #4b49df;
}
.create-course-body .details-form[b-g9ebw0c655] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 20px;
}
.create-course-body .details-form .field[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.create-course-body .details-form .field.field-wide[b-g9ebw0c655] {
  grid-column: 1/-1;
}
.create-course-body .details-form .field .field-lbl[b-g9ebw0c655] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
}
.create-course-body .details-form .field .field-input[b-g9ebw0c655] {
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  resize: vertical;
}
.create-course-body .details-form .field .field-input:focus[b-g9ebw0c655] {
  outline: none;
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .details-form .field .field-hint[b-g9ebw0c655] {
  font-size: 11px;
  color: #8a8d9f;
  line-height: 1.4;
}
.create-course-body .details-form .field-error[b-g9ebw0c655] {
  grid-column: 1/-1;
  font-size: 12px;
  font-weight: 600;
  color: #d9455f;
  margin: 0;
}
.create-course-body .details-form .details-actions[b-g9ebw0c655] {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: 10px;
}
.create-course-body .details-summary[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 20px;
}
.create-course-body .details-summary .col-txt[b-g9ebw0c655] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0 0 12px 0;
}
.create-course-body .details-summary .meta-row[b-g9ebw0c655] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.create-course-body .details-summary .meta-row .meta-item[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 600;
  color: #6e7191;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 999px;
  padding: 5px 10px;
}
.create-course-body .variant-list[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.create-course-body .variant-list .variant-row[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-left: 3px solid #5c59f0;
  border-radius: 14px;
  padding: 16px 18px;
}
.create-course-body .variant-list .variant-row.suppressed[b-g9ebw0c655] {
  border-left-color: #8a8d9f;
  background-color: #fcfcfd;
}
.create-course-body .variant-list .variant-row.suppressed .variant-title[b-g9ebw0c655],
.create-course-body .variant-list .variant-row.suppressed .variant-text[b-g9ebw0c655] {
  color: #8a8d9f;
}
.create-course-body .variant-list .variant-row .variant-meta[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.create-course-body .variant-list .variant-row .variant-meta .variant-module[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 700;
  color: #6e7191;
}
.create-course-body .variant-list .variant-row .variant-meta .variant-tags[b-g9ebw0c655] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.create-course-body .variant-list .variant-row .variant-meta .variant-tags .variant-tag[b-g9ebw0c655] {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .variant-list .variant-row .variant-title[b-g9ebw0c655] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 8px 0;
  line-height: 1.4;
}
.create-course-body .variant-list .variant-row .variant-text[b-g9ebw0c655] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.7;
  margin: 0 0 10px 0;
}
.create-course-body .variant-list .variant-row .variant-text:last-of-type[b-g9ebw0c655] {
  margin-bottom: 0;
}
.create-course-body .variant-list .variant-row .variant-actions[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #eff0f6;
}
.create-course-body .variant-list .variant-row .variant-actions .variant-origin[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 600;
  color: #8a8d9f;
}
.create-course-body .draft-row[b-g9ebw0c655] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  margin-top: 16px;
  padding: 18px 20px;
  background-color: #ffffff;
  border: 1px dashed #eff0f6;
  border-radius: 16px;
}
.create-course-body .draft-row .field[b-g9ebw0c655] {
  flex: 1;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.create-course-body .draft-row .draft-actions[b-g9ebw0c655] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.create-course-body .variant-list .variant-row .variant-actions .mark-field[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 200px;
}
.create-course-body .variant-list .variant-row .variant-actions .mark-field .field-input[b-g9ebw0c655] {
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 8px 10px;
}
.create-course-body .variant-list .variant-row .variant-actions .mark-field .field-input:focus[b-g9ebw0c655] {
  outline: none;
  border-color: #5c59f0;
  background-color: #ffffff;
}
@media (max-width: 850px) {
  .create-course-body .courses-header[b-g9ebw0c655] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .create-course-body .courses-header .header-search-area[b-g9ebw0c655] {
    width: 100%;
  }
  .create-course-body .courses-header .header-search-area .search-box[b-g9ebw0c655] {
    flex: 1;
  }
  .create-course-body .courses-header .header-search-area .search-box .search-input[b-g9ebw0c655] {
    width: 100%;
  }
  .create-course-body .course-spec-card[b-g9ebw0c655] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .create-course-body .course-spec-card .badge-materials[b-g9ebw0c655] {
    align-self: flex-start;
  }
  .create-course-body .materials-section .materials-grid[b-g9ebw0c655] {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .create-course-body .ai-analyzed-banner[b-g9ebw0c655] {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
  }
  .create-course-body .topics-section .topics-list .topic-card[b-g9ebw0c655] {
    padding: 20px 16px;
  }
  .create-course-body .topics-section .topics-list .topic-card .topic-card-header[b-g9ebw0c655] {
    flex-direction: column;
    gap: 12px;
  }
  .create-course-body .topics-section .topics-list .topic-card .topic-card-header .badge-approved[b-g9ebw0c655],
  .create-course-body .topics-section .topics-list .topic-card .topic-card-header .badge-review[b-g9ebw0c655] {
    align-self: flex-start;
  }
  .create-course-body .topics-section .topics-list .topic-card .topic-grid[b-g9ebw0c655] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .create-course-body .sticky-review-footer[b-g9ebw0c655] {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 20px;
  }
  .create-course-body .sticky-review-footer .footer-actions[b-g9ebw0c655] {
    flex-direction: column;
    width: 100%;
  }
  .create-course-body .sticky-review-footer .btn-footer-secondary[b-g9ebw0c655],
  .create-course-body .sticky-review-footer .btn-footer-save[b-g9ebw0c655],
  .create-course-body .sticky-review-footer .btn-primary-continue[b-g9ebw0c655] {
    width: 100%;
    text-align: center;
  }
  .create-course-body .modal-backdrop .modal-container[b-g9ebw0c655] {
    max-width: 90%;
    padding: 24px;
  }
}
.create-course-body .module-card[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 22px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.create-course-body .module-card .module-header[b-g9ebw0c655] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
.create-course-body .module-card .module-header .header-left[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.create-course-body .module-card .module-header .module-num[b-g9ebw0c655] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  flex-shrink: 0;
}
.create-course-body .module-card .module-header .module-title[b-g9ebw0c655] {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .module-card .module-header .module-meta[b-g9ebw0c655] {
  margin: 4px 0 0 0;
  font-size: 13px;
  color: #8a8d9f;
}
.create-course-body .module-card .module-actions[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.create-course-body .module-card .module-topics[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 20px;
  border-left: 2px solid #eff0f6;
}
.create-course-body .ungrouped-block[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 24px;
  border: 1px dashed #eff0f6;
  border-radius: 22px;
  background-color: #fcfcfd;
}
.create-course-body .ungrouped-block .module-header .module-title[b-g9ebw0c655] {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #6e7191;
}
.create-course-body .ungrouped-block .module-header .module-meta[b-g9ebw0c655] {
  margin: 4px 0 0 0;
  font-size: 13px;
  color: #8a8d9f;
}
.create-course-body .ungrouped-block .module-topics[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .btn-icon-pill[b-g9ebw0c655] {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #6e7191;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.create-course-body .btn-icon-pill:hover:not(:disabled)[b-g9ebw0c655] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .btn-icon-pill:disabled[b-g9ebw0c655] {
  opacity: 0.5;
  cursor: default;
}
.create-course-body .outcome-list[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.create-course-body .outcome-list .outcome-row[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .outcome-list .outcome-grid[b-g9ebw0c655] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
}
.create-course-body .outcome-list .outcome-grid .field-wide[b-g9ebw0c655] {
  grid-column: 1/-1;
}
.create-course-body .outcome-list .outcome-summary[b-g9ebw0c655] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.create-course-body .outcome-list .outcome-summary .outcome-body[b-g9ebw0c655] {
  flex: 1;
  min-width: 0;
}
.create-course-body .outcome-list .outcome-summary .col-txt[b-g9ebw0c655] {
  margin: 0;
}
.create-course-body .outcome-list .outcome-code[b-g9ebw0c655] {
  flex-shrink: 0;
  padding: 5px 10px;
  border-radius: 8px;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.create-course-body .outcome-list .outcome-meta[b-g9ebw0c655] {
  margin: 6px 0 0 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #8a8d9f;
}
.create-course-body .outcome-list .bloom-chip[b-g9ebw0c655] {
  padding: 3px 9px;
  border-radius: 999px;
  background-color: #e8f8f2;
  color: #1fad7a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.create-course-body .weight-total[b-g9ebw0c655] {
  padding: 5px 12px;
  border-radius: 999px;
  background-color: #e8f8f2;
  color: #1fad7a;
  font-size: 12px;
  font-weight: 700;
}
.create-course-body .weight-total.weight-off[b-g9ebw0c655] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .plan-list[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.create-course-body .plan-list .plan-row[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .plan-list .plan-grid[b-g9ebw0c655] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 16px;
}
.create-course-body .plan-list .plan-grid .field-wide[b-g9ebw0c655] {
  grid-column: 1/-1;
}
.create-course-body .plan-list .plan-summary[b-g9ebw0c655] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.create-course-body .plan-list .plan-summary .plan-body[b-g9ebw0c655] {
  flex: 1;
  min-width: 0;
}
.create-course-body .plan-list .plan-weight[b-g9ebw0c655] {
  flex-shrink: 0;
  min-width: 52px;
  padding: 6px 10px;
  border-radius: 10px;
  background-color: #f1f3f9;
  color: #1d1e2c;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.create-course-body .plan-list .plan-title[b-g9ebw0c655] {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .plan-list .plan-meta[b-g9ebw0c655] {
  margin: 4px 0 0 0;
  font-size: 12px;
  color: #8a8d9f;
}
@media (max-width: 640px) {
  .create-course-body .module-card .module-topics[b-g9ebw0c655] {
    padding-left: 12px;
  }
}
.create-course-body .file-drop-area[b-g9ebw0c655]  input[type=file],
.create-course-body .topic-file-add[b-g9ebw0c655]  input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.create-course-body .file-drop-area[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  width: 100%;
  padding: 18px 16px;
  margin-bottom: 14px;
  border: 1.5px dashed #eff0f6;
  border-radius: 12px;
  background: #fcfcfd;
  color: #6e7191;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.create-course-body .file-drop-area:hover[b-g9ebw0c655] {
  border-color: #5c59f0;
  color: #5c59f0;
  background: #f0efff;
}
.create-course-body .file-drop-area.busy[b-g9ebw0c655] {
  cursor: progress;
  opacity: 0.65;
}
.create-course-body .file-drop-area .file-drop-label[b-g9ebw0c655] {
  font-size: 13px;
  font-weight: 600;
}
.create-course-body .file-video-btn[b-g9ebw0c655] {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 14px;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  background: #fff;
  color: #5c59f0;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.create-course-body .file-video-btn:hover:not(:disabled)[b-g9ebw0c655] {
  background: #f0efff;
  border-color: #5c59f0;
}
.create-course-body .file-video-btn:disabled[b-g9ebw0c655] {
  color: #8a8d9f;
  cursor: not-allowed;
}
.create-course-body .rec-card[b-g9ebw0c655] {
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  background: #fcfcfd;
}
.create-course-body .rec-card .rec-head[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.create-course-body .rec-card .rec-badge[b-g9ebw0c655] {
  padding: 3px 9px;
  border-radius: 999px;
  background: #e8f8f2;
  color: #1fad7a;
  font-size: 11px;
  font-weight: 600;
}
.create-course-body .rec-card .rec-badge--rejected[b-g9ebw0c655] {
  background: #fff4eb;
  color: #f08b3b;
}
.create-course-body .rec-card .rec-meta[b-g9ebw0c655] {
  color: #8a8d9f;
  font-size: 11.5px;
}
.create-course-body .rec-card .rec-note[b-g9ebw0c655] {
  margin: 0 0 8px;
  color: #6e7191;
  font-size: 11.5px;
  line-height: 1.5;
}
.create-course-body .rec-card .rec-note--error[b-g9ebw0c655] {
  color: #f08b3b;
}
.create-course-body .rec-card .rec-duration[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.create-course-body .rec-card .rec-duration .rec-note[b-g9ebw0c655] {
  margin: 0;
}
.create-course-body .rec-card .rec-duration-input[b-g9ebw0c655] {
  width: 90px;
  padding: 6px 8px;
  border: 1px solid #eff0f6;
  border-radius: 8px;
  font-size: 12px;
  color: #1d1e2c;
}
.create-course-body .rec-card .rec-points[b-g9ebw0c655] {
  margin: 0 0 8px;
  padding-left: 18px;
  color: #1d1e2c;
  font-size: 12px;
  line-height: 1.6;
}
.create-course-body .rec-card .rec-link[b-g9ebw0c655] {
  padding: 0;
  border: none;
  background: none;
  color: #5c59f0;
  font-size: 11.5px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.create-course-body .rec-card .rec-link:disabled[b-g9ebw0c655] {
  color: #8a8d9f;
  cursor: not-allowed;
}
.create-course-body .upload-progress[b-g9ebw0c655] {
  width: 100%;
  height: 6px;
  margin-bottom: 14px;
  border-radius: 3px;
  background: #eff0f6;
  overflow: hidden;
}
.create-course-body .upload-progress .upload-progress-fill[b-g9ebw0c655] {
  height: 100%;
  background: #5c59f0;
  transition: width 0.2s ease;
}
.create-course-body .attached-file[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 14px;
  border-radius: 10px;
  background: #e8f8f2;
}
.create-course-body .attached-file .attached-name[b-g9ebw0c655] {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  font-weight: 600;
  color: #1d1e2c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-course-body .attached-file .attached-size[b-g9ebw0c655] {
  font-size: 11.5px;
  color: #6e7191;
  white-space: nowrap;
}
.create-course-body .attached-remove[b-g9ebw0c655] {
  border: none;
  background: none;
  padding: 0;
  color: #6e7191;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.create-course-body .attached-remove:hover:not(:disabled)[b-g9ebw0c655] {
  color: #d64545;
}
.create-course-body .attached-remove:disabled[b-g9ebw0c655] {
  color: #8a8d9f;
  cursor: not-allowed;
}
.create-course-body .topic-files[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 10px;
}
.create-course-body .topic-files .topic-file[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.create-course-body .topic-files .topic-file .topic-file-name[b-g9ebw0c655] {
  flex: 1;
  min-width: 0;
  font-size: 11.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-course-body .topic-files .topic-file .topic-file-name:hover[b-g9ebw0c655] {
  text-decoration: underline;
}
.create-course-body .topic-files .topic-file .topic-file-size[b-g9ebw0c655] {
  font-size: 11px;
  color: #8a8d9f;
  white-space: nowrap;
}
.create-course-body .topic-files .topic-file-add[b-g9ebw0c655] {
  position: relative;
  align-self: flex-start;
  font-size: 11.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
}
.create-course-body .topic-files .topic-file-add:hover[b-g9ebw0c655] {
  color: #5c59f0;
}
.create-course-body .section-meta[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
}
.create-course-body .library-list[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  overflow: hidden;
}
.create-course-body .library-list .library-row[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  background: #fff;
}
.create-course-body .library-list .library-row + .library-row[b-g9ebw0c655] {
  border-top: 1px solid #eff0f6;
}
.create-course-body .library-list .library-row .library-main[b-g9ebw0c655] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.create-course-body .library-list .library-row .library-name[b-g9ebw0c655] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-course-body .library-list .library-row .library-name:hover[b-g9ebw0c655] {
  color: #5c59f0;
  text-decoration: underline;
}
.create-course-body .library-list .library-row .library-sub[b-g9ebw0c655] {
  font-size: 11.5px;
  color: #6e7191;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-course-body .library-list .library-row .library-size[b-g9ebw0c655],
.create-course-body .library-list .library-row .library-date[b-g9ebw0c655] {
  font-size: 11.5px;
  color: #8a8d9f;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .create-course-body .library-list .library-row .library-date[b-g9ebw0c655] {
    display: none;
  }
}
@media (max-width: 480px) {
  .create-course-body[b-g9ebw0c655] {
    padding: 24px 16px;
  }
}

@keyframes fadeIn-b-g9ebw0c655 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-g9ebw0c655 {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.create-course-body .notice[b-g9ebw0c655] {
  font-size: 13px;
  font-weight: 600;
  color: #1fad7a;
  background-color: #e8f8f2;
  border-radius: 12px;
  padding: 10px 14px;
  margin: 0;
}
.create-course-body .notice.notice--error[b-g9ebw0c655] {
  color: #d9455f;
  background-color: #fdeef1;
}
.create-course-body .topics-section .topics-list .topic-card.rejected[b-g9ebw0c655] {
  opacity: 0.7;
}
.create-course-body .topics-section .topics-list .topic-card.rejected .topic-card-header .header-left .topic-num[b-g9ebw0c655] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .topics-section .topics-list .topic-card .badge-rejected[b-g9ebw0c655] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #fdeef1;
  color: #d9455f;
  letter-spacing: 0.5px;
}
.create-course-body .topics-section .topics-list .topic-card .col-txt[b-g9ebw0c655] {
  font-size: 12.5px;
  line-height: 1.45;
  color: #6e7191;
  margin: 0;
}
.create-course-body .topics-section .topics-list .topic-card .grid-col .col-lbl[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-grid[b-g9ebw0c655] {
  grid-template-columns: repeat(4, 1fr);
}
.create-course-body .topics-section .topics-list .topic-card .col-add[b-g9ebw0c655] {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
.create-course-body .topics-section .topics-list .topic-card .col-add .col-txt-input[b-g9ebw0c655] {
  padding: 5px 8px;
}
.create-course-body .topics-section .topics-list .topic-card .col-add button[b-g9ebw0c655] {
  border: 1px solid #eff0f6;
  background: #ffffff;
  color: #6e7191;
  border-radius: 8px;
  padding: 0 10px;
  cursor: pointer;
}
.create-course-body .topics-section .topics-list .topic-card .col-add button:hover:not(:disabled)[b-g9ebw0c655] {
  color: #5c59f0;
  border-color: #5c59f0;
}
.create-course-body .topics-section .topics-list .topic-card .topic-sources[b-g9ebw0c655] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-sources .col-lbl[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.create-course-body .topics-section .topics-list .topic-card .topic-sources .source-chip[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 600;
  color: #5c59f0;
  background-color: #f0efff;
  border-radius: 999px;
  padding: 4px 10px;
  text-decoration: none;
}
.create-course-body .topics-section .topics-list .topic-card .topic-sources .source-chip:hover[b-g9ebw0c655] {
  text-decoration: underline;
}
.create-course-body .topics-section .topics-list .topic-card .outcome-grid[b-g9ebw0c655] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.create-course-body .topics-section .topics-list .topic-card .outcome-grid .field[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.create-course-body .topics-section .topics-list .topic-card .outcome-grid .field.field-wide[b-g9ebw0c655] {
  grid-column: 1/-1;
}
.create-course-body .topics-section .topics-list .topic-card .outcome-grid .field-lbl[b-g9ebw0c655] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
}
.create-course-body .topics-section .topics-list .topic-card .outcome-grid .field-input[b-g9ebw0c655] {
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  resize: vertical;
  width: 100%;
}
.create-course-body .topics-section .topics-list .topic-card .outcome-grid .field-input:focus[b-g9ebw0c655] {
  outline: none;
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .topics-section .topics-list .topic-card .outcome-grid select.field-input[b-g9ebw0c655] {
  resize: none;
  max-width: 120px;
}
.create-course-body .topics-section .topics-list .topic-card .outcome-grid .field-hint[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
  cursor: pointer;
}
.create-course-body .topics-section .topics-list .topic-card .field-hint input[b-g9ebw0c655] {
  margin-right: 6px;
}
.create-course-body .insight-card[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.create-course-body .insight-card .module-header[b-g9ebw0c655] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.create-course-body .insight-card .section-title[b-g9ebw0c655] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .insight-card .topic-title[b-g9ebw0c655] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 2px 0;
}
.create-course-body .insight-card .topic-meta[b-g9ebw0c655],
.create-course-body .insight-card .col-txt[b-g9ebw0c655] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.create-course-body .insight-card .badge-review[b-g9ebw0c655] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #fff4eb;
  color: #f08b3b;
  letter-spacing: 0.5px;
}
.create-course-body .insight-card .suggestion-row[b-g9ebw0c655],
.create-course-body .insight-card .conflict-row[b-g9ebw0c655] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid #eff0f6;
}
.create-course-body .insight-card button[b-g9ebw0c655] {
  border: none;
  padding: 6px 14px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.create-course-body .insight-card .btn-approve-primary[b-g9ebw0c655] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .insight-card .btn-outline-pill[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.create-course-body .insight-card .topic-actions[b-g9ebw0c655] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.create-course-body .outcome-map-scroll[b-g9ebw0c655] {
  overflow-x: auto;
}
.create-course-body .outcome-map[b-g9ebw0c655] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  color: #6e7191;
}
.create-course-body .outcome-map th[b-g9ebw0c655],
.create-course-body .outcome-map td[b-g9ebw0c655] {
  border-bottom: 1px solid #eff0f6;
  padding: 8px 10px;
  text-align: center;
}
.create-course-body .outcome-map th[scope=row][b-g9ebw0c655],
.create-course-body .outcome-map thead th:first-child[b-g9ebw0c655] {
  text-align: left;
  color: #1d1e2c;
  font-weight: 600;
}
.create-course-body .outcome-map thead th[b-g9ebw0c655] {
  font-size: 11px;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.create-course-body .outcome-map td[b-g9ebw0c655] {
  color: #5c59f0;
}
.create-course-body .outcome-map tr.uncovered th[scope=row][b-g9ebw0c655] {
  color: #f08b3b;
}
.create-course-body .course-spec-card .btn-outline-pill[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.create-course-body .details-form .btn-approve-primary[b-g9ebw0c655],
.create-course-body .details-form .btn-outline-pill[b-g9ebw0c655],
.create-course-body .materials-confirm-row .btn-outline-pill[b-g9ebw0c655] {
  border: 1px solid #eff0f6;
  padding: 8px 16px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  background-color: #ffffff;
  color: #6e7191;
}
.create-course-body .details-form .btn-approve-primary[b-g9ebw0c655] {
  background-color: #5c59f0;
  border-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .sticky-review-footer .autosave-lbl[b-g9ebw0c655] {
  margin-left: 8px;
  color: #1fad7a;
  font-weight: 600;
}
.create-course-body .sticky-review-footer .publish-blockers[b-g9ebw0c655] {
  color: #f08b3b;
}
.create-course-body .sticky-review-footer button:disabled[b-g9ebw0c655] {
  opacity: 0.55;
  cursor: not-allowed;
}
@media (max-width: 850px) {
  .create-course-body .topics-section .topics-list .topic-card .topic-grid[b-g9ebw0c655] {
    grid-template-columns: 1fr 1fr;
  }
  .create-course-body .sticky-review-footer .footer-actions[b-g9ebw0c655] {
    flex-wrap: wrap;
  }
}

.create-course-body .evidence-section .evidence-topic[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #eff0f6;
}
.create-course-body .evidence-section .evidence-topic-header[b-g9ebw0c655] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.create-course-body .evidence-section .evidence-total[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
}
.create-course-body .evidence-section .evidence-total.is-complete[b-g9ebw0c655] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .evidence-section .evidence-total.is-off[b-g9ebw0c655] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .evidence-section .evidence-row[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.create-course-body .evidence-section .evidence-label[b-g9ebw0c655] {
  flex: 0 0 180px;
  font-size: 12.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.create-course-body .evidence-section .evidence-bar[b-g9ebw0c655] {
  flex: 1;
  min-width: 60px;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 999px;
  overflow: hidden;
}
.create-course-body .evidence-section .evidence-bar .evidence-bar-fill[b-g9ebw0c655] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 999px;
}
.create-course-body .evidence-section .evidence-weight[b-g9ebw0c655] {
  width: 64px;
  padding: 6px 8px;
  border: 1px solid #eff0f6;
  border-radius: 8px;
  font-size: 12.5px;
  text-align: right;
}
.create-course-body .evidence-section .evidence-pct[b-g9ebw0c655] {
  font-size: 12px;
  color: #6e7191;
}
.create-course-body .evidence-section .evidence-add[b-g9ebw0c655] {
  padding: 6px 10px;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  font-size: 12px;
  color: #6e7191;
  background-color: #ffffff;
}
.create-course-body .evidence-section .topic-actions[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .create-course-body .evidence-section .evidence-row[b-g9ebw0c655] {
    flex-wrap: wrap;
  }
  .create-course-body .evidence-section .evidence-label[b-g9ebw0c655] {
    flex-basis: 100%;
  }
}

@keyframes avatar-video-pulse-b-g9ebw0c655 {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}
.create-course-body .additional-videos-section[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.create-course-body .additional-videos-section .video-form[b-g9ebw0c655] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.create-course-body .additional-videos-section .video-form .field[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.create-course-body .additional-videos-section .video-form .field.field-wide[b-g9ebw0c655] {
  grid-column: 1/-1;
}
.create-course-body .additional-videos-section .video-form .field-lbl[b-g9ebw0c655] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
}
.create-course-body .additional-videos-section .video-form .field-input[b-g9ebw0c655] {
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #fcfcfd;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  resize: vertical;
  width: 100%;
}
.create-course-body .additional-videos-section .video-form .field-input:focus[b-g9ebw0c655] {
  outline: none;
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .additional-videos-section .video-form .field-wide > .btn-approve-primary[b-g9ebw0c655] {
  align-self: flex-start;
}
.create-course-body .additional-videos-section .video-pdf-row[b-g9ebw0c655],
.create-course-body .additional-videos-section .video-chips[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.create-course-body .additional-videos-section .video-pdf-pick[b-g9ebw0c655] {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 16px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #6e7191;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.create-course-body .additional-videos-section .video-pdf-pick:hover[b-g9ebw0c655] {
  background-color: #f8f9fc;
}
.create-course-body .additional-videos-section .video-pdf-pick[b-g9ebw0c655]  input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.create-course-body .additional-videos-section .source-chip[b-g9ebw0c655] {
  font-size: 11px;
  font-weight: 600;
  color: #5c59f0;
  background-color: #f0efff;
  border-radius: 999px;
  padding: 4px 10px;
}
.create-course-body .additional-videos-section .video-list[b-g9ebw0c655] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.create-course-body .additional-videos-section .col-txt[b-g9ebw0c655] {
  font-size: 12.5px;
  line-height: 1.45;
  color: #6e7191;
  margin: 0;
}
.create-course-body .additional-videos-section .avatar-video-row[b-g9ebw0c655] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 12px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  background-color: #fcfcfd;
}
.create-course-body .additional-videos-section .presenter-stage[b-g9ebw0c655] {
  position: relative;
  flex-shrink: 0;
  width: 200px;
  max-width: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f0efff 55%, #dcdaff 100%);
  border: 1px solid #eff0f6;
}
.create-course-body .additional-videos-section .presenter-stage .presenter-still[b-g9ebw0c655],
.create-course-body .additional-videos-section .presenter-stage .presenter-video[b-g9ebw0c655] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 12%;
}
.create-course-body .additional-videos-section .presenter-stage .presenter-speaking[b-g9ebw0c655] {
  opacity: 0;
  transition: opacity 0.25s ease;
}
.create-course-body .additional-videos-section .presenter-stage.is-speaking .presenter-speaking[b-g9ebw0c655] {
  opacity: 1;
}
.create-course-body .additional-videos-section .presenter-stage .presenter-placeholder[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #5c59f0;
}
.create-course-body .additional-videos-section .presenter-stage.is-speaking .presenter-placeholder[b-g9ebw0c655] {
  animation: avatar-video-pulse-b-g9ebw0c655 1s ease-in-out infinite;
}
.create-course-body .additional-videos-section .avatar-video-side[b-g9ebw0c655] {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.create-course-body .additional-videos-section .avatar-video-heading[b-g9ebw0c655] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.create-course-body .additional-videos-section .avatar-video-title[b-g9ebw0c655] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .additional-videos-section .field-hint[b-g9ebw0c655] {
  font-size: 11px;
  color: #8a8d9f;
  line-height: 1.4;
}
.create-course-body .additional-videos-section .avatar-video-controls[b-g9ebw0c655] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.create-course-body .additional-videos-section button[b-g9ebw0c655] {
  border: none;
  padding: 6px 14px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.create-course-body .additional-videos-section button:disabled[b-g9ebw0c655] {
  opacity: 0.6;
  cursor: default;
}
.create-course-body .additional-videos-section .btn-approve-primary[b-g9ebw0c655] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .additional-videos-section .btn-approve-primary:hover:not(:disabled)[b-g9ebw0c655] {
  background-color: #4b49df;
}
.create-course-body .additional-videos-section .btn-outline-pill[b-g9ebw0c655] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.create-course-body .additional-videos-section .btn-outline-pill:hover:not(:disabled)[b-g9ebw0c655] {
  background-color: #f8f9fc;
}
.create-course-body .additional-videos-section .avatar-video-script summary[b-g9ebw0c655] {
  font-size: 12px;
  font-weight: 600;
  color: #5c59f0;
  cursor: pointer;
}

.create-course-body .schedule-days[b-g9ebw0c655] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.create-course-body .schedule-days .schedule-day[b-g9ebw0c655] {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 16px;
  border: 1px solid #eff0f6;
  background-color: #ffffff;
  color: #6e7191;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s;
}
.create-course-body .schedule-days .schedule-day input[b-g9ebw0c655] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.create-course-body .schedule-days .schedule-day:hover[b-g9ebw0c655] {
  background-color: #f8f9fc;
}
.create-course-body .schedule-days .schedule-day:focus-within[b-g9ebw0c655] {
  border-color: #5c59f0;
}
.create-course-body .schedule-days .schedule-day.selected[b-g9ebw0c655] {
  background-color: #f0efff;
  border-color: #5c59f0;
  color: #5c59f0;
}
/* /Teacher/CreateGroup.razor.rz.scp.css */
.create-course-body[b-ssziz571dy] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.create-course-body *[b-ssziz571dy] {
  box-sizing: border-box;
}
.create-course-body .courses-header[b-ssziz571dy] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.create-course-body .courses-header .programs-count[b-ssziz571dy] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.create-course-body .courses-header .page-title[b-ssziz571dy] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.create-course-body .courses-header .header-action-buttons[b-ssziz571dy] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.create-course-body .courses-header .header-action-buttons .btn-primary[b-ssziz571dy] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .courses-header .header-action-buttons .btn-primary:hover[b-ssziz571dy] {
  background-color: #4b49df;
}
.create-course-body .courses-header .header-action-buttons .btn-outline-back[b-ssziz571dy] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .courses-header .header-action-buttons .btn-outline-back:hover[b-ssziz571dy] {
  background-color: #f8f9fc;
}
.create-course-body .setup-cards-stack[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.create-course-body .setup-cards-stack .setup-section-card[b-ssziz571dy] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header[b-ssziz571dy] {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle[b-ssziz571dy] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-purple[b-ssziz571dy] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-blue[b-ssziz571dy] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .icon-circle.bg-green[b-ssziz571dy] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text[b-ssziz571dy] {
  flex: 1;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text .card-title[b-ssziz571dy] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .header-text .card-sub[b-ssziz571dy] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn[b-ssziz571dy] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn:hover[b-ssziz571dy] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .input-label[b-ssziz571dy] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .label-with-tag[b-ssziz571dy] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .label-with-tag .optional-tag[b-ssziz571dy] {
  font-size: 9px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-text-input[b-ssziz571dy],
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field select[b-ssziz571dy] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-text-input:focus[b-ssziz571dy],
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field select:focus[b-ssziz571dy] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-textarea-box[b-ssziz571dy] {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
  font-family: inherit;
  resize: vertical;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .profile-textarea-box:focus[b-ssziz571dy] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .setup-cards-stack .setup-section-card .profile-input-field .field-help-txt[b-ssziz571dy] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .form-row-half[b-ssziz571dy] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .form-row-third[b-ssziz571dy] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container[b-ssziz571dy] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill[b-ssziz571dy] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px 6px 6px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .init-c[b-ssziz571dy] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-purple[b-ssziz571dy] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-purple .init-c[b-ssziz571dy] {
  background-color: #8b5cf6;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill.badge-green[b-ssziz571dy] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .remove-pill-btn[b-ssziz571dy] {
  background: none;
  border: none;
  font-size: 16px;
  color: inherit;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  opacity: 0.6;
}
.create-course-body .setup-cards-stack .setup-section-card .assigned-tags-container .assigned-pill .remove-pill-btn:hover[b-ssziz571dy] {
  opacity: 1;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row[b-ssziz571dy] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 4px;
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row:last-child[b-ssziz571dy] {
  border-bottom: none;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c[b-ssziz571dy] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c.bg-purple[b-ssziz571dy] {
  background-color: #8b5cf6;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c.bg-blue[b-ssziz571dy] {
  background-color: #3b82f6;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c.bg-orange[b-ssziz571dy] {
  background-color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .init-c.bg-green[b-ssziz571dy] {
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .payment-student-name[b-ssziz571dy] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  min-width: 140px;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .payment-last[b-ssziz571dy] {
  font-size: 12px;
  color: #6e7191;
  flex: 1;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .payment-amount-input[b-ssziz571dy] {
  width: 100px;
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid #eff0f6;
  font-size: 13px;
  outline: none;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .payment-amount-input:focus[b-ssziz571dy] {
  border-color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .record-payment-btn[b-ssziz571dy] {
  background-color: #e8f8f2;
  color: #1fad7a;
  border: none;
  border-radius: 10px;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.create-course-body .setup-cards-stack .setup-section-card .payment-roster .payment-row .record-payment-btn:hover[b-ssziz571dy] {
  opacity: 0.85;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item[b-ssziz571dy] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item:first-child[b-ssziz571dy] {
  padding-top: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item:last-child[b-ssziz571dy] {
  border-bottom: none;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header[b-ssziz571dy] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .q-number[b-ssziz571dy] {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #f1f3f9;
  color: #8a8d9f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-meta-badge[b-ssziz571dy] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-meta-badge svg[b-ssziz571dy] {
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles .q-text[b-ssziz571dy] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .q-header .lesson-titles .lesson-type-meta[b-ssziz571dy] {
  font-size: 11.5px;
  color: #8a8d9f;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row[b-ssziz571dy] {
  display: flex;
  gap: 8px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row .icon-action-btn[b-ssziz571dy] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row .icon-action-btn:hover[b-ssziz571dy] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box[b-ssziz571dy] {
  border: 1px dashed #eff0f6;
  border-radius: 16px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .add-circle-btn[b-ssziz571dy] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .add-circle-btn svg[b-ssziz571dy] {
  fill: currentColor;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .placeholder-text-area .placeholder-title[b-ssziz571dy] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 2px 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box .placeholder-text-area .placeholder-desc[b-ssziz571dy] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .questions-list .dashed-add-lesson-box:hover[b-ssziz571dy] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar[b-ssziz571dy] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box[b-ssziz571dy] {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 320px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-icon[b-ssziz571dy] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-input[b-ssziz571dy] {
  width: 100%;
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 13.5px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box .search-input:focus[b-ssziz571dy] {
  border-color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container[b-ssziz571dy] {
  width: 100%;
  overflow-x: auto;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table[b-ssziz571dy] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead[b-ssziz571dy] {
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead th[b-ssziz571dy] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr[b-ssziz571dy] {
  border-bottom: 1px solid #eff0f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr:last-child[b-ssziz571dy] {
  border-bottom: none;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr td[b-ssziz571dy] {
  padding: 14px 16px;
  vertical-align: middle;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-student[b-ssziz571dy] {
  width: 30%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-program[b-ssziz571dy] {
  width: 20%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-active[b-ssziz571dy] {
  width: 20%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-status[b-ssziz571dy] {
  width: 15%;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .col-action-btn[b-ssziz571dy] {
  width: 15%;
  text-align: right;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell[b-ssziz571dy] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar[b-ssziz571dy] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-orange[b-ssziz571dy] {
  background-color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-purple[b-ssziz571dy] {
  background-color: #8b5cf6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-green[b-ssziz571dy] {
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .avatar.bg-blue[b-ssziz571dy] {
  background-color: #3b82f6;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info .student-name[b-ssziz571dy] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .student-profile-cell .student-info .student-role[b-ssziz571dy] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag[b-ssziz571dy] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-purple[b-ssziz571dy] {
  background-color: #f0efff;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-orange[b-ssziz571dy] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .program-tag.tag-green[b-ssziz571dy] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .cohort-name-text[b-ssziz571dy] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .text-data[b-ssziz571dy] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .text-data .sub-span[b-ssziz571dy] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
  display: block;
  margin-top: 2px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge[b-ssziz571dy] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-active[b-ssziz571dy] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-watch[b-ssziz571dy] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge.badge-struggling[b-ssziz571dy] {
  background-color: #fff4eb;
  color: #e11d48;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot[b-ssziz571dy] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot.dot-green[b-ssziz571dy] {
  background-color: #1fad7a;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .status-badge .status-dot.dot-orange[b-ssziz571dy] {
  background-color: #f08b3b;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn[b-ssziz571dy] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn:hover[b-ssziz571dy] {
  background-color: #f8f9fc;
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn.assigned[b-ssziz571dy] {
  background-color: #f0efff;
  color: #5c59f0;
  border-color: #f0efff;
}
.create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table .msg-btn.assigned:hover[b-ssziz571dy] {
  background-color: rgb(88.4926470588%, 87.7254901961%, 100%);
  color: #5c59f0;
}
.create-course-body .sticky-review-footer[b-ssziz571dy] {
  z-index: 100;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.04);
}
.create-course-body .sticky-review-footer .footer-progress[b-ssziz571dy] {
  flex: 1;
}
.create-course-body .sticky-review-footer .footer-progress .progress-sub[b-ssziz571dy] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .sticky-review-footer .footer-action-buttons[b-ssziz571dy] {
  display: flex;
  gap: 12px;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back[b-ssziz571dy] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 10px 24px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back:hover[b-ssziz571dy] {
  background-color: #f8f9fc;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue[b-ssziz571dy] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue:hover[b-ssziz571dy] {
  background-color: #4b49df;
}
.create-course-body .modal-backdrop[b-ssziz571dy] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-ssziz571dy 0.2s ease-out;
}
.create-course-body .modal-backdrop .modal-container[b-ssziz571dy] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-ssziz571dy 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.create-course-body .modal-backdrop .modal-container .modal-header[b-ssziz571dy] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-title[b-ssziz571dy] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-ssziz571dy] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-ssziz571dy] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-course-body .modal-backdrop .modal-container .modal-body .modal-desc[b-ssziz571dy] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-ssziz571dy] {
  border: 2px dashed #eff0f6;
  border-radius: 14px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area svg[b-ssziz571dy] {
  color: #8a8d9f;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area span[b-ssziz571dy] {
  font-size: 13px;
  font-weight: 600;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area:hover[b-ssziz571dy] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.create-course-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-ssziz571dy]  .hidden-file-input {
  display: none;
}
.create-course-body .modal-backdrop .modal-container .modal-footer[b-ssziz571dy] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-ssziz571dy] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-ssziz571dy] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-ssziz571dy] {
  background-color: #e2e8f0;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-ssziz571dy] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-ssziz571dy] {
  background-color: #4b49df;
}
@media (max-width: 1200px) {
  .create-course-body .sticky-review-footer[b-ssziz571dy] {
    left: 32px;
    right: 32px;
  }
}
@media (max-width: 850px) {
  .create-course-body .courses-header[b-ssziz571dy] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .create-course-body .courses-header .header-action-buttons[b-ssziz571dy] {
    width: 100%;
    justify-content: space-between;
  }
  .create-course-body .form-row-half[b-ssziz571dy],
  .create-course-body .form-row-third[b-ssziz571dy] {
    grid-template-columns: 1fr;
  }
  .create-course-body .setup-cards-stack .setup-section-card[b-ssziz571dy] {
    padding: 24px 16px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .card-header[b-ssziz571dy] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .card-header .add-lesson-top-btn[b-ssziz571dy] {
    align-self: flex-start;
  }
  .create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item[b-ssziz571dy] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .questions-list .question-item .action-btn-row[b-ssziz571dy] {
    align-self: flex-end;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-search-bar[b-ssziz571dy] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-search-bar .search-box[b-ssziz571dy] {
    width: 100%;
    max-width: 100%;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table[b-ssziz571dy] {
    display: block;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table thead[b-ssziz571dy] {
    display: none;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody[b-ssziz571dy] {
    display: block;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr[b-ssziz571dy] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr td[b-ssziz571dy] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-program[b-ssziz571dy],
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-active[b-ssziz571dy],
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-status[b-ssziz571dy] {
    padding-left: 44px;
  }
  .create-course-body .setup-cards-stack .setup-section-card .table-container .cohort-table tbody tr .col-action-btn[b-ssziz571dy] {
    align-self: flex-end;
    margin-top: 4px;
  }
  .create-course-body .sticky-review-footer[b-ssziz571dy] {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 20px;
    left: 20px;
    right: 20px;
  }
  .create-course-body .sticky-review-footer .footer-action-buttons[b-ssziz571dy] {
    width: 100%;
    justify-content: space-between;
  }
  .create-course-body .sticky-review-footer .footer-action-buttons .btn-primary-continue[b-ssziz571dy],
  .create-course-body .sticky-review-footer .footer-action-buttons .btn-outline-back[b-ssziz571dy] {
    flex: 1;
    text-align: center;
  }
  .create-course-body .modal-backdrop .modal-container[b-ssziz571dy] {
    max-width: 90%;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .create-course-body[b-ssziz571dy] {
    padding: 24px 16px;
  }
}

@keyframes fadeIn-b-ssziz571dy {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-ssziz571dy {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.create-course-body .profile-notice[b-ssziz571dy] {
  font-size: 12.5px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.create-course-body .profile-notice.profile-notice-error[b-ssziz571dy] {
  background-color: #fff1f2;
  color: #e11d48;
}
.create-course-body .profile-notice.profile-notice-ok[b-ssziz571dy] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.create-course-body .profile-notice ul[b-ssziz571dy] {
  margin: 0;
  padding-left: 18px;
}
.create-course-body .setup-section-card .table-filters[b-ssziz571dy] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.create-course-body .setup-section-card .table-filters .filter-select[b-ssziz571dy] {
  padding: 9px 14px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 12.5px;
  background-color: #ffffff;
  color: #1d1e2c;
  outline: none;
  cursor: pointer;
}
.create-course-body .setup-section-card .table-filters .filter-select:focus[b-ssziz571dy] {
  border-color: #5c59f0;
}
.create-course-body .setup-section-card .table-pager[b-ssziz571dy] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.create-course-body .setup-section-card .table-pager .pager-count[b-ssziz571dy] {
  font-size: 12px;
  color: #6e7191;
}
.create-course-body .setup-section-card .table-pager .pager-btn[b-ssziz571dy] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.create-course-body .setup-section-card .table-pager .pager-btn:hover[b-ssziz571dy] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.create-course-body .setup-section-card .table-pager .pager-pages[b-ssziz571dy] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
}
.create-course-body .setup-section-card .table-pager .pager-pages .page-num[b-ssziz571dy] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.create-course-body .setup-section-card .table-pager .pager-pages .page-num.active[b-ssziz571dy] {
  background-color: #5c59f0;
  color: #ffffff;
}
.create-course-body .setup-section-card .table-pager .pager-pages .page-num:hover:not(.active)[b-ssziz571dy] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .setup-section-card .table-pager .pager-pages .pager-dots[b-ssziz571dy] {
  font-size: 12px;
  color: #6e7191;
  padding: 0 2px;
}
.create-course-body .setup-section-card .status-badge.badge-unscheduled[b-ssziz571dy] {
  background-color: #f4f5f9;
  color: #6e7191;
}
.create-course-body .setup-section-card .status-badge .status-dot.dot-grey[b-ssziz571dy] {
  background-color: #6e7191;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .input-label[b-ssziz571dy] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input[b-ssziz571dy] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.create-course-body .modal-backdrop .modal-container .modal-body .profile-input-field .profile-text-input:focus[b-ssziz571dy] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.create-course-body .modal-backdrop .modal-container .modal-body .form-row-half[b-ssziz571dy] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 768px) {
  .create-course-body .setup-section-card .table-search-bar[b-ssziz571dy] {
    flex-direction: column;
    align-items: stretch;
  }
}
.create-course-body .setup-section-card .icon-action-btn:disabled[b-ssziz571dy] {
  opacity: 0.35;
  cursor: default;
}
.create-course-body .setup-section-card .status-select[b-ssziz571dy] {
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 11px;
  background-color: #ffffff;
  color: #6e7191;
  outline: none;
  cursor: pointer;
}
.create-course-body .setup-section-card .status-select:focus[b-ssziz571dy] {
  border-color: #5c59f0;
}
.create-course-body .status-badge.badge-inactive[b-ssziz571dy] {
  background-color: #f4f5f9;
  color: #6e7191;
}
.create-course-body .footer-progress[b-ssziz571dy] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.create-course-body .footer-progress .progress-steps[b-ssziz571dy] {
  font-size: 12px;
  color: #6e7191;
}
/* /Teacher/Dashboard.razor.rz.scp.css */
.teacher-body[b-bxcz97ow0y] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.teacher-body *[b-bxcz97ow0y] {
  box-sizing: border-box;
}
.teacher-body .courses-header[b-bxcz97ow0y] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.teacher-body .courses-header .programs-count[b-bxcz97ow0y] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.teacher-body .courses-header .page-title[b-bxcz97ow0y] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.teacher-body .courses-header .header-search-area[b-bxcz97ow0y] {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}
.teacher-body .courses-header .header-search-area .search-box[b-bxcz97ow0y] {
  position: relative;
  display: flex;
  align-items: center;
}
.teacher-body .courses-header .header-search-area .search-box .search-icon[b-bxcz97ow0y] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.teacher-body .courses-header .header-search-area .search-box .search-input[b-bxcz97ow0y] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.teacher-body .courses-header .header-search-area .search-box .search-input:focus[b-bxcz97ow0y] {
  border-color: #5c59f0;
}
.teacher-body .courses-header .header-search-area .notif-btn[b-bxcz97ow0y] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.teacher-body .courses-header .header-search-area .notif-btn .notif-dot[b-bxcz97ow0y] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.teacher-body .courses-header .header-search-area .notif-panel[b-bxcz97ow0y] {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 380px;
  max-height: 440px;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(29, 30, 44, 0.14);
  z-index: 40;
  padding: 6px 0 10px;
  animation: notif-panel-in-b-bxcz97ow0y 0.14s ease-out;
}
.teacher-body .courses-header .header-search-area .notif-panel[b-bxcz97ow0y]::-webkit-scrollbar {
  width: 6px;
}
.teacher-body .courses-header .header-search-area .notif-panel[b-bxcz97ow0y]::-webkit-scrollbar-thumb {
  background-color: #eff0f6;
  border-radius: 6px;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-panel-title[b-bxcz97ow0y] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px 10px;
  border-bottom: 1px solid #eff0f6;
  margin-bottom: 4px;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-panel-title span[b-bxcz97ow0y] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-panel-title .notif-count-badge[b-bxcz97ow0y] {
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-panel-header[b-bxcz97ow0y] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 12px 18px 6px;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-empty[b-bxcz97ow0y] {
  font-size: 13.5px;
  color: #6e7191;
  padding: 28px 18px;
  margin: 0;
  text-align: center;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-row[b-bxcz97ow0y] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 18px;
  text-align: left;
  transition: background-color 0.15s;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-row:hover[b-bxcz97ow0y] {
  background-color: #faf9ff;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-row .notif-dot-icon[b-bxcz97ow0y] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
  background-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-row.notif-row-alert .notif-dot-icon[b-bxcz97ow0y] {
  background-color: #f08b3b;
  box-shadow: 0 0 0 3px #fff4eb;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-row .notif-row-body[b-bxcz97ow0y] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-row .notif-row-body .notif-row-title[b-bxcz97ow0y] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.4;
}
.teacher-body .courses-header .header-search-area .notif-panel .notif-row .notif-row-body .notif-row-detail[b-bxcz97ow0y] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}
@keyframes notif-panel-in-b-bxcz97ow0y {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.teacher-body .assistant-hero-card[b-bxcz97ow0y] {
  background-image: url("/image/teacher_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 40px;
  color: #ffffff;
  display: flex;
  gap: 32px;
  position: relative;
  overflow: hidden;
}
.teacher-body .assistant-hero-card .assistant-orb[b-bxcz97ow0y] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(92, 89, 240, 0.3);
}
.teacher-body .assistant-hero-card .hero-content[b-bxcz97ow0y] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.teacher-body .assistant-hero-card .hero-content .hero-meta[b-bxcz97ow0y] {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0.85;
}
.teacher-body .assistant-hero-card .hero-content .hero-title[b-bxcz97ow0y] {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  max-width: 680px;
  margin: 0;
}
.teacher-body .assistant-hero-card .hero-content .hero-desc[b-bxcz97ow0y] {
  font-size: 14.5px;
  line-height: 1.6;
  opacity: 0.85;
  max-width: 650px;
  margin: 0;
}
.teacher-body .assistant-hero-card .hero-content .hero-buttons[b-bxcz97ow0y] {
  display: flex;
  gap: 12px;
}
.teacher-body .assistant-hero-card .hero-content .hero-buttons .btn-primary[b-bxcz97ow0y] {
  background-color: #ffffff;
  color: #5c59f0;
  border: none;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.teacher-body .assistant-hero-card .hero-content .hero-buttons .btn-primary:hover[b-bxcz97ow0y] {
  background-color: #f1f3f9;
}
.teacher-body .assistant-hero-card .hero-content .hero-buttons .btn-secondary[b-bxcz97ow0y] {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.teacher-body .assistant-hero-card .hero-content .hero-buttons .btn-secondary:hover[b-bxcz97ow0y] {
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.08);
}
.teacher-body .dashboard-empty[b-bxcz97ow0y] {
  grid-column: 1/-1;
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.6;
  margin: 8px 0;
}
.teacher-body .dashboard-empty a[b-bxcz97ow0y] {
  color: #5c59f0;
  font-weight: 600;
  text-decoration: none;
}
.teacher-body .courses-section[b-bxcz97ow0y] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.teacher-body .courses-section .section-header[b-bxcz97ow0y] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.teacher-body .courses-section .section-header .section-title[b-bxcz97ow0y] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teacher-body .courses-section .section-header .view-all-link[b-bxcz97ow0y] {
  font-size: 13.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.teacher-body .courses-section .section-header .view-all-link:hover[b-bxcz97ow0y] {
  text-decoration: underline;
}
.teacher-body .courses-section .courses-grid[b-bxcz97ow0y] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.teacher-body .courses-section .courses-grid .course-card[b-bxcz97ow0y] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 180px;
}
.teacher-body .courses-section .courses-grid .course-card .card-badge[b-bxcz97ow0y] {
  align-self: flex-start;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
}
.teacher-body .courses-section .courses-grid .course-card .card-badge.badge-leadership[b-bxcz97ow0y] {
  background-color: #f0efff;
  color: #5c59f0;
}
.teacher-body .courses-section .courses-grid .course-card .card-badge.badge-communication[b-bxcz97ow0y] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.teacher-body .courses-section .courses-grid .course-card .card-badge.badge-change[b-bxcz97ow0y] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.teacher-body .courses-section .courses-grid .course-card .card-title[b-bxcz97ow0y] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teacher-body .courses-section .courses-grid .course-card .card-desc[b-bxcz97ow0y] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.teacher-body .courses-section .courses-grid .course-card .card-status-pill[b-bxcz97ow0y] {
  margin-top: auto;
  background-color: #f8f9fc;
  border: 1px dashed #eff0f6;
  border-radius: 10px;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  text-align: center;
}
.teacher-body .courses-section .courses-grid .course-card .course-progress-wrapper[b-bxcz97ow0y] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.teacher-body .courses-section .courses-grid .course-card .course-progress-wrapper .progress-bar-bg[b-bxcz97ow0y] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.teacher-body .courses-section .courses-grid .course-card .course-progress-wrapper .progress-bar-bg .progress-bar-fill[b-bxcz97ow0y] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.teacher-body .courses-section .courses-grid .course-card .course-progress-wrapper .progress-meta[b-bxcz97ow0y] {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  color: #8a8d9f;
}
.teacher-body .courses-section .courses-grid .course-card .course-progress-wrapper .progress-meta .status-live[b-bxcz97ow0y] {
  color: #5c59f0;
}
.teacher-body .dashboard-split-grid[b-bxcz97ow0y] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.teacher-body .dashboard-split-grid .grid-card-box[b-bxcz97ow0y] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.teacher-body .dashboard-split-grid .grid-card-box .box-header[b-bxcz97ow0y] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #5c59f0;
}
.teacher-body .dashboard-split-grid .grid-card-box .box-header svg[b-bxcz97ow0y] {
  flex-shrink: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .box-header .box-title[b-bxcz97ow0y] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list[b-bxcz97ow0y] {
  display: flex;
  flex-direction: column;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item[b-bxcz97ow0y] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item:first-child[b-bxcz97ow0y] {
  padding-top: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item:last-child[b-bxcz97ow0y] {
  border-bottom: none;
  padding-bottom: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-left[b-bxcz97ow0y] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-left .icon-circle[b-bxcz97ow0y] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-left .icon-circle svg[b-bxcz97ow0y] {
  flex-shrink: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-left .item-info .item-title[b-bxcz97ow0y] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-left .item-info .item-sub[b-bxcz97ow0y] {
  font-size: 12px;
  color: #6e7191;
  margin: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-right[b-bxcz97ow0y] {
  text-align: right;
  flex-shrink: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-right .metric-num[b-bxcz97ow0y] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  display: block;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-right .metric-num.text-purple[b-bxcz97ow0y] {
  color: #5c59f0;
}
.teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-right .metric-lbl[b-bxcz97ow0y] {
  font-size: 9px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list[b-bxcz97ow0y] {
  display: flex;
  flex-direction: column;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-empty[b-bxcz97ow0y] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.6;
  margin: 8px 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-empty a[b-bxcz97ow0y] {
  color: #5c59f0;
  font-weight: 600;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item[b-bxcz97ow0y] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item:first-child[b-bxcz97ow0y] {
  padding-top: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item:last-child[b-bxcz97ow0y] {
  border-bottom: none;
  padding-bottom: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .student-left[b-bxcz97ow0y] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .student-left .status-dot[b-bxcz97ow0y] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .student-left .status-dot.dot-orange[b-bxcz97ow0y] {
  background-color: #f08b3b;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .student-left .status-dot.dot-yellow[b-bxcz97ow0y] {
  background-color: #f59e0b;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .student-left .status-dot.dot-green[b-bxcz97ow0y] {
  background-color: #1fad7a;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .student-left .student-info .student-name[b-bxcz97ow0y] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .student-left .student-info .student-sub[b-bxcz97ow0y] {
  font-size: 12px;
  color: #6e7191;
  margin: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .status-badge[b-bxcz97ow0y] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .status-badge.badge-risk[b-bxcz97ow0y] {
  background-color: #fff4eb;
  color: #e11d48;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .status-badge.badge-watch[b-bxcz97ow0y] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .status-badge.badge-thriving[b-bxcz97ow0y] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
@media (max-width: 850px) {
  .teacher-body .courses-header[b-bxcz97ow0y] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .teacher-body .courses-header .header-search-area[b-bxcz97ow0y] {
    width: 100%;
  }
  .teacher-body .courses-header .header-search-area .search-box[b-bxcz97ow0y] {
    flex: 1;
  }
  .teacher-body .courses-header .header-search-area .search-box .search-input[b-bxcz97ow0y] {
    width: 100%;
  }
  .teacher-body .assistant-hero-card[b-bxcz97ow0y] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 28px;
  }
  .teacher-body .courses-section .courses-grid[b-bxcz97ow0y] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .teacher-body .dashboard-split-grid[b-bxcz97ow0y] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 480px) {
  .teacher-body[b-bxcz97ow0y] {
    padding: 24px 16px;
  }
  .teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item[b-bxcz97ow0y] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .teacher-body .dashboard-split-grid .grid-card-box .assignments-list .assignment-item .item-right[b-bxcz97ow0y] {
    align-self: flex-end;
  }
  .teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item[b-bxcz97ow0y] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .teacher-body .dashboard-split-grid .grid-card-box .engagement-list .engagement-item .status-badge[b-bxcz97ow0y] {
    align-self: flex-end;
  }
}
/* /Teacher/Discussions.razor.rz.scp.css */
.discussions-body[b-c9fxmflx5n] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.discussions-body *[b-c9fxmflx5n] {
  box-sizing: border-box;
}
.discussions-body .courses-header[b-c9fxmflx5n] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.discussions-body .courses-header .programs-count[b-c9fxmflx5n] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.discussions-body .courses-header .page-title[b-c9fxmflx5n] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.discussions-body .courses-header .page-subtitle[b-c9fxmflx5n] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 600px;
}
.discussions-body .courses-header .header-search-area .search-box[b-c9fxmflx5n] {
  position: relative;
  display: flex;
  align-items: center;
}
.discussions-body .courses-header .header-search-area .search-box .search-icon[b-c9fxmflx5n] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.discussions-body .courses-header .header-search-area .search-box .search-input[b-c9fxmflx5n] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 220px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.discussions-body .courses-header .header-search-area .search-box .search-input:focus[b-c9fxmflx5n] {
  border-color: #5c59f0;
}
.discussions-body .filters-bar[b-c9fxmflx5n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.discussions-body .filters-bar .filter-pills[b-c9fxmflx5n] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.discussions-body .filters-bar .filter-pills .filter-pill[b-c9fxmflx5n] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
.discussions-body .filters-bar .filter-pills .filter-pill .badge[b-c9fxmflx5n] {
  background-color: #f1f3f9;
  color: #8a8d9f;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 10px;
}
.discussions-body .filters-bar .filter-pills .filter-pill.active[b-c9fxmflx5n] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.discussions-body .filters-bar .filter-pills .filter-pill.active .badge[b-c9fxmflx5n] {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}
.discussions-body .filters-bar .filter-pills .filter-pill:hover:not(.active)[b-c9fxmflx5n] {
  background-color: #f0efff;
  color: #5c59f0;
}
.discussions-body .settings-card-box[b-c9fxmflx5n] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.discussions-body .settings-card-box .box-header-row[b-c9fxmflx5n] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  color: #5c59f0;
}
.discussions-body .settings-card-box .box-header-row svg[b-c9fxmflx5n] {
  flex-shrink: 0;
}
.discussions-body .settings-card-box .box-header-row .card-box-title[b-c9fxmflx5n] {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
}
.discussions-body .settings-card-box .toggles-list[b-c9fxmflx5n] {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.discussions-body .settings-card-box .toggles-list .toggle-row[b-c9fxmflx5n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 20px;
}
.discussions-body .settings-card-box .toggles-list .toggle-row:first-child[b-c9fxmflx5n] {
  padding-top: 0;
}
.discussions-body .settings-card-box .toggles-list .toggle-row:last-child[b-c9fxmflx5n] {
  border-bottom: none;
  padding-bottom: 0;
}
.discussions-body .settings-card-box .toggles-list .toggle-row .toggle-text[b-c9fxmflx5n] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.discussions-body .settings-card-box .toggles-list .toggle-row .toggle-text .toggle-lbl[b-c9fxmflx5n] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.discussions-body .settings-card-box .toggles-list .toggle-row .toggle-text .toggle-sub[b-c9fxmflx5n] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}
.discussions-body .settings-card-box .toggles-list .toggle-row .switch[b-c9fxmflx5n] {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background-color: #eff0f6;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.discussions-body .settings-card-box .toggles-list .toggle-row .switch[b-c9fxmflx5n]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s;
}
.discussions-body .settings-card-box .toggles-list .toggle-row .switch.on[b-c9fxmflx5n] {
  background-color: #5c59f0;
}
.discussions-body .settings-card-box .toggles-list .toggle-row .switch.on[b-c9fxmflx5n]::after {
  transform: translateX(20px);
}
.discussions-body .notice[b-c9fxmflx5n] {
  font-size: 12.5px;
  line-height: 1.5;
  padding: 10px 14px;
  border-radius: 12px;
}
.discussions-body .notice.notice-error[b-c9fxmflx5n] {
  color: #d64545;
  background-color: #fdeeee;
}
.discussions-body .new-thread-btn[b-c9fxmflx5n] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  padding: 10px 20px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s;
}
.discussions-body .new-thread-btn:hover:not(:disabled)[b-c9fxmflx5n] {
  background-color: #4b49df;
}
.discussions-body .new-thread-btn:disabled[b-c9fxmflx5n] {
  opacity: 0.6;
  cursor: not-allowed;
}
.discussions-body .new-thread-card[b-c9fxmflx5n] {
  gap: 16px;
}
.discussions-body .new-thread-card .form-grid[b-c9fxmflx5n] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.discussions-body .new-thread-card .form-field[b-c9fxmflx5n] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.discussions-body .new-thread-card .form-field.form-field-wide[b-c9fxmflx5n] {
  grid-column: 1/-1;
}
.discussions-body .new-thread-card .form-lbl[b-c9fxmflx5n] {
  font-size: 12px;
  font-weight: 700;
  color: #1d1e2c;
  letter-spacing: 0.2px;
}
.discussions-body .new-thread-card .form-input[b-c9fxmflx5n] {
  width: 100%;
  font-family: inherit;
  font-size: 13.5px;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 11px 14px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.discussions-body .new-thread-card .form-input:focus[b-c9fxmflx5n] {
  border-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.discussions-body .new-thread-card textarea.form-input[b-c9fxmflx5n] {
  resize: vertical;
  line-height: 1.6;
}
.discussions-body .new-thread-card .form-actions[b-c9fxmflx5n] {
  display: flex;
  justify-content: flex-end;
}
.discussions-body .capabilities-card .card-note[b-c9fxmflx5n] {
  margin: 0;
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
}
.discussions-body .threads-section[b-c9fxmflx5n] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.discussions-body .threads-section .section-title[b-c9fxmflx5n] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.discussions-body .threads-section .empty-state[b-c9fxmflx5n] {
  background-color: #ffffff;
  border: 1px dashed #eff0f6;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  color: #8a8d9f;
  font-size: 13.5px;
}
.discussions-body .insight-callout[b-c9fxmflx5n] {
  background-color: #2b286c;
  border-radius: 20px;
  padding: 28px 32px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  color: #ffffff;
}
.discussions-body .insight-callout .callout-orb[b-c9fxmflx5n] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #5de0e6, #3b82f6 40%, #8b5cf6 70%, #ec4899);
  flex-shrink: 0;
}
.discussions-body .insight-callout .insight-text .insight-title[b-c9fxmflx5n] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  opacity: 0.8;
  margin: 0 0 8px 0;
}
.discussions-body .insight-callout .insight-text .insight-body[b-c9fxmflx5n] {
  font-size: 14.5px;
  line-height: 1.6;
  margin: 0;
  opacity: 0.95;
}
.discussions-body .insight-callout .insight-text .insight-link[b-c9fxmflx5n] {
  color: #ffffff;
  text-decoration: underline;
}
.discussions-body .insight-callout .insight-text .insight-quote[b-c9fxmflx5n] {
  font-size: 13px;
  line-height: 1.6;
  margin: 10px 0 0 0;
  opacity: 0.8;
  font-style: italic;
}
@media (max-width: 850px) {
  .discussions-body .courses-header[b-c9fxmflx5n] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .discussions-body .new-thread-card .form-grid[b-c9fxmflx5n] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .discussions-body[b-c9fxmflx5n] {
    padding: 24px 16px;
  }
}
/* /Teacher/Faculty.razor.rz.scp.css */
.faculty-body[b-o90cw59tqf] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.faculty-body *[b-o90cw59tqf] {
  box-sizing: border-box;
}
.faculty-body .courses-header[b-o90cw59tqf] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.faculty-body .courses-header .programs-count[b-o90cw59tqf] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.faculty-body .courses-header .page-title[b-o90cw59tqf] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.faculty-body .courses-header .page-subtitle[b-o90cw59tqf] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 560px;
}
.faculty-body .courses-header .invite-btn[b-o90cw59tqf] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.faculty-body .courses-header .invite-btn:hover[b-o90cw59tqf] {
  background-color: #4b49df;
}
.faculty-body .courses-header .invite-btn:disabled[b-o90cw59tqf] {
  opacity: 0.5;
  cursor: not-allowed;
}
.faculty-body .overview-stats-grid[b-o90cw59tqf] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.faculty-body .overview-stats-grid .stat-card[b-o90cw59tqf] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.faculty-body .overview-stats-grid .stat-card .stat-value[b-o90cw59tqf] {
  font-size: 24px;
  font-weight: 700;
  color: #5c59f0;
}
.faculty-body .overview-stats-grid .stat-card .stat-label[b-o90cw59tqf] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  margin-top: 4px;
}
.faculty-body .overview-stats-grid .stat-card .stat-sub[b-o90cw59tqf] {
  font-size: 11.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.faculty-body .team-section[b-o90cw59tqf] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faculty-body .team-section .team-header-row[b-o90cw59tqf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faculty-body .team-section .team-header-row .section-title[b-o90cw59tqf] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.faculty-body .team-section .team-header-row .program-status-tag[b-o90cw59tqf] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
}
.faculty-body .team-section .team-header-row .program-status-tag.status-active[b-o90cw59tqf] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.faculty-body .team-section .team-header-row .program-status-tag.status-upcoming[b-o90cw59tqf] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.faculty-body .team-section .team-header-row .program-status-tag.status-draft[b-o90cw59tqf] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.faculty-body .team-section .sub-label[b-o90cw59tqf] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #8a8d9f;
  text-transform: uppercase;
  margin: 4px 0 0 0;
}
.faculty-body .team-section .instructor-card[b-o90cw59tqf] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.faculty-body .team-section .instructor-card .instructor-avatar[b-o90cw59tqf] {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  flex-shrink: 0;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-violet[b-o90cw59tqf] {
  background-color: #8b5cf6;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-blue[b-o90cw59tqf] {
  background-color: #3b82f6;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-orange[b-o90cw59tqf] {
  background-color: #f08b3b;
}
.faculty-body .team-section .instructor-card .instructor-avatar.bg-green[b-o90cw59tqf] {
  background-color: #1fad7a;
}
.faculty-body .team-section .instructor-card .instructor-details[b-o90cw59tqf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.faculty-body .team-section .instructor-card .instructor-details .badge-role[b-o90cw59tqf] {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #f0efff;
  color: #5c59f0;
}
.faculty-body .team-section .instructor-card .instructor-details .instructor-name[b-o90cw59tqf] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.faculty-body .team-section .instructor-card .instructor-details .instructor-title[b-o90cw59tqf] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.faculty-body .team-section .instructor-card .instructor-details .online-status[b-o90cw59tqf] {
  font-size: 12px;
  color: #1fad7a;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.faculty-body .team-section .instructor-card .instructor-details .online-status .status-dot[b-o90cw59tqf] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.faculty-body .team-section .instructor-card .instructor-details .online-status.small[b-o90cw59tqf] {
  font-size: 11px;
  margin-top: 2px;
}
.faculty-body .team-section .instructor-card .action-btn[b-o90cw59tqf] {
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.faculty-body .team-section .instructor-card .action-btn.btn-primary[b-o90cw59tqf] {
  background-color: #5c59f0;
  color: #ffffff;
}
.faculty-body .team-section .instructor-card .action-btn.btn-primary:hover[b-o90cw59tqf] {
  background-color: #4b49df;
}
.faculty-body .team-section .instructor-card .action-btn.btn-outline[b-o90cw59tqf] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
}
.faculty-body .team-section .instructor-card .action-btn.btn-outline:hover[b-o90cw59tqf] {
  background-color: #f8f9fc;
}
.faculty-body .team-section .co-instructors-grid[b-o90cw59tqf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card[b-o90cw59tqf] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar[b-o90cw59tqf] {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-violet[b-o90cw59tqf] {
  background-color: #8b5cf6;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-blue[b-o90cw59tqf] {
  background-color: #3b82f6;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-orange[b-o90cw59tqf] {
  background-color: #f08b3b;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-avatar.bg-green[b-o90cw59tqf] {
  background-color: #1fad7a;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-name[b-o90cw59tqf] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.faculty-body .team-section .co-instructors-grid .co-instructor-card .co-role[b-o90cw59tqf] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
  margin: 0;
}
.faculty-body .team-section .add-more-btn[b-o90cw59tqf] {
  align-self: flex-start;
  border-radius: 999px;
  padding: 10px 22px;
}
.faculty-body .team-section .loading-text[b-o90cw59tqf],
.faculty-body .team-section .empty-state-text[b-o90cw59tqf] {
  font-size: 13.5px;
  color: #6e7191;
}
.faculty-body .team-section .invite-placeholder-card[b-o90cw59tqf] {
  background-color: #fafafc;
  border: 1px dashed #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.faculty-body .team-section .invite-placeholder-card .placeholder-icon-circle[b-o90cw59tqf] {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.faculty-body .team-section .invite-placeholder-card .placeholder-text-area[b-o90cw59tqf] {
  flex: 1;
}
.faculty-body .team-section .invite-placeholder-card .placeholder-text-area .placeholder-title[b-o90cw59tqf] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.faculty-body .team-section .invite-placeholder-card .placeholder-text-area .placeholder-desc[b-o90cw59tqf] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.faculty-body .team-section .invite-placeholder-card .action-btn[b-o90cw59tqf] {
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  background-color: #5c59f0;
  color: #ffffff;
  transition: background-color 0.2s;
}
.faculty-body .team-section .invite-placeholder-card .action-btn:hover[b-o90cw59tqf] {
  background-color: #4b49df;
}
.faculty-body .modal-backdrop[b-o90cw59tqf] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2500;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-o90cw59tqf 0.2s ease-out;
}
.faculty-body .modal-backdrop .modal-container[b-o90cw59tqf] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  animation: slideUp-b-o90cw59tqf 0.25s ease-out;
}
.faculty-body .modal-backdrop .modal-container .modal-header[b-o90cw59tqf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #eff0f6;
}
.faculty-body .modal-backdrop .modal-container .modal-header .modal-title[b-o90cw59tqf] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.faculty-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-o90cw59tqf] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
}
.faculty-body .modal-backdrop .modal-container .modal-body[b-o90cw59tqf] {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faculty-body .modal-backdrop .modal-container .modal-body .modal-desc[b-o90cw59tqf] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.faculty-body .modal-backdrop .modal-container .modal-body .modal-input[b-o90cw59tqf] {
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  outline: none;
  width: 100%;
  font-family: inherit;
  color: #1d1e2c;
  background-color: #ffffff;
}
.faculty-body .modal-backdrop .modal-container .modal-body .modal-input:focus[b-o90cw59tqf] {
  border-color: #5c59f0;
}
.faculty-body .modal-backdrop .modal-container .modal-body .error-text[b-o90cw59tqf] {
  color: #d64545;
}
.faculty-body .modal-backdrop .modal-container .modal-footer[b-o90cw59tqf] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #eff0f6;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-o90cw59tqf] {
  border: none;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-o90cw59tqf] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-o90cw59tqf] {
  background-color: #e5e7f0;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-o90cw59tqf] {
  background-color: #5c59f0;
  color: #ffffff;
}
.faculty-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-o90cw59tqf] {
  background-color: #4b49df;
}
@media (max-width: 850px) {
  .faculty-body .courses-header[b-o90cw59tqf] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .faculty-body .overview-stats-grid[b-o90cw59tqf] {
    grid-template-columns: repeat(2, 1fr);
  }
  .faculty-body .team-section .instructor-card[b-o90cw59tqf] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .faculty-body .team-section .instructor-card .action-btn[b-o90cw59tqf] {
    width: 100%;
  }
  .faculty-body .team-section .co-instructors-grid[b-o90cw59tqf] {
    grid-template-columns: 1fr;
  }
  .faculty-body .team-section .invite-placeholder-card[b-o90cw59tqf] {
    flex-direction: column;
    align-items: flex-start;
  }
  .faculty-body .team-section .invite-placeholder-card .action-btn[b-o90cw59tqf] {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .faculty-body[b-o90cw59tqf] {
    padding: 24px 16px;
  }
  .faculty-body .overview-stats-grid[b-o90cw59tqf] {
    grid-template-columns: 1fr;
  }
}

@keyframes fadeIn-b-o90cw59tqf {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-o90cw59tqf {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* /Teacher/Grading.razor.rz.scp.css */
.grading-body[b-er2iu2kexa] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.grading-body *[b-er2iu2kexa] {
  box-sizing: border-box;
}
.grading-body .courses-header[b-er2iu2kexa] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.grading-body .courses-header .programs-count[b-er2iu2kexa] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.grading-body .courses-header .page-title[b-er2iu2kexa] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.grading-body .courses-header .page-subtitle[b-er2iu2kexa] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 600px;
}
.grading-body .courses-header .header-search-area[b-er2iu2kexa] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.grading-body .courses-header .header-search-area .search-box[b-er2iu2kexa] {
  position: relative;
  display: flex;
  align-items: center;
}
.grading-body .courses-header .header-search-area .search-box .search-icon[b-er2iu2kexa] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.grading-body .courses-header .header-search-area .search-box .search-input[b-er2iu2kexa] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 220px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.grading-body .courses-header .header-search-area .search-box .search-input:focus[b-er2iu2kexa] {
  border-color: #5c59f0;
}
.grading-body .courses-header .header-search-area .notif-btn[b-er2iu2kexa] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.grading-body .courses-header .header-search-area .notif-btn .notif-dot[b-er2iu2kexa] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.grading-body .filters-bar[b-er2iu2kexa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.grading-body .filters-bar .filter-pills[b-er2iu2kexa] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.grading-body .filters-bar .filter-pills .filter-pill[b-er2iu2kexa] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
.grading-body .filters-bar .filter-pills .filter-pill .badge[b-er2iu2kexa] {
  background-color: #f1f3f9;
  color: #8a8d9f;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 10px;
}
.grading-body .filters-bar .filter-pills .filter-pill.active[b-er2iu2kexa] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.grading-body .filters-bar .filter-pills .filter-pill.active .badge[b-er2iu2kexa] {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}
.grading-body .filters-bar .filter-pills .filter-pill:hover:not(.active)[b-er2iu2kexa] {
  background-color: #f0efff;
  color: #5c59f0;
}
.grading-body .settings-card-box[b-er2iu2kexa] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.grading-body .settings-card-box .box-header-row[b-er2iu2kexa] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  color: #5c59f0;
}
.grading-body .settings-card-box .box-header-row svg[b-er2iu2kexa] {
  flex-shrink: 0;
}
.grading-body .settings-card-box .box-header-row .card-box-title[b-er2iu2kexa] {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
}
.grading-body .settings-card-box .format-sub-desc[b-er2iu2kexa] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0 0 16px 0;
}
.grading-body .settings-card-box .format-pills[b-er2iu2kexa] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.grading-body .settings-card-box .format-pills .format-pill[b-er2iu2kexa] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: all 0.2s;
}
.grading-body .settings-card-box .format-pills .format-pill.active[b-er2iu2kexa] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.grading-body .settings-card-box .format-pills .format-pill:hover:not(.active)[b-er2iu2kexa] {
  background-color: #f0efff;
  color: #5c59f0;
}
.grading-body .queue-section[b-er2iu2kexa] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.grading-body .queue-section .section-title[b-er2iu2kexa] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.grading-body .queue-section .queue-list[b-er2iu2kexa] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.grading-body .queue-section .empty-state[b-er2iu2kexa] {
  background-color: #ffffff;
  border: 1px dashed #eff0f6;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  color: #8a8d9f;
  font-size: 13.5px;
}
.grading-body .queue-section .queue-card[b-er2iu2kexa] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  overflow: hidden;
}
.grading-body .queue-section .queue-card .queue-card-header[b-er2iu2kexa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  gap: 16px;
}
.grading-body .queue-section .queue-card .queue-card-header .q-left[b-er2iu2kexa] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.grading-body .queue-section .queue-card .queue-card-header .q-left .icon-circle[b-er2iu2kexa] {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.grading-body .queue-section .queue-card .queue-card-header .q-left .q-info .q-title[b-er2iu2kexa] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 2px 0;
}
.grading-body .queue-section .queue-card .queue-card-header .q-left .q-info .q-sub[b-er2iu2kexa] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.grading-body .queue-section .queue-card .queue-card-header .q-right[b-er2iu2kexa] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.grading-body .queue-section .queue-card .queue-card-header .q-right .metric-num[b-er2iu2kexa] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
}
.grading-body .queue-section .queue-card .queue-card-header .q-right .metric-lbl[b-er2iu2kexa] {
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.grading-body .queue-section .queue-card .queue-card-body[b-er2iu2kexa] {
  padding: 0 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 1px solid #eff0f6;
  padding-top: 20px;
}
.grading-body .queue-section .queue-card .queue-card-body .submission-preview[b-er2iu2kexa] {
  background-color: #f8f9fc;
  border-radius: 14px;
  padding: 16px;
}
.grading-body .queue-section .queue-card .queue-card-body .submission-preview .preview-label[b-er2iu2kexa] {
  font-size: 10.5px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  margin: 0 0 6px 0;
}
.grading-body .queue-section .queue-card .queue-card-body .submission-preview .preview-text[b-er2iu2kexa] {
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.5;
  margin: 0;
  font-style: italic;
}
.grading-body .queue-section .queue-card .queue-card-body .ai-suggestion-row[b-er2iu2kexa] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background-color: #f0efff;
  border-radius: 14px;
  padding: 16px;
}
.grading-body .queue-section .queue-card .queue-card-body .ai-suggestion-row .ai-orb-small[b-er2iu2kexa] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: radial-gradient(circle, #5de0e6, #3b82f6, #ec4899);
  flex-shrink: 0;
  margin-top: 2px;
}
.grading-body .queue-section .queue-card .queue-card-body .ai-suggestion-row .ai-suggestion-text[b-er2iu2kexa] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #1d1e2c;
}
.grading-body .queue-section .queue-card .queue-card-body .ai-suggestion-row .ai-suggestion-text strong[b-er2iu2kexa] {
  font-size: 13.5px;
}
.grading-body .queue-section .queue-card .queue-card-body .ai-suggestion-row .ai-suggestion-text span[b-er2iu2kexa] {
  color: #6e7191;
  font-size: 12.5px;
}
.grading-body .queue-section .queue-card .queue-card-body .rubric-mini[b-er2iu2kexa] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.grading-body .queue-section .queue-card .queue-card-body .rubric-mini .rubric-row[b-er2iu2kexa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eff0f6;
  font-size: 13px;
  color: #1d1e2c;
}
.grading-body .queue-section .queue-card .queue-card-body .rubric-mini .rubric-row:last-child[b-er2iu2kexa] {
  border-bottom: none;
}
.grading-body .queue-section .queue-card .queue-card-body .rubric-mini .rubric-row .rubric-check[b-er2iu2kexa] {
  color: #1fad7a;
  font-weight: 700;
}
.grading-body .queue-section .queue-card .queue-card-body .queue-actions[b-er2iu2kexa] {
  display: flex;
  gap: 12px;
}
.grading-body .queue-section .queue-card .queue-card-body .queue-actions .action-btn[b-er2iu2kexa] {
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.grading-body .queue-section .queue-card .queue-card-body .queue-actions .action-btn.btn-primary[b-er2iu2kexa] {
  background-color: #5c59f0;
  color: #ffffff;
}
.grading-body .queue-section .queue-card .queue-card-body .queue-actions .action-btn.btn-primary:hover[b-er2iu2kexa] {
  background-color: #4b49df;
}
.grading-body .queue-section .queue-card .queue-card-body .queue-actions .action-btn.btn-light[b-er2iu2kexa] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.grading-body .queue-section .queue-card .queue-card-body .queue-actions .action-btn.btn-light:hover[b-er2iu2kexa] {
  background-color: #e5e7f0;
}
.grading-body .queue-section .queue-card .queue-card-body .submission-preview .mark-prompt[b-er2iu2kexa] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
  line-height: 1.6;
  margin: 0 0 8px 0;
}
.grading-body .queue-section .queue-card .queue-card-body .submission-preview .mark-guidance[b-er2iu2kexa] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0 0 10px 0;
}
.grading-body .queue-section .queue-card .queue-card-body .suggestion-box[b-er2iu2kexa] {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background-color: #f0efff;
}
.grading-body .queue-section .queue-card .queue-card-body .suggestion-box .suggestion-label[b-er2iu2kexa] {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #5c59f0;
  margin-bottom: 6px;
}
.grading-body .queue-section .queue-card .queue-card-body .suggestion-box .suggestion-text[b-er2iu2kexa] {
  font-size: 13px;
  color: #1d1e2c;
  line-height: 1.7;
  margin: 0 0 10px 0;
}
.grading-body .queue-section .queue-card .queue-card-body .suggestion-box .btn-outline-pill[b-er2iu2kexa] {
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid #5c59f0;
  background-color: #ffffff;
  color: #5c59f0;
  cursor: pointer;
}
.grading-body .queue-section .queue-card .queue-card-body .suggestion-box .btn-outline-pill:hover[b-er2iu2kexa] {
  background-color: #5c59f0;
  color: #ffffff;
}
.grading-body .queue-section .queue-card .queue-card-body .mark-row[b-er2iu2kexa] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
}
.grading-body .queue-section .queue-card .queue-card-body .mark-row .mark-field[b-er2iu2kexa] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 140px;
}
.grading-body .queue-section .queue-card .queue-card-body .mark-row .mark-field.mark-field-wide[b-er2iu2kexa] {
  flex: 1;
  min-width: 240px;
}
.grading-body .queue-section .queue-card .queue-card-body .mark-row .mark-field .mark-lbl[b-er2iu2kexa] {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a8d9f;
}
.grading-body .queue-section .queue-card .queue-card-body .mark-row .mark-field .mark-input[b-er2iu2kexa] {
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 9px 12px;
  resize: vertical;
}
.grading-body .queue-section .queue-card .queue-card-body .mark-row .mark-field .mark-input:focus[b-er2iu2kexa] {
  outline: none;
  border-color: #5c59f0;
}
@media (max-width: 850px) {
  .grading-body .courses-header[b-er2iu2kexa] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .grading-body .courses-header .header-search-area[b-er2iu2kexa] {
    width: 100%;
  }
  .grading-body .courses-header .header-search-area .search-box[b-er2iu2kexa] {
    flex: 1;
  }
  .grading-body .courses-header .header-search-area .search-box .search-input[b-er2iu2kexa] {
    width: 100%;
  }
  .grading-body .queue-section .queue-card .queue-card-body .queue-actions[b-er2iu2kexa] {
    flex-direction: column;
  }
  .grading-body .queue-section .queue-card .queue-card-body .queue-actions .action-btn[b-er2iu2kexa] {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .grading-body[b-er2iu2kexa] {
    padding: 24px 16px;
  }
}

.grading-body .model-select[b-er2iu2kexa] {
  max-width: 420px;
  margin-bottom: 6px;
}
.grading-body .rubric-criterion[b-er2iu2kexa] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0;
  border-top: 1px solid #eff0f6;
}
.grading-body .rubric-state[b-er2iu2kexa] {
  margin-left: 8px;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 12px;
}
.grading-body .rubric-state.is-approved[b-er2iu2kexa] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.grading-body .rubric-state.is-draft[b-er2iu2kexa] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.grading-body .rubric-panel summary[b-er2iu2kexa],
.grading-body .template-picker summary[b-er2iu2kexa] {
  cursor: pointer;
}
.grading-body .rubric-levels[b-er2iu2kexa] {
  margin: 4px 0 10px 18px;
  padding: 0;
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
}
.grading-body .template-chips[b-er2iu2kexa] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.grading-body .template-chips .btn-outline-pill[b-er2iu2kexa] {
  text-align: left;
  white-space: normal;
}
/* /Teacher/Pathways.razor.rz.scp.css */
.pathways-body[b-l587hk4gf6] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  box-sizing: border-box;
}
.pathways-body *[b-l587hk4gf6] {
  box-sizing: border-box;
}
.pathways-body .courses-header[b-l587hk4gf6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.pathways-body .courses-header .programs-count[b-l587hk4gf6] {
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pathways-body .courses-header .page-title[b-l587hk4gf6] {
  font-size: 26px;
  font-weight: 800;
  color: #1d1e2c;
  margin: 6px 0 4px 0;
}
.pathways-body .courses-header .page-subtitle[b-l587hk4gf6] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
}
.pathways-body .alerts-section .alert-pill[b-l587hk4gf6] {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 12px;
}
.pathways-body .alerts-section .alert-pill .orb-icon[b-l587hk4gf6] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #5c59f0;
  flex-shrink: 0;
}
.pathways-body .pathways-list[b-l587hk4gf6] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pathways-body .pathway-card[b-l587hk4gf6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pathways-body .pathway-card.placeholder-card[b-l587hk4gf6] {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.pathways-body .pathway-card.placeholder-card .placeholder-icon-circle[b-l587hk4gf6] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pathways-body .pathway-card.placeholder-card .placeholder-details .placeholder-title[b-l587hk4gf6] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.pathways-body .pathway-card.placeholder-card .placeholder-details .placeholder-desc[b-l587hk4gf6] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
.pathways-body .pathway-card .pathway-card-header[b-l587hk4gf6] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pathways-body .pathway-card .pathway-card-header .kind-tag[b-l587hk4gf6] {
  align-self: flex-start;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
}
.pathways-body .pathway-card .pathway-card-header .kind-tag.tag-program[b-l587hk4gf6] {
  background-color: #f0efff;
  color: #5c59f0;
}
.pathways-body .pathway-card .pathway-card-header .kind-tag.tag-pathway[b-l587hk4gf6] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.pathways-body .pathway-card .pathway-card-header .pathway-title[b-l587hk4gf6] {
  font-size: 18px;
  font-weight: 800;
  color: #1d1e2c;
  margin: 0;
}
.pathways-body .pathway-card .pathway-card-header .pathway-meta[b-l587hk4gf6] {
  font-size: 12.5px;
  color: #6e7191;
}
.pathways-body .pathway-card .pathway-course-steps[b-l587hk4gf6] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step[b-l587hk4gf6] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background-color: #f8f9fc;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-num[b-l587hk4gf6] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #f0efff;
  color: #5c59f0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-title[b-l587hk4gf6] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
  flex: 1;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status[b-l587hk4gf6] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  flex-shrink: 0;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status.step-live[b-l587hk4gf6] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status.step-upcoming[b-l587hk4gf6] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status.step-archived[b-l587hk4gf6], .pathways-body .pathway-card .pathway-course-steps .pathway-step .step-status.step-draft[b-l587hk4gf6] {
  background-color: #f1f3f9;
  color: #8a8d9f;
}
@media (max-width: 850px) {
  .pathways-body .courses-header[b-l587hk4gf6] {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .pathways-body[b-l587hk4gf6] {
    padding: 24px 16px;
  }
}
/* /Teacher/Portrait.razor.rz.scp.css */
.setup-body[b-ik0tu7tn9s] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.setup-body *[b-ik0tu7tn9s] {
  box-sizing: border-box;
}
.setup-body .courses-header[b-ik0tu7tn9s] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.setup-body .courses-header .programs-count[b-ik0tu7tn9s] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.setup-body .courses-header .page-title[b-ik0tu7tn9s] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.setup-body .courses-header .header-search-area[b-ik0tu7tn9s] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.setup-body .courses-header .header-search-area .notif-btn[b-ik0tu7tn9s] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.setup-body .profile-hero-card[b-ik0tu7tn9s] {
  background-image: url("/image/teacher_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 40px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
.setup-body .profile-hero-card .profile-left[b-ik0tu7tn9s] {
  display: flex;
  align-items: center;
  gap: 28px;
}
.setup-body .profile-hero-card .profile-left .avatar-container[b-ik0tu7tn9s] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
  background-color: #3b82f6;
}
.setup-body .profile-hero-card .profile-left .avatar-container .profile-avatar-img[b-ik0tu7tn9s] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.setup-body .profile-hero-card .profile-left .profile-details[b-ik0tu7tn9s] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.setup-body .profile-hero-card .profile-left .profile-details .profile-name[b-ik0tu7tn9s] {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  margin: 0;
  max-width: 650px;
}
.setup-body .profile-hero-card .profile-left .profile-details .profile-meta-info[b-ik0tu7tn9s] {
  font-size: 13.5px;
  opacity: 0.9;
  margin: 0;
}
.setup-body .profile-hero-card .profile-left .profile-details .badge-row[b-ik0tu7tn9s] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.setup-body .profile-hero-card .profile-left .profile-details .badge-row .profile-pill[b-ik0tu7tn9s] {
  font-size: 12px;
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  padding: 4px 12px;
  white-space: nowrap;
}
.setup-body .section-title[b-ik0tu7tn9s] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin-bottom: 16px;
}
.setup-body .build-profile-section[b-ik0tu7tn9s] {
  display: flex;
  flex-direction: column;
}
.setup-body .build-profile-section .profile-grid[b-ik0tu7tn9s] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.setup-body .build-profile-section .profile-grid .profile-card[b-ik0tu7tn9s] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.setup-body .build-profile-section .profile-grid .profile-card:hover[b-ik0tu7tn9s] {
  border-color: #5c59f0;
  box-shadow: 0 4px 12px rgba(92, 89, 240, 0.08);
}
.setup-body .build-profile-section .profile-grid .profile-card .card-left[b-ik0tu7tn9s] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.setup-body .build-profile-section .profile-grid .profile-card .card-left .icon-box[b-ik0tu7tn9s] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.setup-body .build-profile-section .profile-grid .profile-card .card-left .icon-box svg[b-ik0tu7tn9s] {
  width: 20px;
  height: 20px;
}
.setup-body .build-profile-section .profile-grid .profile-card .card-left .icon-box.bg-purple[b-ik0tu7tn9s] {
  background-color: #f0efff;
  color: #5c59f0;
}
.setup-body .build-profile-section .profile-grid .profile-card .card-left .icon-box.bg-blue[b-ik0tu7tn9s] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.setup-body .build-profile-section .profile-grid .profile-card .card-left .icon-box.bg-outline[b-ik0tu7tn9s] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #8a8d9f;
}
.setup-body .build-profile-section .profile-grid .profile-card .card-left .card-titles .card-title[b-ik0tu7tn9s] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.setup-body .build-profile-section .profile-grid .profile-card .card-left .card-titles .card-sub[b-ik0tu7tn9s] {
  font-size: 12px;
  color: #6e7191;
  margin: 4px 0 0 0;
}
.setup-body .build-profile-section .profile-grid .profile-card .status-circle[b-ik0tu7tn9s] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.setup-body .build-profile-section .profile-grid .profile-card .status-circle.completed[b-ik0tu7tn9s] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.setup-body .build-profile-section .profile-grid .profile-card .status-circle.completed svg[b-ik0tu7tn9s] {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.setup-body .build-profile-section .profile-grid .profile-card .status-circle.pending[b-ik0tu7tn9s] {
  background-color: #f1f3f9;
  color: #8a8d9f;
  border: 1px solid #eff0f6;
}
.setup-body .build-profile-section .profile-grid .profile-card .status-circle.pending svg[b-ik0tu7tn9s] {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.setup-body .survey-section[b-ik0tu7tn9s] {
  display: flex;
  flex-direction: column;
}
.setup-body .survey-section .survey-header[b-ik0tu7tn9s] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.setup-body .survey-section .survey-header .survey-progress[b-ik0tu7tn9s] {
  font-size: 13px;
  color: #8a8d9f;
  font-weight: 500;
}
.setup-body .survey-section .survey-card-container[b-ik0tu7tn9s] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 24px;
  display: flex;
  flex-direction: column;
}
.setup-body .survey-section .survey-card-container .survey-timeline[b-ik0tu7tn9s] {
  display: flex;
  flex-direction: column;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item[b-ik0tu7tn9s] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 0;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item:not(:last-child)[b-ik0tu7tn9s]::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 52px;
  bottom: -24px;
  width: 2px;
  background-color: #eff0f6;
  z-index: 0;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left[b-ik0tu7tn9s] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  z-index: 1;
  flex: 1;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .status-circle[b-ik0tu7tn9s] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #ffffff;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .status-circle.completed[b-ik0tu7tn9s] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .status-circle.completed svg[b-ik0tu7tn9s] {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .status-circle.pending[b-ik0tu7tn9s] {
  border: 2px solid #5c59f0;
  position: relative;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .status-circle.pending[b-ik0tu7tn9s]::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #5c59f0;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .status-circle.pending-future[b-ik0tu7tn9s] {
  border: 2px solid #eff0f6;
  background-color: #ffffff;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info[b-ik0tu7tn9s] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .q-title[b-ik0tu7tn9s] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
  line-height: 1.45;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .q-answer[b-ik0tu7tn9s] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 4px 0 0 0;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .q-answer.muted[b-ik0tu7tn9s] {
  color: #8a8d9f;
  font-weight: 500;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .q-answer-input[b-ik0tu7tn9s] {
  width: 100%;
  font-family: inherit;
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 4px 0 0 0;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: transparent;
  resize: none;
  outline: none;
  transition: border-color 0.2s, background-color 0.2s;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .q-answer-input[b-ik0tu7tn9s]::placeholder {
  color: #8a8d9f;
  font-weight: 500;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .q-answer-input:hover[b-ik0tu7tn9s] {
  border-color: #eff0f6;
  background-color: #f8f9fc;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .q-answer-input:focus[b-ik0tu7tn9s] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .action-buttons-row[b-ik0tu7tn9s] {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .action-buttons-row .action-btn-pill[b-ik0tu7tn9s] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background-color 0.2s;
}
.setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .action-buttons-row .action-btn-pill:hover[b-ik0tu7tn9s] {
  background-color: #f8f9fc;
}
.setup-body .survey-section .survey-card-container .survey-timeline .action-buttons-row[b-ik0tu7tn9s] {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.setup-body .survey-section .survey-card-container .survey-timeline .action-buttons-row .action-btn-pill[b-ik0tu7tn9s] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.1s;
}
.setup-body .survey-section .survey-card-container .survey-timeline .action-buttons-row .action-btn-pill:hover[b-ik0tu7tn9s] {
  background-color: #f8f9fc;
}
.setup-body .survey-section .survey-card-container .survey-timeline .action-buttons-row .action-btn-pill:active[b-ik0tu7tn9s] {
  transform: scale(0.97);
}
.setup-body .survey-section .survey-card-container .survey-timeline .action-buttons-row .action-btn-pill.listening[b-ik0tu7tn9s] {
  background-color: #fff4eb;
  color: #f08b3b;
  border-color: #f08b3b;
  animation: pulseBtnMic-b-ik0tu7tn9s 1.5s infinite ease-in-out;
}
@keyframes pulseBtnMic-b-ik0tu7tn9s {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(240, 139, 59, 0.4);
  }
  70% {
    transform: scale(1.06);
    box-shadow: 0 0 0 8px rgba(240, 139, 59, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(240, 139, 59, 0);
  }
}
.setup-body .survey-section .survey-card-container .survey-chat-footer[b-ik0tu7tn9s] {
  border-top: 1px solid #eff0f6;
  padding: 16px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #ffffff;
}
.setup-body .survey-section .survey-card-container .survey-chat-footer .survey-input[b-ik0tu7tn9s] {
  flex: 1;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 13px;
  outline: none;
  background-color: #f8f9fc;
}
.setup-body .survey-section .survey-card-container .survey-chat-footer .survey-input:focus[b-ik0tu7tn9s] {
  border-color: #5c59f0;
}
.setup-body .survey-section .survey-card-container .survey-chat-footer .survey-send-btn[b-ik0tu7tn9s] {
  background-color: #5c59f0;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.setup-body .survey-section .survey-card-container .survey-chat-footer .survey-send-btn svg[b-ik0tu7tn9s] {
  fill: #ffffff;
  transform: rotate(0deg);
}
.setup-body .survey-section .survey-card-container .survey-chat-footer .survey-send-btn:hover[b-ik0tu7tn9s] {
  background-color: #4b49df;
}
.setup-body .modal-backdrop[b-ik0tu7tn9s] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2000;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-ik0tu7tn9s 0.2s ease-out;
}
.setup-body .modal-backdrop .modal-container[b-ik0tu7tn9s] {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #eff0f6;
  position: relative;
  animation: slideUp-b-ik0tu7tn9s 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.setup-body .modal-backdrop .modal-container .modal-header[b-ik0tu7tn9s] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setup-body .modal-backdrop .modal-container .modal-header .modal-title[b-ik0tu7tn9s] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.setup-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn[b-ik0tu7tn9s] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.setup-body .modal-backdrop .modal-container .modal-header .modal-close-icon-btn:hover[b-ik0tu7tn9s] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.setup-body .modal-backdrop .modal-container .modal-body[b-ik0tu7tn9s] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.setup-body .modal-backdrop .modal-container .modal-body .modal-desc[b-ik0tu7tn9s] {
  font-size: 13.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.setup-body .modal-backdrop .modal-container .modal-body .input-field-group[b-ik0tu7tn9s] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.setup-body .modal-backdrop .modal-container .modal-body .input-field-group label[b-ik0tu7tn9s] {
  font-size: 12.5px;
  font-weight: 700;
  color: #8a8d9f;
}
.setup-body .modal-backdrop .modal-container .modal-body .input-field-group .modal-text-input[b-ik0tu7tn9s] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  font-size: 13.5px;
  outline: none;
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.setup-body .modal-backdrop .modal-container .modal-body .input-field-group .modal-text-input:focus[b-ik0tu7tn9s] {
  border-color: #5c59f0;
  background-color: #ffffff;
}
.setup-body .modal-backdrop .modal-container .modal-body .file-drop-area[b-ik0tu7tn9s] {
  border: 2px dashed #eff0f6;
  border-radius: 14px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  cursor: pointer;
  color: #6e7191;
  transition: border-color 0.2s, background-color 0.2s;
}
.setup-body .modal-backdrop .modal-container .modal-body .file-drop-area svg[b-ik0tu7tn9s] {
  color: #8a8d9f;
}
.setup-body .modal-backdrop .modal-container .modal-body .file-drop-area span[b-ik0tu7tn9s] {
  font-size: 13px;
  font-weight: 600;
}
.setup-body .modal-backdrop .modal-container .modal-body .file-drop-area:hover[b-ik0tu7tn9s] {
  border-color: #5c59f0;
  background-color: #fcfcfd;
}
.setup-body .modal-backdrop .modal-container .modal-body .file-drop-area .hidden-file-input[b-ik0tu7tn9s] {
  display: none;
}
.setup-body .modal-backdrop .modal-container .modal-footer[b-ik0tu7tn9s] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.setup-body .modal-backdrop .modal-container .modal-footer .modal-btn[b-ik0tu7tn9s] {
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
}
.setup-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel[b-ik0tu7tn9s] {
  background-color: #f1f3f9;
  color: #6e7191;
}
.setup-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-cancel:hover[b-ik0tu7tn9s] {
  background-color: #e2e8f0;
}
.setup-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit[b-ik0tu7tn9s] {
  background-color: #5c59f0;
  color: #ffffff;
}
.setup-body .modal-backdrop .modal-container .modal-footer .modal-btn.btn-submit:hover[b-ik0tu7tn9s] {
  background-color: #4b49df;
}
@media (max-width: 850px) {
  .setup-body .courses-header[b-ik0tu7tn9s] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .setup-body .profile-hero-card[b-ik0tu7tn9s] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 28px;
  }
  .setup-body .build-profile-section .profile-grid[b-ik0tu7tn9s] {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .setup-body .survey-section .survey-card-container .survey-timeline .survey-item[b-ik0tu7tn9s] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .setup-body .survey-section .survey-card-container .survey-timeline .survey-item:not(:last-child)[b-ik0tu7tn9s]::before {
    bottom: -12px;
  }
  .setup-body .survey-section .survey-card-container .survey-timeline .survey-item .item-left .question-info .action-buttons-row[b-ik0tu7tn9s] {
    align-self: flex-start;
  }
  .setup-body .modal-backdrop .modal-container[b-ik0tu7tn9s] {
    max-width: 90%;
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .setup-body[b-ik0tu7tn9s] {
    padding: 24px 16px;
  }
  .setup-body .profile-hero-card .profile-left[b-ik0tu7tn9s] {
    flex-direction: column;
    align-items: flex-start;
  }
}

@keyframes fadeIn-b-ik0tu7tn9s {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-b-ik0tu7tn9s {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* /Teacher/Settings.razor.rz.scp.css */
.teacher-settings-body[b-4rbhqugzt6] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.teacher-settings-body *[b-4rbhqugzt6] {
  box-sizing: border-box;
}
.teacher-settings-body .courses-header .programs-count[b-4rbhqugzt6] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.teacher-settings-body .courses-header .page-title[b-4rbhqugzt6] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.teacher-settings-body .courses-header .page-subtitle[b-4rbhqugzt6] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 600px;
}
.teacher-settings-body .settings-split-grid[b-4rbhqugzt6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}
.teacher-settings-body .settings-split-grid .settings-column-stack[b-4rbhqugzt6] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.teacher-settings-body .settings-split-grid .settings-card-box[b-4rbhqugzt6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.teacher-settings-body .settings-split-grid .settings-card-box .card-box-title[b-4rbhqugzt6] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 20px 0;
}
.teacher-settings-body .settings-split-grid .settings-card-box .box-header-row[b-4rbhqugzt6] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  color: #5c59f0;
}
.teacher-settings-body .settings-split-grid .settings-card-box .box-header-row svg[b-4rbhqugzt6] {
  flex-shrink: 0;
}
.teacher-settings-body .settings-split-grid .settings-card-box .box-header-row .card-box-title[b-4rbhqugzt6] {
  margin: 0;
}
.teacher-settings-body .settings-split-grid .settings-card-box .format-sub-desc[b-4rbhqugzt6] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0 0 16px 0;
}
.teacher-settings-body .profile-summary-header[b-4rbhqugzt6] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.teacher-settings-body .profile-summary-header .profile-avatar[b-4rbhqugzt6] {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  object-fit: cover;
}
.teacher-settings-body .profile-summary-header .profile-avatar.bg-violet[b-4rbhqugzt6] {
  background-color: #8b5cf6;
}
.teacher-settings-body .profile-summary-header .profile-text .profile-name[b-4rbhqugzt6] {
  font-size: 16px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.teacher-settings-body .profile-summary-header .profile-text .profile-role[b-4rbhqugzt6] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.teacher-settings-body .btn-logout[b-4rbhqugzt6] {
  width: 100%;
  background-color: #fff4eb;
  color: #e11d48;
  border: 1px solid rgba(225, 29, 72, 0.1);
  border-radius: 12px;
  padding: 12px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s, color 0.2s;
}
.teacher-settings-body .btn-logout svg[b-4rbhqugzt6] {
  flex-shrink: 0;
}
.teacher-settings-body .btn-logout:hover[b-4rbhqugzt6] {
  background-color: #ffe4e6;
}
.teacher-settings-body .toggles-list[b-4rbhqugzt6] {
  display: flex;
  flex-direction: column;
}
.teacher-settings-body .toggles-list .toggle-row[b-4rbhqugzt6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 20px;
}
.teacher-settings-body .toggles-list .toggle-row:first-child[b-4rbhqugzt6] {
  padding-top: 0;
}
.teacher-settings-body .toggles-list .toggle-row:last-child[b-4rbhqugzt6] {
  border-bottom: none;
  padding-bottom: 0;
}
.teacher-settings-body .toggles-list .toggle-row .toggle-text[b-4rbhqugzt6] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.teacher-settings-body .toggles-list .toggle-row .toggle-text .toggle-lbl[b-4rbhqugzt6] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
}
.teacher-settings-body .toggles-list .toggle-row .toggle-text .toggle-sub[b-4rbhqugzt6] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.4;
}
.teacher-settings-body .toggles-list .toggle-row .switch[b-4rbhqugzt6] {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background-color: #eff0f6;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.teacher-settings-body .toggles-list .toggle-row .switch[b-4rbhqugzt6]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s;
}
.teacher-settings-body .toggles-list .toggle-row .switch.on[b-4rbhqugzt6] {
  background-color: #5c59f0;
}
.teacher-settings-body .toggles-list .toggle-row .switch.on[b-4rbhqugzt6]::after {
  transform: translateX(20px);
}
.teacher-settings-body .preferences-save-row[b-4rbhqugzt6] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.teacher-settings-body .preferences-save-row .preferences-status[b-4rbhqugzt6] {
  font-size: 12px;
  color: #6e7191;
}
.teacher-settings-body .preferences-save-row .btn-save-preferences[b-4rbhqugzt6] {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #ffffff;
  background-color: #5c59f0;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 9px 15px;
  cursor: pointer;
}
.teacher-settings-body .preferences-save-row .btn-save-preferences:disabled[b-4rbhqugzt6] {
  opacity: 0.55;
  cursor: default;
}
.teacher-settings-body .format-pills[b-4rbhqugzt6] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.teacher-settings-body .format-pills .format-pill[b-4rbhqugzt6] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: all 0.2s;
}
.teacher-settings-body .format-pills .format-pill.active[b-4rbhqugzt6] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.teacher-settings-body .format-pills .format-pill:hover:not(.active)[b-4rbhqugzt6] {
  background-color: #f0efff;
  color: #5c59f0;
}
.teacher-settings-body .logout-overlay[b-4rbhqugzt6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 2500;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-4rbhqugzt6 0.2s ease-out;
}
.teacher-settings-body .logout-overlay .logout-spinner-card[b-4rbhqugzt6] {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  width: 100%;
  max-width: 380px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border: 1px solid #eff0f6;
}
.teacher-settings-body .logout-overlay .logout-spinner-card .spinner[b-4rbhqugzt6] {
  width: 36px;
  height: 36px;
  border: 4px solid #eff0f6;
  border-top-color: #5c59f0;
  border-radius: 50%;
  animation: spin-b-4rbhqugzt6 0.8s linear infinite;
}
.teacher-settings-body .logout-overlay .logout-spinner-card h3[b-4rbhqugzt6] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teacher-settings-body .logout-overlay .logout-spinner-card p[b-4rbhqugzt6] {
  font-size: 13px;
  color: #6e7191;
  margin: 0;
}
@media (max-width: 850px) {
  .teacher-settings-body .settings-split-grid[b-4rbhqugzt6] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 480px) {
  .teacher-settings-body[b-4rbhqugzt6] {
    padding: 24px 16px;
  }
  .teacher-settings-body .logout-overlay .logout-spinner-card[b-4rbhqugzt6] {
    max-width: 90%;
    padding: 32px 20px;
  }
}

@keyframes fadeIn-b-4rbhqugzt6 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spin-b-4rbhqugzt6 {
  to {
    transform: rotate(360deg);
  }
}
/* /Teacher/StudentChat.razor.rz.scp.css */
.student-chat-body[b-8i4i5eq780] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
  height: 100%;
}
.student-chat-body *[b-8i4i5eq780] {
  box-sizing: border-box;
}
.student-chat-body .courses-header[b-8i4i5eq780] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.student-chat-body .courses-header .breadcrumbs[b-8i4i5eq780] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.student-chat-body .courses-header .breadcrumbs a[b-8i4i5eq780] {
  text-decoration: none;
  color: #5c59f0;
}
.student-chat-body .courses-header .breadcrumbs a:hover[b-8i4i5eq780] {
  text-decoration: underline;
}
.student-chat-body .courses-header .page-title[b-8i4i5eq780] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.student-chat-body .courses-header .notif-btn[b-8i4i5eq780] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.student-chat-body .chat-window-card[b-8i4i5eq780] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 560px;
  overflow: hidden;
}
.student-chat-body .chat-window-card .chat-window-header[b-8i4i5eq780] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  border-bottom: 1px solid #eff0f6;
}
.student-chat-body .chat-window-card .chat-window-header .student-avatar-orb[b-8i4i5eq780] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.student-chat-body .chat-window-card .chat-window-header .student-avatar-orb.bg-orange[b-8i4i5eq780] {
  background-color: #f08b3b;
}
.student-chat-body .chat-window-card .chat-window-header .student-avatar-orb.bg-purple[b-8i4i5eq780] {
  background-color: #8b5cf6;
}
.student-chat-body .chat-window-card .chat-window-header .student-avatar-orb.bg-green[b-8i4i5eq780] {
  background-color: #1fad7a;
}
.student-chat-body .chat-window-card .chat-window-header .student-avatar-orb.bg-blue[b-8i4i5eq780] {
  background-color: #3b82f6;
}
.student-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-name[b-8i4i5eq780] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.student-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status[b-8i4i5eq780] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 2px 0 0 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.student-chat-body .chat-window-card .chat-window-header .mentor-header-info .mentor-status .status-dot[b-8i4i5eq780] {
  width: 6px;
  height: 6px;
  background-color: #1fad7a;
  border-radius: 50%;
  display: inline-block;
}
.student-chat-body .chat-window-card .chat-window-body[b-8i4i5eq780] {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.student-chat-body .chat-window-card .chat-window-body .date-divider[b-8i4i5eq780] {
  align-self: center;
  font-size: 11px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  background-color: #f8f9fc;
  padding: 4px 14px;
  border-radius: 12px;
  margin: 10px 0;
}
.student-chat-body .chat-window-card .chat-window-body .date-divider:first-child[b-8i4i5eq780] {
  margin-top: 0;
}
.student-chat-body .chat-window-card .chat-window-body .chat-bubble[b-8i4i5eq780] {
  max-width: 65%;
  padding: 14px 18px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.55;
}
.student-chat-body .chat-window-card .chat-window-body .chat-bubble p[b-8i4i5eq780] {
  margin: 0;
}
.student-chat-body .chat-window-card .chat-window-body .chat-bubble.received[b-8i4i5eq780] {
  background-color: #f0efff;
  color: #1d1e2c;
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
.student-chat-body .chat-window-card .chat-window-body .chat-bubble.sent[b-8i4i5eq780] {
  background-color: #1d1e2c;
  color: #ffffff;
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
.student-chat-body .chat-window-card .quick-replies-row[b-8i4i5eq780] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 24px 16px 24px;
}
.student-chat-body .chat-window-card .quick-replies-row .quick-reply-chip[b-8i4i5eq780] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.student-chat-body .chat-window-card .quick-replies-row .quick-reply-chip:hover[b-8i4i5eq780] {
  background-color: #f0efff;
  border-color: #5c59f0;
  color: #5c59f0;
}
.student-chat-body .chat-window-card .chat-window-input-area[b-8i4i5eq780] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #eff0f6;
  background-color: #fcfcfd;
}
.student-chat-body .chat-window-card .chat-window-input-area .chat-window-input[b-8i4i5eq780] {
  flex: 1;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  padding: 12px 16px;
  font-size: 14px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
  font-family: inherit;
}
.student-chat-body .chat-window-card .chat-window-input-area .chat-window-input:focus[b-8i4i5eq780] {
  border-color: #5c59f0;
}
.student-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-8i4i5eq780] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 12px 22px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.student-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn svg[b-8i4i5eq780] {
  fill: #ffffff;
  flex-shrink: 0;
}
.student-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn:hover[b-8i4i5eq780] {
  background-color: #4b49df;
}
@media (max-width: 850px) {
  .student-chat-body .courses-header[b-8i4i5eq780] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .student-chat-body .chat-window-card[b-8i4i5eq780] {
    min-height: 480px;
  }
  .student-chat-body .chat-window-card .chat-bubble[b-8i4i5eq780] {
    max-width: 85%;
  }
  .student-chat-body .chat-window-card .chat-window-input-area[b-8i4i5eq780] {
    flex-direction: column;
    align-items: stretch;
  }
  .student-chat-body .chat-window-card .chat-window-input-area .chat-window-send-btn[b-8i4i5eq780] {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .student-chat-body[b-8i4i5eq780] {
    padding: 24px 16px;
  }
}
/* /Teacher/StudentDetail.razor.rz.scp.css */
.student-detail-body[b-h4ppznri7k] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.student-detail-body *[b-h4ppznri7k] {
  box-sizing: border-box;
}
.student-detail-body .courses-header[b-h4ppznri7k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.student-detail-body .courses-header .breadcrumbs[b-h4ppznri7k] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.student-detail-body .courses-header .breadcrumbs a[b-h4ppznri7k] {
  text-decoration: none;
  color: #5c59f0;
}
.student-detail-body .courses-header .breadcrumbs a:hover[b-h4ppznri7k] {
  text-decoration: underline;
}
.student-detail-body .courses-header .page-title[b-h4ppznri7k] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.student-detail-body .courses-header .header-search-area[b-h4ppznri7k] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.student-detail-body .courses-header .header-search-area .search-box[b-h4ppznri7k] {
  position: relative;
  display: flex;
  align-items: center;
}
.student-detail-body .courses-header .header-search-area .search-box .search-icon[b-h4ppznri7k] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.student-detail-body .courses-header .header-search-area .search-box .search-input[b-h4ppznri7k] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.student-detail-body .courses-header .header-search-area .search-box .search-input:focus[b-h4ppznri7k] {
  border-color: #5c59f0;
}
.student-detail-body .courses-header .header-search-area .notif-btn[b-h4ppznri7k] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.student-detail-body .courses-header .header-search-area .notif-btn .notif-dot[b-h4ppznri7k] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.student-detail-body .profile-hero-card[b-h4ppznri7k] {
  background-image: url("/image/student_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  padding: 32px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
.student-detail-body .profile-hero-card .profile-left[b-h4ppznri7k] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.student-detail-body .profile-hero-card .profile-left .avatar-container[b-h4ppznri7k] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #f08b3b;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  flex-shrink: 0;
}
.student-detail-body .profile-hero-card .profile-left .profile-details[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .profile-name-row[b-h4ppznri7k] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .profile-name-row .profile-name[b-h4ppznri7k] {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .profile-name-row .status-badge[b-h4ppznri7k] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  background-color: #fff4eb;
  color: #e11d48;
  padding: 2px 8px;
  border-radius: 10px;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .profile-name-row .status-badge.badge-watch[b-h4ppznri7k] {
  color: #f08b3b;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .profile-name-row .status-badge.badge-steady[b-h4ppznri7k] {
  background-color: #f0efff;
  color: #5c59f0;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .profile-name-row .status-badge.badge-thriving[b-h4ppznri7k] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .profile-meta-info[b-h4ppznri7k] {
  font-size: 13px;
  opacity: 0.85;
  margin: 0;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .badge-row[b-h4ppznri7k] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.student-detail-body .profile-hero-card .profile-left .profile-details .badge-row .profile-pill[b-h4ppznri7k] {
  font-size: 11.5px;
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 4px 12px;
  white-space: nowrap;
}
.student-detail-body .profile-hero-card .profile-right[b-h4ppznri7k] {
  display: flex;
  gap: 32px;
  text-align: right;
  flex-shrink: 0;
}
.student-detail-body .profile-hero-card .profile-right .stat-item[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.student-detail-body .profile-hero-card .profile-right .stat-item .stat-num[b-h4ppznri7k] {
  font-size: 20px;
  font-weight: 700;
  display: block;
}
.student-detail-body .profile-hero-card .profile-right .stat-item .stat-lbl[b-h4ppznri7k] {
  font-size: 9px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.5px;
}
.student-detail-body .control-bar-card[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.student-detail-body .control-bar-card .card-left[b-h4ppznri7k] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.student-detail-body .control-bar-card .card-left .icon-circle[b-h4ppznri7k] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.student-detail-body .control-bar-card .card-left .icon-circle.bg-purple[b-h4ppznri7k] {
  background-color: #f0efff;
  color: #5c59f0;
}
.student-detail-body .control-bar-card .card-left .control-text .control-title[b-h4ppznri7k] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.student-detail-body .control-bar-card .card-left .control-text .control-desc[b-h4ppznri7k] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.student-detail-body .control-bar-card .control-buttons-group[b-h4ppznri7k] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.student-detail-body .control-bar-card .control-buttons-group .ctrl-btn[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.student-detail-body .control-bar-card .control-buttons-group .ctrl-btn.active[b-h4ppznri7k] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.student-detail-body .control-bar-card .control-buttons-group .ctrl-btn:hover:not(.active)[b-h4ppznri7k] {
  background-color: #f8f9fc;
}
.student-detail-body .package-section[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.student-detail-body .package-section .section-header[b-h4ppznri7k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.student-detail-body .package-section .section-header .section-title[b-h4ppznri7k] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.student-detail-body .package-section .section-header .header-meta[b-h4ppznri7k] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.student-detail-body .package-section .package-cards-stack[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.student-detail-body .package-section .package-cards-stack .package-card[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header[b-h4ppznri7k] {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .icon-wrapper[b-h4ppznri7k] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .icon-wrapper.bg-orange[b-h4ppznri7k] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .icon-wrapper.bg-blue[b-h4ppznri7k] {
  background-color: #e8f3ff;
  color: #3b82f6;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .icon-wrapper.bg-green[b-h4ppznri7k] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .icon-wrapper.bg-yellow[b-h4ppznri7k] {
  background-color: #fef3c7;
  color: #d97706;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .header-titles[b-h4ppznri7k] {
  flex: 1;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .header-titles .card-title[b-h4ppznri7k] {
  font-size: 15px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .header-titles .card-sub[b-h4ppznri7k] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .status-badge-gray[b-h4ppznri7k] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-body-quote[b-h4ppznri7k] {
  background-color: #f8f9fc;
  border-left: 3px solid #5c59f0;
  padding: 16px;
  border-radius: 0 12px 12px 0;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-body-quote p[b-h4ppznri7k] {
  font-size: 13.5px;
  font-style: italic;
  line-height: 1.5;
  color: #1d1e2c;
  margin: 0;
}
.student-detail-body .package-section .package-cards-stack .package-card .reading-materials-list[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
}
.student-detail-body .package-section .package-cards-stack .package-card .reading-materials-list .reading-item[b-h4ppznri7k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #eff0f6;
}
.student-detail-body .package-section .package-cards-stack .package-card .reading-materials-list .reading-item:first-child[b-h4ppznri7k] {
  padding-top: 0;
}
.student-detail-body .package-section .package-cards-stack .package-card .reading-materials-list .reading-item:last-child[b-h4ppznri7k] {
  border-bottom: none;
  padding-bottom: 0;
}
.student-detail-body .package-section .package-cards-stack .package-card .reading-materials-list .reading-item .name[b-h4ppznri7k] {
  font-size: 13px;
  font-weight: 600;
  color: #1d1e2c;
}
.student-detail-body .package-section .package-cards-stack .package-card .reading-materials-list .reading-item .meta[b-h4ppznri7k] {
  font-size: 12px;
  color: #8a8d9f;
}
.student-detail-body .package-section .package-cards-stack .package-card .audio-player-row[b-h4ppznri7k] {
  background-color: #f8f9fc;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.student-detail-body .package-section .package-cards-stack .package-card .audio-player-row .play-btn[b-h4ppznri7k] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #5c59f0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.student-detail-body .package-section .package-cards-stack .package-card .audio-player-row .play-btn:hover[b-h4ppznri7k] {
  background-color: #4b49df;
}
.student-detail-body .package-section .package-cards-stack .package-card .audio-player-row .progress-bar-bg[b-h4ppznri7k] {
  flex: 1;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.student-detail-body .package-section .package-cards-stack .package-card .audio-player-row .progress-bar-bg .progress-bar-fill[b-h4ppznri7k] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.student-detail-body .package-section .package-cards-stack .package-card .audio-player-row .duration-txt[b-h4ppznri7k] {
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
}
.student-detail-body .package-section .package-cards-stack .package-card .chips-row[b-h4ppznri7k] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.student-detail-body .package-section .package-cards-stack .package-card .chips-row .challenge-chip[b-h4ppznri7k] {
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  background-color: #fff4eb;
  border: 1px solid rgba(240, 139, 59, 0.2);
  color: #f08b3b;
  border-radius: 20px;
}
.student-detail-body .reflection-section[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.student-detail-body .reflection-section .section-header[b-h4ppznri7k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.student-detail-body .reflection-section .section-header .section-title[b-h4ppznri7k] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.student-detail-body .reflection-section .section-header .header-meta[b-h4ppznri7k] {
  font-size: 12.5px;
  color: #8a8d9f;
  font-weight: 500;
}
.student-detail-body .reflection-section .reflection-card[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 12px 24px;
  display: flex;
  flex-direction: column;
}
.student-detail-body .reflection-section .reflection-card .reflection-item[b-h4ppznri7k] {
  padding: 20px 0;
  border-bottom: 1px solid #eff0f6;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.student-detail-body .reflection-section .reflection-card .reflection-item:last-child[b-h4ppznri7k] {
  border-bottom: none;
}
.student-detail-body .reflection-section .reflection-card .reflection-item .question-header[b-h4ppznri7k] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.student-detail-body .reflection-section .reflection-card .reflection-item .question-header .status-circle[b-h4ppznri7k] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.student-detail-body .reflection-section .reflection-card .reflection-item .question-header .status-circle.completed[b-h4ppznri7k] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.student-detail-body .reflection-section .reflection-card .reflection-item .question-header .q-title[b-h4ppznri7k] {
  font-size: 14.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.student-detail-body .reflection-section .reflection-card .reflection-item .q-answer[b-h4ppznri7k] {
  font-size: 13.5px;
  font-style: italic;
  color: #6e7191;
  margin: 0;
  padding-left: 36px;
}
.student-detail-body .visibility-section[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.student-detail-body .visibility-section .section-title[b-h4ppznri7k] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.student-detail-body .visibility-section .visibility-card[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 8px 24px;
}
.student-detail-body .visibility-section .visibility-card .controls-list[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row[b-h4ppznri7k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #eff0f6;
  gap: 20px;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row:last-child[b-h4ppznri7k] {
  border-bottom: none;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-left[b-h4ppznri7k] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-left .icon-circle[b-h4ppznri7k] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-left .icon-circle.bg-purple[b-h4ppznri7k] {
  background-color: #f0efff;
  color: #5c59f0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-left .row-text .row-title[b-h4ppznri7k] {
  font-size: 14px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-left .row-text .row-sub[b-h4ppznri7k] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right[b-h4ppznri7k] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right .action-btn[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right .action-btn.active[b-h4ppznri7k] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right .action-btn.approved[b-h4ppznri7k] {
  background-color: #e8f8f2;
  color: #1fad7a;
  border-color: #e8f8f2;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right .action-btn.blocked[b-h4ppznri7k] {
  background-color: #fff4eb;
  color: #e11d48;
  border-color: #fff4eb;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right .action-btn:hover:not(.active):not(.approved):not(.blocked)[b-h4ppznri7k] {
  background-color: #f8f9fc;
}
.student-detail-body .action-error[b-h4ppznri7k] {
  color: #e11d48;
  margin: 0;
}
.student-detail-body .empty-note[b-h4ppznri7k] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.student-detail-body .control-bar-card .control-buttons-group .ctrl-btn:disabled[b-h4ppznri7k] {
  opacity: 0.55;
  cursor: not-allowed;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .status-badge-gray.is-approved[b-h4ppznri7k] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .status-badge-gray.is-edited[b-h4ppznri7k] {
  background-color: #f0efff;
  color: #5c59f0;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .status-badge-gray.is-waiting[b-h4ppznri7k] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-header .status-badge-gray.is-blocked[b-h4ppznri7k] {
  background-color: #fdecee;
  color: #e11d48;
}
.student-detail-body .package-section .package-cards-stack .package-card .card-body-quote p[b-h4ppznri7k] {
  white-space: pre-line;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right .status-badge-gray[b-h4ppznri7k] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: #f1f3f9;
  color: #8a8d9f;
}
.student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right .action-btn:disabled[b-h4ppznri7k] {
  opacity: 0.55;
  cursor: not-allowed;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 0 20px 0;
  border-bottom: 1px solid #eff0f6;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-label[b-h4ppznri7k] {
  font-size: 12px;
  font-weight: 700;
  color: #1d1e2c;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-input[b-h4ppznri7k] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
  color: #1d1e2c;
  background-color: #ffffff;
  resize: vertical;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-input:focus[b-h4ppznri7k] {
  outline: none;
  border-color: #5c59f0;
  box-shadow: 0 0 0 3px #f0efff;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-count[b-h4ppznri7k] {
  align-self: flex-end;
  font-size: 11px;
  color: #8a8d9f;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-hint[b-h4ppznri7k] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-error[b-h4ppznri7k] {
  font-size: 12.5px;
  color: #e11d48;
  margin: 0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-actions[b-h4ppznri7k] {
  display: flex;
  gap: 8px;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-actions .action-btn[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-actions .action-btn.active[b-h4ppznri7k] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.student-detail-body .visibility-section .visibility-card .controls-list .edit-area .edit-actions .action-btn:disabled[b-h4ppznri7k] {
  opacity: 0.55;
  cursor: not-allowed;
}
.student-detail-body .detail-notice[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.student-detail-body .detail-notice p[b-h4ppznri7k] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0;
}
.student-detail-body .competency-grid[b-h4ppznri7k] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.student-detail-body .summary-card[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 24px;
}
.student-detail-body .summary-card .summary-text[b-h4ppznri7k] {
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.7;
  margin: 14px 0 0;
  max-width: 78ch;
}
.student-detail-body .goals-readonly-section .goals-readonly-card[b-h4ppznri7k] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 24px;
}
.student-detail-body .goals-readonly-section .goals-readonly-card .goal-readonly-row[b-h4ppznri7k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #eff0f6;
}
.student-detail-body .goals-readonly-section .goals-readonly-card .goal-readonly-row:last-child[b-h4ppznri7k] {
  border-bottom: none;
}
.student-detail-body .goals-readonly-section .goals-readonly-card .goal-readonly-row .goal-readonly-text .goal-readonly-title[b-h4ppznri7k] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 3px;
}
.student-detail-body .goals-readonly-section .goals-readonly-card .goal-readonly-row .goal-readonly-text .goal-readonly-sub[b-h4ppznri7k] {
  font-size: 12px;
  color: #6e7191;
  line-height: 1.5;
  margin: 0;
}
.student-detail-body .goals-readonly-section .goals-readonly-card .goal-readonly-row .goal-readonly-right[b-h4ppznri7k] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}
.student-detail-body .goals-readonly-section .goals-readonly-card .goal-readonly-row .goal-readonly-right .goal-readonly-percent[b-h4ppznri7k] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  line-height: 1;
}
.student-detail-body .goals-readonly-section .goals-readonly-card .goal-readonly-row .goal-readonly-right .goal-readonly-category[b-h4ppznri7k] {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #6e7191;
}
.student-detail-body .readonly-empty[b-h4ppznri7k] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.6;
  margin: 16px 0;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 12px;
}
.student-detail-body .warning-badge[b-h4ppznri7k] {
  background-color: #e8f3ff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.student-detail-body .warning-badge .icon-circle[b-h4ppznri7k] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #5c59f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.student-detail-body .warning-badge .badge-text[b-h4ppznri7k] {
  font-size: 13.5px;
  color: #6e7191;
  margin: 0;
  line-height: 1.5;
}
.student-detail-body .warning-badge .badge-text strong[b-h4ppznri7k] {
  color: #1d1e2c;
}
@media (max-width: 850px) {
  .student-detail-body .competency-grid[b-h4ppznri7k] {
    grid-template-columns: minmax(0, 1fr);
  }
  .student-detail-body .courses-header[b-h4ppznri7k] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .student-detail-body .courses-header .header-search-area[b-h4ppznri7k] {
    width: 100%;
  }
  .student-detail-body .courses-header .header-search-area .search-box[b-h4ppznri7k] {
    flex: 1;
  }
  .student-detail-body .courses-header .header-search-area .search-box .search-input[b-h4ppznri7k] {
    width: 100%;
  }
  .student-detail-body .profile-hero-card[b-h4ppznri7k] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 24px 16px;
  }
  .student-detail-body .profile-hero-card .profile-right[b-h4ppznri7k] {
    width: 100%;
    justify-content: space-between;
    text-align: left;
  }
  .student-detail-body .control-bar-card[b-h4ppznri7k] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .student-detail-body .control-bar-card .control-buttons-group[b-h4ppznri7k] {
    width: 100%;
  }
  .student-detail-body .control-bar-card .control-buttons-group .ctrl-btn[b-h4ppznri7k] {
    flex: 1;
    text-align: center;
  }
  .student-detail-body .package-section .package-cards-stack .package-card .card-header[b-h4ppznri7k] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .student-detail-body .package-section .package-cards-stack .package-card .card-header .status-badge-gray[b-h4ppznri7k] {
    align-self: flex-start;
  }
  .student-detail-body .package-section .package-cards-stack .package-card .reading-materials-list .reading-item[b-h4ppznri7k] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .student-detail-body .reflection-section .reflection-card .reflection-item .q-answer[b-h4ppznri7k] {
    padding-left: 0;
  }
  .student-detail-body .visibility-section .visibility-card .controls-list .control-row[b-h4ppznri7k] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right[b-h4ppznri7k] {
    align-self: flex-end;
  }
  .student-detail-body .warning-badge[b-h4ppznri7k] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .student-detail-body[b-h4ppznri7k] {
    padding: 24px 16px;
  }
  .student-detail-body .profile-hero-card .profile-left[b-h4ppznri7k] {
    flex-direction: column;
    align-items: flex-start;
  }
  .student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right[b-h4ppznri7k] {
    width: 100%;
  }
  .student-detail-body .visibility-section .visibility-card .controls-list .control-row .row-right .action-btn[b-h4ppznri7k] {
    flex: 1;
    text-align: center;
  }
}
/* /Teacher/Students.razor.rz.scp.css */
.students-body[b-jzr6r2bb08] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
}
.students-body *[b-jzr6r2bb08] {
  box-sizing: border-box;
}
.students-body .courses-header[b-jzr6r2bb08] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.students-body .courses-header .programs-count[b-jzr6r2bb08] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.students-body .courses-header .page-title[b-jzr6r2bb08] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.students-body .courses-header .header-search-area[b-jzr6r2bb08] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.students-body .courses-header .header-search-area .search-box[b-jzr6r2bb08] {
  position: relative;
  display: flex;
  align-items: center;
}
.students-body .courses-header .header-search-area .search-box .search-icon[b-jzr6r2bb08] {
  position: absolute;
  left: 14px;
  fill: #6e7191;
  width: 16px;
  height: 16px;
}
.students-body .courses-header .header-search-area .search-box .search-input[b-jzr6r2bb08] {
  padding: 10px 16px 10px 40px;
  border-radius: 20px;
  border: 1px solid #eff0f6;
  font-size: 14px;
  width: 260px;
  outline: none;
  background-color: #ffffff;
  color: #1d1e2c;
  transition: border-color 0.2s;
}
.students-body .courses-header .header-search-area .search-box .search-input:focus[b-jzr6r2bb08] {
  border-color: #5c59f0;
}
.students-body .courses-header .header-search-area .notif-btn[b-jzr6r2bb08] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.students-body .courses-header .header-search-area .notif-btn .notif-dot[b-jzr6r2bb08] {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 18px;
}
.students-body .filters-bar[b-jzr6r2bb08] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.students-body .filters-bar .filter-pills[b-jzr6r2bb08],
.students-body .filters-bar .filters-actions[b-jzr6r2bb08] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.students-body .filters-bar .filter-pills .filter-pill[b-jzr6r2bb08],
.students-body .filters-bar .filters-actions .filter-pill[b-jzr6r2bb08] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}
.students-body .filters-bar .filter-pills .filter-pill .badge[b-jzr6r2bb08],
.students-body .filters-bar .filters-actions .filter-pill .badge[b-jzr6r2bb08] {
  background-color: #eff0f6;
  color: #6e7191;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
}
.students-body .filters-bar .filter-pills .filter-pill.active[b-jzr6r2bb08],
.students-body .filters-bar .filters-actions .filter-pill.active[b-jzr6r2bb08] {
  background-color: #5c59f0;
  color: #ffffff;
  border-color: #5c59f0;
}
.students-body .filters-bar .filter-pills .filter-pill.active .badge[b-jzr6r2bb08],
.students-body .filters-bar .filters-actions .filter-pill.active .badge[b-jzr6r2bb08] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.students-body .filters-bar .new-group-btn[b-jzr6r2bb08] {
  background-color: #5c59f0;
  color: #ffffff;
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.students-body .filters-bar .new-group-btn:hover[b-jzr6r2bb08] {
  background-color: #4b49df;
}
.students-body .sort-select[b-jzr6r2bb08] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #6e7191;
  cursor: pointer;
}
.students-body .inactive-alerts[b-jzr6r2bb08],
.students-body .bulk-bar[b-jzr6r2bb08] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 13px;
}
.students-body .inactive-alerts[b-jzr6r2bb08] {
  background-color: #fff4eb;
  color: #1d1e2c;
}
.students-body .inactive-alerts strong[b-jzr6r2bb08] {
  color: #e11d48;
}
.students-body .bulk-bar[b-jzr6r2bb08] {
  background-color: #f0efff;
  color: #5c59f0;
  font-weight: 600;
}
.students-body .bulk-bar .msg-btn[b-jzr6r2bb08] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.students-body .add-student-panel[b-jzr6r2bb08] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.students-body .add-student-panel .add-label[b-jzr6r2bb08] {
  font-size: 11.5px;
  font-weight: 600;
  color: #6e7191;
}
.students-body .add-student-panel .add-row[b-jzr6r2bb08] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.students-body .add-student-panel .add-row .add-input[b-jzr6r2bb08] {
  flex: 1;
  min-width: 220px;
  font-family: inherit;
  font-size: 13px;
  color: #1d1e2c;
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
}
.students-body .add-student-panel .add-row .add-input:focus[b-jzr6r2bb08] {
  border-color: #5c59f0;
}
.students-body .add-student-panel .add-row .add-btn[b-jzr6r2bb08] {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #ffffff;
  background-color: #5c59f0;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 10px 16px;
  cursor: pointer;
  white-space: nowrap;
}
.students-body .add-student-panel .add-row .add-btn:disabled[b-jzr6r2bb08] {
  opacity: 0.55;
  cursor: default;
}
.students-body .add-student-panel .add-message[b-jzr6r2bb08] {
  font-size: 12px;
  color: #6e7191;
  margin: 0;
}
.students-body .cohorts-stack[b-jzr6r2bb08] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.students-body .cohorts-stack .roster-empty[b-jzr6r2bb08] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.6;
  margin: 0;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 12px;
}
.students-body .cohorts-stack .cohort-card[b-jzr6r2bb08] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.students-body .cohorts-stack .cohort-card .cohort-header[b-jzr6r2bb08] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.students-body .cohorts-stack .cohort-card .cohort-header .header-left[b-jzr6r2bb08] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.students-body .cohorts-stack .cohort-card .cohort-header .header-left .icon-box[b-jzr6r2bb08] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.students-body .cohorts-stack .cohort-card .cohort-header .header-left .icon-box.bg-purple[b-jzr6r2bb08] {
  background-color: #f0efff;
  color: #5c59f0;
}
.students-body .cohorts-stack .cohort-card .cohort-header .header-left .cohort-titles .cohort-title[b-jzr6r2bb08] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0 0 4px 0;
}
.students-body .cohorts-stack .cohort-card .cohort-header .header-left .cohort-titles .cohort-sub[b-jzr6r2bb08] {
  font-size: 12.5px;
  color: #6e7191;
  margin: 0;
}
.students-body .cohorts-stack .cohort-card .cohort-header .cohort-header-right[b-jzr6r2bb08] {
  display: flex;
  align-items: center;
  gap: 20px;
}
.students-body .cohorts-stack .cohort-card .cohort-header .cohort-header-right .cohort-stats[b-jzr6r2bb08] {
  display: flex;
  gap: 32px;
}
.students-body .cohorts-stack .cohort-card .cohort-header .cohort-header-right .cohort-stats .stat-item[b-jzr6r2bb08] {
  text-align: right;
}
.students-body .cohorts-stack .cohort-card .cohort-header .cohort-header-right .cohort-stats .stat-item .stat-num[b-jzr6r2bb08] {
  font-size: 18px;
  font-weight: 700;
  color: #1d1e2c;
  display: block;
}
.students-body .cohorts-stack .cohort-card .cohort-header .cohort-header-right .cohort-stats .stat-item .stat-lbl[b-jzr6r2bb08] {
  font-size: 9px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
}
.students-body .cohorts-stack .cohort-card .cohort-header .cohort-header-right .icon-action-btn[b-jzr6r2bb08] {
  background: none;
  border: none;
  color: #8a8d9f;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  transition: background-color 0.2s, color 0.2s;
}
.students-body .cohorts-stack .cohort-card .cohort-header .cohort-header-right .icon-action-btn svg[b-jzr6r2bb08] {
  flex-shrink: 0;
}
.students-body .cohorts-stack .cohort-card .cohort-header .cohort-header-right .icon-action-btn:hover[b-jzr6r2bb08] {
  background-color: #f8f9fc;
  color: #5c59f0;
}
.students-body .cohorts-stack .cohort-card .table-container[b-jzr6r2bb08] {
  width: 100%;
  overflow-x: auto;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table[b-jzr6r2bb08] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table thead[b-jzr6r2bb08] {
  border-bottom: 1px solid #eff0f6;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table thead th[b-jzr6r2bb08] {
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #8a8d9f;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody tr[b-jzr6r2bb08] {
  border-bottom: 1px solid #eff0f6;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody tr:last-child[b-jzr6r2bb08] {
  border-bottom: none;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody tr td[b-jzr6r2bb08] {
  padding: 14px 16px;
  vertical-align: middle;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .col-student[b-jzr6r2bb08] {
  width: 25%;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .col-progress[b-jzr6r2bb08] {
  width: 35%;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .col-status[b-jzr6r2bb08] {
  width: 15%;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .col-active[b-jzr6r2bb08] {
  width: 15%;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .col-action[b-jzr6r2bb08] {
  width: 10%;
  text-align: right;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell[b-jzr6r2bb08] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell .avatar[b-jzr6r2bb08] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell .avatar.bg-orange[b-jzr6r2bb08] {
  background-color: #f08b3b;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell .avatar.bg-purple[b-jzr6r2bb08] {
  background-color: #8b5cf6;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell .avatar.bg-green[b-jzr6r2bb08] {
  background-color: #1fad7a;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell .avatar.bg-blue[b-jzr6r2bb08] {
  background-color: #3b82f6;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell .student-info[b-jzr6r2bb08] {
  display: flex;
  flex-direction: column;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell .student-info .student-name[b-jzr6r2bb08] {
  font-size: 13.5px;
  font-weight: 700;
  color: #1d1e2c;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .student-profile-cell .student-info .student-role[b-jzr6r2bb08] {
  font-size: 11.5px;
  color: #6e7191;
  margin-top: 2px;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .progress-cell-wrapper[b-jzr6r2bb08] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .progress-cell-wrapper .progress-meta[b-jzr6r2bb08] {
  font-size: 11px;
  font-weight: 600;
  color: #6e7191;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .progress-cell-wrapper .progress-bar-bg[b-jzr6r2bb08] {
  width: 100%;
  height: 6px;
  background-color: #eff0f6;
  border-radius: 3px;
  overflow: hidden;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .progress-cell-wrapper .progress-bar-bg .progress-bar-fill[b-jzr6r2bb08] {
  height: 100%;
  background-color: #5c59f0;
  border-radius: 3px;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .status-badge[b-jzr6r2bb08] {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .status-badge.badge-atrisk[b-jzr6r2bb08] {
  background-color: #fff4eb;
  color: #e11d48;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .status-badge.badge-watch[b-jzr6r2bb08] {
  background-color: #fff4eb;
  color: #f08b3b;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .status-badge.badge-thriving[b-jzr6r2bb08] {
  background-color: #e8f8f2;
  color: #1fad7a;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .status-badge.badge-steady[b-jzr6r2bb08] {
  background-color: #f0efff;
  color: #5c59f0;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .last-active-txt[b-jzr6r2bb08] {
  font-size: 12.5px;
  color: #6e7191;
  font-weight: 500;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .msg-btn[b-jzr6r2bb08] {
  background-color: #ffffff;
  border: 1px solid #eff0f6;
  color: #6e7191;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.students-body .cohorts-stack .cohort-card .table-container .cohort-table .msg-btn:hover[b-jzr6r2bb08] {
  background-color: #f8f9fc;
  border-color: #5c59f0;
  color: #5c59f0;
}
.students-body .cohorts-stack .cohort-card .cohort-more-note[b-jzr6r2bb08] {
  font-size: 12px;
  color: #6e7191;
  margin: 0;
  padding: 0 4px;
}
.students-body .table-pager[b-jzr6r2bb08] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.students-body .table-pager .pager-count[b-jzr6r2bb08] {
  font-size: 12.5px;
  color: #6e7191;
}
.students-body .table-pager .table-filters[b-jzr6r2bb08] {
  display: flex;
  align-items: center;
}
.students-body .table-pager .pager-pages[b-jzr6r2bb08] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.students-body .table-pager .pager-pages .page-num[b-jzr6r2bb08] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: none;
  color: #6e7191;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, color 0.2s;
}
.students-body .table-pager .pager-pages .page-num.active[b-jzr6r2bb08] {
  background-color: #5c59f0;
  color: #ffffff;
}
.students-body .table-pager .pager-pages .page-num:hover:not(.active)[b-jzr6r2bb08] {
  background-color: #f8f9fc;
  color: #1d1e2c;
}
.students-body .table-pager .pager-pages .pager-dots[b-jzr6r2bb08] {
  font-size: 12px;
  color: #6e7191;
  padding: 0 2px;
}
@media (max-width: 850px) {
  .students-body .courses-header[b-jzr6r2bb08] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .students-body .courses-header .header-search-area[b-jzr6r2bb08] {
    width: 100%;
  }
  .students-body .courses-header .header-search-area .search-box[b-jzr6r2bb08] {
    flex: 1;
  }
  .students-body .courses-header .header-search-area .search-box .search-input[b-jzr6r2bb08] {
    width: 100%;
  }
  .students-body .filters-bar[b-jzr6r2bb08] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .students-body .filters-bar .new-group-btn[b-jzr6r2bb08] {
    align-self: flex-end;
  }
  .students-body .cohorts-stack .cohort-card[b-jzr6r2bb08] {
    padding: 20px 16px;
  }
  .students-body .cohorts-stack .cohort-card .cohort-header[b-jzr6r2bb08] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .students-body .cohorts-stack .cohort-card .cohort-header .cohort-stats[b-jzr6r2bb08] {
    width: 100%;
    justify-content: space-between;
  }
  .students-body .cohorts-stack .cohort-card .table-container .cohort-table[b-jzr6r2bb08] {
    display: block;
  }
  .students-body .cohorts-stack .cohort-card .table-container .cohort-table thead[b-jzr6r2bb08] {
    display: none;
  }
  .students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody[b-jzr6r2bb08] {
    display: block;
  }
  .students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody tr[b-jzr6r2bb08] {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    gap: 12px;
  }
  .students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody tr td[b-jzr6r2bb08] {
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  .students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody tr .col-status[b-jzr6r2bb08],
  .students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody tr .col-active[b-jzr6r2bb08] {
    padding-left: 44px;
  }
  .students-body .cohorts-stack .cohort-card .table-container .cohort-table tbody tr .col-action[b-jzr6r2bb08] {
    align-self: flex-end;
    margin-top: 4px;
  }
}
@media (max-width: 480px) {
  .students-body[b-jzr6r2bb08] {
    padding: 24px 16px;
  }
}
/* /Teacher/TeachingPhilosophy.razor.rz.scp.css */
.teaching-body[b-5m8u9eqmx2] {
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}
.teaching-body *[b-5m8u9eqmx2] {
  box-sizing: border-box;
}
.teaching-body .teaching-header[b-5m8u9eqmx2] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.teaching-body .teaching-header .section-eyebrow[b-5m8u9eqmx2] {
  font-size: 11px;
  font-weight: 700;
  color: #5c59f0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.teaching-body .teaching-header .page-title[b-5m8u9eqmx2] {
  font-size: 26px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 4px 0 0 0;
}
.teaching-body .teaching-header .page-subtitle[b-5m8u9eqmx2] {
  font-size: 13.5px;
  color: #6e7191;
  margin-top: 6px;
  line-height: 1.5;
  max-width: 640px;
}
.teaching-body .teaching-header .readiness-chip[b-5m8u9eqmx2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: 12px 16px;
  border: 1px solid #eff0f6;
  border-radius: 14px;
  background: #ffffff;
  text-decoration: none;
  transition: border-color 0.15s ease;
}
.teaching-body .teaching-header .readiness-chip:hover[b-5m8u9eqmx2] {
  border-color: #5c59f0;
}
.teaching-body .teaching-header .readiness-chip .chip-score[b-5m8u9eqmx2] {
  font-size: 20px;
  font-weight: 700;
  color: #5c59f0;
}
.teaching-body .teaching-header .readiness-chip .chip-label[b-5m8u9eqmx2] {
  font-size: 11px;
  font-weight: 600;
  color: #8a8d9f;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.teaching-body .state-line[b-5m8u9eqmx2] {
  font-size: 13.5px;
  color: #6e7191;
}
.teaching-body .state-line.error[b-5m8u9eqmx2] {
  color: #e0525e;
}
.teaching-body .panel[b-5m8u9eqmx2] {
  background: #ffffff;
  border: 1px solid #eff0f6;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.teaching-body .panel .panel-title[b-5m8u9eqmx2] {
  font-size: 17px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teaching-body .panel .sub-title[b-5m8u9eqmx2] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 8px 0 0 0;
}
.teaching-body .panel .panel-hint[b-5m8u9eqmx2] {
  font-size: 13px;
  color: #6e7191;
  line-height: 1.55;
  margin: 0;
  max-width: 720px;
}
.teaching-body .panel .panel-note[b-5m8u9eqmx2] {
  font-size: 12.5px;
  color: #8a8d9f;
  line-height: 1.5;
  margin: 0;
  padding: 10px 12px;
  background: #fafaff;
  border-left: 2px solid #f0efff;
  border-radius: 0 8px 8px 0;
}
.teaching-body .panel .panel-actions[b-5m8u9eqmx2] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}
.teaching-body .panel .saved-note[b-5m8u9eqmx2] {
  font-size: 12.5px;
  font-weight: 600;
  color: #1fad7a;
}
.teaching-body .panel .empty-line[b-5m8u9eqmx2] {
  font-size: 13px;
  color: #8a8d9f;
  margin: 0;
}
.teaching-body .panel .char-count[b-5m8u9eqmx2] {
  font-size: 11.5px;
  color: #8a8d9f;
  margin: 0;
  text-align: right;
}
.teaching-body .panel .approach-summary[b-5m8u9eqmx2] {
  font-size: 13.5px;
  color: #1d1e2c;
  line-height: 1.6;
  margin: 0;
  max-width: 780px;
}
.teaching-body .panel .provenance-line[b-5m8u9eqmx2] {
  font-size: 12px;
  color: #8a8d9f;
  margin: 0;
}
.teaching-body .panel .provenance-line .stale-flag[b-5m8u9eqmx2] {
  color: #f08b3b;
  font-weight: 600;
  margin-left: 4px;
}
.teaching-body .panel .trait-list[b-5m8u9eqmx2] {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.teaching-body .panel .trait-list li[b-5m8u9eqmx2] {
  font-size: 13px;
  color: #1d1e2c;
  line-height: 1.5;
}
.teaching-body .field-label[b-5m8u9eqmx2] {
  font-size: 12px;
  font-weight: 600;
  color: #6e7191;
  margin-top: 6px;
}
.teaching-body .text-input[b-5m8u9eqmx2],
.teaching-body .text-area[b-5m8u9eqmx2] {
  width: 100%;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13.5px;
  font-family: inherit;
  color: #1d1e2c;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s ease;
}
.teaching-body .text-input:focus[b-5m8u9eqmx2],
.teaching-body .text-area:focus[b-5m8u9eqmx2] {
  border-color: #5c59f0;
}
.teaching-body .text-input[b-5m8u9eqmx2]::placeholder,
.teaching-body .text-area[b-5m8u9eqmx2]::placeholder {
  color: #8a8d9f;
}
.teaching-body .text-area[b-5m8u9eqmx2] {
  resize: vertical;
  line-height: 1.55;
}
.teaching-body .file-input[b-5m8u9eqmx2] {
  font-size: 12.5px;
  color: #6e7191;
}
.teaching-body .inline-add[b-5m8u9eqmx2] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.teaching-body .inline-add .text-input[b-5m8u9eqmx2] {
  flex: 1;
}
.teaching-body .chip-row[b-5m8u9eqmx2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.teaching-body .subject-chip[b-5m8u9eqmx2] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f0efff;
  color: #5c59f0;
  font-size: 12px;
  font-weight: 600;
}
.teaching-body .subject-chip.plain[b-5m8u9eqmx2] {
  background: #e8f8f2;
  color: #1fad7a;
}
.teaching-body .subject-chip .chip-remove[b-5m8u9eqmx2] {
  border: none;
  background: none;
  color: inherit;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.teaching-body .primary-btn[b-5m8u9eqmx2] {
  border: none;
  border-radius: 10px;
  background: #5c59f0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 9px 18px;
  cursor: pointer;
  align-self: flex-start;
  transition: opacity 0.15s ease;
}
.teaching-body .primary-btn:hover:not(:disabled)[b-5m8u9eqmx2] {
  opacity: 0.9;
}
.teaching-body .primary-btn:disabled[b-5m8u9eqmx2] {
  opacity: 0.55;
  cursor: default;
}
.teaching-body .ghost-btn[b-5m8u9eqmx2] {
  border: 1px solid #eff0f6;
  border-radius: 10px;
  background: #ffffff;
  color: #6e7191;
  font-size: 12.5px;
  font-weight: 600;
  padding: 8px 14px;
  cursor: pointer;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.teaching-body .ghost-btn:hover[b-5m8u9eqmx2] {
  border-color: #5c59f0;
  color: #5c59f0;
}
.teaching-body .ghost-btn.danger:hover[b-5m8u9eqmx2] {
  border-color: #e0525e;
  color: #e0525e;
}
.teaching-body .clip-row[b-5m8u9eqmx2] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.teaching-body .clip-row audio[b-5m8u9eqmx2] {
  height: 36px;
}
.teaching-body .clip-row .clip-duration[b-5m8u9eqmx2] {
  font-size: 12px;
  font-weight: 600;
  color: #8a8d9f;
}
.teaching-body .recorder-row[b-5m8u9eqmx2] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.teaching-body .recorder-row.recording .record-dot[b-5m8u9eqmx2] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e0525e;
  animation: teaching-pulse-b-5m8u9eqmx2 1.2s ease-in-out infinite;
}
.teaching-body .recorder-row .record-label[b-5m8u9eqmx2] {
  font-size: 13px;
  font-weight: 600;
  color: #e0525e;
}
@keyframes teaching-pulse-b-5m8u9eqmx2 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
.teaching-body .artifact-list[b-5m8u9eqmx2] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.teaching-body .artifact-row[b-5m8u9eqmx2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
  border: 1px solid #eff0f6;
  border-radius: 12px;
}
.teaching-body .artifact-row.rejected[b-5m8u9eqmx2] {
  border-color: #fdeef0;
  background: #fdeef0;
}
.teaching-body .artifact-row .artifact-main[b-5m8u9eqmx2] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.teaching-body .artifact-row .artifact-kind[b-5m8u9eqmx2] {
  font-size: 10.5px;
  font-weight: 700;
  color: #5c59f0;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.teaching-body .artifact-row .artifact-title[b-5m8u9eqmx2] {
  font-size: 13.5px;
  font-weight: 600;
  color: #1d1e2c;
}
.teaching-body .artifact-row .artifact-desc[b-5m8u9eqmx2] {
  font-size: 12.5px;
  color: #6e7191;
  line-height: 1.45;
}
.teaching-body .artifact-row .artifact-problem[b-5m8u9eqmx2] {
  font-size: 12px;
  font-weight: 600;
  color: #e0525e;
}
.teaching-body .artifact-row .artifact-side[b-5m8u9eqmx2] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.teaching-body .artifact-row .artifact-badge[b-5m8u9eqmx2] {
  font-size: 11.5px;
  font-weight: 600;
  color: #8a8d9f;
}
.teaching-body .artifact-row .artifact-link[b-5m8u9eqmx2] {
  font-size: 12.5px;
  font-weight: 600;
  color: #5c59f0;
  text-decoration: none;
}
.teaching-body .artifact-row .artifact-link:hover[b-5m8u9eqmx2] {
  text-decoration: underline;
}
.teaching-body .upload-grid[b-5m8u9eqmx2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 8px;
}
.teaching-body .upload-card[b-5m8u9eqmx2] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px dashed #eff0f6;
  border-radius: 12px;
  background: #fcfcff;
}
.teaching-body .upload-card .upload-title[b-5m8u9eqmx2] {
  font-size: 13px;
  font-weight: 700;
  color: #1d1e2c;
  margin: 0;
}
.teaching-body .readiness-strip[b-5m8u9eqmx2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  border-radius: 16px;
  background: #f0efff;
}
.teaching-body .readiness-strip .strip-text[b-5m8u9eqmx2] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.teaching-body .readiness-strip .strip-score[b-5m8u9eqmx2] {
  font-size: 15px;
  font-weight: 700;
  color: #5c59f0;
}
.teaching-body .readiness-strip .strip-detail[b-5m8u9eqmx2] {
  font-size: 12.5px;
  color: #6e7191;
}