/* Student Portal v3.1.12 */
.sp-hele-student-dashboard{
  background:radial-gradient(circle at 15% 0%,rgba(37,99,235,.25),transparent 30%),linear-gradient(135deg,#0f172a,#111827 58%,#0b1220)!important;
}
.sp-hele-student-dashboard h2::before{content:"🎓 ";}
.sp-hele-student-dashboard .sp-hele-workspace-grid > div:nth-child(4){border-color:rgba(251,191,36,.62)!important;}
.sp-hele-student-dashboard .sp-hele-workspace-grid > div:nth-child(5){border-color:rgba(52,211,153,.58)!important;}

/* SP-HELE Student Portal Production v3.2.0 */
body.sp-hele-student-portal-page,
body:has(.sp-hele-student-production){
  overflow-x:hidden!important;
}
.sp-hele-student-production{
  width:min(94vw,1480px)!important;
  max-width:1480px!important;
  margin:28px auto!important;
  padding:clamp(24px,3.2vw,44px)!important;
  overflow:hidden!important;
}
.sp-hele-student-production .sp-hele-student-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:clamp(18px,2.4vw,30px) 0 22px!important;
  border-bottom:1px solid rgba(148,163,184,.26)!important;
  margin-bottom:24px!important;
}
.sp-hele-student-production .sp-hele-student-hero h2{
  font-size:clamp(34px,4.6vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  margin:0 0 12px!important;
}
.sp-hele-student-production .sp-hele-student-hero p{
  color:#e0f2fe!important;
  font-size:clamp(16px,1.4vw,22px)!important;
  margin:0!important;
}
.sp-hele-continue-button,
.sp-hele-mission-cta{
  white-space:nowrap!important;
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sp-hele-student-mission-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  min-height:190px!important;
  padding:clamp(22px,3vw,34px)!important;
  margin:18px 0 24px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(30,41,59,.96),rgba(15,23,42,.92))!important;
  border:1px solid rgba(148,163,184,.34)!important;
  box-shadow:0 22px 56px rgba(2,6,23,.25)!important;
}
.sp-hele-mission-label{color:#fbbf24!important;font-weight:900!important;display:inline-flex!important;margin-bottom:10px!important;}
.sp-hele-student-mission-card h3{
  margin:0 0 10px!important;
  color:#bfdbfe!important;
  font-size:clamp(30px,3.4vw,52px)!important;
  letter-spacing:-.045em!important;
  line-height:1.04!important;
}
.sp-hele-student-mission-card p{
  max-width:820px!important;
  margin:0 0 16px!important;
  color:#f8fafc!important;
  font-size:clamp(16px,1.35vw,20px)!important;
}
.sp-hele-progress-wrap{max-width:760px!important;}
.sp-hele-progress-top{display:flex!important;justify-content:space-between!important;gap:16px!important;color:#dbeafe!important;margin-bottom:8px!important;font-weight:900!important;}
.sp-hele-progress-bar{height:12px!important;background:rgba(15,23,42,.74)!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:999px!important;overflow:hidden!important;}
.sp-hele-progress-bar i{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#60a5fa,#fbbf24)!important;}
.sp-hele-student-metrics .sp-hele-clickable-metric{
  text-decoration:none!important;
  cursor:pointer!important;
}
.sp-hele-student-metrics .sp-hele-clickable-metric:hover{
  transform:translateY(-4px) scale(1.01)!important;
  border-color:rgba(251,191,36,.72)!important;
}
.sp-hele-learning-path-panel{margin:0 0 22px!important;}
.sp-hele-learning-path{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  gap:14px!important;
}
.sp-hele-learning-step{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  padding:18px!important;
  border-radius:18px!important;
  background:rgba(17,24,39,.82)!important;
  border:1px solid rgba(148,163,184,.32)!important;
}
.sp-hele-learning-step.is-current{border-color:#fbbf24!important;background:rgba(30,41,59,.98)!important;box-shadow:0 16px 38px rgba(251,191,36,.08)!important;}
.sp-hele-learning-step span{font-size:26px!important;line-height:1!important;}
.sp-hele-learning-step strong{font-size:17px!important;color:#fff!important;}
.sp-hele-learning-step small{color:#cbd5e1!important;font-size:13px!important;line-height:1.35!important;}
.sp-hele-student-dashboard-grid{grid-template-columns:2fr 1fr!important;}
.sp-hele-student-lessons{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:14px!important;
}
.sp-hele-student-lesson-card{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  min-height:190px!important;
  padding:20px!important;
  border-radius:20px!important;
  background:rgba(17,24,39,.86)!important;
  border:1px solid rgba(148,163,184,.38)!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sp-hele-student-lesson-card:hover{transform:translateY(-4px)!important;border-color:#60a5fa!important;background:rgba(30,41,59,.96)!important;}
.sp-hele-student-lesson-card strong{font-size:20px!important;line-height:1.2!important;color:#fff!important;}
.sp-hele-student-lesson-card small{color:#cbd5e1!important;line-height:1.45!important;}
.sp-hele-student-lesson-card em{font-style:normal!important;color:#fde68a!important;font-weight:800!important;}
.sp-hele-lesson-chip{width:max-content!important;max-width:100%!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(96,165,250,.16)!important;color:#bfdbfe!important;font-weight:900!important;font-size:12px!important;}
.sp-hele-lesson-start{margin-top:auto!important;color:#93c5fd!important;font-weight:900!important;}
.sp-hele-panel-note{color:#dbeafe!important;line-height:1.6!important;}
.sp-hele-empty-state{color:#dbeafe!important;padding:18px!important;border:1px dashed rgba(148,163,184,.4)!important;border-radius:16px!important;}
@media(max-width:1100px){
  .sp-hele-learning-path{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sp-hele-student-dashboard-grid{grid-template-columns:1fr!important;}
  .sp-hele-student-production .sp-hele-wide-panel{grid-column:auto!important;}
}
@media(max-width:760px){
  .sp-hele-student-production{width:94vw!important;padding:20px!important;margin:18px auto!important;}
  .sp-hele-student-production .sp-hele-student-hero,
  .sp-hele-student-mission-card{flex-direction:column!important;align-items:flex-start!important;}
  .sp-hele-continue-button,.sp-hele-mission-cta{width:100%!important;}
  .sp-hele-learning-path{grid-template-columns:1fr!important;}
}