/* Academy Mix Theme
   Visual language adapted from the uploaded teacher platform while preserving
   the academy's Hostinger data model and multi-teacher functionality. */
:root{
  --mix-primary:#2563eb;
  --mix-primary-2:#4f46e5;
  --mix-primary-soft:rgba(37,99,235,.10);
  --mix-accent:#f43f5e;
  --mix-gold:#f59e0b;
  --mix-green:#10b981;
  --mix-bg:#f8fafc;
  --mix-bg-alt:#f1f5f9;
  --mix-card:rgba(255,255,255,.96);
  --mix-ink:#0f172a;
  --mix-muted:#64748b;
  --mix-line:rgba(226,232,240,.88);
  --mix-shadow:0 10px 28px rgba(15,23,42,.08);
  --mix-shadow-lg:0 24px 55px rgba(15,23,42,.14);
  --mix-radius:24px;
  --mix-radius-sm:16px;
  --mix-transition:.38s cubic-bezier(.175,.885,.32,1.275);
}
html{background:var(--mix-bg)}
body{
  color:var(--mix-ink)!important;
  background:
    radial-gradient(circle at 90% 5%,rgba(79,70,229,.07),transparent 28%),
    radial-gradient(circle at 4% 8%,rgba(37,99,235,.06),transparent 24%),
    var(--mix-bg)!important;
}
body::before{display:none!important}
a,button,input,select,textarea{font-family:'Cairo',sans-serif}

/* Shared controls */
.btn,.pro-btn,.admin-action-btn,.teacher-action-btn{
  border-radius:14px!important;
  font-weight:900!important;
  transition:var(--mix-transition)!important;
}
.btn-primary,.pro-btn.primary{
  color:#fff!important;border:0!important;
  background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;
  box-shadow:0 10px 24px rgba(37,99,235,.22)!important;
}
.btn-primary:hover,.pro-btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(37,99,235,.28)!important}
.btn-soft,.btn-ghost,.pro-btn:not(.primary){
  color:var(--mix-primary)!important;
  background:#fff!important;border:1px solid var(--mix-line)!important;
  box-shadow:0 5px 16px rgba(15,23,42,.05)!important;
}
input,select,textarea{
  background:#fff!important;border:2px solid var(--mix-line)!important;
  border-radius:14px!important;color:var(--mix-ink)!important;
  transition:.2s ease!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--mix-primary)!important;
  box-shadow:0 0 0 5px var(--mix-primary-soft)!important;
}

/* Public navbar */
.site-header{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--mix-line)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  backdrop-filter:blur(16px)!important;
}
.brand-mark,.ref-brand-icon{
  color:#fff!important;
  background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;
  box-shadow:0 7px 18px rgba(37,99,235,.24)!important;
}
.desktop-nav a{color:#334155!important;font-weight:900!important;position:relative}
.desktop-nav a::after{content:"";position:absolute;height:3px;width:0;bottom:-6px;right:50%;transform:translateX(50%);background:linear-gradient(90deg,var(--mix-primary-2),var(--mix-primary));border-radius:999px;transition:.25s}
.desktop-nav a:hover{color:var(--mix-primary)!important}.desktop-nav a:hover::after{width:100%}

/* Public hero — teacher platform feeling, academy wording remains */
#publicExperience .hero{
  min-height:610px!important;padding:88px 0 58px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#fbfdff,#f8fafc)!important;
}
#publicExperience .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;gap:46px!important}
#publicExperience .hero-copy{animation:mixSlideIn .8s var(--mix-transition)}
@keyframes mixSlideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
#publicExperience .hero-copy .eyebrow{
  display:inline-flex!important;align-items:center;gap:9px;
  padding:10px 22px!important;border-radius:999px!important;
  color:var(--mix-primary)!important;background:var(--mix-primary-soft)!important;
  border:1px solid rgba(37,99,235,.15)!important;box-shadow:none!important;font-weight:900!important;
}
#publicExperience .hero-copy h1{
  color:var(--mix-ink)!important;font-size:clamp(44px,5.1vw,76px)!important;
  line-height:1.08!important;letter-spacing:-2px!important;margin:22px 0 18px!important;
  text-shadow:0 3px 10px rgba(15,23,42,.04)!important;
}
#publicExperience .hero-copy h1 span{
  background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
#publicExperience .hero-subtitle{color:var(--mix-muted)!important;font-size:19px!important;line-height:1.9!important;max-width:700px}
#publicExperience .hero-actions{gap:12px!important}
#publicExperience .hero-actions .btn{min-height:52px;padding-inline:25px!important;font-size:16px!important}
#publicExperience .trust-row{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:32px!important}
#publicExperience .trust-row>div{
  flex:0 1 auto!important;min-width:145px!important;padding:12px 18px!important;
  border:1px solid var(--mix-line)!important;background:var(--mix-card)!important;
  border-radius:18px!important;box-shadow:var(--mix-shadow)!important;
}
#publicExperience .trust-row strong{color:var(--mix-ink)!important}
#publicExperience .hero-visual{
  min-height:510px!important;border-radius:32px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(15,23,42,.10)),
    var(--future-public-hero-image)!important;
  background-size:cover!important;background-position:center!important;
  border:1px solid rgba(255,255,255,.9)!important;box-shadow:var(--mix-shadow-lg)!important;
  transform:rotate(-.4deg);
}
.future-hero-caption{
  right:22px!important;bottom:20px!important;
  background:rgba(255,255,255,.93)!important;color:var(--mix-ink)!important;
  border:1px solid rgba(255,255,255,.96)!important;border-radius:18px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}

/* Public sections */
.feature-card,.stage-card,.subject-showcase article,.home-news-card,.teacher-public-card{
  background:var(--mix-card)!important;border:1px solid var(--mix-line)!important;
  border-radius:var(--mix-radius)!important;box-shadow:var(--mix-shadow)!important;
  transition:var(--mix-transition)!important;
}
.feature-card:hover,.stage-card:hover,.subject-showcase article:hover,.home-news-card:hover{transform:translateY(-8px)!important;box-shadow:var(--mix-shadow-lg)!important}
.section-kicker{color:var(--mix-primary)!important;font-weight:900!important}
.stage-grid{display:flex!important;gap:20px!important;overflow-x:auto!important;padding:8px 3px 24px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
.stage-grid::-webkit-scrollbar{display:none}
.stage-card{flex:0 0 300px!important;min-width:300px!important;scroll-snap-align:start!important}
.stage-card .stage-art{height:180px!important;background:var(--stage-image) center/cover!important}
.stage-card h3{color:var(--mix-ink)!important}.stage-card p{color:var(--mix-muted)!important}
.subject-showcase{gap:16px!important}.subject-showcase article{min-height:108px!important}

/* Auth */
.auth-modal{border-radius:28px!important;border:1px solid var(--mix-line)!important;box-shadow:0 30px 80px rgba(15,23,42,.22)!important}
.auth-side{
  background:
    linear-gradient(160deg,rgba(79,70,229,.89),rgba(37,99,235,.84)),
    var(--future-auth-image) center/cover!important;
}
.auth-form-wrap{background:#fff!important}
.auth-tabs{background:var(--mix-bg-alt)!important;border-radius:14px!important;padding:5px!important}
.auth-tabs button{border-radius:11px!important}.auth-tabs button.active{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important}

/* Student dashboard — teacher platform layout */
.dashboard-shell{background:var(--mix-bg)!important}
.ref-dashboard-sidebar{
  width:278px!important;background:#fff!important;color:var(--mix-ink)!important;
  border-left:1px solid var(--mix-line)!important;box-shadow:6px 0 28px rgba(15,23,42,.06)!important;
}
.ref-sidebar-brand{border-bottom:1px solid var(--mix-line)!important}
.ref-sidebar-brand .brand-light strong,.ref-sidebar-brand .brand-light small{color:var(--mix-ink)!important}
.ref-dashboard-nav button{
  color:var(--mix-muted)!important;background:transparent!important;
  margin:6px 14px!important;border-radius:12px!important;font-weight:900!important;
  transition:var(--mix-transition)!important;
}
.ref-dashboard-nav button:hover{color:var(--mix-primary)!important;background:var(--mix-primary-soft)!important;transform:translateX(-4px)}
.ref-dashboard-nav button.active{
  color:#fff!important;background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;
  box-shadow:0 9px 22px rgba(37,99,235,.20)!important;transform:translateX(-4px)
}
.ref-sidebar-promo{background:linear-gradient(135deg,#eef2ff,#eff6ff)!important;color:var(--mix-ink)!important;border:1px solid #dbeafe!important}
.ref-sidebar-promo small{color:var(--mix-muted)!important}.ref-sidebar-footer{border-top:1px solid var(--mix-line)!important}
.ref-sidebar-footer button{color:#dc2626!important}

.ref-dashboard-content{background:var(--mix-bg)!important}
.ref-dashboard-topbar{
  background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--mix-line)!important;
  backdrop-filter:blur(14px)!important;
}
.ref-dashboard-search{background:var(--mix-bg-alt)!important;border:1px solid var(--mix-line)!important;border-radius:14px!important}
.ref-user-chip{background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:15px!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important}

.ref-hero-card{
  min-height:220px!important;border-radius:24px!important;
  background:
    linear-gradient(90deg,rgba(79,70,229,.95),rgba(37,99,235,.87) 48%,rgba(37,99,235,.16)),
    var(--future-dashboard-image) center/cover!important;
  color:#fff!important;border:0!important;box-shadow:var(--mix-shadow-lg)!important;
}
.ref-hero-copy h1,.ref-hero-copy p{color:#fff!important}.hero-badge{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(7px)!important}
.future-progress-overview>article,.ref-card,.ref-side-card,.ref-stat-card,.ref-subject-card{
  background:#fff!important;border:1px solid var(--mix-line)!important;box-shadow:var(--mix-shadow)!important;border-radius:20px!important;
}
.future-overall-progress h3,.future-mini-stat strong{color:var(--mix-ink)!important}
.future-ring{background:conic-gradient(var(--mix-primary) var(--progress),#e2e8f0 0)!important}
.future-mini-icon.blue{background:#eff6ff!important;color:#2563eb!important}.future-mini-icon.green{background:#ecfdf5!important;color:#059669!important}.future-mini-icon.purple{background:#eef2ff!important;color:#4f46e5!important}
.ref-subject-card{transition:var(--mix-transition)!important}.ref-subject-card:hover{transform:translateY(-7px)!important;box-shadow:var(--mix-shadow-lg)!important}

/* Lesson */
.learning-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--mix-line)!important}
.lesson-top{background:var(--mix-bg)!important}
.lesson-grid{grid-template-columns:minmax(0,1fr) 320px!important}
.video-theater,.explanation-card,.quiz-intro-card,.question-card,.quiz-result,.quiz-review,.resources-card,.lesson-notes-card,.lesson-progress-card,.lesson-path-card,.lesson-outline-card,.lesson-rating-card,.motivation-card{
  background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:20px!important;box-shadow:var(--mix-shadow)!important;
}
.video-frame{background:#0f172a!important;border-radius:18px!important}
.lesson-tabs{background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:16px!important}
.lesson-tabs button{border-radius:12px!important}.lesson-tabs button.active{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important}
.question-options button{border:2px solid var(--mix-line)!important;border-radius:14px!important;background:#fff!important}
.question-options button:hover{border-color:#93c5fd!important;background:#eff6ff!important}

/* Exam */
.feature-hero-card,.teacher-welcome,.admin-hero{
  background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;
  border-radius:24px!important;box-shadow:var(--mix-shadow-lg)!important;
}
.feature-stat-row article,.exam-list>article,.exam-side-card,.teacher-stat-grid article,.admin-stat-grid article{
  background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:18px!important;box-shadow:var(--mix-shadow)!important;
}
.feature-toolbar,.admin-filter-bar{background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:16px!important;box-shadow:var(--mix-shadow)!important}
.feature-tabs{background:var(--mix-bg-alt)!important;border-radius:14px!important}.feature-tabs button{border-radius:11px!important}.feature-tabs button.active{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important}

/* Profile */
.profile-hero{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;border-radius:24px!important}
.profile-nav-card{
  background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:18px!important;box-shadow:var(--mix-shadow)!important;
}
.profile-nav-card button{color:var(--mix-muted)!important;border-radius:11px!important}.profile-nav-card button.active{color:#fff!important;background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important}
.profile-card,.profile-stat-grid article{background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:20px!important;box-shadow:var(--mix-shadow)!important}

/* Teacher/Admin: keep strong side navigation but calmer cards */
.teacher-side,.admin-sidebar{background:#0f172a!important;box-shadow:8px 0 30px rgba(15,23,42,.12)!important}
.teacher-nav button,.admin-nav button{color:#cbd5e1!important;border-radius:11px!important}.teacher-nav button.active,.admin-nav button.active{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;color:#fff!important}
.teacher-top,.admin-topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--mix-line)!important}
.teacher-card,.admin-card,.pro-card{background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:20px!important;box-shadow:var(--mix-shadow)!important}
.teacher-page,.admin-page{background:var(--mix-bg)!important}

/* Parent + pro pages */
.pro-head{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;border-radius:24px!important}
.pro-head p{color:#dbeafe!important}

/* Mobile: borrow drawer + bottom-nav feeling */
@media(max-width:980px){
  #publicExperience .hero-grid{grid-template-columns:1fr!important}
  #publicExperience .hero-copy{text-align:center}.hero-actions{justify-content:center}.hero-subtitle{margin-inline:auto}
  #publicExperience .hero-visual{min-height:390px!important;order:-1;transform:none}
  .ref-dashboard-sidebar{background:#fff!important}
}
@media(max-width:720px){
  #publicExperience .hero{padding-top:32px!important}
  #publicExperience .hero-copy h1{font-size:39px!important}
  #publicExperience .trust-row{justify-content:center}
  #publicExperience .hero-visual{min-height:330px!important;border-radius:22px!important}
  .stage-card{flex-basis:270px!important;min-width:270px!important}
  .ref-dashboard-topbar{min-height:64px!important}
  .future-progress-overview{grid-template-columns:repeat(2,1fr)!important}
  .future-overall-progress{grid-column:1/-1!important}
}

.academy-mobile-bottom-nav{display:none}
@media(max-width:760px){
  .academy-mobile-bottom-nav{
    position:fixed;z-index:1200;right:10px;left:10px;bottom:10px;
    display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px;
    background:rgba(255,255,255,.97);border:1px solid var(--mix-line);border-radius:18px;
    box-shadow:0 16px 40px rgba(15,23,42,.16);backdrop-filter:blur(18px);
  }
  .academy-mobile-bottom-nav button,.academy-mobile-bottom-nav a{
    min-width:0;height:52px;border:0;background:transparent;color:#64748b;
    border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;text-decoration:none;font-size:11px;font-weight:900;transition:.2s ease;
  }
  .academy-mobile-bottom-nav i{font-size:17px}
  .academy-mobile-bottom-nav button.active,
  .academy-mobile-bottom-nav button:hover,
  .academy-mobile-bottom-nav a:hover{
    color:#fff;background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary));
    box-shadow:0 7px 18px rgba(37,99,235,.22);
  }
  #studentDashboard .ref-dashboard-page{padding-bottom:88px!important}
  #studentDashboard .ref-dashboard-sidebar{padding-bottom:86px!important}
}

/* Subject discovery — multi-teacher academy */
.subject-page{background:var(--mix-bg)!important;padding-bottom:60px}
.subject-hero{padding-top:28px!important}
.subject-hero-card{
  border-radius:28px!important;
  background:linear-gradient(135deg,#4338ca 0%,#2563eb 55%,#38bdf8 100%)!important;
  border:0!important;box-shadow:var(--mix-shadow-lg)!important;overflow:hidden!important;
}
.subject-hero-card.has-custom-subject-image{background-blend-mode:normal!important}
.subject-hero-copy h1,.subject-hero-copy p,.subject-mini-label,.subject-progress-meta{color:#fff!important}
.subject-progress-track{background:rgba(255,255,255,.22)!important}
.subject-progress-track span{background:#fff!important}
.subject-hero-stats article{
  background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.8)!important;
  border-radius:18px!important;box-shadow:0 10px 24px rgba(15,23,42,.12)!important;
}
.subject-teachers-section,.subject-units-overview{margin-top:26px!important}
.subject-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.subject-section-heading.compact{margin-bottom:10px}
.subject-section-heading h2{margin:4px 0 0;font-size:25px;color:var(--mix-ink)}
.subject-section-heading p{margin:5px 0 0;color:var(--mix-muted);font-size:14px}
.subject-all-teachers{min-width:max-content}
.subject-all-teachers.active{color:#fff!important;background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;border-color:transparent!important}
.subject-teacher-strip{
  display:flex;gap:16px;overflow-x:auto;padding:4px 3px 16px;scroll-snap-type:x mandatory;scrollbar-width:none;
}
.subject-teacher-strip::-webkit-scrollbar{display:none}
.subject-teacher-card{
  flex:0 0 310px;scroll-snap-align:start;display:grid;grid-template-columns:70px 1fr;gap:13px;
  background:#fff;border:1px solid var(--mix-line);border-radius:20px;padding:16px;
  box-shadow:var(--mix-shadow);transition:var(--mix-transition);position:relative;overflow:hidden;
}
.subject-teacher-card::before{content:"";position:absolute;width:95px;height:95px;border-radius:50%;top:-48px;left:-38px;background:rgba(37,99,235,.07)}
.subject-teacher-card:hover,.subject-teacher-card.active{transform:translateY(-5px);box-shadow:var(--mix-shadow-lg);border-color:#bfdbfe}
.subject-teacher-card.active{background:linear-gradient(180deg,#fff,#eff6ff)}
.subject-teacher-avatar{width:70px;height:70px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#e0e7ff,#dbeafe);color:#4338ca;font-size:23px;font-weight:900;border:3px solid #fff;box-shadow:0 7px 20px rgba(15,23,42,.10)}
.subject-teacher-avatar img{width:100%;height:100%;object-fit:cover}
.subject-teacher-copy{min-width:0}.subject-teacher-copy small{color:var(--mix-primary);font-size:11px;font-weight:900}.subject-teacher-copy h3{margin:2px 0;font-size:17px;color:var(--mix-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-teacher-copy p{margin:0;color:var(--mix-muted);font-size:12px}.subject-teacher-copy>span{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800}
.subject-teacher-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px}.subject-teacher-actions .btn{flex:1;min-height:38px;font-size:12px}.subject-teacher-profile{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--mix-primary);background:#eff6ff;border:1px solid #dbeafe;text-decoration:none}
.subject-teacher-empty{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:18px;color:var(--mix-muted)}.subject-teacher-empty>span{font-size:32px}.subject-teacher-empty strong{color:var(--mix-ink)}
.subject-teacher-skeleton{flex:0 0 310px;height:150px;border-radius:20px;background:linear-gradient(90deg,#f1f5f9,#fff,#f1f5f9);background-size:220% 100%;animation:mixSkeleton 1.4s linear infinite}
@keyframes mixSkeleton{to{background-position:-220% 0}}

.subject-unit-strip{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 14px;scrollbar-width:none;scroll-snap-type:x mandatory}
.subject-unit-strip::-webkit-scrollbar{display:none}
.subject-unit-chip{
  flex:0 0 235px;scroll-snap-align:start;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;
  min-height:88px;padding:12px;background:#fff;border:1px solid var(--mix-line);border-radius:18px;
  text-align:right;box-shadow:0 7px 20px rgba(15,23,42,.055);transition:var(--mix-transition);cursor:pointer;
}
.subject-unit-chip:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:var(--mix-shadow)}
.subject-unit-chip.complete{background:linear-gradient(180deg,#fff,#ecfdf5);border-color:#bbf7d0}
.subject-unit-num{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary));font-weight:900}
.subject-unit-chip.complete .subject-unit-num{background:linear-gradient(135deg,#059669,#10b981)}
.subject-unit-chip small,.subject-unit-chip em{display:block;font-style:normal;font-size:9px;color:#94a3b8}.subject-unit-chip strong{display:block;font-size:13px;color:var(--mix-ink);margin:2px 0}.subject-unit-chip b{font-size:12px;color:var(--mix-primary)}
.subject-unit-empty{color:var(--mix-muted);padding:10px}

.subject-path-card{background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:22px!important;box-shadow:var(--mix-shadow)!important}
.subject-path-track{scrollbar-width:none}.subject-path-track::-webkit-scrollbar{display:none}
.subject-path-node{background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:16px!important}
.subject-path-node.current{background:#eff6ff!important;border-color:#93c5fd!important}.subject-path-node.complete{background:#ecfdf5!important;border-color:#a7f3d0!important}
.learning-layout{gap:22px!important}
.curriculum-column{min-width:0}
.unit-card{
  background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:20px!important;
  box-shadow:var(--mix-shadow)!important;overflow:hidden!important;margin-bottom:16px!important;
}
.unit-head{padding:16px 18px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border-bottom:1px solid #eef2f7!important}
.unit-number{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;color:#fff!important;border-radius:13px!important}
.unit-card.unit-complete .unit-number{background:linear-gradient(135deg,#059669,#10b981)!important}
.unit-items{padding:12px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
.curriculum-item{
  min-height:105px!important;display:grid!important;grid-template-columns:52px 1fr auto!important;align-items:center!important;gap:12px!important;
  background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:16px!important;padding:13px!important;
  box-shadow:0 5px 15px rgba(15,23,42,.04)!important;transition:var(--mix-transition)!important;
}
.curriculum-item:hover{transform:translateY(-3px)!important;border-color:#bfdbfe!important;box-shadow:0 12px 24px rgba(15,23,42,.08)!important}
.curriculum-item.current{background:linear-gradient(180deg,#fff,#eff6ff)!important;border-color:#93c5fd!important}
.curriculum-item.complete{background:linear-gradient(180deg,#fff,#f0fdf4)!important;border-color:#bbf7d0!important}
.curriculum-item .item-icon{width:50px!important;height:50px!important;border-radius:15px!important;background:#eff6ff!important;color:#2563eb!important}
.curriculum-item .item-icon.done{background:#ecfdf5!important;color:#059669!important}.curriculum-item .item-icon.quiz{background:#f5f3ff!important;color:#7c3aed!important}
.curriculum-item h4{font-size:14px!important;color:var(--mix-ink)!important}.curriculum-item p{font-size:10px!important;color:var(--mix-muted)!important}
.item-state{border-radius:999px!important;font-size:9px!important;padding:5px 8px!important}
.learning-sidebar>article{background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:20px!important;box-shadow:var(--mix-shadow)!important}
.resume-card{background:linear-gradient(135deg,#4338ca,#2563eb)!important;color:#fff!important}.resume-card .section-kicker,.resume-card h3,.resume-card p{color:#fff!important}.resume-card .btn{background:#fff!important;color:#2563eb!important}
@media(max-width:920px){
 .subject-section-heading{align-items:flex-start;flex-direction:column}
 .learning-layout{grid-template-columns:1fr!important}.learning-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
 .unit-items{grid-template-columns:1fr!important}
}
@media(max-width:640px){
 .subject-teacher-card{flex-basis:275px}.subject-unit-chip{flex-basis:215px}
 .learning-sidebar{grid-template-columns:1fr!important}
 .curriculum-item{grid-template-columns:45px 1fr!important}.curriculum-item .item-action{grid-column:2}
}

/* Rich student subject cards */
.ref-subject-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.mix-subject-card{padding:0!important;overflow:hidden!important;display:block!important;text-decoration:none!important;min-height:275px!important}
.mix-subject-card .ref-subject-art{height:145px!important;border-radius:0!important;position:relative!important;background:linear-gradient(135deg,#eef2ff,#eff6ff)!important;overflow:hidden!important}
.mix-subject-card .ref-subject-art img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s ease!important}
.mix-subject-card:hover .ref-subject-art img{transform:scale(1.06)}
.mix-subject-card .ref-subject-art>span{font-size:48px!important}
.mix-subject-progress-badge{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:10px;font-style:normal;font-weight:900;backdrop-filter:blur(7px)}
.mix-subject-card-body{padding:14px 15px 15px}
.mix-subject-card h3{margin:0 0 9px!important;font-size:17px!important;color:var(--mix-ink)!important}
.mix-subject-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px}
.mix-subject-meta span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:9px;font-weight:800}
.mix-subject-meta i{color:var(--mix-primary)}
.mix-subject-card .ref-subject-progress{height:7px!important;background:#e2e8f0!important;border-radius:999px!important;margin-bottom:10px!important}
.mix-subject-card .ref-subject-progress span{background:linear-gradient(90deg,var(--mix-primary-2),var(--mix-primary))!important;border-radius:999px!important}
.mix-subject-card .ref-subject-footer{display:flex!important;align-items:center!important;justify-content:space-between!important}.mix-subject-card .ref-subject-footer small{color:var(--mix-muted)!important}.mix-subject-card .ref-subject-footer strong{color:var(--mix-primary)!important;font-size:11px!important}
@media(max-width:1100px){.ref-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.ref-subject-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding-bottom:10px!important}.mix-subject-card{flex:0 0 82%!important;scroll-snap-align:start!important}}

/* Public teacher showcase */
.teacher-section{background:linear-gradient(180deg,#f8fafc,#eef2ff)!important}
.teacher-panel{
  display:grid!important;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important;gap:32px!important;
  align-items:center!important;background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#3730a3)!important;
  border-radius:30px!important;padding:34px!important;box-shadow:var(--mix-shadow-lg)!important;overflow:hidden!important;position:relative!important;
}
.teacher-panel::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;left:-120px;bottom:-190px;background:rgba(59,130,246,.18)}
.teacher-panel>div:first-child{position:relative;z-index:2}.teacher-panel h2,.teacher-panel p,.teacher-panel .section-kicker{color:#fff!important}.teacher-panel p{opacity:.82;line-height:1.9}
.teacher-cards{display:flex!important;gap:14px!important;overflow-x:auto!important;padding:6px 4px 16px!important;scroll-snap-type:x mandatory;scrollbar-width:none!important;position:relative;z-index:2}
.teacher-cards::-webkit-scrollbar{display:none}
.mix-public-teacher-card{
  flex:0 0 235px!important;min-width:235px!important;scroll-snap-align:start!important;
  display:block!important;padding:0!important;background:#fff!important;border:1px solid rgba(255,255,255,.8)!important;
  border-radius:20px!important;overflow:hidden!important;box-shadow:0 14px 30px rgba(0,0,0,.15)!important;text-decoration:none!important;
  transition:var(--mix-transition)!important;
}
.mix-public-teacher-card:hover{transform:translateY(-7px)!important;box-shadow:0 20px 38px rgba(0,0,0,.20)!important}
.mix-public-teacher-photo{height:160px;position:relative;background:linear-gradient(135deg,#e0e7ff,#dbeafe);overflow:hidden}
.mix-public-teacher-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.mix-public-teacher-card:hover .mix-public-teacher-photo img{transform:scale(1.05)}
.mix-public-teacher-photo>span{width:100%;height:100%;display:grid;place-items:center;font-size:54px;font-weight:900;color:#4338ca}
.mix-public-teacher-photo em{position:absolute;right:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(15,23,42,.75);color:#fff;font-size:9px;font-style:normal;font-weight:900;backdrop-filter:blur(7px)}
.mix-public-teacher-copy{padding:13px 14px 15px}.mix-public-teacher-copy>small{color:var(--mix-primary);font-size:9px;font-weight:900}.mix-public-teacher-copy strong{display:block;color:var(--mix-ink);font-size:15px;margin:3px 0}.mix-public-teacher-copy p{color:var(--mix-muted)!important;font-size:11px!important;margin:0 0 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mix-public-teacher-copy span{display:flex;align-items:center;justify-content:space-between;color:var(--mix-primary);font-size:10px;font-weight:900}
@media(max-width:900px){.teacher-panel{grid-template-columns:1fr!important}.teacher-panel>div:first-child{text-align:center}.teacher-cards{justify-content:flex-start}}

/* Recommended lesson shelf */
.mix-recommended-section{margin-top:16px!important}
.mix-recommended-section .ref-section-head p{margin:4px 0 0;color:var(--mix-muted);font-size:11px}
.mix-recommended-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mix-recommended-card{
  display:grid;grid-template-columns:120px 1fr;min-height:132px;overflow:hidden;text-decoration:none;
  background:#fff;border:1px solid var(--mix-line);border-radius:18px;box-shadow:0 6px 18px rgba(15,23,42,.05);
  transition:var(--mix-transition);
}
.mix-recommended-card:hover{transform:translateY(-5px);border-color:#bfdbfe;box-shadow:var(--mix-shadow)}
.mix-recommended-card.completed{background:linear-gradient(180deg,#fff,#f0fdf4);border-color:#bbf7d0}
.mix-recommended-art{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#e0e7ff,#dbeafe);background-position:center;background-size:cover;overflow:hidden}
.mix-recommended-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,23,42,.20))}
.mix-recommended-art>span{font-size:42px;position:relative;z-index:1}
.mix-recommended-art em{position:absolute;z-index:2;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:8px;font-style:normal;font-weight:900;backdrop-filter:blur(6px)}
.mix-recommended-copy{padding:12px;min-width:0}.mix-recommended-copy>small{color:var(--mix-primary);font-size:9px;font-weight:900}.mix-recommended-copy h3{font-size:14px;margin:3px 0 6px;color:var(--mix-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mix-recommended-copy p{font-size:9px;color:var(--mix-muted);margin:0 0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mix-recommended-copy p i{color:var(--mix-primary)}
.mix-recommended-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f1f5f9;padding-top:8px}.mix-recommended-copy>div span{font-size:8px;color:#94a3b8}.mix-recommended-copy>div strong{font-size:9px;color:var(--mix-primary)}
.mix-recommended-empty{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:18px;border:1px dashed #cbd5e1;border-radius:18px;color:var(--mix-muted)}.mix-recommended-empty>span{font-size:32px}.mix-recommended-empty strong{color:var(--mix-ink)}
.ref-continue-visual.has-image{background-size:cover!important;background-position:center!important;position:relative!important}.ref-continue-visual.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.05),rgba(15,23,42,.35));pointer-events:none}.ref-continue-visual.has-image>*{position:relative;z-index:2}
@media(max-width:900px){.mix-recommended-grid{grid-template-columns:1fr}}
@media(max-width:560px){.mix-recommended-card{grid-template-columns:105px 1fr}.mix-recommended-art{min-height:125px}}

/* Lesson teacher switcher — multi-teacher academy */
.teacher-switcher-wrap{
  margin-top:14px!important;padding:15px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border:1px solid var(--mix-line)!important;border-radius:18px!important;
}
.teacher-switcher-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
.teacher-switcher-head h3{margin:2px 0 0!important;font-size:15px!important;color:var(--mix-ink)!important}
.teacher-count{background:#eef2ff!important;color:#4338ca!important;border:1px solid #e0e7ff!important;border-radius:999px!important;padding:6px 10px!important;font-size:10px!important;font-weight:900!important}
.teacher-switcher{
  display:flex!important;gap:10px!important;overflow-x:auto!important;padding:2px 1px 8px!important;
  scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
}
.teacher-switcher::-webkit-scrollbar{display:none}
.mix-teacher-choice{
  flex:0 0 255px!important;min-width:255px!important;scroll-snap-align:start!important;
  display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;align-items:center!important;gap:10px!important;
  padding:11px!important;background:#fff!important;border:2px solid var(--mix-line)!important;border-radius:16px!important;
  text-align:right!important;color:var(--mix-ink)!important;box-shadow:0 5px 14px rgba(15,23,42,.04)!important;
  transition:var(--mix-transition)!important;cursor:pointer!important;
}
.mix-teacher-choice:hover{transform:translateY(-3px)!important;border-color:#bfdbfe!important;box-shadow:0 10px 22px rgba(15,23,42,.08)!important}
.mix-teacher-choice.active{
  border-color:#60a5fa!important;background:linear-gradient(180deg,#fff,#eff6ff)!important;
  box-shadow:0 12px 25px rgba(37,99,235,.12)!important;
}
.teacher-mini-avatar{
  width:52px!important;height:52px!important;border-radius:15px!important;overflow:hidden!important;
  display:grid!important;place-items:center!important;background:linear-gradient(135deg,#e0e7ff,#dbeafe)!important;
  color:#4338ca!important;font-size:17px!important;font-weight:900!important;border:2px solid #fff!important;
  box-shadow:0 5px 14px rgba(15,23,42,.08)!important;
}
.teacher-mini-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.mix-teacher-choice-copy{display:block!important;min-width:0!important}
.mix-teacher-choice-copy strong{display:block!important;font-size:12px!important;color:var(--mix-ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mix-teacher-choice-copy em{display:block!important;font-size:9px!important;color:var(--mix-muted)!important;font-style:normal!important;margin:1px 0 3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mix-teacher-choice-copy small{display:block!important;font-size:8px!important;color:#94a3b8!important}
.mix-teacher-choice.active .mix-teacher-choice-copy small{color:var(--mix-primary)!important;font-weight:900!important}
.mix-teacher-choice>i{width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#f1f5f9!important;color:#64748b!important;font-size:10px!important}
.mix-teacher-choice.active>i{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary))!important;color:#fff!important}
@media(max-width:600px){
  .mix-teacher-choice{flex-basis:225px!important;min-width:225px!important;grid-template-columns:46px minmax(0,1fr) 26px!important}
  .teacher-mini-avatar{width:46px!important;height:46px!important}
}

/* Weekly streak + achievements */
.mix-streak-card{background:linear-gradient(180deg,#fff,#fffbeb)!important;border-color:#fde68a!important}
.mix-streak-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mix-streak-head small{color:#92400e;font-weight:900}.mix-streak-head strong{display:block;color:#78350f;font-size:15px;margin:3px 0}.mix-streak-head p{font-size:10px;color:#a16207;margin:0}
.mix-streak-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:14px 0 11px}
.mix-streak-day{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.mix-streak-day small{font-size:8px;color:#94a3b8;font-weight:800;max-width:100%;overflow:hidden}
.mix-streak-day span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e2e8f0;color:#94a3b8;font-size:9px;font-weight:900;transition:.2s}
.mix-streak-day.active span{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:transparent;color:#fff;box-shadow:0 6px 14px rgba(245,158,11,.24)}
.mix-streak-day.today span{outline:3px solid rgba(37,99,235,.12);border-color:#60a5fa}.mix-streak-day.today small{color:#2563eb}
.mix-streak-next{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.76);border:1px dashed #fbbf24}.mix-streak-next span{font-size:9px;color:#92400e;font-weight:900}.mix-streak-next i{color:#f59e0b;margin-left:4px}.mix-streak-next strong{font-size:9px;color:#78350f}
.mix-achievement-card{background:#fff!important}.mix-achievement-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mix-achievement-head small{display:block;color:#64748b;font-size:9px}.mix-achievement-head strong{font-size:13px;color:var(--mix-ink)}.mix-achievement-head a{font-size:9px;color:var(--mix-primary);font-weight:900;text-decoration:none}
.mix-achievement-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.mix-achievement-mini{min-width:0;position:relative;padding:8px 3px 7px;border-radius:13px;text-align:center;background:#f8fafc;border:1px solid #e2e8f0}.mix-achievement-mini>span{display:block;font-size:20px;filter:grayscale(1);opacity:.38}.mix-achievement-mini small{display:block;margin-top:3px;font-size:7px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mix-achievement-mini>i{position:absolute;top:3px;left:3px;font-size:6px;color:#94a3b8}
.mix-achievement-mini.unlocked{background:linear-gradient(180deg,#fff,#eff6ff);border-color:#bfdbfe}.mix-achievement-mini.unlocked>span{filter:none;opacity:1}.mix-achievement-mini.unlocked small{color:#334155;font-weight:900}.mix-achievement-mini.unlocked>i{color:#10b981}
@media(max-width:400px){.mix-streak-day span{width:25px;height:25px}.mix-achievement-list{grid-template-columns:repeat(5,42px);overflow-x:auto;justify-content:start}}

/* Rich public teacher profile */
.teacher-public-page{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(37,99,235,.08),transparent 28%),
    radial-gradient(circle at 95% 5%,rgba(79,70,229,.08),transparent 28%),
    var(--mix-bg)!important;
}
.teacher-profile-header{
  position:sticky!important;top:0;z-index:60!important;
  min-height:72px!important;padding:10px max(18px,calc((100vw - 1400px)/2))!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--mix-line)!important;
  backdrop-filter:blur(16px)!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
}
.teacher-profile-header .brand{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:var(--mix-ink)!important}
.teacher-profile-header .brand small{display:block!important;color:var(--mix-muted)!important;font-size:9px!important}
.teacher-profile-main{max-width:1400px!important;margin:auto!important;padding:22px 18px 60px!important}
.teacher-profile-breadcrumb{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:14px!important;color:#94a3b8!important;font-size:11px!important}
.teacher-profile-breadcrumb a{color:#64748b!important;text-decoration:none!important;font-weight:800!important}.teacher-profile-breadcrumb i{font-size:8px!important}.teacher-profile-breadcrumb span{color:var(--mix-primary)!important;font-weight:900!important}
.teacher-profile-loading{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--mix-muted)}
.teacher-profile-loading strong{color:var(--mix-ink);font-size:17px}.teacher-profile-loading small{font-size:11px}
.teacher-profile-spinner{width:42px;height:42px;border-radius:50%;border:4px solid #dbeafe;border-top-color:var(--mix-primary);animation:teacherSpin .85s linear infinite}
@keyframes teacherSpin{to{transform:rotate(360deg)}}

.teacher-showcase-hero{
  background:#fff;border:1px solid var(--mix-line);border-radius:28px;overflow:hidden;
  box-shadow:var(--mix-shadow-lg);position:relative;
}
.teacher-showcase-cover{
  height:210px;position:relative;overflow:hidden;
  background:
    linear-gradient(120deg,rgba(15,23,42,.16),rgba(37,99,235,.08)),
    var(--teacher-cover-image,
      radial-gradient(circle at 78% 38%,rgba(56,189,248,.36),transparent 22%),
      radial-gradient(circle at 18% 44%,rgba(129,140,248,.34),transparent 24%),
      linear-gradient(135deg,#0f172a 0%,#1e3a8a 45%,#4338ca 100%));
  background-size:cover;background-position:center;
}
.teacher-showcase-cover::before{
  content:"";position:absolute;inset:0;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:32px 32px;
}
.teacher-showcase-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.20);box-shadow:inset 0 0 40px rgba(255,255,255,.10)}
.teacher-showcase-orb.one{width:180px;height:180px;right:8%;top:-70px}.teacher-showcase-orb.two{width:125px;height:125px;left:10%;bottom:-52px}
.teacher-showcase-content{
  display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:end;gap:22px;
  margin-top:-80px;padding:0 34px 28px;position:relative;z-index:2;
}
.teacher-showcase-photo{
  width:145px;height:145px;border-radius:30px;overflow:visible;display:grid;place-items:center;position:relative;
  background:linear-gradient(135deg,#eef2ff,#dbeafe);border:7px solid #fff;box-shadow:0 18px 38px rgba(15,23,42,.18);
  color:#4338ca;font-size:44px;font-weight:900;
}
.teacher-showcase-photo img{width:100%;height:100%;object-fit:cover;border-radius:23px}
.teacher-showcase-photo>i{position:absolute;bottom:3px;left:3px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#10b981;font-size:20px;box-shadow:0 5px 12px rgba(15,23,42,.12)}
.teacher-showcase-identity{padding-top:92px}
.teacher-profile-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:9px;font-weight:900;border:1px solid #dbeafe}
.teacher-showcase-identity h1{margin:8px 0 3px;font-size:34px;line-height:1.2;color:var(--mix-ink)}
.teacher-showcase-identity>p{margin:0;color:var(--mix-muted);font-size:14px}
.teacher-showcase-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.teacher-showcase-tags span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:9px;font-weight:900}
.teacher-showcase-tags i{color:var(--mix-primary)}
.teacher-showcase-actions{display:flex;gap:8px;align-items:center;padding-bottom:2px}.teacher-showcase-actions .btn{min-height:44px!important;white-space:nowrap!important}

.teacher-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.teacher-profile-stats article{display:flex;align-items:center;gap:12px;min-height:92px;padding:15px;background:#fff;border:1px solid var(--mix-line);border-radius:18px;box-shadow:var(--mix-shadow)}
.teacher-profile-stats article>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:18px}
.teacher-profile-stats article>span.blue{background:#eff6ff;color:#2563eb}.teacher-profile-stats article>span.purple{background:#eef2ff;color:#4f46e5}.teacher-profile-stats article>span.green{background:#ecfdf5;color:#059669}.teacher-profile-stats article>span.orange{background:#fff7ed;color:#ea580c}
.teacher-profile-stats strong{display:block;font-size:25px;line-height:1;color:var(--mix-ink)}.teacher-profile-stats small{display:block;margin-top:5px;color:var(--mix-muted);font-size:9px;font-weight:800}

.teacher-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.teacher-profile-primary{min-width:0;display:grid;gap:18px}
.teacher-profile-block,.teacher-profile-about,.teacher-profile-trust{
  background:#fff;border:1px solid var(--mix-line);border-radius:22px;box-shadow:var(--mix-shadow)
}
.teacher-profile-block{padding:20px}
.teacher-profile-block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.teacher-profile-block-head h2{margin:3px 0 0;font-size:22px;color:var(--mix-ink)}.teacher-profile-block-head p{margin:5px 0 0;color:var(--mix-muted);font-size:11px}
.teacher-profile-aside{display:grid;gap:14px;position:sticky;top:94px}
.teacher-profile-about{padding:20px}.teacher-profile-about>h2{margin:3px 0 15px;font-size:20px;color:var(--mix-ink)}
.teacher-about-card{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #f1f5f9}.teacher-about-card:last-child{border-bottom:0}
.teacher-about-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:var(--mix-primary)}
.teacher-about-card h3{margin:0 0 3px;font-size:12px;color:var(--mix-ink)}.teacher-about-card p{margin:0;color:var(--mix-muted);font-size:10px;line-height:1.8;white-space:pre-line}
.teacher-about-placeholder{color:var(--mix-muted);font-size:11px;line-height:1.8}
.teacher-profile-trust{display:flex;gap:11px;padding:15px;background:linear-gradient(180deg,#fff,#f0fdf4);border-color:#bbf7d0}
.teacher-profile-trust>span{width:42px;height:42px;min-width:42px;border-radius:13px;display:grid;place-items:center;background:#dcfce7;color:#059669}.teacher-profile-trust strong{font-size:11px;color:#166534}.teacher-profile-trust p{font-size:9px;color:#4d7c5e;line-height:1.7;margin:3px 0 0}

.teacher-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.teacher-subject-card{display:grid;grid-template-columns:92px 1fr;min-height:116px;overflow:hidden;background:#fff;border:1px solid var(--mix-line);border-radius:17px;text-decoration:none;transition:var(--mix-transition)}
.teacher-subject-card:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:var(--mix-shadow)}
.teacher-subject-art{display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#dbeafe);background-size:cover;background-position:center;position:relative;overflow:hidden}
.teacher-subject-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,23,42,.14))}
.teacher-subject-art span{font-size:36px;position:relative;z-index:1}.teacher-subject-card>div:last-child{padding:12px;min-width:0}
.teacher-subject-card small{font-size:8px;color:#94a3b8}.teacher-subject-card h3{font-size:13px;color:var(--mix-ink);margin:3px 0}.teacher-subject-card p{font-size:9px;color:var(--mix-muted);margin:0 0 7px}.teacher-subject-card strong{font-size:9px;color:var(--mix-primary)}

.teacher-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.teacher-lesson-card{display:block;overflow:hidden;background:#fff;border:1px solid var(--mix-line);border-radius:18px;text-decoration:none;transition:var(--mix-transition)}
.teacher-lesson-card:hover{transform:translateY(-6px);border-color:#bfdbfe;box-shadow:var(--mix-shadow-lg)}
.teacher-lesson-art{height:135px;display:grid;place-items:center;background:linear-gradient(135deg,#e0e7ff,#dbeafe);background-size:cover;background-position:center;position:relative;overflow:hidden}
.teacher-lesson-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(15,23,42,.38))}
.teacher-lesson-art>span{font-size:44px;position:relative;z-index:1}.teacher-lesson-art em{position:absolute;right:9px;bottom:8px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(15,23,42,.70);color:#fff;font-size:8px;font-style:normal;font-weight:900;backdrop-filter:blur(6px)}
.teacher-lesson-copy{padding:12px}.teacher-lesson-copy small{color:var(--mix-primary);font-size:8px;font-weight:900}.teacher-lesson-copy h3{font-size:13px;color:var(--mix-ink);margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-lesson-copy p{font-size:9px;color:var(--mix-muted);margin:0 0 8px}.teacher-lesson-copy p i{color:#ef4444}.teacher-lesson-copy strong{font-size:9px;color:var(--mix-primary)}

.teacher-quiz-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.teacher-quiz-card{display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:10px;padding:11px;border:1px solid var(--mix-line);border-radius:15px;text-decoration:none;background:#fff;transition:.2s ease}
.teacher-quiz-card:hover{transform:translateY(-2px);border-color:#c4b5fd;background:#fafaff}.teacher-quiz-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#f5f3ff;color:#7c3aed}.teacher-quiz-card small{font-size:8px;color:#7c3aed}.teacher-quiz-card h3{font-size:11px;color:var(--mix-ink);margin:2px 0}.teacher-quiz-card p{font-size:8px;color:var(--mix-muted);margin:0}.teacher-quiz-card>i{color:#94a3b8;font-size:9px}

.teacher-profile-cta{margin-top:20px;padding:24px 28px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0f172a,#1e3a8a 52%,#4338ca);box-shadow:var(--mix-shadow-lg);color:#fff}
.teacher-profile-cta .section-kicker,.teacher-profile-cta h2,.teacher-profile-cta p{color:#fff!important}.teacher-profile-cta h2{font-size:23px;margin:3px 0}.teacher-profile-cta p{font-size:11px;margin:0;opacity:.78}.teacher-profile-cta .btn-primary{background:#fff!important;color:#2563eb!important;box-shadow:none!important}
.teacher-content-empty{grid-column:1/-1;padding:22px;text-align:center;color:var(--mix-muted);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;font-size:11px}
.teacher-profile-empty{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid var(--mix-line);border-radius:26px;box-shadow:var(--mix-shadow);padding:28px}.teacher-profile-empty>span{font-size:58px}.teacher-profile-empty h1{color:var(--mix-ink);margin:10px 0 4px}.teacher-profile-empty p{color:var(--mix-muted);margin:0 0 16px}

@media(max-width:1100px){
  .teacher-profile-layout{grid-template-columns:1fr}.teacher-profile-aside{position:static;grid-template-columns:1.4fr .6fr}.teacher-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .teacher-showcase-content{grid-template-columns:115px 1fr;margin-top:-60px;padding-inline:22px}.teacher-showcase-photo{width:115px;height:115px;border-radius:25px}.teacher-showcase-photo img{border-radius:18px}.teacher-showcase-identity{padding-top:68px}.teacher-showcase-actions{grid-column:1/-1;padding:0}.teacher-profile-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .teacher-profile-main{padding-inline:10px}.teacher-profile-header{padding-inline:12px!important}.teacher-profile-header .brand small{display:none!important}
  .teacher-showcase-cover{height:155px}.teacher-showcase-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-58px;padding:0 14px 18px}.teacher-showcase-photo{width:112px;height:112px}.teacher-showcase-identity{padding-top:0}.teacher-showcase-identity h1{font-size:26px}.teacher-showcase-tags{justify-content:center}.teacher-showcase-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.teacher-showcase-actions .btn{padding-inline:8px!important}
  .teacher-profile-stats{gap:7px}.teacher-profile-stats article{padding:10px;min-height:78px}.teacher-profile-stats article>span{width:38px;height:38px}.teacher-profile-stats strong{font-size:20px}
  .teacher-profile-block{padding:14px}.teacher-profile-block-head{align-items:flex-start;flex-direction:column}.teacher-profile-block-head h2{font-size:19px}
  .teacher-profile-aside{grid-template-columns:1fr}.teacher-subject-grid,.teacher-lesson-grid,.teacher-quiz-list{grid-template-columns:1fr}
  .teacher-profile-cta{align-items:flex-start;flex-direction:column;padding:20px}.teacher-profile-cta .btn{width:100%!important;text-align:center!important}
}

.teacher-showcase-cover.has-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.04),rgba(15,23,42,.22));pointer-events:none}

/* Lesson experience v2 */
.lesson-page{background:var(--mix-bg)!important;padding-bottom:70px}
.lesson-top{padding:26px 0 18px!important;background:
  radial-gradient(circle at 88% 12%,rgba(37,99,235,.10),transparent 28%),
  radial-gradient(circle at 10% 0%,rgba(79,70,229,.08),transparent 25%),
  linear-gradient(180deg,#fbfdff,#f8fafc)!important}
.lesson-heading{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;
  padding:24px 26px!important;background:#fff!important;border:1px solid var(--mix-line)!important;border-radius:24px!important;
  box-shadow:var(--mix-shadow)!important;
}
.lesson-heading h1{font-size:clamp(28px,3.3vw,45px)!important;line-height:1.18!important;color:var(--mix-ink)!important;margin:6px 0 8px!important}
.lesson-heading>div:first-child>p{color:var(--mix-muted)!important;font-size:13px!important;margin:0 0 14px!important}
.lesson-meta{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border-radius:999px!important;background:#eef2ff!important;color:#4338ca!important;font-weight:900!important;font-size:9px!important}
.lesson-context-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.lesson-context-row>span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 9px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#64748b!important;font-size:9px!important}
.lesson-context-row i{color:var(--mix-primary)!important}
.lesson-actions{display:flex!important;gap:8px!important;min-width:max-content!important}

.lesson-journey-strip{
  margin-top:14px;padding:10px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;
  background:#fff;border:1px solid var(--mix-line);border-radius:18px;box-shadow:0 8px 22px rgba(15,23,42,.05)
}
.lesson-journey-strip>i{color:#cbd5e1;font-size:9px}
.lesson-journey-strip button{
  min-width:0;border:0;background:transparent;border-radius:13px;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:right;color:#64748b;transition:.2s ease;cursor:pointer
}
.lesson-journey-strip button:hover{background:#f8fafc}
.lesson-journey-strip button>span{width:34px;height:34px;min-width:34px;border-radius:11px;display:grid;place-items:center;background:#f1f5f9;color:#94a3b8}
.lesson-journey-strip button small{display:block;font-size:7px;color:#94a3b8}.lesson-journey-strip button strong{display:block;font-size:10px;color:#475569}
.lesson-journey-strip button.current{background:#eff6ff}.lesson-journey-strip button.current>span{background:linear-gradient(135deg,var(--mix-primary-2),var(--mix-primary));color:#fff;box-shadow:0 7px 16px rgba(37,99,235,.20)}.lesson-journey-strip button.current strong{color:#1d4ed8}
.lesson-journey-strip button.complete{background:#f0fdf4}.lesson-journey-strip button.complete>span{background:#dcfce7;color:#059669}.lesson-journey-strip button.complete strong{color:#166534}

.lesson-grid{align-items:start!important;gap:20px!important;margin-top:18px!important}
.lesson-main{min-width:0!important}
.video-theater{padding:12px!important;border-radius:22px!important}
.video-frame{overflow:hidden!important;aspect-ratio:16/9!important;min-height:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important}
.video-frame iframe{width:100%!important;height:100%!important;display:block!important;border:0!important}

.active-teacher-bar{
  margin-top:11px;padding:11px 12px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;
  background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--mix-line);border-radius:16px
}
.active-teacher-avatar{width:48px;height:48px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#e0e7ff,#dbeafe);color:#4338ca;font-weight:900}
.active-teacher-avatar img{width:100%;height:100%;object-fit:cover}.active-teacher-avatar span{font-size:16px}
.active-teacher-bar>div:nth-child(2){min-width:0}.active-teacher-bar small{display:block;font-size:8px;color:#94a3b8}.active-teacher-bar strong{display:block;font-size:12px;color:var(--mix-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-teacher-bar span{display:block;font-size:9px;color:var(--mix-muted)}
.active-teacher-profile{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:11px;background:#eff6ff;color:#2563eb;text-decoration:none;font-size:9px;font-weight:900;border:1px solid #dbeafe}

.lesson-tabs{position:sticky!important;top:82px!important;z-index:25!important;padding:5px!important;margin:14px 0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;backdrop-filter:blur(15px)!important}
.lesson-tabs button{min-height:44px!important;border:0!important;color:#64748b!important;font-weight:900!important;font-size:11px!important}
.lesson-tabs button:hover{background:#f8fafc!important;color:var(--mix-primary)!important}
.lesson-tabs button.active{color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.18)!important}

.explanation-card,.resources-card,.lesson-notes-card{padding:22px!important}
.content-heading{padding-bottom:14px!important;margin-bottom:14px!important;border-bottom:1px solid #f1f5f9!important}
.content-icon{background:#eff6ff!important;color:var(--mix-primary)!important;border-radius:13px!important}
.rich-content{font-size:15px!important;line-height:2!important;color:#334155!important}
.rich-content h1,.rich-content h2,.rich-content h3{color:var(--mix-ink)!important}
.lesson-image img{border-radius:16px!important;box-shadow:var(--mix-shadow)!important}

.quiz-intro-card{
  min-height:180px!important;padding:22px!important;
  background:linear-gradient(135deg,#fff,#f5f3ff)!important;border-color:#ddd6fe!important
}
.quiz-hero-icon{width:66px!important;height:66px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:#ede9fe!important;font-size:31px!important}
.question-card{padding:22px!important}.question-card h3{font-size:20px!important;line-height:1.7!important}
.quiz-option-v3{min-height:58px!important;text-align:right!important;transition:.2s ease!important}.quiz-option-v3:hover:not(:disabled){transform:translateY(-2px)!important}
.question-feedback{border-radius:14px!important;padding:13px!important}.quiz-review-item{border-radius:16px!important}

.lesson-sidebar{display:grid!important;gap:12px!important;position:sticky!important;top:90px!important}
.lesson-sidebar>article{margin:0!important}
.lesson-progress-card{background:linear-gradient(180deg,#fff,#eff6ff)!important;border-color:#dbeafe!important}
.lesson-progress-track{height:9px!important;border-radius:999px!important;background:#dbeafe!important;overflow:hidden!important}.lesson-progress-track span{background:linear-gradient(90deg,#4f46e5,#2563eb)!important}
.lesson-xp-reward{background:#fffbeb!important;border:1px solid #fde68a!important;border-radius:14px!important}.lesson-xp-reward>span{background:#fef3c7!important;color:#d97706!important}
.lesson-path-card{background:#fff!important}.lesson-path-steps li{border-radius:12px!important}.lesson-path-steps li.complete{background:#f0fdf4!important}.lesson-path-steps li.pending{background:#f8fafc!important}
.lesson-outline-card{max-height:430px!important;overflow:hidden!important}.lesson-outline{max-height:335px!important;overflow-y:auto!important;padding-inline-end:2px!important;scrollbar-width:thin!important}
.outline-item{border-radius:12px!important;transition:.2s ease!important}.outline-item:hover{background:#f8fafc!important}.outline-item.active{background:#eff6ff!important;border-color:#bfdbfe!important}
.lesson-rating-actions button{border-radius:11px!important}.lesson-rating-actions button.active{background:#eff6ff!important;border-color:#60a5fa!important;color:#1d4ed8!important}

.lesson-finish-card{
  margin-top:14px;padding:18px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;
  border:1px solid var(--mix-line);border-radius:20px;background:#fff;box-shadow:var(--mix-shadow)
}
.lesson-finish-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:22px}
.lesson-finish-copy h2{margin:3px 0;font-size:18px;color:var(--mix-ink)}.lesson-finish-copy p{margin:0;color:var(--mix-muted);font-size:10px}
.lesson-finish-actions{display:flex;gap:7px;align-items:center}.lesson-finish-actions .btn{white-space:nowrap!important}
.lesson-finish-card.needs-practice{background:linear-gradient(180deg,#fff,#f5f3ff);border-color:#ddd6fe}.lesson-finish-card.needs-practice .lesson-finish-icon{background:#ede9fe;color:#7c3aed}
.lesson-finish-card.needs-review{background:linear-gradient(180deg,#fff,#fff7ed);border-color:#fed7aa}.lesson-finish-card.needs-review .lesson-finish-icon{background:#ffedd5;color:#ea580c}
.lesson-finish-card.ready-complete{background:linear-gradient(180deg,#fff,#fffbeb);border-color:#fde68a}.lesson-finish-card.ready-complete .lesson-finish-icon{background:#fef3c7;color:#d97706}
.lesson-finish-card.completed{background:linear-gradient(180deg,#fff,#f0fdf4);border-color:#bbf7d0}.lesson-finish-card.completed .lesson-finish-icon{background:#dcfce7;color:#059669}

.lesson-mobile-actions{display:none}

@media(max-width:1050px){
  .lesson-grid{grid-template-columns:1fr!important}.lesson-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.lesson-outline-card{grid-column:1/-1!important}
}
@media(max-width:760px){
  .lesson-page{padding-bottom:82px!important}.lesson-top{padding-top:12px!important}.lesson-heading{padding:16px!important;border-radius:18px!important;align-items:flex-start!important;flex-direction:column!important}
  .lesson-heading h1{font-size:26px!important}.lesson-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}.lesson-actions .btn{width:100%!important}
  .lesson-journey-strip{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:7px!important}.lesson-journey-strip::-webkit-scrollbar{display:none}.lesson-journey-strip>i{display:none!important}.lesson-journey-strip button{flex:0 0 145px!important;scroll-snap-align:start!important}
  .lesson-grid{margin-top:12px!important;padding-inline:10px!important}.video-theater{padding:7px!important}.video-frame{border-radius:14px!important}
  .active-teacher-bar{grid-template-columns:44px 1fr!important}.active-teacher-avatar{width:44px;height:44px}.active-teacher-profile{grid-column:1/-1!important;justify-content:center!important}
  .lesson-tabs{top:68px!important;overflow-x:auto!important;display:flex!important;scrollbar-width:none!important;padding:5px!important}.lesson-tabs::-webkit-scrollbar{display:none}.lesson-tabs button{flex:0 0 112px!important}
  .explanation-card,.resources-card,.lesson-notes-card,.question-card,.quiz-intro-card{padding:15px!important}
  .lesson-sidebar{grid-template-columns:1fr!important}.lesson-outline-card{grid-column:auto!important}
  .lesson-finish-card{grid-template-columns:48px 1fr!important;padding:14px!important}.lesson-finish-icon{width:48px;height:48px}.lesson-finish-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}.lesson-finish-actions .btn{width:100%!important;padding-inline:8px!important}
  .lesson-mobile-actions{
    position:fixed;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;right:10px;left:10px;bottom:10px;z-index:1250;
    padding:7px;background:rgba(255,255,255,.97);border:1px solid var(--mix-line);border-radius:17px;box-shadow:0 16px 38px rgba(15,23,42,.16);backdrop-filter:blur(16px)
  }
  .lesson-mobile-actions button{height:48px;border:0;border-radius:12px;background:transparent;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:900}
  .lesson-mobile-actions button:hover{background:#f8fafc;color:#2563eb}.lesson-mobile-actions #mobileCompleteLesson{background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.lesson-mobile-actions #mobileCompleteLesson.complete{background:linear-gradient(135deg,#059669,#10b981)}
}

/* Teacher home dashboard v2 */
.mix-teacher-home-hero{
  position:relative;overflow:hidden;display:grid!important;grid-template-columns:94px minmax(0,1fr) 180px!important;align-items:center!important;gap:20px!important;
  min-height:235px!important;padding:28px!important;
  background:
    linear-gradient(120deg,rgba(15,23,42,.94),rgba(30,64,175,.88) 55%,rgba(79,70,229,.82)),
    var(--teacher-home-cover,none) center/cover!important;
  border:0!important;border-radius:26px!important;box-shadow:var(--mix-shadow-lg)!important;color:#fff!important;
}
.mix-teacher-home-hero.has-cover{background-blend-mode:multiply!important}
.mix-teacher-home-hero::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-80px;bottom:-165px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.mix-teacher-home-avatar{
  width:94px;height:94px;border-radius:24px;overflow:hidden;display:grid;place-items:center;position:relative;z-index:2;
  background:linear-gradient(135deg,#eef2ff,#dbeafe);border:5px solid rgba(255,255,255,.85);box-shadow:0 16px 30px rgba(0,0,0,.20);color:#4338ca;font-size:31px;font-weight:900
}
.mix-teacher-home-avatar img{width:100%;height:100%;object-fit:cover}.mix-teacher-home-copy{position:relative;z-index:2;min-width:0}
.mix-teacher-home-copy h2{font-size:30px!important;margin:3px 0 5px!important;color:#fff!important}.mix-teacher-home-copy>p{margin:0 0 11px!important;color:#dbeafe!important;font-size:12px!important}
.mix-teacher-home-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.mix-teacher-home-badges span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:8px;font-weight:900;backdrop-filter:blur(7px)}
.mix-teacher-home-badges span.published{background:rgba(16,185,129,.18);border-color:rgba(110,231,183,.35)}.mix-teacher-home-badges span.pending{background:rgba(245,158,11,.18);border-color:rgba(253,230,138,.35)}
.mix-teacher-home-art{position:relative;z-index:2;height:150px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;backdrop-filter:blur(8px)}
.mix-teacher-home-art span{font-size:56px}.mix-teacher-home-art small{color:#e0e7ff;font-size:9px;font-weight:900;text-align:center}
.mix-teacher-home-hero .teacher-welcome-actions{display:flex!important;gap:8px!important}.mix-teacher-home-hero .teacher-welcome-primary{background:#fff!important;color:#1d4ed8!important}.mix-teacher-home-hero .teacher-welcome-secondary{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}

.mix-teacher-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}
.mix-teacher-quick-actions>button{min-width:0;min-height:82px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid var(--mix-line);border-radius:17px;text-align:right;box-shadow:0 6px 18px rgba(15,23,42,.05);transition:var(--mix-transition);cursor:pointer}
.mix-teacher-quick-actions>button:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:var(--mix-shadow)}
.mix-teacher-quick-actions>button>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.mix-teacher-quick-actions .blue{background:#eff6ff;color:#2563eb}.mix-teacher-quick-actions .violet{background:#f5f3ff;color:#7c3aed}.mix-teacher-quick-actions .green{background:#ecfdf5;color:#059669}.mix-teacher-quick-actions .orange{background:#fff7ed;color:#ea580c}
.mix-teacher-quick-actions strong{display:block;font-size:11px;color:var(--mix-ink)}.mix-teacher-quick-actions small{display:block;margin-top:2px;font-size:8px;color:var(--mix-muted)}.mix-teacher-quick-actions>button>i{color:#cbd5e1;font-size:9px}

.mix-teacher-home-grid{margin-top:0!important}
.mix-teacher-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:12px}
.mix-teacher-pipeline>div{text-align:center;padding:12px 6px;border-radius:15px;background:#f8fafc;border:1px solid #e2e8f0}.mix-teacher-pipeline>i{color:#cbd5e1;font-size:9px}
.mix-teacher-pipeline span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;margin:0 auto 6px}.mix-teacher-pipeline span.pending{background:#fff7ed;color:#ea580c}.mix-teacher-pipeline span.approved{background:#ecfdf5;color:#059669}.mix-teacher-pipeline span.rejected{background:#fef2f2;color:#dc2626}
.mix-teacher-pipeline strong{display:block;font-size:20px;color:var(--mix-ink)}.mix-teacher-pipeline small{display:block;font-size:8px;color:var(--mix-muted)}
.mix-teacher-pipeline-hint{margin:10px 0 0!important;padding:9px 10px!important;border-radius:12px!important;background:#f8fafc!important;color:#64748b!important;font-size:9px!important}

.mix-teacher-performance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.mix-teacher-performance>div{padding:10px 7px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;text-align:center}.mix-teacher-performance span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;margin:0 auto 5px;background:#eff6ff;color:#2563eb}.mix-teacher-performance strong{display:block;font-size:18px;color:var(--mix-ink)}.mix-teacher-performance small{font-size:7px;color:var(--mix-muted)}
.mix-teacher-top-lesson{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px;border-radius:14px;background:linear-gradient(180deg,#fff,#fffbeb);border:1px solid #fde68a}.mix-teacher-top-lesson>span{font-size:28px}.mix-teacher-top-lesson small{display:block;font-size:7px;color:#a16207}.mix-teacher-top-lesson strong{display:block;font-size:10px;color:#78350f}.mix-teacher-top-lesson em{display:block;font-size:7px;color:#a16207;font-style:normal}

.teacher-mobile-bottom-nav{display:none}

@media(max-width:1050px){
  .mix-teacher-quick-actions{grid-template-columns:repeat(2,1fr)}
  .mix-teacher-home-hero{grid-template-columns:80px minmax(0,1fr)!important}.mix-teacher-home-avatar{width:80px;height:80px}.mix-teacher-home-art{display:none}
}
@media(max-width:760px){
  .teacher-page{padding-bottom:86px!important}
  .mix-teacher-home-hero{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:20px 15px!important;min-height:0!important}
  .mix-teacher-home-avatar{width:84px;height:84px;border-radius:22px}.mix-teacher-home-copy h2{font-size:23px!important}.mix-teacher-home-badges,.mix-teacher-home-hero .teacher-welcome-actions{justify-content:center!important}.mix-teacher-home-hero .teacher-welcome-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .mix-teacher-quick-actions{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.mix-teacher-quick-actions::-webkit-scrollbar{display:none}.mix-teacher-quick-actions>button{flex:0 0 220px;scroll-snap-align:start}
  .mix-teacher-pipeline{gap:4px}.mix-teacher-pipeline>div{padding:9px 3px}.mix-teacher-pipeline strong{font-size:17px}.mix-teacher-pipeline>i{font-size:7px}
  .teacher-mobile-bottom-nav{
    position:fixed;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;right:10px;left:10px;bottom:10px;z-index:1250;
    padding:7px;background:rgba(255,255,255,.97);border:1px solid var(--mix-line);border-radius:18px;box-shadow:0 16px 38px rgba(15,23,42,.17);backdrop-filter:blur(16px)
  }
  .teacher-mobile-bottom-nav button{height:50px;min-width:0;border:0;background:transparent;border-radius:12px;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:900}
  .teacher-mobile-bottom-nav button.active{background:#eff6ff;color:#2563eb}.teacher-mobile-bottom-nav .teacher-mobile-add{background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.teacher-mobile-bottom-nav i{font-size:15px}
}
@media(max-width:430px){
  .mix-teacher-performance{grid-template-columns:repeat(3,1fr)}.mix-teacher-performance strong{font-size:15px}.mix-teacher-pipeline small{font-size:7px}
}

/* Admin command center v2 */
.admin-v3-body{background:var(--mix-bg)!important}
.admin-page{padding:20px!important}
.mix-admin-command-hero{
  position:relative;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;align-items:center!important;gap:24px!important;
  min-height:265px!important;padding:34px!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(56,189,248,.22),transparent 23%),
    radial-gradient(circle at 10% 85%,rgba(129,140,248,.24),transparent 25%),
    linear-gradient(135deg,#0f172a 0%,#172554 38%,#1e40af 70%,#4338ca 100%)!important;
  border-radius:28px!important;box-shadow:0 24px 58px rgba(15,23,42,.19)!important;border:0!important;color:#fff!important;
}
.mix-admin-command-hero::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:34px 34px}
.mix-admin-command-copy,.mix-admin-command-art{position:relative;z-index:2}
.mix-admin-command-copy h2{font-size:34px!important;margin:5px 0 7px!important;color:#fff!important}.mix-admin-command-copy>p{margin:0 0 13px!important;color:#dbeafe!important;font-size:12px!important}
.mix-admin-live-status{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.mix-admin-live-status>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#e2e8f0;font-size:8px;font-weight:900;backdrop-filter:blur(6px)}
.mix-admin-live-status .online i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}.mix-admin-live-status>span.has-attention{background:rgba(245,158,11,.17);border-color:rgba(253,230,138,.26);color:#fef3c7}
.mix-admin-command-art{height:190px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.mix-admin-command-ring{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#38bdf8 var(--health-angle,360deg),rgba(255,255,255,.12) 0);position:relative;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.mix-admin-command-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#172554}.mix-admin-command-ring strong,.mix-admin-command-ring small{position:relative;z-index:2}.mix-admin-command-ring strong{font-size:27px;color:#fff}.mix-admin-command-ring small{font-size:8px;color:#bfdbfe}
.mix-admin-command-art>div{display:flex;align-items:center;gap:6px;color:#dbeafe;font-size:9px;font-weight:900}
.mix-admin-command-hero .admin-hero-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.mix-admin-command-hero .admin-hero-primary{background:#fff!important;color:#1d4ed8!important}.mix-admin-command-hero .admin-hero-secondary{background:rgba(255,255,255,.11)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important}

.admin-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}
.admin-stat-grid .mix-admin-stat{min-height:96px!important;padding:13px!important;transition:var(--mix-transition)!important;overflow:hidden!important;position:relative!important}.admin-stat-grid .mix-admin-stat:hover{transform:translateY(-4px)!important;box-shadow:var(--mix-shadow-lg)!important}
.admin-stat-grid .mix-admin-stat>span{width:42px!important;height:42px!important;border-radius:13px!important}.admin-stat-grid .mix-admin-stat strong{font-size:23px!important}.admin-stat-grid .mix-admin-stat small{font-size:8px!important}
.admin-stat-grid .stat-0>span{background:#eff6ff!important;color:#2563eb!important}.admin-stat-grid .stat-1>span{background:#ecfdf5!important;color:#059669!important}.admin-stat-grid .stat-2>span{background:#f5f3ff!important;color:#7c3aed!important}.admin-stat-grid .stat-3>span{background:#ecfeff!important;color:#0891b2!important}.admin-stat-grid .stat-4>span{background:#fff7ed!important;color:#ea580c!important}.admin-stat-grid .stat-5>span{background:#fef2f2!important;color:#dc2626!important}

.mix-admin-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.mix-admin-quick-grid>button{min-width:0;min-height:82px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;border:1px solid var(--mix-line);border-radius:17px;background:#fff;text-align:right;box-shadow:0 6px 18px rgba(15,23,42,.045);transition:var(--mix-transition);cursor:pointer}
.mix-admin-quick-grid>button:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:var(--mix-shadow)}
.mix-admin-quick-grid>button>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.mix-admin-quick-grid .blue{background:#eff6ff;color:#2563eb}.mix-admin-quick-grid .violet{background:#f5f3ff;color:#7c3aed}.mix-admin-quick-grid .green{background:#ecfdf5;color:#059669}.mix-admin-quick-grid .orange{background:#fff7ed;color:#ea580c}
.mix-admin-quick-grid strong{display:block;font-size:11px;color:var(--mix-ink)}.mix-admin-quick-grid small{display:block;margin-top:2px;font-size:8px;color:var(--mix-muted)}.mix-admin-quick-grid>button>i{color:#cbd5e1;font-size:9px}

.mix-admin-overview-grid{margin-bottom:14px!important}
.mix-admin-attention-list{display:grid;gap:7px;margin-top:10px}
.mix-admin-attention-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;text-align:right;cursor:pointer;transition:.2s ease}
.mix-admin-attention-item:hover{border-color:#bfdbfe;background:#f8fafc}.mix-admin-attention-item>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.mix-admin-attention-item .orange{background:#fff7ed;color:#ea580c}.mix-admin-attention-item .red{background:#fef2f2;color:#dc2626}.mix-admin-attention-item .gray{background:#f1f5f9;color:#64748b}.mix-admin-attention-item .blue{background:#eff6ff;color:#2563eb}
.mix-admin-attention-item strong{display:block;color:var(--mix-ink);font-size:10px}.mix-admin-attention-item small{display:block;color:var(--mix-muted);font-size:8px;margin-top:2px}.mix-admin-attention-item>i{color:#cbd5e1;font-size:8px}
.mix-admin-all-clear{min-height:106px;display:flex;align-items:center;justify-content:center;gap:11px;text-align:right;background:#f0fdf4;border:1px dashed #86efac;border-radius:16px}.mix-admin-all-clear>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#dcfce7;color:#059669}.mix-admin-all-clear strong{display:block;color:#166534;font-size:11px}.mix-admin-all-clear small{color:#4d7c5e;font-size:8px}

.mix-admin-health-bars{display:grid;gap:12px;margin-top:10px}.mix-admin-health-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:end}.mix-admin-health-row>div:first-child strong{display:block;font-size:10px;color:var(--mix-ink)}.mix-admin-health-row>div:first-child small{display:block;font-size:8px;color:var(--mix-muted);margin-top:1px}.mix-admin-health-row>b{font-size:11px;color:var(--mix-primary)}
.mix-admin-health-track{grid-column:1/-1;height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.mix-admin-health-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#2563eb,#38bdf8)}

.admin-overview-grid{gap:14px!important}.admin-card{overflow:hidden!important}.admin-list-item{border-radius:12px!important;transition:.2s ease!important}.admin-list-item:hover{background:#f8fafc!important}
.admin-topbar{box-shadow:0 5px 20px rgba(15,23,42,.04)!important}.admin-global-search{border-radius:13px!important;background:#f8fafc!important}

.admin-mobile-bottom-nav{display:none}
@media(max-width:1200px){.admin-stat-grid{grid-template-columns:repeat(3,1fr)!important}.mix-admin-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.mix-admin-command-hero{grid-template-columns:1fr!important}.mix-admin-command-art{display:none}.mix-admin-command-copy{text-align:center}.mix-admin-live-status,.mix-admin-command-hero .admin-hero-actions{justify-content:center}.admin-stat-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){
  .admin-page{padding:12px 10px 88px!important}.mix-admin-command-hero{min-height:0!important;padding:22px 15px!important;border-radius:21px!important}.mix-admin-command-copy h2{font-size:27px!important}.mix-admin-command-hero .admin-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.mix-admin-command-hero .admin-hero-actions>:first-child{grid-column:1/-1}
  .admin-stat-grid{gap:7px!important}.admin-stat-grid .mix-admin-stat{min-height:82px!important;padding:10px!important}.admin-stat-grid .mix-admin-stat>span{width:36px!important;height:36px!important}.admin-stat-grid .mix-admin-stat strong{font-size:19px!important}
  .mix-admin-quick-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.mix-admin-quick-grid::-webkit-scrollbar{display:none}.mix-admin-quick-grid>button{flex:0 0 220px;scroll-snap-align:start}
  .mix-admin-overview-grid,.admin-overview-grid{grid-template-columns:1fr!important}
  .admin-mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;right:10px;left:10px;bottom:10px;z-index:1300;padding:7px;background:rgba(255,255,255,.97);border:1px solid var(--mix-line);border-radius:18px;box-shadow:0 16px 40px rgba(15,23,42,.18);backdrop-filter:blur(17px)}
  .admin-mobile-bottom-nav button{height:50px;min-width:0;border:0;background:transparent;border-radius:12px;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:900}.admin-mobile-bottom-nav button.active{background:#eff6ff;color:#2563eb}.admin-mobile-bottom-nav .admin-mobile-add{background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.admin-mobile-bottom-nav i{font-size:15px}
}

/* Admin teachers + students management polish */
.mix-admin-section-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px
}
.mix-admin-section-stats article{
  min-height:86px;padding:12px 13px;display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--mix-line);border-radius:17px;box-shadow:0 6px 18px rgba(15,23,42,.045);
}
.mix-admin-section-stats article>span{
  width:42px;height:42px;min-width:42px;border-radius:13px;display:grid;place-items:center
}
.mix-admin-section-stats .green{background:#ecfdf5;color:#059669}
.mix-admin-section-stats .gray{background:#f1f5f9;color:#64748b}
.mix-admin-section-stats .orange{background:#fff7ed;color:#ea580c}
.mix-admin-section-stats .violet{background:#f5f3ff;color:#7c3aed}
.mix-admin-section-stats .blue{background:#eff6ff;color:#2563eb}
.mix-admin-section-stats strong{display:block;font-size:21px;color:var(--mix-ink);line-height:1}
.mix-admin-section-stats small{display:block;margin-top:5px;font-size:8px;color:var(--mix-muted);font-weight:800}

#admin-tab-teachers .admin-teacher-create{
  background:linear-gradient(180deg,#fff,#f8fafc)!important;border-color:#dbeafe!important
}
#admin-tab-teachers .admin-teacher-grid{gap:14px!important}
#admin-tab-teachers .admin-form-card,
#admin-tab-teachers .admin-card{border-radius:20px!important}
#admin-tab-teachers .teacher-profile-review{
  margin-top:7px;padding:7px 9px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0
}
#admin-tab-teachers .teacher-profile-review summary{cursor:pointer;color:#2563eb;font-size:9px;font-weight:900}
#admin-tab-teachers .admin-inline-select{border-radius:9px!important;background:#f8fafc!important}

.mix-admin-student-filters{display:grid!important;grid-template-columns:minmax(260px,1fr) 180px 180px!important;gap:8px!important}
.mix-admin-results-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 2px;color:var(--mix-muted)}
.mix-admin-results-meta span{font-size:9px;font-weight:900;color:#334155}.mix-admin-results-meta small{font-size:8px}
.mix-admin-student-table td{vertical-align:middle!important}
.mix-admin-student-cell{display:flex;align-items:center;gap:9px;min-width:180px}
.mix-admin-student-cell>span{width:34px;height:34px;min-width:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#e0e7ff,#dbeafe);color:#4338ca;font-weight:900}
.mix-admin-student-cell strong{display:block;color:var(--mix-ink);font-size:10px}.mix-admin-student-cell small{display:block;color:var(--mix-muted);font-size:8px;margin-top:2px}
.mix-admin-activity{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#f8fafc;color:#64748b;font-size:8px;font-weight:800}
.mix-admin-activity i{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.mix-admin-activity.active{background:#ecfdf5;color:#047857}.mix-admin-activity.active i{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.10)}
#studentsAdminList{border-radius:18px!important;overflow:auto!important;background:#fff!important;border:1px solid var(--mix-line)!important;box-shadow:var(--mix-shadow)!important}

@media(max-width:900px){
  .mix-admin-section-stats{grid-template-columns:repeat(2,1fr)}
  .mix-admin-student-filters{grid-template-columns:1fr 1fr!important}
  .mix-admin-student-filters>input{grid-column:1/-1}
}
@media(max-width:520px){
  .mix-admin-section-stats{gap:7px}
  .mix-admin-section-stats article{padding:9px;min-height:74px}.mix-admin-section-stats article>span{width:36px;height:36px;min-width:36px}.mix-admin-section-stats strong{font-size:18px}
  .mix-admin-student-filters{grid-template-columns:1fr!important}.mix-admin-student-filters>input{grid-column:auto}
  .mix-admin-results-meta{align-items:flex-start;flex-direction:column}
}

/* Admin content center — curriculum, lessons, quizzes */
.mix-content-stats{margin:14px 0!important}
.mix-content-stats article{min-height:86px!important}
.mix-content-filter-bar{
  display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;
  margin-bottom:16px!important;padding:10px!important;
}
.mix-content-filter-bar select,.mix-content-filter-bar input{min-height:43px!important}
.mix-filter-label{display:inline-flex;align-items:center;gap:7px;padding:0 5px;color:#64748b;font-size:10px;font-weight:900;white-space:nowrap}
.mix-filter-label i{color:var(--mix-primary)}
.mix-search-field{flex:1 1 270px;min-width:210px;position:relative}
.mix-search-field>i{position:absolute;right:13px;top:50%;transform:translateY(-50%);z-index:2;color:#94a3b8;font-size:12px}
.mix-search-field input{width:100%;padding-right:37px!important}
.mix-filter-result{margin-inline-start:auto;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:9px;font-weight:900;white-space:nowrap}

.admin-content-card-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;
}
.admin-content-card{
  min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--mix-line);
  border-radius:20px;box-shadow:0 8px 24px rgba(15,23,42,.065);transition:var(--mix-transition);
}
.admin-content-card:hover{transform:translateY(-5px);box-shadow:var(--mix-shadow-lg);border-color:#bfdbfe}
.admin-content-card.is-hidden{opacity:.82;background:linear-gradient(180deg,#fff,#f8fafc)}
.admin-content-card-art{
  height:145px;position:relative;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(135deg,#e0e7ff,#dbeafe);background-size:cover;background-position:center;
}
.admin-content-card-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.03),rgba(15,23,42,.40));pointer-events:none}
.admin-content-card-art.quiz{background:linear-gradient(135deg,#f3e8ff,#e0e7ff)}
.admin-content-card-art>span{position:relative;z-index:1;font-size:48px}
.admin-content-card-status{position:absolute;z-index:3;top:10px;right:10px}
.admin-content-card-art>em{
  position:absolute;z-index:3;right:10px;bottom:9px;max-width:75%;padding:5px 8px;border-radius:999px;
  background:rgba(15,23,42,.72);color:#fff;font-size:8px;font-style:normal;font-weight:900;backdrop-filter:blur(7px);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.admin-content-card-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:14px}
.admin-content-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.admin-content-card-top>span{font-size:8px;color:var(--mix-primary);font-weight:900}
.admin-content-card-top>small{font-size:8px;color:#94a3b8;white-space:nowrap;max-width:48%;overflow:hidden;text-overflow:ellipsis}
.admin-content-card h3{margin:2px 0 10px;font-size:15px;line-height:1.5;color:var(--mix-ink);min-height:45px}
.mix-admin-content-meta{display:flex;gap:6px;flex-wrap:wrap}
.mix-admin-content-meta>span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:8px;font-weight:800;max-width:100%}
.mix-admin-content-meta i{color:var(--mix-primary)}
.admin-content-teachers{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;min-height:24px}
.admin-content-teachers span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:8px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-content-teachers .muted{background:#f8fafc;color:#94a3b8}
.admin-content-date{margin:9px 0 0;font-size:8px;color:#94a3b8}
.admin-content-date i{margin-left:3px}
.admin-linked-content{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 9px;border-radius:11px;background:#eef2ff;color:#4338ca;font-size:8px}
.admin-linked-content strong{margin-inline-start:auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#312e81}
.admin-linked-content.neutral{background:#f8fafc;color:#64748b}
.mix-admin-card-actions{
  margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:6px;border-top:1px solid #f1f5f9
}
.mix-admin-card-actions .admin-action-btn{width:36px;height:36px;border-radius:11px!important}
.admin-action-btn.warning{background:#fff7ed!important;color:#ea580c!important;border-color:#fed7aa!important}
.admin-action-btn.disabled{opacity:.45!important;cursor:not-allowed!important}

.mix-curriculum-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.mix-admin-curriculum-card{padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.mix-admin-curriculum-art{
  height:145px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#dbeafe);
  background-size:cover;background-position:center;overflow:hidden
}
.mix-admin-curriculum-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,23,42,.36))}
.mix-admin-curriculum-art>span{font-size:48px;position:relative;z-index:1}
.mix-admin-curriculum-art>em{position:absolute;z-index:2;right:10px;bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:8px;font-style:normal;font-weight:900}
.mix-admin-curriculum-body{padding:14px;display:flex;flex:1;flex-direction:column}
.mix-admin-curriculum-body h3{margin:4px 0 9px!important;font-size:16px!important;color:var(--mix-ink)!important}
.mix-admin-curriculum-body .admin-unit-tags{margin-top:9px!important;display:flex!important;gap:5px!important;flex-wrap:wrap!important}
.mix-admin-curriculum-body .admin-unit-tags span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mix-admin-curriculum-body .mix-admin-card-actions{margin-top:12px}

@media(max-width:1180px){
  .admin-content-card-grid,.mix-curriculum-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .mix-content-filter-bar{align-items:stretch!important}.mix-content-filter-bar>*{flex:1 1 100%!important;width:100%!important}
  .mix-filter-label,.mix-filter-result{width:auto!important;flex:0 0 auto!important}.mix-filter-result{margin-inline-start:0!important}
  .admin-content-card-grid,.mix-curriculum-grid{grid-template-columns:1fr!important}
  .admin-content-card-art,.mix-admin-curriculum-art{height:165px}
  .admin-content-card h3{min-height:0}
}

/* Admin content editor v2 */
.admin-editor-progress{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 18px;padding:9px 10px;
  background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px
}
.admin-editor-progress>span{
  display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:11px;color:#64748b;
  font-size:9px;font-weight:900
}
.admin-editor-progress>span b{
  width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#e2e8f0;color:#475569;font-size:8px
}
.admin-editor-progress>span.active{background:#eff6ff;color:#1d4ed8}
.admin-editor-progress>span.active b{background:#2563eb;color:#fff}
.admin-editor-progress>i{color:#cbd5e1;font-size:8px}

.admin-content-editor-form{gap:12px!important}
.admin-editor-section{
  padding:15px!important;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff)
}
.admin-editor-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.admin-editor-section-title>span{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;flex:0 0 40px
}
.admin-editor-section-title strong{display:block;font-size:11px;color:var(--mix-ink)}
.admin-editor-section-title small{display:block;margin-top:2px;color:#94a3b8;font-size:8px;line-height:1.6}

.admin-editor-live-preview{
  min-height:88px;display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:10px;border:1px solid #dbeafe;border-radius:17px;background:linear-gradient(135deg,#fff,#eff6ff)
}
.admin-editor-live-preview.quiz-preview{border-color:#ddd6fe;background:linear-gradient(135deg,#fff,#f5f3ff)}
.admin-editor-preview-art{
  width:78px;height:66px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#e0e7ff);
  background-size:cover;background-position:center
}
.admin-editor-preview-art>span{font-size:28px}
.admin-editor-live-preview small{display:block;font-size:8px;color:#64748b}
.admin-editor-live-preview strong{display:block;margin:2px 0;font-size:12px;color:var(--mix-ink)}
.admin-editor-live-preview p{margin:0;font-size:8px;color:#64748b}

.admin-inline-image-preview{
  min-height:72px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px dashed #cbd5e1;border-radius:15px;
  background:#f8fafc;background-size:cover;background-position:center;overflow:hidden;position:relative
}
.admin-inline-image-preview::after{content:"";position:absolute;inset:0;background:transparent;pointer-events:none}
.admin-inline-image-preview.has-image{color:#fff;border-style:solid;border-color:#94a3b8}
.admin-inline-image-preview.has-image::after{background:linear-gradient(90deg,rgba(15,23,42,.72),rgba(15,23,42,.12))}
.admin-inline-image-preview>span,.admin-inline-image-preview>div{position:relative;z-index:1}
.admin-inline-image-preview>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#2563eb;box-shadow:0 6px 14px rgba(15,23,42,.08)}
.admin-inline-image-preview strong{display:block;font-size:10px}.admin-inline-image-preview small{display:block;margin-top:2px;font-size:8px;color:inherit;opacity:.78}

.admin-video-editor-wrap{padding:0!important}
.admin-video-editor-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
.admin-video-editor-head>span{font-size:9px;color:#64748b;font-weight:900}
.admin-video-editor{display:grid;gap:10px}
.admin-video-row{
  display:grid!important;grid-template-columns:220px minmax(180px,.9fr) minmax(150px,.75fr) minmax(220px,1fr) auto!important;
  gap:9px!important;align-items:end!important;padding:11px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 5px 14px rgba(15,23,42,.04)
}
.admin-video-row label{min-width:0!important}
.admin-video-row label>span{display:block;margin-bottom:5px;font-size:8px;font-weight:900;color:#64748b}
.admin-video-row input,.admin-video-row select{width:100%!important;min-height:40px!important}
.admin-video-teacher-preview{
  min-height:58px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;padding:7px;border-radius:13px;background:#f8fafc;border:1px solid #eef2f7
}
.admin-video-teacher-preview>img,.admin-video-teacher-preview>span{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#4338ca;font-weight:900
}
.admin-video-teacher-preview small{display:block;font-size:7px;color:#94a3b8}
.admin-video-teacher-preview strong{display:block;font-size:9px;color:var(--mix-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-video-teacher-preview em{display:block;margin-top:2px;font-size:7px;color:#64748b;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-video-row-actions{display:flex;gap:5px;align-items:center;padding-bottom:2px}

.admin-question-editor-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:8px 10px;border-radius:12px;background:#f8fafc
}
.admin-question-editor-head>span{font-size:9px;color:#64748b;font-weight:900}
.admin-question-builder{display:grid;gap:11px}
.admin-question-empty{padding:22px;text-align:center;border:1px dashed #cbd5e1;border-radius:15px;background:#f8fafc;color:#64748b}
.admin-question-empty>span{display:block;font-size:30px}.admin-question-empty strong{display:block;margin:4px 0;font-size:11px;color:var(--mix-ink)}.admin-question-empty p{margin:0;font-size:8px}

.admin-question-card{
  padding:13px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.045)
}
.admin-question-card-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;margin-bottom:11px}
.admin-question-number{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:11px;font-weight:900}
.admin-question-card-head strong{display:block;font-size:10px;color:var(--mix-ink)}.admin-question-card-head small{display:block;margin-top:2px;font-size:7px;color:#94a3b8}
.admin-question-card-actions{display:flex;gap:5px}.admin-question-card-actions button{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;cursor:pointer}.admin-question-card-actions button:hover{background:#f8fafc;color:#2563eb}.admin-question-card-actions button.danger{color:#dc2626}
.admin-question-card label>span{display:block;margin-bottom:5px;font-size:8px;font-weight:900;color:#64748b}
.admin-question-card textarea,.admin-question-card input,.admin-question-card select{width:100%!important}

.admin-question-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}
.admin-question-option-row{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:6px;align-items:center;padding:6px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.admin-question-option-row>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#2563eb;font-size:9px;font-weight:900}
.admin-question-option-row input{min-height:34px!important;background:#fff!important}
.admin-option-remove{width:28px;height:28px;border:0;border-radius:8px;background:#fff;color:#ef4444;cursor:pointer}
.admin-question-option-tools{display:flex;justify-content:flex-start;margin-bottom:9px}
.admin-question-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}

.admin-bulk-question-box{margin-top:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;overflow:hidden}
.admin-bulk-question-box>summary{padding:10px 12px;cursor:pointer;color:#475569;font-size:9px;font-weight:900;list-style:none}
.admin-bulk-question-box>summary::-webkit-details-marker{display:none}
.admin-bulk-question-box>summary i{margin-left:6px;color:#2563eb}
.admin-bulk-question-box[open]>summary{border-bottom:1px solid #e2e8f0;background:#fff}
.admin-bulk-question-box>label,.admin-bulk-question-box>button{margin:10px 12px!important}
.admin-bulk-question-box textarea{min-height:150px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:10px!important;direction:ltr!important;text-align:left!important}

@media(max-width:1100px){
  .admin-video-row{grid-template-columns:1fr 1fr!important}
  .admin-video-teacher-preview{grid-column:1/-1}.lesson-video-url-field{grid-column:1/-1}.admin-video-row-actions{grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:700px){
  .admin-editor-progress{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.admin-editor-progress::-webkit-scrollbar{display:none}.admin-editor-progress>span{flex:0 0 auto}.admin-editor-progress>i{flex:0 0 auto}
  .admin-editor-live-preview{grid-template-columns:58px minmax(0,1fr)!important}.admin-editor-preview-art{width:58px;height:58px}.admin-editor-live-preview>.status-pill{grid-column:1/-1;justify-self:start}
  .admin-video-row{grid-template-columns:1fr!important}.admin-video-teacher-preview,.lesson-video-url-field,.admin-video-row-actions{grid-column:auto!important}.admin-video-row-actions{justify-content:flex-end}
  .admin-question-options,.admin-question-settings{grid-template-columns:1fr!important}
  .admin-question-card{padding:10px}.admin-question-card-head{grid-template-columns:34px 1fr auto}.admin-question-number{width:34px;height:34px}
}

/* Subject unit editor */
.admin-subject-units-builder{display:grid;gap:8px}
.admin-subject-unit-row{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;
  padding:8px;border:1px solid #e2e8f0;border-radius:13px;background:#fff
}
.admin-unit-number{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:9px;font-weight:900
}
.admin-subject-unit-row input{min-height:38px!important;width:100%!important}
.admin-subject-unit-row>div{display:flex;gap:4px}
.admin-subject-unit-row button{
  width:31px;height:31px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#64748b;cursor:pointer
}
.admin-subject-unit-row button:hover:not(:disabled){background:#f8fafc;color:#2563eb}
.admin-subject-unit-row button.danger{color:#dc2626}
.admin-subject-unit-row button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:560px){
  .admin-subject-unit-row{grid-template-columns:30px minmax(0,1fr)!important}
  .admin-subject-unit-row>div{grid-column:1/-1;justify-content:flex-end}
}

/* Curriculum tree management */
.admin-content-view-switch{
  display:inline-flex;align-items:center;gap:5px;margin:0 0 14px;padding:5px;
  background:#fff;border:1px solid var(--mix-line);border-radius:14px;box-shadow:0 5px 16px rgba(15,23,42,.04)
}
.admin-content-view-switch button{
  min-height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#64748b;font-size:9px;font-weight:900;cursor:pointer
}
.admin-content-view-switch button i{margin-left:5px}
.admin-content-view-switch button.active{background:#eff6ff;color:#2563eb}

.admin-curriculum-tree-wrap{display:grid;gap:12px}
.admin-tree-subject{
  overflow:hidden;background:#fff;border:1px solid var(--mix-line);border-radius:20px;box-shadow:0 8px 22px rgba(15,23,42,.055)
}
.admin-tree-subject>summary{
  list-style:none;cursor:pointer;display:grid;grid-template-columns:58px minmax(0,1fr) 32px;align-items:center;gap:11px;padding:12px 14px
}
.admin-tree-subject>summary::-webkit-details-marker{display:none}
.admin-tree-subject[open]>summary{border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#f8fafc)}
.admin-tree-subject-art{
  width:58px;height:52px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#e0e7ff);background-size:cover;background-position:center
}
.admin-tree-subject-art span{font-size:24px}
.admin-tree-subject-copy strong{display:block;font-size:13px;color:var(--mix-ink)}
.admin-tree-subject-copy small{display:block;margin-top:3px;font-size:8px;color:#64748b}
.admin-tree-chevron{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f8fafc;color:#94a3b8;transition:.2s ease}
.admin-tree-subject[open] .admin-tree-chevron{transform:rotate(180deg);color:#2563eb;background:#eff6ff}

.admin-tree-subject-body{padding:13px;display:grid;gap:11px}
.admin-tree-subject-tools{display:flex;gap:7px;flex-wrap:wrap}
.admin-tree-subject-tools button,.admin-tree-subject-tools a{
  min-height:34px;padding:0 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:900;cursor:pointer
}
.admin-tree-subject-tools button:hover,.admin-tree-subject-tools a:hover{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}

.admin-tree-unit{
  overflow:hidden;border:1px solid #dbeafe;border-radius:17px;background:linear-gradient(180deg,#fff,#fbfdff)
}
.admin-tree-unit>header{
  min-height:58px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fbff;border-bottom:1px solid #e6eef8
}
.admin-tree-unit>header>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}
.admin-tree-unit-number{width:34px;height:34px;min-width:34px;border-radius:11px;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:10px;font-weight:900}
.admin-tree-unit header strong{display:block;font-size:10px;color:var(--mix-ink)}
.admin-tree-unit header small{display:block;margin-top:2px;font-size:7px;color:#64748b}
.admin-tree-unit-head-actions{display:flex;gap:5px}
.admin-tree-unit-head-actions button{
  min-height:32px;padding:0 9px;border:1px solid #dbeafe;border-radius:9px;background:#fff;color:#2563eb;font-size:8px;font-weight:900;cursor:pointer
}
.admin-tree-unit-head-actions button:hover{background:#eff6ff}

.admin-tree-lesson-list{padding:8px;display:grid;gap:7px;min-height:58px;transition:.2s ease}
.admin-tree-lesson-list.drag-over{background:#eff6ff;box-shadow:inset 0 0 0 2px #60a5fa}
.admin-tree-drop-empty{
  min-height:58px;border:1px dashed #bfdbfe;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:#64748b;font-size:8px;background:#f8fbff
}
.admin-tree-drop-empty i{color:#60a5fa}

.admin-tree-lesson-block{display:grid;gap:4px}
.admin-tree-lesson{
  min-width:0;display:grid;grid-template-columns:34px 30px minmax(0,1fr) 170px auto;align-items:center;gap:8px;
  padding:8px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.035);transition:.18s ease
}
.admin-tree-lesson:hover{border-color:#bfdbfe;box-shadow:0 7px 16px rgba(15,23,42,.06)}
.admin-tree-lesson.dragging{opacity:.45;transform:scale(.99)}
.admin-tree-lesson.is-hidden{background:#f8fafc}
.admin-tree-drag{
  width:34px;height:34px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#94a3b8;cursor:grab
}
.admin-tree-drag:active{cursor:grabbing}
.admin-tree-index{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:900}
.admin-tree-lesson-copy{min-width:0}
.admin-tree-lesson-copy>div{display:flex;align-items:center;gap:6px;min-width:0}
.admin-tree-lesson-copy strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--mix-ink)}
.admin-tree-lesson-copy small{display:block;margin-top:3px;font-size:7px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-tree-move select{width:100%;min-height:34px;border-radius:9px!important;font-size:8px!important}
.admin-tree-actions{display:flex;gap:4px;align-items:center}
.admin-tree-actions button,.admin-tree-actions a{
  width:31px;height:31px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#64748b;display:grid;place-items:center;text-decoration:none;cursor:pointer
}
.admin-tree-actions button:hover:not(:disabled),.admin-tree-actions a:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}
.admin-tree-actions button:disabled{opacity:.3;cursor:not-allowed}

.admin-tree-linked-quizzes{position:relative;margin-right:66px;padding-right:20px;display:grid;gap:4px}
.admin-tree-link-line{position:absolute;right:7px;top:-7px;bottom:18px;width:1px;background:#c4b5fd}
.admin-tree-linked-quizzes::before{content:"";position:absolute;right:7px;top:20px;width:13px;height:1px;background:#c4b5fd}
.admin-tree-quizzes,.admin-tree-comprehensive{padding:8px 10px 10px;border-top:1px dashed #e2e8f0;display:grid;gap:5px}
.admin-tree-subtitle{font-size:7px;font-weight:900;color:#7c3aed;margin-bottom:2px}
.admin-tree-quiz{
  min-height:42px;display:grid;grid-template-columns:30px minmax(0,1fr) auto 30px;align-items:center;gap:7px;padding:6px 8px;border:1px solid #ede9fe;border-radius:11px;background:#fafaff
}
.admin-tree-quiz.linked{background:#f8f7ff}
.admin-tree-quiz>span:first-child{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ede9fe;color:#7c3aed}
.admin-tree-quiz strong{display:block;font-size:8px;color:#3f3b66}
.admin-tree-quiz small{display:block;margin-top:2px;font-size:7px;color:#7c7398}
.admin-tree-quiz>button{width:29px;height:29px;border:1px solid #ddd6fe;border-radius:8px;background:#fff;color:#7c3aed;cursor:pointer}
.admin-tree-comprehensive{border:1px solid #fde68a;border-radius:14px;background:#fffbeb}
.admin-tree-comprehensive>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}
.admin-tree-comprehensive>header strong{font-size:9px;color:#92400e}.admin-tree-comprehensive>header small{font-size:7px;color:#a16207}
.admin-tree-no-units{padding:24px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#64748b}
.admin-tree-no-units>span{font-size:30px}.admin-tree-no-units strong{display:block;margin:4px 0;font-size:10px;color:var(--mix-ink)}.admin-tree-no-units p{margin:0;font-size:8px}

@media(max-width:900px){
  .admin-tree-lesson{grid-template-columns:34px 30px minmax(0,1fr) auto}
  .admin-tree-move{grid-column:3/5}.admin-tree-actions{grid-column:3/5;justify-content:flex-end}
}
@media(max-width:620px){
  .admin-content-view-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-content-view-switch button{width:100%}
  .admin-tree-subject>summary{grid-template-columns:48px minmax(0,1fr) 28px;padding:10px}
  .admin-tree-subject-art{width:48px;height:46px}.admin-tree-subject-body{padding:8px}
  .admin-tree-unit>header{align-items:flex-start;flex-direction:column}.admin-tree-unit-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-tree-unit-head-actions button{width:100%}
  .admin-tree-lesson{grid-template-columns:30px 26px minmax(0,1fr);gap:6px}
  .admin-tree-drag{width:30px;height:30px}.admin-tree-index{width:26px;height:26px}
  .admin-tree-move{grid-column:1/-1}.admin-tree-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}
  .admin-tree-linked-quizzes{margin-right:22px;padding-right:16px}
  .admin-tree-quiz{grid-template-columns:28px minmax(0,1fr) auto}.admin-tree-quiz>.status-pill{grid-column:2}.admin-tree-quiz>button{grid-column:3;grid-row:1}
}

/* Bulk content operations + copy workflow */
.admin-bulk-action-bar{
  position:sticky;top:78px;z-index:32;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0 0 14px;padding:9px 10px;background:rgba(255,255,255,.96);border:1px solid var(--mix-line);
  border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.07);backdrop-filter:blur(14px)
}
.admin-bulk-select-all{display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.admin-bulk-select-all input{position:absolute;opacity:0;pointer-events:none}
.admin-bulk-select-all>span{
  width:27px;height:27px;border-radius:9px;display:grid;place-items:center;border:1px solid #cbd5e1;background:#fff;color:transparent;transition:.18s ease
}
.admin-bulk-select-all input:checked+span,.admin-bulk-select-all input:indeterminate+span{background:#2563eb;border-color:#2563eb;color:#fff}
.admin-bulk-select-all strong{font-size:9px;color:#475569}
.admin-bulk-count{display:flex;align-items:baseline;gap:4px;padding:6px 9px;border-radius:10px;background:#eff6ff;color:#1d4ed8}
.admin-bulk-count b{font-size:15px}.admin-bulk-count span{font-size:8px;font-weight:900}
.admin-bulk-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
.admin-bulk-actions>button,.admin-bulk-unit-move button{
  min-height:34px;padding:0 10px;border:1px solid #dbeafe;border-radius:10px;background:#fff;color:#2563eb;font-size:8px;font-weight:900;cursor:pointer
}
.admin-bulk-actions>button:hover:not(:disabled),.admin-bulk-unit-move button:hover:not(:disabled){background:#eff6ff}
.admin-bulk-actions button.danger{color:#dc2626;border-color:#fecaca}
.admin-bulk-actions button.danger:hover:not(:disabled){background:#fef2f2}
.admin-bulk-actions button:disabled{opacity:.36;cursor:not-allowed}
.admin-bulk-unit-move{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}
.admin-bulk-unit-move input{width:58px!important;min-height:30px!important;border:0!important;background:#fff!important;text-align:center!important;font-size:9px!important}

.admin-content-card{position:relative}
.admin-content-card.selected{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.10),var(--mix-shadow)!important}
.admin-card-selection{
  position:absolute;z-index:8;top:10px;left:10px;width:31px;height:31px;border-radius:10px;
  display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(203,213,225,.95);
  box-shadow:0 5px 14px rgba(15,23,42,.10);cursor:pointer;backdrop-filter:blur(8px)
}
.admin-card-selection input{position:absolute;opacity:0;pointer-events:none}
.admin-card-selection span{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#f8fafc;color:transparent;border:1px solid #cbd5e1;transition:.18s ease;font-size:8px}
.admin-card-selection input:checked+span{background:#2563eb;border-color:#2563eb;color:#fff}

.admin-copy-source-card{
  display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;
  margin:8px 0 16px;padding:11px;border:1px solid #dbeafe;border-radius:15px;background:linear-gradient(135deg,#fff,#eff6ff)
}
.admin-copy-source-card>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#dbeafe;color:#2563eb;font-size:17px}
.admin-copy-source-card small{display:block;font-size:8px;color:#64748b}.admin-copy-source-card strong{display:block;margin:2px 0;font-size:12px;color:var(--mix-ink)}.admin-copy-source-card p{margin:0;font-size:8px;color:#64748b}
.admin-copy-warning{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:10px 11px!important;border-radius:13px!important;background:#fffbeb!important;border:1px solid #fde68a!important;color:#92400e!important}
.admin-copy-warning i{margin-top:2px;color:#d97706}.admin-copy-warning p{margin:0;font-size:8px;line-height:1.7}

@media(max-width:760px){
  .admin-bulk-action-bar{top:68px;padding:8px}.admin-bulk-actions{width:100%;margin-inline-start:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-bulk-actions>button,.admin-bulk-unit-move{width:100%}.admin-bulk-unit-move{display:grid;grid-template-columns:58px 1fr}.admin-bulk-unit-move button{width:100%}
}

/* Admin review / student-view preview */
.admin-review-modal{width:min(1500px,97vw)!important;max-width:none!important;padding:18px!important}
.admin-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-inline-end:40px}
.admin-review-head h2{margin:3px 0 5px!important}.admin-review-head p{margin:0;color:#64748b;font-size:9px}
.admin-review-state{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.admin-review-approval{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:8px;font-weight:900}
.admin-review-approval.approved{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.admin-review-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:13px 0 9px;padding:9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}
.admin-review-toolbar>.btn{min-height:38px!important}
.admin-review-schedule{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.admin-review-schedule input{min-height:38px!important;min-width:190px!important;border:1px solid #dbe3ee!important;border-radius:10px!important;background:#fff!important;padding:0 9px!important;font-size:9px!important}
.admin-review-schedule-note{display:flex;align-items:center;gap:7px;margin:0 0 9px;padding:8px 10px;border-radius:11px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:8px}
.admin-review-preview-shell{overflow:hidden;border:1px solid #cbd5e1;border-radius:17px;background:#e2e8f0;box-shadow:0 16px 40px rgba(15,23,42,.12)}
.admin-review-browser-bar{height:39px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#f8fafc;border-bottom:1px solid #dbe3ee}
.admin-review-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.admin-review-browser-bar>span:nth-child(1){background:#fb7185}.admin-review-browser-bar>span:nth-child(2){background:#fbbf24}.admin-review-browser-bar>span:nth-child(3){background:#34d399}
.admin-review-browser-bar strong{margin-inline-start:7px;color:#64748b;font-size:8px}.admin-review-browser-bar button,.admin-review-browser-bar a{width:29px;height:29px;border:0;border-radius:8px;background:#fff;color:#64748b;display:grid;place-items:center;text-decoration:none;cursor:pointer}.admin-review-browser-bar button{margin-inline-start:auto}.admin-review-browser-bar button:hover,.admin-review-browser-bar a:hover{color:#2563eb;background:#eff6ff}
.admin-review-preview-shell iframe{width:100%;height:min(72vh,820px);min-height:520px;border:0;display:block;background:#fff}
.admin-content-schedule{margin:8px 0 0;padding:7px 8px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:8px}
.admin-content-schedule i{margin-left:4px;color:#d97706}
.admin-tree-lesson.is-scheduled,.admin-tree-quiz.is-scheduled{border-color:#fde68a!important;background:#fffdf5!important}
.admin-tree-quiz-actions{display:flex;gap:4px}
.admin-tree-quiz-actions button{width:29px;height:29px;border:1px solid #ddd6fe;border-radius:8px;background:#fff;color:#7c3aed;cursor:pointer}
.admin-preview-banner{position:fixed;z-index:3000;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:13px;background:rgba(15,23,42,.94);color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.25);backdrop-filter:blur(12px)}
.admin-preview-banner>i{color:#93c5fd}.admin-preview-banner strong{display:block;font-size:9px}.admin-preview-banner span{display:block;margin-top:1px;font-size:7px;color:#cbd5e1}
.admin-preview-mode .lesson-top{padding-top:70px!important}
.lesson-rating-card.preview-disabled{opacity:.72}
@media(max-width:760px){
  .admin-review-modal{width:98vw!important;padding:12px!important}.admin-review-head{padding-inline-end:30px;flex-direction:column}.admin-review-state{justify-content:flex-start}
  .admin-review-toolbar{display:grid;grid-template-columns:1fr 1fr}.admin-review-toolbar>.btn{width:100%!important}.admin-review-schedule{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-inline-start:0}.admin-review-schedule input{grid-column:1/-1;width:100%!important;min-width:0!important}
  .admin-review-preview-shell iframe{min-height:580px;height:72vh}.admin-preview-banner{width:calc(100% - 20px);top:7px}.admin-preview-banner span{white-space:normal}
}

/* Student subjects v3 — large visual material cards */
.student-subjects-v2{padding:0!important;overflow:hidden!important}
.student-subjects-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px 22px 14px;border-bottom:1px solid #eef2f7
}
.student-subjects-title{display:flex;align-items:flex-start;gap:12px;min-width:0}
.student-subjects-icon{width:48px;height:48px;min-width:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:18px;box-shadow:0 10px 22px rgba(37,99,235,.2)}
.student-subjects-title h2{margin:3px 0 4px!important;font-size:22px!important;color:var(--mix-ink)!important}
.student-subjects-title p{margin:0!important;color:#64748b!important;font-size:10px!important;line-height:1.7!important}
.student-subjects-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.student-subject-count{display:inline-flex;align-items:baseline;gap:4px;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:8px;font-weight:900}
.student-subject-count b{font-size:15px}
.student-subjects-stage-strip{
  margin:0 22px 16px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#eef6ff)
}
.student-subjects-stage-strip small{display:block;font-size:7px;color:#64748b}.student-subjects-stage-strip strong{display:block;margin-top:2px;color:#1e3a8a;font-size:10px}
.student-subjects-stage-strip button{min-height:36px;padding:0 10px;border:1px solid #bfdbfe;border-radius:10px;background:#fff;color:#2563eb;font-size:8px;font-weight:900;cursor:pointer}
.student-subjects-stage-strip button:hover{background:#eff6ff}

.student-subject-grid-v2{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;padding:0 22px 22px!important
}
.student-subject-card-v2{
  min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;
  min-height:360px!important;border-radius:22px!important;position:relative!important;
  background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 26px rgba(15,23,42,.07)!important;
  text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important
}
.student-subject-card-v2:hover{transform:translateY(-7px)!important;border-color:#bfdbfe!important;box-shadow:0 22px 42px rgba(15,23,42,.12)!important}
.student-subject-cover{height:175px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#e0e7ff)}
.student-subject-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.48));pointer-events:none}
.student-subject-cover-media{position:absolute;inset:0;display:grid;place-items:center}
.student-subject-cover-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.student-subject-card-v2:hover .student-subject-cover-media img{transform:scale(1.05)}
.student-subject-cover-media>span{font-size:60px;filter:drop-shadow(0 9px 14px rgba(15,23,42,.12))}
.student-subject-progress-pill,.student-subject-state{position:absolute;z-index:2;top:11px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;backdrop-filter:blur(8px)}
.student-subject-progress-pill{right:11px;background:rgba(255,255,255,.93);color:#2563eb}
.student-subject-state{left:11px;background:rgba(15,23,42,.72);color:#fff}
.student-subject-body{display:flex;flex:1;flex-direction:column;padding:14px}
.student-subject-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.student-subject-title-row small{display:block;color:#64748b;font-size:7px}
.student-subject-title-row h3{margin:2px 0 0!important;font-size:17px!important;color:var(--mix-ink)!important}
.student-subject-arrow{width:38px;height:38px;min-width:38px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;transition:.2s ease}
.student-subject-card-v2:hover .student-subject-arrow{background:#2563eb;color:#fff;transform:translateX(-3px)}
.student-subject-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0 12px}
.student-subject-metrics>span{min-width:0;padding:7px 4px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}
.student-subject-metrics i{display:block;margin-bottom:3px;color:#2563eb;font-size:10px}.student-subject-metrics b{display:block;color:var(--mix-ink);font-size:11px}.student-subject-metrics small{display:block;color:#94a3b8;font-size:6px}
.student-subject-progress-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:auto}
.student-subject-progress-row .ref-subject-progress{height:7px!important;margin:0!important;background:#e2e8f0!important;border-radius:999px!important;overflow:hidden!important}
.student-subject-progress-row .ref-subject-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#2563eb)}
.student-subject-progress-row>small{font-size:8px;color:#2563eb;font-weight:900}
.student-subject-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;margin-top:9px;border-top:1px solid #f1f5f9}
.student-subject-footer>span{font-size:7px;color:#64748b}.student-subject-footer>strong{font-size:8px;color:#2563eb}

/* Explore materials v3 */
.explore-page{background:#f8fafc!important}
.explore-hero-v2{padding:26px 0 18px!important;background:
  radial-gradient(circle at 85% 10%,rgba(59,130,246,.12),transparent 24%),
  radial-gradient(circle at 8% 0%,rgba(99,102,241,.10),transparent 26%),
  linear-gradient(180deg,#fff,#f8fafc)!important}
.explore-hero-v2 .explore-hero-inner{
  min-height:260px!important;padding:28px 32px!important;border-radius:28px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;align-items:center!important;gap:24px!important;
  background:linear-gradient(135deg,#0f172a,#1e3a8a 52%,#4338ca)!important;color:#fff!important;box-shadow:0 24px 55px rgba(15,23,42,.16)!important;overflow:hidden!important;position:relative!important
}
.explore-hero-v2 .explore-hero-inner::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-80px;bottom:-150px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.explore-hero-copy-v2{position:relative;z-index:2}.explore-hero-copy-v2 .section-kicker{color:#bfdbfe!important}.explore-hero-copy-v2 h1{margin:4px 0 8px!important;color:#fff!important;font-size:clamp(28px,4vw,46px)!important}.explore-hero-copy-v2 p{margin:0!important;max-width:760px;color:#dbeafe!important;line-height:1.9!important;font-size:12px!important}
.explore-hero-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.explore-hero-points span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-size:8px;font-weight:900}
.explore-hero-art-v2{position:relative;z-index:2;min-height:175px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(9px)}
.explore-hero-art-v2>span{font-size:64px}.explore-hero-art-v2 strong{font-size:12px}.explore-hero-art-v2 small{margin-top:3px;color:#cbd5e1;font-size:7px}

.explore-workspace{align-items:start!important;gap:18px!important;padding-top:10px!important}
.explore-sidebar{position:sticky!important;top:86px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}
.explore-type{min-height:74px!important;border-radius:14px!important;margin-bottom:8px!important}.explore-type.active{background:linear-gradient(135deg,#eef2ff,#eff6ff)!important;border-color:#bfdbfe!important;color:#1d4ed8!important;box-shadow:0 8px 18px rgba(37,99,235,.08)!important}
.explore-main{min-width:0!important}
.explore-toolbar-v2{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}
.explore-toolbar-v2 h2{margin:3px 0!important;font-size:22px!important}.explore-toolbar-v2 p{margin:0!important;color:#64748b!important;font-size:9px!important}
.explore-page-search{min-width:260px!important}
.explore-current-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 14px;padding:9px 11px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;color:#475569}
.explore-current-path>span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:9px;background:#f8fafc;font-size:8px}.explore-current-path>span i{color:#2563eb}.explore-current-path>span.muted{color:#94a3b8}.explore-current-path>i{font-size:7px;color:#cbd5e1}

.explore-stage-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:0 0 14px!important}
.explore-stage-tabs button{min-height:100px!important;padding:13px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:right!important;box-shadow:0 7px 18px rgba(15,23,42,.045)!important;transition:.2s ease!important}
.explore-stage-tabs button>span{width:52px;height:52px;min-width:52px;border-radius:15px;display:grid;place-items:center;background:#f8fafc;font-size:24px}
.explore-stage-tabs button strong{display:block;font-size:11px;color:var(--mix-ink)}.explore-stage-tabs button small{display:block;margin-top:3px;color:#64748b;font-size:7px}
.explore-stage-tabs button.active{border-color:#93c5fd!important;background:linear-gradient(135deg,#fff,#eff6ff)!important;box-shadow:0 10px 22px rgba(37,99,235,.09)!important;transform:translateY(-2px)}
.explore-stage-tabs button.active>span{background:#dbeafe}

.explore-grade-block-v2,.explore-subject-block-v2{padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important;margin-bottom:14px!important}
.explore-block-head{align-items:flex-end!important}.explore-block-head h3{font-size:19px!important;margin:3px 0!important}.explore-block-head p{margin:0!important;color:#64748b!important;font-size:8px!important}
.explore-grade-grid-v2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.explore-grade-card{min-height:92px!important;padding:10px 11px!important;border:1px solid #e2e8f0!important;border-radius:15px!important;background:#fff!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px!important;gap:9px!important;align-items:center!important;text-align:right!important;transition:.2s ease!important}
.explore-grade-card:hover{border-color:#bfdbfe!important;transform:translateY(-2px)!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important}
.explore-grade-card.active{background:linear-gradient(135deg,#eef2ff,#eff6ff)!important;border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}
.explore-grade-number{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#475569;font-size:14px;font-weight:900}.explore-grade-card.active .explore-grade-number{background:#2563eb;color:#fff}
.explore-grade-card small{display:block;color:#94a3b8;font-size:7px}.explore-grade-card strong{display:block;margin:2px 0;color:var(--mix-ink);font-size:10px}.explore-grade-card p{margin:0;color:#64748b;font-size:7px}.explore-grade-arrow{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f8fafc;color:#94a3b8}.explore-grade-card.active .explore-grade-arrow{background:#fff;color:#2563eb}
.explore-subject-count-pill{padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:8px;font-weight:900}

.explore-subject-grid-v2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.explore-subject-card-v2{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:350px!important;padding:0!important;border-radius:20px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 9px 24px rgba(15,23,42,.065)!important;text-decoration:none!important;transition:.22s ease!important}
.explore-subject-card-v2:hover{transform:translateY(-6px)!important;border-color:#bfdbfe!important;box-shadow:0 20px 38px rgba(15,23,42,.11)!important}
.explore-subject-cover{height:175px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff)}
.explore-subject-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.46))}
.explore-subject-cover img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.explore-subject-card-v2:hover .explore-subject-cover img{transform:scale(1.05)}
.explore-subject-cover>span{font-size:58px;position:relative;z-index:1}.explore-subject-cover>em{position:absolute;z-index:2;right:10px;bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:7px;font-style:normal;font-weight:900}
.explore-subject-body{display:flex;flex:1;flex-direction:column;padding:14px}.explore-subject-title-row{display:flex;align-items:center;justify-content:space-between;gap:9px}.explore-subject-title-row small{display:block;font-size:7px;color:#64748b}.explore-subject-title-row h3{margin:2px 0!important;color:var(--mix-ink)!important;font-size:16px!important}
.explore-open{width:38px;height:38px;min-width:38px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.explore-subject-card-v2:hover .explore-open{background:#2563eb;color:#fff}
.explore-subject-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.explore-subject-metrics>span{padding:8px 3px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}.explore-subject-metrics i{display:block;margin-bottom:3px;color:#2563eb;font-size:10px}.explore-subject-metrics b{display:block;color:var(--mix-ink);font-size:11px}.explore-subject-metrics small{display:block;color:#94a3b8;font-size:6px}
.explore-subject-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}.explore-subject-footer span{font-size:7px;color:#64748b}.explore-subject-footer strong{font-size:8px;color:#2563eb}

@media(max-width:1180px){
  .student-subject-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .explore-hero-v2 .explore-hero-inner{grid-template-columns:1fr!important}.explore-hero-art-v2{display:none}
  .explore-workspace{display:block!important}.explore-sidebar{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:12px!important}.explore-sidebar-title,.explore-note{grid-column:1/-1}
}
@media(max-width:700px){
  .student-subjects-head{align-items:flex-start;flex-direction:column;padding:16px}.student-subjects-head-actions{width:100%;justify-content:space-between}.student-subjects-stage-strip{margin:0 16px 13px;align-items:flex-start;flex-direction:column}.student-subjects-stage-strip button{width:100%}
  .student-subject-grid-v2{grid-template-columns:1fr!important;padding:0 12px 18px!important}.student-subject-card-v2{min-height:340px!important}.student-subject-cover{height:170px}
  .explore-hero-v2{padding-top:12px!important}.explore-hero-v2 .explore-hero-inner{padding:20px 16px!important;border-radius:20px!important;min-height:210px!important}.explore-hero-copy-v2 h1{font-size:28px!important}
  .explore-toolbar-v2{align-items:stretch!important;flex-direction:column!important}.explore-page-search{min-width:0!important;width:100%!important}
  .explore-stage-tabs{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.explore-stage-tabs::-webkit-scrollbar{display:none}.explore-stage-tabs button{flex:0 0 210px!important;scroll-snap-align:start!important}
  .explore-grade-grid-v2,.explore-subject-grid-v2{grid-template-columns:1fr!important}
  .explore-grade-block-v2,.explore-subject-block-v2{padding:12px!important}.explore-subject-card-v2{min-height:330px!important}.explore-subject-cover{height:165px}
  .explore-sidebar{grid-template-columns:1fr!important}.explore-sidebar-title,.explore-note{grid-column:auto}
}

/* Public landing v3 */
.public-value-strip{padding:0 0 12px;background:#fff}
.public-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.public-value-grid article{min-height:82px;padding:12px 13px;display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.05)}
.public-value-grid article>span{width:42px;height:42px;min-width:42px;border-radius:13px;display:grid;place-items:center;font-size:15px}
.public-value-grid article>span.blue{background:#eff6ff;color:#2563eb}.public-value-grid article>span.violet{background:#f5f3ff;color:#7c3aed}.public-value-grid article>span.green{background:#ecfdf5;color:#059669}.public-value-grid article>span.orange{background:#fff7ed;color:#ea580c}
.public-value-grid strong{display:block;font-size:10px;color:var(--mix-ink)}.public-value-grid small{display:block;margin-top:2px;font-size:7px;color:#64748b;line-height:1.6}

.public-subject-grid-v2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.public-subject-card-v2{min-width:0;overflow:hidden;display:grid!important;grid-template-columns:130px minmax(0,1fr);min-height:150px;text-decoration:none;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 22px rgba(15,23,42,.055);transition:.22s ease}
.public-subject-card-v2:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(15,23,42,.10);border-color:#bfdbfe}
.public-subject-art{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#dbeafe)}
.public-subject-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,23,42,.25))}
.public-subject-art>span{font-size:46px;position:relative;z-index:1}.public-subject-art>em{position:absolute;z-index:2;bottom:9px;right:8px;padding:4px 7px;border-radius:999px;background:rgba(15,23,42,.68);color:#fff;font-size:7px;font-style:normal;font-weight:900}
.public-subject-card-v2>div:last-child{padding:13px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.public-subject-card-v2 small{color:#2563eb;font-size:7px;font-weight:900}.public-subject-card-v2 h3{margin:3px 0 4px;color:var(--mix-ink);font-size:13px}.public-subject-card-v2 p{margin:0 0 9px;color:#64748b;font-size:8px;line-height:1.7}.public-subject-card-v2 strong{font-size:8px;color:#2563eb}
.public-subject-card-v2.math .public-subject-art{background:linear-gradient(135deg,#e0f2fe,#dbeafe)}.public-subject-card-v2.science .public-subject-art{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.public-subject-card-v2.english .public-subject-art{background:linear-gradient(135deg,#fef2f2,#ffe4e6)}.public-subject-card-v2.social .public-subject-art{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.public-subject-card-v2.religion .public-subject-art{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}

@media(max-width:1050px){
  .public-value-grid{grid-template-columns:repeat(2,1fr)}
  .public-subject-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .public-value-grid{grid-template-columns:1fr}
  .public-subject-grid-v2{grid-template-columns:1fr!important}
  .public-subject-card-v2{grid-template-columns:105px minmax(0,1fr);min-height:135px}.public-subject-art>span{font-size:38px}
}

/* Student home dashboard v4 */
#studentDashboard .ref-dashboard-page{max-width:1500px!important;margin:0 auto!important;padding:22px 24px 46px!important}
.student-home-hero-v3{
  min-height:320px!important;padding:0!important;overflow:hidden!important;position:relative!important;
  background:
    linear-gradient(95deg,rgba(15,23,42,.96) 0%,rgba(30,58,138,.91) 48%,rgba(37,99,235,.28) 73%,rgba(15,23,42,.10) 100%),
    var(--future-dashboard-image) center/cover!important;
}
.student-home-hero-v3::before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-90px;top:-140px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.student-home-hero-v3::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:38%;bottom:-180px;background:rgba(56,189,248,.12)}
.student-home-hero-content{position:relative;z-index:2;min-height:320px;display:grid;grid-template-columns:minmax(0,1fr) 315px;align-items:center;gap:28px;padding:28px 32px}
.student-home-hero-copy{max-width:760px!important}
.student-home-kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px;color:#dbeafe}
.student-home-kicker>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);font-size:8px}.student-home-kicker small{font-size:8px;color:#bfdbfe}
.student-home-hero-copy h1{font-size:clamp(29px,4vw,48px)!important;margin:3px 0 7px!important;line-height:1.25!important}.student-home-hero-copy>p{max-width:650px!important;font-size:12px!important;line-height:1.9!important;color:#dbeafe!important}
.student-home-hero-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:17px}
.hero-main-action,.hero-quick-action{border:0;cursor:pointer;color:#fff;transition:.2s ease}
.hero-main-action{min-height:52px;padding:6px 15px;display:flex;align-items:center;gap:10px;border-radius:15px;background:#fff;color:#1d4ed8;box-shadow:0 12px 26px rgba(15,23,42,.16)}
.hero-main-action>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#2563eb;color:#fff}.hero-main-action span{text-align:right}.hero-main-action small{display:block;font-size:7px;color:#64748b}.hero-main-action strong{display:block;font-size:10px;color:#1e3a8a}
.hero-main-action:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,23,42,.20)}
.hero-quick-action{min-width:82px;min-height:52px;padding:6px 10px;border-radius:15px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:900}
.hero-quick-action i{font-size:15px}.hero-quick-action:hover{background:rgba(255,255,255,.19);transform:translateY(-2px)}

.student-home-hero-panel{padding:15px;border-radius:20px;background:rgba(255,255,255,.95);color:var(--mix-ink);border:1px solid rgba(255,255,255,.84);box-shadow:0 18px 42px rgba(15,23,42,.18);backdrop-filter:blur(12px)}
.student-home-level-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.student-home-level-head small{display:block;font-size:7px;color:#64748b}.student-home-level-head strong{display:block;margin-top:2px;font-size:16px;color:#0f172a}
.student-home-level-badge{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;font-size:18px;box-shadow:0 7px 15px rgba(217,119,6,.12)}
.student-home-level-progress{height:8px;margin:13px 0 7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.student-home-level-progress span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#2563eb,#38bdf8);transition:width .5s ease}
.student-home-level-xp{display:flex;align-items:center;justify-content:space-between;gap:8px}.student-home-level-xp span{font-size:9px;color:#2563eb;font-weight:900}.student-home-level-xp small{font-size:7px;color:#64748b;text-align:left}
.student-home-hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.student-home-hero-mini-grid>div{padding:9px;border:1px solid #eef2f7;border-radius:13px;background:#f8fafc;display:grid;grid-template-columns:32px 1fr;grid-template-areas:"icon small" "icon strong";align-items:center;column-gap:7px}.student-home-hero-mini-grid>div>span{grid-area:icon;width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.student-home-hero-mini-grid>div>span.blue{background:#eff6ff;color:#2563eb}.student-home-hero-mini-grid>div>span.orange{background:#fff7ed;color:#ea580c}.student-home-hero-mini-grid small{grid-area:small;font-size:6px;color:#64748b}.student-home-hero-mini-grid strong{grid-area:strong;font-size:10px;color:#0f172a}

.dashboard-stat-band-v3{display:grid!important;grid-template-columns:minmax(300px,1.65fr) repeat(4,minmax(135px,1fr))!important;gap:10px!important;margin:13px 0 15px!important}
.dashboard-stat-band-v3>article{min-height:105px!important;padding:13px!important;border-radius:17px!important}
.dashboard-overall-v3{display:grid!important;grid-template-columns:74px minmax(0,1fr) 36px!important;align-items:center!important;gap:11px!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;border-color:#dbeafe!important}
.dashboard-overall-v3 .future-ring{width:70px!important;height:70px!important}.dashboard-overall-v3 h3{font-size:12px!important;margin:2px 0!important}.dashboard-overall-v3 p{font-size:7px!important;line-height:1.6!important}.dashboard-overall-v3>a{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;text-decoration:none}
.dashboard-stat-v3{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 20px!important;align-items:center!important;gap:7px!important;overflow:hidden!important}.dashboard-stat-v3::after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;left:-28px;bottom:-32px;background:rgba(59,130,246,.05)}
.dashboard-stat-v3 .future-mini-icon{width:42px!important;height:42px!important;border-radius:13px!important}.dashboard-stat-v3 strong{font-size:17px!important}.dashboard-stat-v3 p{font-size:6px!important}.dashboard-stat-v3 .stat-arrow{font-size:8px;color:#cbd5e1}
.dashboard-stat-v3:hover{transform:translateY(-3px)!important;box-shadow:0 12px 24px rgba(15,23,42,.08)!important}

.ref-main-grid{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr) minmax(280px,.9fr)!important;gap:12px!important;margin-bottom:15px!important}
.continue-card-v3,.next-card-v3,.goals-card-v3{padding:16px!important;min-width:0!important}
.continue-head-v3>div{display:flex!important;align-items:center!important;gap:8px!important}.continue-head-v3 small,.next-card-v3 .ref-card-head small,.goals-card-v3 .ref-card-head small{display:block;font-size:6px;color:#94a3b8}.continue-head-v3 h2,.next-card-v3 .ref-card-head h2,.goals-card-v3 .ref-card-head h2{margin:1px 0!important}
.continue-head-icon,.next-head-icon,.goals-head-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:13px}.continue-head-icon{background:#eff6ff;color:#2563eb}.next-head-icon{background:#f5f3ff;color:#7c3aed}.goals-head-icon{background:#ecfdf5;color:#059669}
.continue-status-pill{padding:5px 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:7px;font-weight:900;border:1px solid #a7f3d0}
.continue-layout-v3{display:grid!important;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)!important;gap:14px!important;align-items:stretch!important;margin-top:11px!important}
.continue-visual-v3{min-height:190px!important;border-radius:17px!important;overflow:hidden!important;position:relative!important;background:linear-gradient(135deg,#dbeafe,#e0e7ff)!important}.continue-visual-v3::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.45));pointer-events:none}.continue-visual-v3>*{position:relative;z-index:2}
.continue-visual-v3 .continue-subject-tag{position:absolute;right:10px;top:10px!important;background:rgba(255,255,255,.92)!important;color:#1e3a8a!important}.continue-visual-foot{position:absolute!important;right:10px;left:10px;bottom:9px;color:#fff;font-size:7px;font-weight:900}.continue-visual-foot span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:9px;background:rgba(15,23,42,.58);backdrop-filter:blur(7px)}
.continue-copy-v3{display:flex!important;flex-direction:column!important;justify-content:center!important}.continue-copy-v3 h3{font-size:16px!important;margin:4px 0!important}.continue-copy-v3 p{font-size:8px!important;line-height:1.7!important}
.continue-progress-title{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:10px;font-size:7px;color:#64748b}.continue-progress-title strong{color:#2563eb;font-size:9px}.continue-progress-line{height:8px!important;margin:5px 0 11px!important;background:#e2e8f0!important;border-radius:999px!important;overflow:hidden!important}.continue-progress-line span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#2563eb)!important;transition:width .5s ease}
.continue-actions-v3{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.continue-secondary-action{min-height:38px;padding:0 9px;border:1px solid #dbeafe;border-radius:10px;background:#fff;color:#2563eb;font-size:7px;font-weight:900;cursor:pointer}

.next-card-v3{background:linear-gradient(180deg,#fff,#faf8ff)!important;border-color:#ede9fe!important}.next-card-v3 .next-step-pill{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#f5f3ff!important;color:#7c3aed!important;border:1px solid #ddd6fe!important}
.next-step-content-v3{align-items:center!important;margin:13px 0!important}.next-step-content-v3 .next-step-art{width:58px;height:58px;min-width:58px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid #ede9fe;font-size:27px;box-shadow:0 8px 18px rgba(124,58,237,.07)}.next-step-content-v3 h3{font-size:12px!important}.next-step-content-v3 p{font-size:8px!important;line-height:1.7!important}.next-step-content-v3 small{font-size:7px!important;color:#7c7398!important}.next-main-action{width:100%!important}

.goals-card-v3{background:linear-gradient(180deg,#fff,#f7fffb)!important;border-color:#d1fae5!important}.goals-summary-v3{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;margin:12px 0}.goals-ring-v3{width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#10b981 0deg,#e8eef7 0deg);position:relative}.goals-ring-v3::after{content:"";position:absolute;width:56px;height:56px;border-radius:50%;background:#fff}.goals-ring-v3 strong,.goals-ring-v3 span{position:relative;z-index:2}.goals-ring-v3 strong{font-size:12px;color:#047857}.goals-ring-v3 span{font-size:6px;color:#64748b}.goals-summary-v3 h3{margin:0 0 3px!important;font-size:11px!important}.goals-summary-v3 p{margin:0!important;font-size:7px!important;color:#64748b!important;line-height:1.7!important}
.goals-card-v3 .ref-goal-list{display:grid!important;gap:5px!important}.goals-card-v3 .ref-goal-list button{min-height:34px!important;padding:6px 8px!important;border-radius:10px!important}.goals-card-v3 .ref-goal-list button em{margin-inline-start:auto;font-size:6px;font-style:normal;color:#94a3b8}.goals-card-v3 .ref-goal-list button.completed em{color:#059669}

/* Make recommendation + service sections feel like primary product areas */
.mix-recommended-section,.ref-tools-section{padding:18px!important;border-radius:20px!important}
.mix-recommended-section .ref-section-head,.ref-tools-section .ref-section-head{margin-bottom:13px!important}
.mix-recommended-grid{gap:10px!important}
.mix-recommended-card{min-height:145px!important;border-radius:17px!important}
.ref-tools-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.ref-tools-grid>a{min-height:88px!important;padding:10px!important;border:1px solid #e2e8f0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 14px rgba(15,23,42,.04)!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px!important;align-items:center!important;gap:8px!important;transition:.2s ease!important}
.ref-tools-grid>a:hover{transform:translateY(-3px)!important;border-color:#bfdbfe!important;box-shadow:0 10px 22px rgba(15,23,42,.075)!important}
.ref-tools-grid>a>span{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:15px!important}.ref-tools-grid>a strong{font-size:9px!important}.ref-tools-grid>a small{font-size:6px!important;color:#64748b!important}
.ref-tools-grid>a>i{font-size:8px!important;transform:rotate(90deg)!important;color:#cbd5e1!important}

/* Sidebar cards on student home */
.ref-content-side{display:grid!important;gap:11px!important;align-content:start!important}.ref-content-side .ref-side-card{padding:15px!important;border-radius:18px!important}
.mix-achievement-card,.challenge-card,.explore-card{transition:.2s ease!important}.mix-achievement-card:hover,.challenge-card:hover,.explore-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 25px rgba(15,23,42,.08)!important}

@media(max-width:1250px){
  .dashboard-stat-band-v3{grid-template-columns:minmax(300px,1.5fr) repeat(2,1fr)!important}.dashboard-stat-band-v3 .dashboard-stat-v3:nth-child(n+4){grid-column:auto}
  .ref-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.9fr)!important}.goals-card-v3{grid-column:1/-1!important}.goals-card-v3 .ref-goal-list{grid-template-columns:repeat(4,1fr)!important}.goals-summary-v3{max-width:460px}
}
@media(max-width:980px){
  #studentDashboard .ref-dashboard-page{padding:16px 15px 92px!important}
  .student-home-hero-content{grid-template-columns:1fr!important;min-height:auto!important;padding:24px!important}.student-home-hero-panel{max-width:430px}.student-home-hero-v3{min-height:auto!important}
  .dashboard-stat-band-v3{grid-template-columns:repeat(2,1fr)!important}.dashboard-overall-v3{grid-column:1/-1!important}
  .ref-main-grid{grid-template-columns:1fr!important}.goals-card-v3{grid-column:auto!important}.goals-card-v3 .ref-goal-list{grid-template-columns:repeat(2,1fr)!important}
  .ref-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  #studentDashboard .ref-dashboard-page{padding:10px 10px 92px!important}
  .student-home-hero-content{padding:18px 14px!important}.student-home-hero-copy{text-align:right!important}.student-home-hero-copy h1{font-size:30px!important}.student-home-hero-copy>p{font-size:9px!important}.student-home-hero-panel{width:100%}
  .student-home-hero-actions{display:grid;grid-template-columns:1fr 76px 76px}.hero-main-action{min-width:0}.hero-quick-action{min-width:0}
  .dashboard-stat-band-v3{grid-template-columns:1fr 1fr!important;gap:7px!important}.dashboard-overall-v3{grid-column:1/-1!important;grid-template-columns:62px minmax(0,1fr) 30px!important}.dashboard-overall-v3 .future-ring{width:58px!important;height:58px!important}.dashboard-stat-v3{grid-template-columns:36px minmax(0,1fr)!important}.dashboard-stat-v3 .stat-arrow{display:none}.dashboard-stat-v3 .future-mini-icon{width:36px!important;height:36px!important}.dashboard-stat-v3 strong{font-size:15px!important}
  .continue-layout-v3{grid-template-columns:1fr!important}.continue-visual-v3{min-height:180px!important}.continue-actions-v3{display:grid;grid-template-columns:1fr 1fr}.continue-actions-v3>*{width:100%!important}
  .goals-card-v3 .ref-goal-list{grid-template-columns:1fr!important}.goals-summary-v3{grid-template-columns:64px minmax(0,1fr)}.goals-ring-v3{width:62px;height:62px}.goals-ring-v3::after{width:48px;height:48px}
  .ref-tools-grid{grid-template-columns:1fr!important}.ref-tools-grid>a{min-height:76px!important}
}

/* Subject page v4 — immersive material experience */
.subject-page{background:linear-gradient(180deg,#f7f9fc 0,#f8fafc 40%,#f8fafc 100%)!important}
.subject-hero{padding-top:22px!important}
.subject-hero-v4{
  min-height:360px!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)!important;
  gap:26px!important;align-items:stretch!important;padding:30px!important;border-radius:30px!important;overflow:hidden!important;position:relative!important;
  background:linear-gradient(120deg,#0f172a 0%,#1e3a8a 48%,#2563eb 100%)!important;
  box-shadow:0 24px 55px rgba(15,23,42,.18)!important
}
.subject-hero-v4::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-110px;top:-190px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.subject-hero-v4::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:34%;bottom:-190px;background:rgba(56,189,248,.12)}
.subject-hero-v4.has-custom-subject-image{background-position:center!important;background-size:cover!important}
.subject-hero-copy-v4{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.subject-title-row-v4{align-items:center!important;gap:16px!important}
.subject-title-row-v4 .subject-big-emoji{
  width:86px!important;height:86px!important;min-width:86px!important;border-radius:24px!important;overflow:hidden!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;
  backdrop-filter:blur(10px)!important;font-size:42px!important;box-shadow:0 14px 28px rgba(15,23,42,.16)!important
}
.subject-title-row-v4 .subject-big-emoji img{width:100%!important;height:100%!important;object-fit:cover!important}
.subject-hero-kicker{display:block;color:#bfdbfe;font-size:8px;font-weight:900;margin-bottom:2px}
.subject-title-row-v4 h1{font-size:clamp(34px,5vw,56px)!important;margin:0 0 5px!important;line-height:1.18!important;color:#fff!important}
.subject-title-row-v4 p{font-size:11px!important;line-height:1.9!important;color:#dbeafe!important;max-width:720px!important;margin:0!important}
.subject-hero-v4 .subject-mini-label{align-self:flex-start!important;margin-bottom:13px!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.17)!important;color:#dbeafe!important;font-size:8px!important}
.subject-progress-v4{margin-top:21px!important;max-width:680px!important}
.subject-progress-v4 .subject-progress-meta{color:#dbeafe!important}.subject-progress-v4 .subject-progress-meta strong{color:#fff!important;font-size:12px!important}
.subject-progress-v4 .subject-progress-track{height:9px!important;background:rgba(255,255,255,.18)!important;border-radius:999px!important;overflow:hidden!important}
.subject-progress-v4 .subject-progress-track>span{background:linear-gradient(90deg,#93c5fd,#fff)!important;border-radius:999px!important}
.subject-hero-actions-v4{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:18px}
.subject-hero-main-action{min-height:54px;padding:6px 15px;border:0;border-radius:15px;background:#fff;color:#1d4ed8;display:flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 12px 26px rgba(15,23,42,.17);transition:.2s ease}
.subject-hero-main-action>i{width:35px;height:35px;border-radius:11px;background:#2563eb;color:#fff;display:grid;place-items:center}.subject-hero-main-action span{text-align:right}.subject-hero-main-action small{display:block;font-size:7px;color:#64748b}.subject-hero-main-action strong{display:block;font-size:9px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subject-hero-main-action:hover{transform:translateY(-2px)}
.subject-hero-secondary-action{min-width:86px;min-height:54px;padding:7px 10px;border-radius:15px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.11);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:900;cursor:pointer;backdrop-filter:blur(8px);transition:.2s ease}
.subject-hero-secondary-action:hover{background:rgba(255,255,255,.19);transform:translateY(-2px)}
.subject-hero-v4 .subject-certificate-btn{min-height:54px!important;padding:0 12px!important;border-radius:15px!important;background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;color:#fff!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;font-size:8px!important;font-weight:900!important}

.subject-hero-panel-v4{position:relative;z-index:2;padding:16px;border-radius:22px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 40px rgba(15,23,42,.18);display:grid;grid-template-columns:104px minmax(0,1fr);align-content:center;gap:13px}
.subject-progress-ring-v4{--subject-progress:0deg;width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:conic-gradient(#2563eb var(--subject-progress),#dbeafe 0)}
.subject-progress-ring-v4::after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#fff}.subject-progress-ring-v4 strong,.subject-progress-ring-v4 span{position:relative;z-index:2}.subject-progress-ring-v4 strong{font-size:18px;color:#1d4ed8}.subject-progress-ring-v4 span{font-size:6px;color:#64748b}
.subject-hero-panel-copy{align-self:center}.subject-hero-panel-copy small{display:block;font-size:7px;color:#64748b}.subject-hero-panel-copy strong{display:block;margin:2px 0 4px;font-size:13px;color:#0f172a}.subject-hero-panel-copy p{margin:0;font-size:7px;line-height:1.7;color:#64748b}
.subject-hero-stats-v4{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin:0!important}
.subject-hero-stats-v4 article{min-height:68px!important;padding:8px!important;border:1px solid #eef2f7!important;border-radius:13px!important;background:#f8fafc!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:7px!important;align-items:center!important}
.subject-hero-stats-v4 .stat-badge{width:36px!important;height:36px!important;border-radius:11px!important}.subject-hero-stats-v4 strong{font-size:14px!important;color:#0f172a!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.subject-hero-stats-v4 small{font-size:6px!important;color:#64748b!important}

.subject-teachers-section,.subject-units-overview-v4,.subject-path-section{margin-top:20px!important}
.subject-section-heading-v4{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
.subject-section-heading-v4 h2{font-size:24px!important;margin:3px 0!important}.subject-section-heading-v4 p{margin:0!important;color:#64748b!important;font-size:9px!important}
.subject-units-count{display:inline-flex;align-items:baseline;gap:4px;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:8px;font-weight:900}.subject-units-count b{font-size:15px}

.subject-teacher-strip{gap:12px!important;padding:3px 2px 10px!important}
.subject-teacher-card{flex:0 0 320px!important;min-height:156px!important;padding:13px!important;border-radius:19px!important;display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;grid-template-areas:"avatar copy" "actions actions"!important;gap:10px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 22px rgba(15,23,42,.055)!important}
.subject-teacher-card.active{border-color:#60a5fa!important;background:linear-gradient(180deg,#fff,#eff6ff)!important;box-shadow:0 12px 28px rgba(37,99,235,.10)!important}
.subject-teacher-avatar{grid-area:avatar;width:62px!important;height:62px!important;border-radius:18px!important}.subject-teacher-copy{grid-area:copy;min-width:0}.subject-teacher-copy h3{font-size:13px!important;margin:2px 0!important}.subject-teacher-copy p{font-size:8px!important;margin:0 0 5px!important}.subject-teacher-copy span{font-size:7px!important;color:#2563eb!important;font-weight:900!important}.subject-teacher-actions{grid-area:actions;display:flex!important;align-items:center!important;gap:6px!important}.subject-teacher-actions .btn{flex:1!important;min-height:36px!important}.subject-teacher-profile{width:36px!important;height:36px!important;border-radius:11px!important}

.subject-unit-grid-v4{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;padding:0!important}
.subject-unit-card-v4{min-width:0!important;min-height:210px!important;padding:14px!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;text-align:right!important;box-shadow:0 8px 22px rgba(15,23,42,.055)!important;cursor:pointer!important;transition:.22s ease!important;display:flex!important;flex-direction:column!important}
.subject-unit-card-v4:hover{transform:translateY(-5px)!important;border-color:#bfdbfe!important;box-shadow:0 16px 30px rgba(15,23,42,.09)!important}
.subject-unit-card-v4.current{background:linear-gradient(180deg,#fff,#eff6ff)!important;border-color:#93c5fd!important}.subject-unit-card-v4.complete{background:linear-gradient(180deg,#fff,#f0fdf4)!important;border-color:#a7f3d0!important}
.subject-unit-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.subject-unit-num-v4{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:13px;font-weight:900}.subject-unit-card-v4.complete .subject-unit-num-v4{background:linear-gradient(135deg,#059669,#10b981)}
.subject-unit-state-v4{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:7px;font-weight:900}.subject-unit-card-v4.current .subject-unit-state-v4{background:#dbeafe;color:#1d4ed8}.subject-unit-card-v4.complete .subject-unit-state-v4{background:#d1fae5;color:#047857}
.subject-unit-card-copy{margin-top:14px}.subject-unit-card-copy small{display:block;font-size:7px;color:#94a3b8}.subject-unit-card-copy strong{display:block;margin:3px 0 5px;font-size:14px;color:#0f172a;line-height:1.5}.subject-unit-card-copy p{margin:0;font-size:8px;color:#64748b}
.subject-unit-card-progress{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:auto;padding-top:15px}.subject-unit-card-progress>div{height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.subject-unit-card-progress>div span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#2563eb)}.subject-unit-card-v4.complete .subject-unit-card-progress>div span{background:linear-gradient(90deg,#059669,#10b981)}.subject-unit-card-progress>strong{font-size:8px;color:#2563eb}
.subject-unit-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9}.subject-unit-card-foot span{font-size:7px;color:#64748b}.subject-unit-card-foot b{font-size:7px;color:#2563eb}
.subject-unit-empty-v4{grid-column:1/-1!important;text-align:center!important;padding:28px!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;background:#fff!important}.subject-unit-empty-v4>span{display:block;font-size:36px}.subject-unit-empty-v4 strong{display:block;margin:4px 0;font-size:11px;color:#0f172a}.subject-unit-empty-v4 p{margin:0;font-size:8px;color:#64748b}

.subject-path-card{padding:18px!important}.subject-path-head h2{font-size:21px!important}.subject-path-head p{font-size:8px!important;color:#64748b!important}
.subject-path-track{gap:9px!important;padding-bottom:5px!important}.subject-path-node{min-width:200px!important;padding:10px!important;box-shadow:0 5px 14px rgba(15,23,42,.035)!important}.subject-path-node.current{box-shadow:0 8px 20px rgba(37,99,235,.08)!important}

.learning-layout{align-items:start!important}.learning-section-head-v4{padding:15px 16px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(15,23,42,.05)!important;margin-bottom:12px!important}.learning-section-head-v4 h2{font-size:22px!important;margin:3px 0!important}.learning-section-head-v4 p{font-size:8px!important;color:#64748b!important;margin:0!important}
.curriculum-tools{padding:4px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.filter-chip{min-height:34px!important;border-radius:9px!important}.filter-chip.active{background:#2563eb!important;color:#fff!important}

.unit-card{border-radius:22px!important;margin-bottom:14px!important}.unit-head{padding:14px 16px!important;min-height:76px!important}.unit-head-main{gap:10px!important}.unit-number{width:46px!important;height:46px!important;min-width:46px!important;font-size:12px!important}.unit-head h3{font-size:15px!important;margin:0 0 3px!important}.unit-head p{font-size:7px!important;color:#64748b!important}.unit-progress-rich{min-width:120px!important}
.unit-items{padding:11px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.curriculum-item{min-height:112px!important;padding:12px!important;border-radius:15px!important}.curriculum-item .item-icon{width:52px!important;height:52px!important}.curriculum-title-line h4,.curriculum-item h4{font-size:12px!important;margin:0 0 4px!important}.curriculum-item p{font-size:7px!important;line-height:1.6!important}.item-state{font-size:7px!important}
.curriculum-item.current{position:relative!important}.curriculum-item.current::before{content:"";position:absolute;right:0;top:13px;bottom:13px;width:3px;border-radius:999px;background:#2563eb}.curriculum-item.complete::before{background:#10b981!important}
.comprehensive-card{border-color:#fde68a!important;background:linear-gradient(180deg,#fff,#fffbeb)!important}

.learning-sidebar{position:sticky!important;top:86px!important;align-self:start!important}.learning-sidebar>article{padding:15px!important}.resume-card{background:linear-gradient(135deg,#312e81,#2563eb)!important;box-shadow:0 16px 30px rgba(37,99,235,.15)!important}.weekly-card{background:linear-gradient(180deg,#fff,#fffbeb)!important;border-color:#fde68a!important}.explore-card{background:linear-gradient(180deg,#fff,#f8fbff)!important}
.resume-card h3,.weekly-card h3,.explore-card h3{font-size:13px!important}.resume-card p,.weekly-card p,.explore-card p{font-size:8px!important;line-height:1.7!important}

@media(max-width:1180px){
  .subject-hero-v4{grid-template-columns:minmax(0,1fr) 300px!important}
  .subject-unit-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:920px){
  .subject-hero-v4{grid-template-columns:1fr!important}.subject-hero-panel-v4{grid-template-columns:90px minmax(0,1fr)!important}.subject-progress-ring-v4{width:88px;height:88px}.subject-progress-ring-v4::after{width:68px;height:68px}
  .learning-sidebar{position:static!important}
}
@media(max-width:650px){
  .subject-hero{padding-top:10px!important}.subject-hero-v4{padding:18px 14px!important;border-radius:21px!important;gap:17px!important}.subject-title-row-v4{align-items:flex-start!important}.subject-title-row-v4 .subject-big-emoji{width:64px!important;height:64px!important;min-width:64px!important;border-radius:18px!important;font-size:31px!important}.subject-title-row-v4 h1{font-size:30px!important}.subject-title-row-v4 p{font-size:8px!important}.subject-hero-actions-v4{display:grid;grid-template-columns:1fr 76px 76px}.subject-hero-main-action{min-width:0}.subject-hero-secondary-action{min-width:0}.subject-hero-v4 .subject-certificate-btn{grid-column:1/-1}
  .subject-hero-panel-v4{grid-template-columns:72px minmax(0,1fr)!important;padding:12px!important}.subject-progress-ring-v4{width:70px;height:70px}.subject-progress-ring-v4::after{width:54px;height:54px}.subject-progress-ring-v4 strong{font-size:13px}.subject-hero-stats-v4{grid-template-columns:1fr 1fr!important}
  .subject-section-heading-v4{align-items:flex-start!important;flex-direction:column!important}.subject-unit-grid-v4{grid-template-columns:1fr!important}.subject-unit-card-v4{min-height:190px!important}
  .subject-teacher-card{flex-basis:285px!important}
  .subject-path-section{display:none!important}
  .learning-section-head-v4{align-items:flex-start!important;flex-direction:column!important}.curriculum-tools{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.filter-chip{width:100%!important}
  .unit-items{grid-template-columns:1fr!important}.unit-head{align-items:flex-start!important;gap:9px!important}.unit-head-actions{width:100%!important;justify-content:space-between!important}
  .learning-layout{padding-left:10px!important;padding-right:10px!important}
}

/* Lesson experience v4 */
.lesson-top-v4{
  padding:18px 0 12px!important;
  background:
    radial-gradient(circle at 88% 6%,rgba(37,99,235,.10),transparent 28%),
    radial-gradient(circle at 8% 0%,rgba(79,70,229,.07),transparent 25%),
    linear-gradient(180deg,#fbfdff,#f8fafc)!important
}
.lesson-heading-v4{
  min-height:300px!important;padding:28px 30px!important;display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr)!important;gap:25px!important;align-items:center!important;
  border-radius:28px!important;overflow:hidden!important;position:relative!important;
  background:linear-gradient(120deg,#0f172a,#1e3a8a 54%,#2563eb)!important;
  border:0!important;box-shadow:0 24px 52px rgba(15,23,42,.17)!important
}
.lesson-heading-v4::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-130px;top:-180px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.lesson-heading-v4::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:40%;bottom:-180px;background:rgba(56,189,248,.10)}
.lesson-heading-v4.has-subject-image{background-position:center!important;background-size:cover!important}
.lesson-heading-copy-v4{position:relative;z-index:2;min-width:0}
.lesson-heading-kicker-v4{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lesson-heading-v4 .lesson-meta{background:rgba(255,255,255,.11)!important;color:#dbeafe!important;border:1px solid rgba(255,255,255,.17)!important}
.lesson-live-state{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(16,185,129,.14);border:1px solid rgba(167,243,208,.22);color:#d1fae5;font-size:8px;font-weight:900}
.lesson-heading-v4 h1{margin:10px 0 7px!important;color:#fff!important;font-size:clamp(30px,4.2vw,52px)!important;line-height:1.2!important;max-width:850px!important}
.lesson-heading-v4 .lesson-heading-copy-v4>p{margin:0 0 13px!important;color:#dbeafe!important;font-size:11px!important;line-height:1.9!important}
.lesson-context-row-v4{gap:7px!important}
.lesson-context-row-v4>span{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.15)!important;color:#e2e8f0!important;backdrop-filter:blur(7px)!important}
.lesson-context-row-v4 i{color:#bfdbfe!important}
.lesson-actions-v4{margin-top:17px!important;display:flex!important;gap:8px!important}
.lesson-actions-v4 .btn{min-height:48px!important;display:flex!important;align-items:center!important;gap:8px!important;border-radius:14px!important;padding:6px 12px!important}
.lesson-actions-v4 .btn>span{text-align:right!important;max-width:190px!important}.lesson-actions-v4 .btn small{display:block!important;font-size:6px!important;opacity:.68!important}.lesson-actions-v4 .btn strong{display:block!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.lesson-actions-v4 .btn-soft{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}.lesson-actions-v4 .btn-primary{background:#fff!important;color:#1d4ed8!important;border-color:#fff!important}.lesson-actions-v4 .btn:disabled{opacity:.38!important}

.lesson-hero-progress-v4{position:relative;z-index:2;padding:16px;border-radius:20px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 40px rgba(15,23,42,.18);display:grid;grid-template-columns:102px minmax(0,1fr);gap:12px;align-items:center}
.lesson-hero-ring-v4{--lesson-progress:108deg;width:100px;height:100px;border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#2563eb var(--lesson-progress),#dbeafe 0)}
.lesson-hero-ring-v4::after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#fff}.lesson-hero-ring-v4 strong,.lesson-hero-ring-v4 span{position:relative;z-index:2}.lesson-hero-ring-v4 strong{font-size:18px;color:#1d4ed8}.lesson-hero-ring-v4 span{font-size:6px;color:#64748b}
.lesson-hero-progress-copy small{display:block;font-size:7px;color:#64748b}.lesson-hero-progress-copy strong{display:block;margin:2px 0 4px;font-size:13px;color:#0f172a}.lesson-hero-progress-copy p{margin:0;font-size:7px;line-height:1.7;color:#64748b}
.lesson-hero-reward-v4{grid-column:1/-1;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border:1px solid #fde68a;border-radius:13px;background:#fffbeb}.lesson-hero-reward-v4>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fef3c7;color:#d97706}.lesson-hero-reward-v4 small{display:block;font-size:6px;color:#a16207}.lesson-hero-reward-v4 strong{display:block;font-size:10px;color:#92400e}

.lesson-journey-v4{margin-top:11px!important;padding:8px!important;border-radius:16px!important}.lesson-journey-v4 button{min-height:58px!important}.lesson-journey-v4 button>span{width:38px!important;height:38px!important}.lesson-journey-v4 button small{font-size:6px!important}.lesson-journey-v4 button strong{font-size:9px!important}

.lesson-grid{grid-template-columns:minmax(0,1fr) 315px!important;gap:18px!important}
.video-theater-v4{padding:0!important;overflow:hidden!important;border:1px solid #dbe3ee!important;border-radius:22px!important;background:#0f172a!important;box-shadow:0 18px 38px rgba(15,23,42,.12)!important}
.lesson-watch-head-v4{min-height:72px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#111827,#1e293b);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.lesson-watch-head-v4 .section-kicker{color:#93c5fd!important}.lesson-watch-head-v4 h2{margin:2px 0!important;color:#fff!important;font-size:13px!important}.lesson-watch-head-v4 p{margin:0!important;color:#cbd5e1!important;font-size:7px!important}
.lesson-focus-btn{min-height:38px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:8px;font-weight:900;cursor:pointer}.lesson-focus-btn:hover,.lesson-focus-btn.active{background:#2563eb;border-color:#2563eb}
.video-frame-v4{border-radius:0!important;background:#020617!important;box-shadow:none!important}
.video-theater-v4 .active-teacher-bar{margin:0!important;border-radius:0!important;border-width:1px 0 0!important;padding:11px 13px!important}
.video-theater-v4 .teacher-switcher-wrap{margin:0!important;border-radius:0!important;border-width:1px 0 0!important;padding:13px!important}

.lesson-focus-mode{overflow:hidden!important}
.lesson-focus-mode .learning-header,.lesson-focus-mode .lesson-top,.lesson-focus-mode .lesson-tabs,.lesson-focus-mode .lesson-sidebar,.lesson-focus-mode .lesson-finish-card,.lesson-focus-mode .lesson-route-nav-v4,.lesson-focus-mode .lesson-mobile-actions{display:none!important}
.lesson-focus-mode .lesson-grid{display:block!important;margin:0!important;padding:0!important;max-width:none!important}
.lesson-focus-mode .lesson-main{width:100vw!important;height:100vh!important;background:#020617!important}
.lesson-focus-mode .video-theater-v4{position:fixed!important;z-index:5000!important;inset:0!important;border-radius:0!important;border:0!important;display:flex!important;flex-direction:column!important;background:#020617!important}
.lesson-focus-mode .lesson-watch-head-v4{flex:0 0 auto!important}
.lesson-focus-mode .video-frame-v4{flex:1 1 auto!important;aspect-ratio:auto!important;min-height:0!important}
.lesson-focus-mode .video-frame-v4 iframe{height:100%!important}
.lesson-focus-mode .video-theater-v4 .active-teacher-bar,.lesson-focus-mode .video-theater-v4 .teacher-switcher-wrap{display:none!important}

.lesson-tabs-v4{
  grid-template-columns:repeat(4,1fr)!important;padding:6px!important;border-radius:16px!important;
  background:rgba(255,255,255,.95)!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 20px rgba(15,23,42,.06)!important
}
.lesson-tabs-v4 button{min-height:56px!important;padding:7px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;text-align:right!important;border-radius:11px!important}
.lesson-tabs-v4 button>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f8fafc;color:#64748b}.lesson-tabs-v4 button>div small{display:block;font-size:6px;color:#94a3b8}.lesson-tabs-v4 button>div strong{display:block;font-size:9px;color:#475569}
.lesson-tabs-v4 button.active{background:linear-gradient(135deg,#4f46e5,#2563eb)!important}.lesson-tabs-v4 button.active>span{background:rgba(255,255,255,.15);color:#fff}.lesson-tabs-v4 button.active small{color:#dbeafe}.lesson-tabs-v4 button.active strong{color:#fff}

.explanation-card,.resources-card,.lesson-notes-card{border-radius:20px!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}.content-heading h2{font-size:18px!important}
.quiz-intro-card{border-radius:20px!important;box-shadow:0 8px 22px rgba(124,58,237,.05)!important}.quiz-engine{padding:16px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}
.question-card{border-radius:18px!important}.question-options{gap:8px!important}
.lesson-notes-textarea{min-height:260px!important;border-radius:15px!important;background:#fbfdff!important}

.lesson-sidebar-v4{gap:10px!important}.lesson-sidebar-v4>article{border-radius:18px!important;padding:14px!important;box-shadow:0 8px 22px rgba(15,23,42,.055)!important}.lesson-sidebar-v4 .sidebar-card-head h3{font-size:12px!important}
.lesson-progress-card{background:linear-gradient(180deg,#fff,#eff6ff)!important}.lesson-path-card{background:linear-gradient(180deg,#fff,#fafaff)!important;border-color:#ede9fe!important}.lesson-outline-card{background:#fff!important}.lesson-rating-card{background:linear-gradient(180deg,#fff,#fffbeb)!important;border-color:#fde68a!important}.motivation-card{background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;color:#fff!important}.motivation-card h3,.motivation-card p{color:#fff!important}.motivation-card p{opacity:.8!important}
.lesson-path-steps{gap:5px!important}.lesson-path-steps li{padding:7px 8px!important}.outline-item{min-height:54px!important}
.lesson-rating-actions{display:grid!important;gap:5px!important}.lesson-rating-actions button{min-height:35px!important;text-align:right!important}

.lesson-finish-card{border-radius:20px!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}
.lesson-route-nav-v4{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.lesson-route-card-v4{min-width:0;min-height:84px;padding:11px 12px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;text-decoration:none;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.045);transition:.2s ease}
.lesson-route-card-v4.next{grid-template-columns:minmax(0,1fr) 38px}.lesson-route-card-v4>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.lesson-route-card-v4 small{display:block;font-size:6px;color:#94a3b8}.lesson-route-card-v4 strong{display:block;margin-top:2px;font-size:9px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-route-card-v4:hover:not(.disabled){transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 12px 24px rgba(15,23,42,.075)}.lesson-route-card-v4.next{text-align:left}.lesson-route-card-v4.disabled{opacity:.45;pointer-events:none}

.lesson-mobile-actions{border-top:1px solid #e2e8f0!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;box-shadow:0 -10px 24px rgba(15,23,42,.08)!important}
.lesson-mobile-actions button{min-height:54px!important}.lesson-mobile-actions button i{font-size:15px!important}.lesson-mobile-actions button span{font-size:7px!important}

@media(max-width:1100px){
  .lesson-heading-v4{grid-template-columns:minmax(0,1fr) 280px!important}
  .lesson-grid{grid-template-columns:minmax(0,1fr) 285px!important}
}
@media(max-width:920px){
  .lesson-heading-v4{grid-template-columns:1fr!important}.lesson-hero-progress-v4{grid-template-columns:90px minmax(0,1fr)!important}.lesson-hero-ring-v4{width:88px;height:88px}.lesson-hero-ring-v4::after{width:68px;height:68px}
  .lesson-grid{grid-template-columns:1fr!important}.lesson-sidebar-v4{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.lesson-outline-card{grid-column:1/-1!important}
}
@media(max-width:650px){
  .lesson-top-v4{padding-top:8px!important}.lesson-heading-v4{padding:17px 13px!important;border-radius:20px!important;gap:15px!important}.lesson-heading-v4 h1{font-size:29px!important}.lesson-heading-v4 .lesson-heading-copy-v4>p{font-size:8px!important}.lesson-context-row-v4{display:grid!important;grid-template-columns:1fr 1fr!important}.lesson-context-row-v4>span{justify-content:flex-start!important}
  .lesson-actions-v4{display:grid!important;grid-template-columns:1fr 1fr!important}.lesson-actions-v4 .btn{width:100%!important;min-width:0!important}.lesson-actions-v4 .btn>span{min-width:0!important}
  .lesson-hero-progress-v4{grid-template-columns:72px minmax(0,1fr)!important;padding:12px!important}.lesson-hero-ring-v4{width:70px;height:70px}.lesson-hero-ring-v4::after{width:54px;height:54px}.lesson-hero-ring-v4 strong{font-size:13px}
  .lesson-journey-v4{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:7px!important;scrollbar-width:none!important}.lesson-journey-v4::-webkit-scrollbar{display:none}.lesson-journey-v4>i{display:none!important}.lesson-journey-v4 button{flex:0 0 170px!important;scroll-snap-align:start!important}
  .lesson-grid{padding-left:10px!important;padding-right:10px!important;margin-top:10px!important}.lesson-watch-head-v4{align-items:flex-start!important;flex-direction:column!important}.lesson-focus-btn{width:100%!important;justify-content:center!important}
  .video-theater-v4{border-radius:17px!important}.video-theater-v4 .active-teacher-bar{grid-template-columns:42px minmax(0,1fr)!important}.video-theater-v4 .active-teacher-profile{grid-column:1/-1!important;justify-content:center!important}.teacher-switcher-wrap{padding:10px!important}
  .lesson-tabs-v4{top:64px!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.lesson-tabs-v4::-webkit-scrollbar{display:none}.lesson-tabs-v4 button{flex:0 0 150px!important}
  .explanation-card,.resources-card,.lesson-notes-card{padding:14px!important}.rich-content{font-size:13px!important;line-height:1.95!important}.quiz-intro-card{padding:15px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important}.quiz-intro-card .btn{grid-column:1/-1!important;width:100%!important}.quiz-hero-icon{width:54px!important;height:54px!important;font-size:25px!important}
  .lesson-sidebar-v4{display:grid!important;grid-template-columns:1fr!important}.lesson-outline-card{grid-column:auto!important}.lesson-route-nav-v4{grid-template-columns:1fr!important}.lesson-route-card-v4{min-height:72px!important}
  .lesson-finish-card{padding:14px!important}.lesson-finish-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}.lesson-finish-actions .btn{width:100%!important}
}

/* Exam center + quiz experience v5 */
.exam-center-hero-v5{padding-top:20px!important}
.exam-center-hero-card-v5{
  min-height:290px!important;padding:28px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:24px!important;align-items:center!important;
  background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#4338ca)!important;overflow:hidden!important;position:relative!important
}
.exam-center-hero-card-v5::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-140px;top:-180px;background:rgba(255,255,255,.06)}
.exam-center-hero-card-v5 .feature-hero-copy{position:relative;z-index:2}.exam-center-hero-card-v5 h1{font-size:clamp(32px,4.5vw,50px)!important;color:#fff!important;margin:4px 0 8px!important}.exam-center-hero-card-v5 p{color:#dbeafe!important;font-size:11px!important;line-height:1.9!important;max-width:720px}
.exam-hero-points-v5{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.exam-hero-points-v5 span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:7px;font-weight:900}
.exam-hero-side-v5{position:relative;z-index:2;min-height:195px;padding:17px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;backdrop-filter:blur(10px)}
.exam-hero-side-v5 .feature-hero-art{font-size:56px!important}.exam-hero-side-v5 strong{font-size:12px}.exam-hero-side-v5 small{margin:4px 0 11px;color:#cbd5e1;font-size:7px;line-height:1.6}.exam-hero-side-v5 .btn{background:#fff!important;color:#1d4ed8!important;border-color:#fff!important}

.exam-stat-row-v5{grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.exam-stat-row-v5 article{min-height:96px!important;padding:13px!important}.exam-stat-row-v5 strong{font-size:22px!important}
.exam-toolbar-v5{margin-top:14px!important;padding:9px!important}.exam-toolbar-v5 .feature-tabs{padding:4px!important}.exam-toolbar-v5 .feature-tabs button{min-height:37px!important}
.exam-recommended-v5{margin:14px 0;padding:14px 16px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #c7d2fe;border-radius:19px;background:linear-gradient(135deg,#fff,#eef2ff);box-shadow:0 10px 24px rgba(79,70,229,.07)}
.exam-recommended-art-v5{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:18px;box-shadow:0 9px 18px rgba(79,70,229,.18)}
.exam-recommended-copy-v5 h2{margin:2px 0 3px;font-size:14px;color:#0f172a}.exam-recommended-copy-v5 p{margin:0;color:#64748b;font-size:8px}.exam-recommended-meta-v5{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.exam-recommended-meta-v5 span{padding:5px 7px;border-radius:8px;background:#fff;border:1px solid #e0e7ff;color:#475569;font-size:7px}.exam-recommended-meta-v5 i{color:#4f46e5;margin-left:3px}

.exam-layout-v5{grid-template-columns:minmax(0,1fr) 290px!important;gap:15px!important;align-items:start!important}.exam-sidebar-v5{position:sticky!important;top:85px!important;display:grid!important;gap:10px!important}.exam-sidebar-v5 .exam-side-card{padding:14px!important;border-radius:17px!important}.exam-sidebar-v5 h3{font-size:12px!important}.exam-sidebar-v5 p{font-size:8px!important;line-height:1.7!important}
.exam-list-head{padding:0 3px 9px!important}.exam-card-grid-v5{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.exam-card-v5{min-width:0;overflow:hidden;display:flex;flex-direction:column;min-height:360px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(15,23,42,.06);transition:.22s ease}
.exam-card-v5:hover{transform:translateY(-5px);border-color:#bfdbfe;box-shadow:0 18px 34px rgba(15,23,42,.10)}.exam-card-v5.locked{opacity:.82}
.exam-card-cover-v5{height:130px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#e0e7ff);background-size:cover;background-position:center}
.exam-card-cover-v5::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.48))}.exam-card-cover-v5>span{font-size:44px;position:relative;z-index:1}.exam-card-cover-v5>em{position:absolute;z-index:2;right:9px;bottom:8px;padding:5px 7px;border-radius:999px;background:rgba(15,23,42,.66);color:#fff;font-size:7px;font-style:normal;font-weight:900}.exam-card-cover-v5>.exam-status{position:absolute;z-index:2;left:9px;top:9px}
.exam-card-body-v5{display:flex;flex:1;flex-direction:column;padding:13px}.exam-card-title-row-v5{display:flex;align-items:center;justify-content:space-between;gap:8px}.exam-card-title-row-v5 small{display:block;color:#64748b;font-size:7px}.exam-card-title-row-v5 h3{margin:2px 0!important;font-size:14px!important;color:#0f172a!important}.exam-card-arrow-v5{width:36px;height:36px;min-width:36px;border-radius:11px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}
.exam-card-metrics-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.exam-card-metrics-v5>span{padding:8px 3px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}.exam-card-metrics-v5 i{display:block;margin-bottom:3px;color:#2563eb;font-size:10px}.exam-card-metrics-v5 b{display:block;color:#0f172a;font-size:10px}.exam-card-metrics-v5 small{display:block;color:#94a3b8;font-size:6px}
.exam-unlock-progress-v5{margin-top:auto;padding-top:4px}.exam-unlock-progress-v5>div{height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.exam-unlock-progress-v5>div span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#2563eb)}.exam-unlock-progress-v5 small{display:block;margin-top:5px;font-size:7px;color:#64748b}
.exam-card-foot-v5{margin-top:auto;padding-top:12px}.exam-card-foot-v5 .btn{width:100%!important;justify-content:center!important}
.exam-history-grid{gap:10px!important}.exam-history-card{border-radius:18px!important;padding:14px!important}

/* Quiz player */
.quiz-intro-v5{min-height:210px!important;padding:20px!important;display:grid!important;grid-template-columns:74px minmax(0,1fr) auto!important;align-items:center!important;gap:15px!important;border-radius:22px!important;background:linear-gradient(135deg,#fff,#f5f3ff)!important;border:1px solid #ddd6fe!important}
.quiz-intro-icon-v5{width:74px;height:74px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.quiz-intro-icon-v5 .quiz-hero-icon{width:auto!important;height:auto!important;background:transparent!important;font-size:36px!important}
.quiz-intro-copy-v5 h2{font-size:21px!important;margin:3px 0!important}.quiz-intro-copy-v5 p{margin:0!important;color:#64748b!important;font-size:9px!important;line-height:1.7!important}.quiz-intro-meta-v5{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.quiz-intro-meta-v5 span{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:9px;background:#fff;border:1px solid #ede9fe;color:#5b5676;font-size:7px}.quiz-intro-meta-v5 i{color:#7c3aed}.quiz-start-btn-v5{min-width:150px!important;min-height:50px!important;border-radius:14px!important}

.quiz-engine-v5{border-radius:22px!important;padding:15px!important}
.quiz-session-head-v5{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.quiz-session-progress-v5{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.quiz-session-progress-v5>span{font-size:10px;font-weight:900;color:#0f172a}.quiz-session-progress-v5>strong{padding:5px 8px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:7px}
.quiz-session-timer-v5{min-width:88px;height:38px;padding:0 10px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:10px;font-weight:900;transition:.2s ease}.quiz-session-timer-v5.warning{background:#fffbeb;border-color:#fde68a;color:#b45309}.quiz-session-timer-v5.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626;animation:quizTimerPulse 1s infinite}
@keyframes quizTimerPulse{50%{transform:scale(1.04)}}
.quiz-engine-v5 .quiz-progress-track{height:8px!important;margin-bottom:10px!important}
.quiz-question-map-v5{display:flex;gap:5px;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:none}.quiz-question-map-v5::-webkit-scrollbar{display:none}.quiz-question-map-v5 button{width:31px;height:31px;min-width:31px;border-radius:9px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:8px;font-weight:900;cursor:pointer}.quiz-question-map-v5 button.current{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 5px 12px rgba(37,99,235,.2)}.quiz-question-map-v5 button.answered.correct{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.quiz-question-map-v5 button.answered.wrong{background:#fef2f2;border-color:#fecaca;color:#dc2626}.quiz-question-map-v5 button:disabled{opacity:.5;cursor:not-allowed}
.question-card-v5{padding:20px!important;border-radius:19px!important}.question-card-head-v5{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.question-card-head-v5 .question-number{position:static!important;width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#4f46e5,#2563eb)!important;color:#fff!important;font-size:11px!important}.question-card-head-v5>span:last-child{padding:5px 8px;border-radius:999px;background:#f0fdf4;color:#047857;font-size:7px;font-weight:900}
.question-card-v5 h3{font-size:19px!important;line-height:1.75!important;margin-bottom:16px!important}.question-card-v5 .question-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.question-card-v5 .quiz-option-v3{min-height:65px!important;padding:9px 11px!important;border-radius:14px!important}.question-card-v5 .opt-letter{width:34px!important;height:34px!important;border-radius:10px!important}
.question-feedback{margin-top:12px!important}.answer-explanation{display:block!important;margin-top:5px!important;line-height:1.7!important}
.quiz-nav-v5{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:9px!important;margin-top:12px!important}.quiz-nav-v5>span{justify-self:center;font-size:7px;color:#64748b;text-align:center}.quiz-nav-v5 .btn{min-width:105px!important}

.quiz-result-v5{padding:19px!important;display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;border-radius:22px!important;background:linear-gradient(135deg,#fff,#f8fbff)!important}
.quiz-result-score-v5{text-align:center}.quiz-result-score-v5 .result-ring{width:135px!important;height:135px!important;margin:auto!important}.quiz-result-grade-v5{margin-top:8px}.quiz-result-grade-v5 small{display:block;font-size:7px;color:#64748b}.quiz-result-grade-v5 strong{display:block;margin-top:2px;font-size:13px;color:#0f172a}
.quiz-result-copy-v5 h2{font-size:22px!important;margin:3px 0!important}.quiz-result-copy-v5>p{margin:0!important;color:#64748b!important;font-size:9px!important}
.quiz-result-metrics-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.quiz-result-metrics-v5>span{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:6px;padding:8px;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.quiz-result-metrics-v5 i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.quiz-result-metrics-v5 .correct i{background:#ecfdf5;color:#059669}.quiz-result-metrics-v5 .wrong i{background:#fef2f2;color:#dc2626}.quiz-result-metrics-v5 .time i{background:#eff6ff;color:#2563eb}.quiz-result-metrics-v5 b{display:block;font-size:10px;color:#0f172a}.quiz-result-metrics-v5 small{display:block;font-size:6px;color:#64748b}
.quiz-result-v5 .result-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.quiz-result-v5 .result-actions .btn{min-height:38px!important}

.quiz-review-v5{padding:17px!important;border-radius:20px!important}.quiz-review-head-v5{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important}.quiz-review-head-v5 h2{font-size:20px!important;margin:3px 0!important}.quiz-review-head-v5 p{font-size:8px!important;margin:0!important;color:#64748b!important}
.quiz-review-filter-v5{display:flex;gap:4px;padding:4px;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0}.quiz-review-filter-v5 button{min-height:32px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:7px;font-weight:900;cursor:pointer}.quiz-review-filter-v5 button.active{background:#2563eb;color:#fff}
.quiz-review-list{display:grid!important;gap:8px!important;margin-top:12px!important}.quiz-review-item{padding:13px!important}.quiz-review-empty-v5{grid-column:1/-1!important}

.quiz-only-mode .lesson-heading-v4{grid-template-columns:1fr!important;min-height:230px!important}.quiz-only-mode .lesson-hero-progress-v4{display:none!important}.quiz-only-mode .lesson-grid{grid-template-columns:1fr!important;max-width:1050px!important}.quiz-only-mode .lesson-sidebar{display:none!important}.quiz-only-mode .lesson-route-nav-v4{display:none!important}.quiz-only-mode .lesson-tabs-v4{position:static!important;grid-template-columns:1fr!important}.quiz-only-mode .lesson-tabs-v4 button{max-width:260px!important}.quiz-only-mode .lesson-main{max-width:1050px!important;margin-inline:auto!important}

@media(max-width:1050px){
  .exam-card-grid-v5{grid-template-columns:1fr!important}.exam-layout-v5{grid-template-columns:minmax(0,1fr) 260px!important}
}
@media(max-width:850px){
  .exam-center-hero-card-v5{grid-template-columns:1fr!important}.exam-hero-side-v5{display:none!important}.exam-stat-row-v5{grid-template-columns:repeat(2,1fr)!important}.exam-layout-v5{grid-template-columns:1fr!important}.exam-sidebar-v5{position:static!important;grid-template-columns:repeat(3,1fr)!important}
  .exam-recommended-v5{grid-template-columns:46px minmax(0,1fr)!important}.exam-recommended-v5>.btn{grid-column:1/-1!important;width:100%!important}.exam-recommended-art-v5{width:46px;height:46px}
}
@media(max-width:650px){
  .exam-center-hero-card-v5{padding:18px 14px!important;border-radius:20px!important}.exam-center-hero-card-v5 h1{font-size:31px!important}.exam-stat-row-v5{gap:7px!important}.exam-stat-row-v5 article{min-height:82px!important}.exam-toolbar-v5{display:grid!important;gap:8px!important}.exam-toolbar-v5 .feature-tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.exam-toolbar-v5 .feature-tabs button{flex:0 0 120px!important}.exam-filter-group{width:100%!important}
  .exam-sidebar-v5{grid-template-columns:1fr!important}.exam-card-v5{min-height:330px!important}.exam-card-cover-v5{height:115px!important}
  .quiz-intro-v5{grid-template-columns:58px minmax(0,1fr)!important;padding:14px!important}.quiz-intro-icon-v5{width:58px;height:58px;border-radius:17px}.quiz-intro-icon-v5 .quiz-hero-icon{font-size:28px!important}.quiz-start-btn-v5{grid-column:1/-1!important;width:100%!important}.quiz-intro-meta-v5 span{font-size:6px!important}
  .quiz-session-head-v5{align-items:flex-start!important}.quiz-session-progress-v5{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.quiz-session-timer-v5{min-width:78px!important}
  .question-card-v5{padding:14px!important}.question-card-v5 h3{font-size:16px!important}.question-card-v5 .question-options{grid-template-columns:1fr!important}.question-card-v5 .quiz-option-v3{min-height:58px!important}
  .quiz-nav-v5{grid-template-columns:1fr 1fr!important}.quiz-nav-v5>span{grid-column:1/-1;grid-row:1}.quiz-nav-v5 .btn{width:100%!important;min-width:0!important}
  .quiz-result-v5{grid-template-columns:1fr!important;text-align:center!important}.quiz-result-score-v5 .result-ring{width:120px!important;height:120px!important}.quiz-result-metrics-v5{grid-template-columns:1fr!important;text-align:right!important}.quiz-result-v5 .result-actions{display:grid!important;grid-template-columns:1fr!important}.quiz-result-v5 .result-actions .btn{width:100%!important}
  .quiz-review-head-v5{align-items:flex-start!important;flex-direction:column!important}.quiz-review-filter-v5{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}.quiz-review-filter-v5 button{width:100%!important}
}

/* Student profile + progress analytics v6 */
.profile-page{padding-top:20px!important;padding-bottom:50px!important}
.profile-hero-v6{
  min-height:275px!important;padding:26px 28px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important;align-items:center!important;
  background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#4f46e5)!important;position:relative!important;overflow:hidden!important;border-radius:28px!important
}
.profile-hero-v6::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-190px;background:rgba(255,255,255,.06)}
.profile-hero-v6::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:35%;bottom:-175px;background:rgba(56,189,248,.1)}
.profile-hero-main-v6{display:flex;align-items:center;gap:18px;position:relative;z-index:2;min-width:0}
.profile-avatar-v6{width:105px!important;height:105px!important;min-width:105px!important}
.profile-avatar-v6>span{width:105px!important;height:105px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#dbeafe)!important;color:#1d4ed8!important;font-size:36px!important;border:4px solid rgba(255,255,255,.35)!important;box-shadow:0 18px 34px rgba(15,23,42,.22)!important}
.profile-hero-copy-v6 h1{font-size:clamp(29px,4vw,45px)!important;color:#fff!important;margin:3px 0 5px!important}.profile-hero-copy-v6 p{color:#dbeafe!important;font-size:10px!important;margin:0!important}.profile-hero-copy-v6 .section-kicker.light{color:#bfdbfe!important}
.profile-hero-actions-v6{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.profile-hero-actions-v6 a{min-height:39px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);color:#fff;text-decoration:none;font-size:8px;font-weight:900;transition:.2s}.profile-hero-actions-v6 a:first-child{background:#fff;color:#1d4ed8}.profile-hero-actions-v6 a:hover{transform:translateY(-2px)}
.profile-level-v6{position:relative!important;z-index:2!important;margin:0!important;padding:15px!important;min-height:180px!important;border-radius:20px!important;background:rgba(255,255,255,.95)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 17px 38px rgba(15,23,42,.18)!important;display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
.profile-level-medal-v6{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);font-size:31px}.profile-level-copy-v6>small{font-size:7px!important;color:#64748b!important}.profile-level-v6 .profile-level-number{margin:2px 0!important}.profile-level-v6 .profile-level-number strong{font-size:28px!important;color:#1d4ed8!important}.profile-level-v6 .profile-level-number em{font-size:7px!important;color:#64748b!important}.profile-level-v6 p{color:#2563eb!important;font-size:8px!important;margin:3px 0 8px!important}.profile-level-v6 .profile-level-progress{height:8px!important;background:#e2e8f0!important}.profile-level-v6 .profile-level-progress i{background:linear-gradient(90deg,#4f46e5,#2563eb,#38bdf8)!important}
.profile-layout{margin-top:15px!important;gap:14px!important}.profile-nav-card{position:sticky!important;top:82px!important;padding:8px!important}.profile-nav-card button{min-height:45px!important}.profile-content{min-width:0!important}
.profile-stat-grid-v6{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.profile-stat-grid-v6 article{min-height:92px!important;padding:12px!important}.profile-stat-grid-v6 .stat-icon{width:42px!important;height:42px!important}.profile-stat-grid-v6 strong{font-size:18px!important}.profile-stat-grid-v6 small{font-size:7px!important}.stat-icon.cyan{background:#ecfeff;color:#0891b2}.stat-icon.gold{background:#fffbeb;color:#d97706}.stat-icon.indigo{background:#eef2ff;color:#4f46e5}.stat-icon.rose{background:#fff1f2;color:#e11d48}
.profile-insight-grid-v6{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin:10px 0}
.profile-week-card-v6,.profile-performance-card-v6{min-height:245px!important;padding:15px!important}.profile-week-summary-v6{display:flex;align-items:baseline;gap:6px;margin-top:12px}.profile-week-summary-v6 strong{font-size:25px;color:#2563eb}.profile-week-summary-v6 span{font-size:7px;color:#64748b}
.profile-week-bars-v6{height:100px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;margin:12px 0 6px;padding:0 5px}.profile-week-bars-v6>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.profile-week-bars-v6>div>span{display:block;width:16px;min-height:5px;border-radius:7px 7px 3px 3px;background:#e2e8f0;transition:.3s}.profile-week-bars-v6>div.active>span{background:linear-gradient(180deg,#60a5fa,#2563eb)}.profile-week-bars-v6 small{font-size:6px;color:#94a3b8}.profile-inline-link-v6{display:inline-flex;align-items:center;gap:5px;color:#2563eb;text-decoration:none;font-size:7px;font-weight:900}
.profile-performance-state-v6{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center;margin-top:14px;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #eef2f7}.profile-performance-state-v6>span{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#fff;border:1px solid #e2e8f0;font-size:30px}.profile-performance-state-v6 strong{font-size:13px;color:#0f172a}.profile-performance-state-v6 p{margin:3px 0 0;font-size:7px;color:#64748b;line-height:1.8}
.profile-performance-actions-v6{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.profile-performance-actions-v6 a,.profile-performance-actions-v6 button{min-height:40px;border-radius:11px;border:1px solid #dbeafe;background:#fff;color:#2563eb;font-family:inherit;font-size:7px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;cursor:pointer}.profile-performance-actions-v6 a{background:#2563eb;color:#fff;border-color:#2563eb}
.profile-two-col{gap:10px!important}.profile-card{padding:15px!important}.badge-grid{gap:7px!important}.badge-item{min-height:120px!important;border-radius:15px!important}.last-activity-card{border-radius:15px!important}

/* Progress analytics */
.progress-hero-v6{padding-top:20px!important}
.progress-hero-card-v6{min-height:310px!important;padding:28px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:24px!important;align-items:center!important;background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#2563eb)!important;position:relative!important;overflow:hidden!important}
.progress-hero-card-v6::before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-140px;top:-190px;background:rgba(255,255,255,.06)}.progress-hero-card-v6::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:38%;bottom:-180px;background:rgba(56,189,248,.11)}
.progress-hero-copy-v6{position:relative;z-index:2}.progress-hero-copy-v6 h1{font-size:clamp(32px,4.4vw,50px)!important;color:#fff!important;margin:4px 0 6px!important}.progress-hero-copy-v6 p{color:#dbeafe!important;font-size:10px!important;line-height:1.9!important}
.progress-hero-actions-v6{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.progress-hero-actions-v6 a{min-height:40px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:8px;font-weight:900}.progress-hero-actions-v6 a:first-child{background:#fff;color:#1d4ed8}
.progress-hero-panel-v6{position:relative;z-index:2;padding:15px;border-radius:21px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.progress-overall-ring-v6{--progress-overall:0deg;width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:conic-gradient(#2563eb var(--progress-overall),#dbeafe 0)}.progress-overall-ring-v6::after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:#fff}.progress-overall-ring-v6 strong,.progress-overall-ring-v6 span{position:relative;z-index:2}.progress-overall-ring-v6 strong{font-size:20px;color:#1d4ed8}.progress-overall-ring-v6 span{font-size:6px;color:#64748b}
.progress-level-copy-v6>small{font-size:7px;color:#64748b}.progress-level-copy-v6>strong{display:block;margin:2px 0;font-size:14px;color:#0f172a}.progress-level-copy-v6 p{margin:0 0 8px;font-size:8px;color:#2563eb}.progress-level-copy-v6>div{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-level-copy-v6>div span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#2563eb,#38bdf8)}.progress-level-copy-v6 em{display:block;margin-top:5px;font-style:normal;font-size:6px;color:#64748b}
.progress-stat-row-v6{grid-template-columns:repeat(6,1fr)!important;gap:8px!important}.progress-stat-row-v6 article{min-height:90px!important;padding:11px!important}.progress-stat-row-v6 strong{font-size:18px!important}

.progress-section-v6{margin-top:17px}.progress-section-head-v6{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.progress-section-head-v6 h2{margin:3px 0!important;font-size:23px!important;color:#0f172a}.progress-section-head-v6 p{margin:0!important;font-size:8px!important;color:#64748b}.progress-section-count-v6{padding:6px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:7px;font-weight:900}.progress-section-count-v6 b{font-size:14px}
.progress-subject-grid-v6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.progress-subject-card-v6{min-width:0;overflow:hidden;text-decoration:none;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.055);transition:.22s ease}.progress-subject-card-v6:hover{transform:translateY(-5px);border-color:#bfdbfe;box-shadow:0 16px 30px rgba(15,23,42,.09)}.progress-subject-card-v6.complete{border-color:#a7f3d0}
.progress-subject-cover-v6{height:120px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);background-size:cover;background-position:center}.progress-subject-cover-v6::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.01),rgba(15,23,42,.42))}.progress-subject-cover-v6>span{position:relative;z-index:1;font-size:44px}.progress-subject-cover-v6 em{position:absolute;z-index:2;right:9px;bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(15,23,42,.64);color:#fff;font-size:6px;font-style:normal;font-weight:900}
.progress-subject-copy-v6{padding:12px}.progress-subject-copy-v6>small{font-size:6px;color:#2563eb;font-weight:900}.progress-subject-copy-v6 h3{font-size:14px;margin:2px 0 10px;color:#0f172a}.progress-subject-metrics-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.progress-subject-metrics-v6>span{padding:7px 3px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}.progress-subject-metrics-v6 b{display:block;font-size:9px;color:#0f172a}.progress-subject-metrics-v6 small{display:block;font-size:5px;color:#94a3b8}.progress-subject-track-v6{height:7px;margin:10px 0 7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-subject-track-v6 span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#2563eb)}.progress-subject-card-v6.complete .progress-subject-track-v6 span{background:linear-gradient(90deg,#059669,#10b981)}.progress-subject-foot-v6{display:flex;justify-content:space-between;align-items:center;color:#2563eb;font-size:7px;font-weight:900}

.progress-analytics-grid-v6{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.progress-analytics-grid-v6>.analytics-card{padding:15px!important;border-radius:20px!important}.progress-card-head-v6{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.progress-card-head-v6 h3{font-size:16px!important;margin:2px 0!important}.progress-card-head-v6>span{padding:5px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:7px}.progress-card-head-v6>a{font-size:7px;color:#2563eb;text-decoration:none;font-weight:900}
.progress-week-summary-v6{margin:14px 0 0;display:flex;align-items:baseline;gap:6px}.progress-week-summary-v6 strong{font-size:28px;color:#2563eb}.progress-week-summary-v6 p{margin:0;font-size:7px;color:#64748b}.progress-activity-bars-v6{min-height:190px!important}
.progress-activity-bars-v6 .activity-bar{border-radius:7px 7px 3px 3px!important;background:#dbeafe!important}.progress-activity-bars-v6 .activity-bar.active{background:linear-gradient(180deg,#60a5fa,#2563eb)!important}

.progress-insight-card-v6>p{margin:12px 0!important;padding:10px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:8px;line-height:1.8}.progress-insight-columns-v6{display:grid;grid-template-columns:1fr 1fr;gap:8px}.progress-insight-columns-v6>div>small{display:block;margin-bottom:6px;font-size:7px;font-weight:900;color:#475569}.progress-insight-columns-v6>div>small i{color:#2563eb;margin-left:3px}.progress-insight-columns-v6>div>div{display:grid;gap:5px}.progress-insight-columns-v6 a{min-height:50px;padding:7px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;text-decoration:none}.progress-insight-columns-v6 a>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f8fafc}.progress-insight-columns-v6 a strong{display:block;font-size:8px;color:#0f172a}.progress-insight-columns-v6 a small{display:block;font-size:6px;color:#64748b}.progress-insight-empty-v6{margin:0!important;padding:10px!important;border:1px dashed #cbd5e1;border-radius:10px;color:#94a3b8!important;font-size:7px!important}

.progress-inline-action-v6{display:inline-flex;align-items:center;gap:5px;color:#2563eb;text-decoration:none;font-size:7px;font-weight:900}.progress-achievement-grid-v6{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.progress-achievement-v6{min-height:105px;padding:10px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:7px;box-shadow:0 6px 17px rgba(15,23,42,.04)}.progress-achievement-v6>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f8fafc;font-size:20px}.progress-achievement-v6 strong{display:block;font-size:8px;color:#0f172a}.progress-achievement-v6 small{display:block;font-size:6px;color:#64748b}.progress-achievement-v6>i{font-size:10px}.progress-achievement-v6.unlocked{border-color:#bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff)}.progress-achievement-v6.unlocked>i{color:#10b981}.progress-achievement-v6.locked{opacity:.62}.progress-achievement-v6.locked>i{color:#94a3b8}

.progress-history-grid-v6{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.progress-history-card-v6{padding:15px!important;border-radius:20px!important}.progress-history-item-v6{min-height:60px!important;padding:8px!important}.progress-history-item-v6 strong{font-size:8px!important}.progress-history-item-v6 span{font-size:6px!important}

@media(max-width:1150px){
  .profile-stat-grid-v6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .progress-stat-row-v6{grid-template-columns:repeat(3,1fr)!important}
  .progress-subject-grid-v6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .progress-achievement-grid-v6{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .profile-hero-v6,.progress-hero-card-v6{grid-template-columns:1fr!important}.profile-level-v6,.progress-hero-panel-v6{max-width:460px}
  .profile-layout{grid-template-columns:1fr!important}.profile-nav-card{position:static!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.profile-nav-card::-webkit-scrollbar{display:none}.profile-nav-card button{flex:0 0 145px!important}
  .profile-insight-grid-v6,.progress-analytics-grid-v6,.progress-history-grid-v6{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .profile-page{padding:10px!important;padding-bottom:86px!important}.profile-hero-v6,.progress-hero-card-v6{padding:17px 13px!important;border-radius:20px!important}.profile-hero-main-v6{align-items:flex-start!important}.profile-avatar-v6,.profile-avatar-v6>span{width:70px!important;height:70px!important;min-width:70px!important;border-radius:20px!important}.profile-avatar-v6>span{font-size:25px!important}.profile-hero-copy-v6 h1{font-size:27px!important}.profile-hero-actions-v6{display:grid;grid-template-columns:repeat(3,1fr)}.profile-hero-actions-v6 a{justify-content:center!important;padding:0 5px!important}
  .profile-level-v6{grid-template-columns:52px minmax(0,1fr)!important;min-height:135px!important}.profile-level-medal-v6{width:52px;height:52px;border-radius:15px;font-size:25px}.profile-stat-grid-v6{grid-template-columns:1fr 1fr!important;gap:6px!important}.profile-stat-grid-v6 article{min-height:80px!important;padding:9px!important}.profile-insight-grid-v6{grid-template-columns:1fr!important}.profile-performance-actions-v6{grid-template-columns:1fr!important}
  .progress-hero-copy-v6 h1{font-size:29px!important}.progress-hero-actions-v6{display:grid;grid-template-columns:repeat(3,1fr)}.progress-hero-actions-v6 a{justify-content:center;padding:0 5px}.progress-hero-panel-v6{grid-template-columns:80px minmax(0,1fr)!important}.progress-overall-ring-v6{width:78px;height:78px}.progress-overall-ring-v6::after{width:60px;height:60px}.progress-overall-ring-v6 strong{font-size:14px}
  .learning-tools-nav-wrap{overflow-x:auto!important}.learning-tools-nav{min-width:max-content!important}
  .progress-stat-row-v6{grid-template-columns:1fr 1fr!important;gap:6px!important}.progress-stat-row-v6 article{min-height:78px!important;padding:9px!important}.progress-section-head-v6{align-items:flex-start!important;flex-direction:column!important}.progress-subject-grid-v6{grid-template-columns:1fr!important}.progress-subject-cover-v6{height:105px!important}
  .progress-insight-columns-v6{grid-template-columns:1fr!important}.progress-achievement-grid-v6{grid-template-columns:1fr!important}.progress-achievement-v6{min-height:88px!important}
  .progress-history-grid-v6{grid-template-columns:1fr!important}
}

/* Study organization suite v7 — planner, schedule, weekly report */
.planner-hero-v7,.schedule-hero-v7,.weekly-hero-v7{padding-top:20px!important}
.planner-hero-card-v7,.schedule-hero-card-v7,.weekly-hero-card-v7{
  min-height:300px!important;padding:28px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:24px!important;align-items:center!important;
  background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#4f46e5)!important;position:relative!important;overflow:hidden!important;border-radius:28px!important;
  box-shadow:0 24px 52px rgba(15,23,42,.16)!important
}
.planner-hero-card-v7::before,.schedule-hero-card-v7::before,.weekly-hero-card-v7::before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-140px;top:-190px;background:rgba(255,255,255,.06)}
.planner-hero-card-v7::after,.schedule-hero-card-v7::after,.weekly-hero-card-v7::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:37%;bottom:-185px;background:rgba(56,189,248,.10)}
.planner-hero-copy-v7,.schedule-hero-copy-v7,.weekly-hero-copy-v7{position:relative;z-index:2;min-width:0}
.planner-hero-copy-v7 h1,.schedule-hero-copy-v7 h1,.weekly-hero-copy-v7 h1{font-size:clamp(32px,4.5vw,50px)!important;color:#fff!important;margin:4px 0 7px!important;line-height:1.2!important}
.planner-hero-copy-v7 p,.schedule-hero-copy-v7 p,.weekly-hero-copy-v7 p{color:#dbeafe!important;font-size:10px!important;line-height:1.9!important;max-width:760px!important}
.planner-hero-actions-v7,.schedule-hero-actions-v7,.weekly-hero-actions-v7{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.planner-hero-actions-v7 a,.planner-hero-actions-v7 button,.schedule-hero-actions-v7 a,.weekly-hero-actions-v7 a{
  min-height:40px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;
  border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.10);color:#fff;text-decoration:none;font-family:inherit;font-size:8px;font-weight:900;cursor:pointer;transition:.2s
}
.planner-hero-actions-v7 button,.schedule-hero-actions-v7 a:first-child,.weekly-hero-actions-v7 a:first-child{background:#fff;color:#1d4ed8;border-color:#fff}
.planner-hero-actions-v7 a:hover,.planner-hero-actions-v7 button:hover,.schedule-hero-actions-v7 a:hover,.weekly-hero-actions-v7 a:hover{transform:translateY(-2px)}

.planner-today-panel-v7,.schedule-next-panel-v7,.weekly-score-panel-v7{
  position:relative;z-index:2;padding:15px;border-radius:21px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 40px rgba(15,23,42,.18)
}
.planner-today-date-v7{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #eef2f7}.planner-today-date-v7 span{font-size:8px;color:#2563eb;font-weight:900}.planner-today-date-v7 strong{font-size:9px;color:#0f172a}
.planner-today-summary-v7,.schedule-next-summary-v7,.weekly-score-mini-v7{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}
.planner-today-summary-v7>div,.schedule-next-summary-v7>span,.weekly-score-mini-v7>span{padding:8px 4px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}.planner-today-summary-v7 small,.schedule-next-summary-v7 small,.weekly-score-mini-v7 small{display:block;font-size:6px;color:#94a3b8}.planner-today-summary-v7 strong,.schedule-next-summary-v7 b,.weekly-score-mini-v7 b{display:block;margin-top:2px;font-size:11px;color:#0f172a}
.planner-today-next-v7{padding:10px;border-radius:13px;background:linear-gradient(135deg,#eef2ff,#eff6ff);border:1px solid #dbeafe}.planner-today-next-v7>small{display:block;font-size:6px;color:#64748b}.planner-today-next-v7>strong{display:block;margin:2px 0 8px;font-size:11px;color:#1e3a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-today-next-v7 button{width:100%;min-height:36px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-family:inherit;font-size:7px;font-weight:900;cursor:pointer}.planner-today-next-v7 button:disabled{background:#cbd5e1;cursor:default}

.planner-stats-v7,.schedule-stats-v7,.weekly-stats-v7{grid-template-columns:repeat(6,1fr)!important;gap:8px!important}.planner-stats-v7 article,.schedule-stats-v7 article,.weekly-stats-v7 article{min-height:90px!important;padding:11px!important}.planner-stats-v7 strong,.schedule-stats-v7 strong,.weekly-stats-v7 strong{font-size:18px!important}

.planner-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important;align-items:start!important}.planner-main{display:grid!important;gap:12px!important}.planner-side-v7{position:sticky!important;top:84px!important;display:grid!important;gap:10px!important}.planner-side-v7>.feature-card{padding:14px!important;border-radius:18px!important}
.planner-add-card-v7,.planner-list-card-v7{padding:16px!important;border-radius:20px!important}
.planner-add-card-v7{background:linear-gradient(180deg,#fff,#f8fbff)!important;border-color:#dbeafe!important}.planner-form{gap:9px!important}.planner-form label>span{font-size:7px!important;color:#64748b!important}.planner-form input,.planner-form select{min-height:42px!important;border-radius:11px!important}
.planner-list-card-v7 .feature-card-head{align-items:flex-start!important}.planner-list-card-v7 .feature-filter-chips{padding:4px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.planner-list-card-v7 .feature-filter-chips button{min-height:32px!important;border-radius:8px!important}
.planner-task-list{display:grid!important;gap:7px!important;margin-top:10px!important}
.planner-task-v7{min-height:92px!important;padding:11px!important;border-radius:15px!important;border:1px solid #e2e8f0!important;background:#fff!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 34px!important;gap:9px!important;align-items:center!important;box-shadow:0 5px 15px rgba(15,23,42,.035)!important;transition:.22s ease!important}
.planner-task-v7:hover{transform:translateY(-2px)!important;border-color:#bfdbfe!important;box-shadow:0 10px 22px rgba(15,23,42,.065)!important}.planner-task-v7.overdue{border-color:#fecaca!important;background:linear-gradient(180deg,#fff,#fff7f7)!important}.planner-task-v7.done{opacity:.7!important;background:#f8fafc!important}
.planner-task-v7.planner-task-highlight{box-shadow:0 0 0 4px rgba(37,99,235,.13),0 12px 25px rgba(37,99,235,.12)!important;border-color:#60a5fa!important}
.planner-task-v7 .planner-check{width:38px!important;height:38px!important;border-radius:12px!important}.planner-task-v7 .planner-delete{width:34px!important;height:34px!important;border-radius:10px!important}.planner-task-v7 h3{font-size:11px!important;margin:0 0 5px!important}.planner-task-meta{gap:5px!important;flex-wrap:wrap!important}.planner-task-meta>span{padding:4px 6px!important;border-radius:8px!important;background:#f8fafc!important;font-size:6px!important}.planner-task-meta .priority i{font-size:6px!important}
.planner-suggestion{padding:10px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;text-align:center!important}.planner-suggest-emoji{font-size:34px!important}.planner-suggestion strong{font-size:12px!important}.planner-suggestion p{font-size:7px!important;line-height:1.8!important;color:#64748b!important}.planner-week-goal{align-items:center!important}.planner-ring{width:82px!important;height:82px!important}.planner-tip-card{background:linear-gradient(180deg,#fff,#fffbeb)!important;border-color:#fde68a!important}

/* Schedule */
.schedule-next-kicker-v7{display:flex;align-items:center;justify-content:space-between;gap:8px}.schedule-next-kicker-v7 span{font-size:7px;color:#64748b}.schedule-next-kicker-v7 b{padding:5px 7px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:7px}.schedule-next-panel-v7>strong{display:block;margin:10px 0 3px;font-size:14px;color:#0f172a}.schedule-next-panel-v7>p{margin:0;font-size:7px;line-height:1.7;color:#64748b}.schedule-next-panel-v7>a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;border-radius:10px;background:#2563eb;color:#fff;text-decoration:none;font-size:7px;font-weight:900}
.schedule-layout-v7{grid-template-columns:minmax(0,1fr) 285px!important;gap:14px!important;align-items:start!important}.schedule-calendar-card-v7{padding:15px!important;border-radius:20px!important}.schedule-side-v7{position:sticky!important;top:84px!important;display:grid!important;gap:10px!important}.schedule-side-v7>.feature-card{padding:14px!important;border-radius:18px!important}
.schedule-week{display:grid!important;grid-template-columns:repeat(7,minmax(145px,1fr))!important;gap:8px!important;overflow-x:auto!important;padding-bottom:6px!important;scrollbar-width:thin!important}
.schedule-day-v7{min-width:145px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 5px 15px rgba(15,23,42,.035)!important}.schedule-day-v7.today{border-color:#60a5fa!important;background:linear-gradient(180deg,#fff,#eff6ff)!important;box-shadow:0 9px 20px rgba(37,99,235,.08)!important}
.schedule-day-v7>header{min-height:63px!important;padding:9px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:6px!important;border-bottom:1px solid #eef2f7!important}.schedule-day-v7>header div span{display:block;font-size:8px;font-weight:900;color:#0f172a}.schedule-day-v7>header div strong{display:block;margin-top:2px;font-size:6px;color:#64748b}.schedule-day-v7>header>b{padding:4px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:5px;white-space:nowrap}.schedule-day-v7.today>header>b{background:#dbeafe;color:#1d4ed8}
.schedule-day-items{padding:7px!important;display:grid!important;gap:6px!important}.schedule-item-v7{min-height:105px!important;padding:8px!important;border-radius:12px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:6px!important;position:relative!important}.schedule-item-v7 .schedule-kind-icon{width:32px!important;height:32px!important;border-radius:10px!important}.schedule-item-v7 .schedule-time{font-size:5px!important}.schedule-item-v7 h4{font-size:8px!important;margin:2px 0!important;line-height:1.5!important}.schedule-item-v7 p{font-size:5px!important;line-height:1.6!important}.schedule-item-v7 .schedule-open{position:absolute!important;left:7px!important;bottom:7px!important;width:25px!important;height:25px!important;border-radius:8px!important}
.schedule-empty-day{min-height:110px!important;border:1px dashed #dbe3ee!important;border-radius:12px!important;background:#fafcff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#94a3b8!important}.schedule-empty-day span{font-size:22px}.schedule-empty-day strong{font-size:7px;color:#64748b}.schedule-empty-day small{font-size:5px}
.next-schedule-item{padding:10px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #eef2f7!important}.next-schedule-item strong{font-size:11px!important}.next-schedule-item p,.next-schedule-item small{font-size:7px!important}
.schedule-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.schedule-filters button{min-height:35px!important;border-radius:9px!important}

/* Weekly report */
.weekly-score-panel-v7{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:center}.weekly-score-ring-v7{--weekly-score:0deg;width:106px;height:106px;border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#2563eb var(--weekly-score),#dbeafe 0)}.weekly-score-ring-v7::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#fff}.weekly-score-ring-v7 strong,.weekly-score-ring-v7 span{position:relative;z-index:2}.weekly-score-ring-v7 strong{font-size:20px;color:#1d4ed8}.weekly-score-ring-v7 span{font-size:6px;color:#64748b}
.weekly-score-copy-v7 small{font-size:7px;color:#64748b}.weekly-score-copy-v7 strong{display:block;margin:2px 0 4px;font-size:13px;color:#0f172a}.weekly-score-copy-v7 p{margin:0;font-size:7px;color:#64748b;line-height:1.7}.weekly-score-mini-v7{grid-column:1/-1!important;margin:2px 0 0!important;grid-template-columns:1fr 1fr!important}
.weekly-report-heading-v7{margin-top:14px!important;padding:14px 15px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(15,23,42,.045)!important}.weekly-report-heading-v7 h2{font-size:18px!important;margin:2px 0!important}.weekly-report-heading-v7 p{font-size:8px!important;line-height:1.7!important;color:#64748b!important}
.weekly-report-grid-v7{grid-template-columns:1fr 1fr!important;gap:10px!important}.weekly-report-grid-v7>.feature-card{padding:15px!important;border-radius:20px!important}.weekly-report-grid-v7 h3{font-size:14px!important}.weekly-bars{min-height:190px!important}.weekly-bar-col.active .weekly-bar-track span{background:linear-gradient(180deg,#60a5fa,#2563eb)!important}
.weekly-comparison{display:grid!important;gap:6px!important}.weekly-compare-row{min-height:56px!important;padding:8px!important;border-radius:11px!important;background:#f8fafc!important}.weekly-subjects,.weekly-recommendations{display:grid!important;gap:6px!important}.weekly-subject-row,.weekly-recommendation{min-height:58px!important;padding:8px!important;border-radius:11px!important;background:#fff!important;border:1px solid #eef2f7!important;transition:.2s}.weekly-subject-row:hover,.weekly-recommendation:hover{transform:translateY(-2px);border-color:#bfdbfe!important}.weekly-recommendation p{font-size:6px!important;line-height:1.7!important}
.weekly-results-card-v7{margin-top:10px!important;padding:15px!important;border-radius:20px!important}.weekly-results{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.weekly-result-row{min-height:60px!important;padding:8px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid #eef2f7!important}

@media(max-width:1180px){
  .planner-stats-v7,.schedule-stats-v7,.weekly-stats-v7{grid-template-columns:repeat(3,1fr)!important}
  .planner-layout{grid-template-columns:minmax(0,1fr) 270px!important}.schedule-layout-v7{grid-template-columns:minmax(0,1fr) 260px!important}
}
@media(max-width:900px){
  .planner-hero-card-v7,.schedule-hero-card-v7,.weekly-hero-card-v7{grid-template-columns:1fr!important}.planner-today-panel-v7,.schedule-next-panel-v7,.weekly-score-panel-v7{max-width:470px}
  .planner-layout,.schedule-layout-v7{grid-template-columns:1fr!important}.planner-side-v7,.schedule-side-v7{position:static!important;grid-template-columns:repeat(2,1fr)!important}.planner-tip-card,.schedule-side-v7>.feature-card:last-child{grid-column:1/-1!important}
  .weekly-report-grid-v7{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .planner-hero-card-v7,.schedule-hero-card-v7,.weekly-hero-card-v7{padding:17px 13px!important;border-radius:20px!important}.planner-hero-copy-v7 h1,.schedule-hero-copy-v7 h1,.weekly-hero-copy-v7 h1{font-size:29px!important}
  .planner-hero-actions-v7,.schedule-hero-actions-v7,.weekly-hero-actions-v7{display:grid!important;grid-template-columns:1fr 1fr!important}.planner-hero-actions-v7>*:first-child{grid-column:1/-1!important}.planner-hero-actions-v7 a,.planner-hero-actions-v7 button,.schedule-hero-actions-v7 a,.weekly-hero-actions-v7 a{width:100%!important}
  .planner-today-summary-v7,.schedule-next-summary-v7{grid-template-columns:repeat(3,1fr)!important}.planner-stats-v7,.schedule-stats-v7,.weekly-stats-v7{grid-template-columns:1fr 1fr!important;gap:6px!important}.planner-stats-v7 article,.schedule-stats-v7 article,.weekly-stats-v7 article{min-height:78px!important;padding:9px!important}
  .planner-add-card-v7,.planner-list-card-v7{padding:12px!important}.planner-form{grid-template-columns:1fr!important}.planner-form .planner-full{grid-column:auto!important}.planner-list-card-v7 .feature-card-head{flex-direction:column!important;align-items:stretch!important}.planner-list-card-v7 .feature-filter-chips{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.planner-list-card-v7 .feature-filter-chips button{flex:0 0 90px!important}.planner-task-v7{grid-template-columns:34px minmax(0,1fr) 30px!important;padding:9px!important}.planner-task-meta>span{font-size:5px!important}.planner-side-v7,.schedule-side-v7{grid-template-columns:1fr!important}.planner-tip-card,.schedule-side-v7>.feature-card:last-child{grid-column:auto!important}
  .schedule-calendar-card-v7{padding:10px!important}.schedule-calendar-card-v7 .feature-card-head{align-items:flex-start!important;flex-direction:column!important}.schedule-week{grid-template-columns:repeat(7,220px)!important;scroll-snap-type:x mandatory!important}.schedule-day-v7{scroll-snap-align:start!important}.schedule-day-v7.today{scroll-snap-align:center!important}
  .weekly-score-panel-v7{grid-template-columns:82px minmax(0,1fr)!important}.weekly-score-ring-v7{width:80px;height:80px}.weekly-score-ring-v7::after{width:61px;height:61px}.weekly-score-ring-v7 strong{font-size:15px}
  .weekly-report-heading-v7{align-items:flex-start!important;flex-direction:column!important}.weekly-report-heading-v7 .btn{width:100%!important}.weekly-results{grid-template-columns:1fr!important}
}
@media print{
  .weekly-hero-v7,.learning-tools-nav-wrap,.weekly-report-heading-v7 .btn,.learning-header{display:none!important}
  .weekly-report-heading-v7,.weekly-report-grid-v7>.feature-card,.weekly-results-card-v7{box-shadow:none!important;border:1px solid #ddd!important}
}

/* Assignments center v8 */
.assignment-hero-v8{padding-top:20px!important}
.assignment-hero-card-v8{
  min-height:310px!important;padding:28px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:24px!important;align-items:center!important;
  background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#4f46e5)!important;position:relative!important;overflow:hidden!important;border-radius:28px!important;box-shadow:0 24px 52px rgba(15,23,42,.16)!important
}
.assignment-hero-card-v8::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-195px;background:rgba(255,255,255,.06)}
.assignment-hero-card-v8::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:38%;bottom:-185px;background:rgba(56,189,248,.10)}
.assignment-hero-copy-v8{position:relative;z-index:2;min-width:0}
.assignment-hero-copy-v8 h1{font-size:clamp(32px,4.5vw,50px)!important;color:#fff!important;margin:4px 0 7px!important;line-height:1.2!important}
.assignment-hero-copy-v8 p{color:#dbeafe!important;font-size:10px!important;line-height:1.9!important;max-width:760px!important}
.assignment-hero-actions-v8{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.assignment-hero-actions-v8>*{min-height:40px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font-family:inherit;font-size:8px;font-weight:900;cursor:pointer}
.assignment-hero-actions-v8 button:first-child{background:#fff;color:#1d4ed8;border-color:#fff}
.assignment-next-panel-v8{position:relative;z-index:2;padding:15px;border-radius:21px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 40px rgba(15,23,42,.18)}
.assignment-next-head-v8{display:flex;align-items:center;justify-content:space-between;gap:8px}.assignment-next-head-v8 span{font-size:7px;color:#64748b}.assignment-next-head-v8 span i{color:#f59e0b}.assignment-next-head-v8 b{padding:5px 7px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:7px}
.assignment-next-panel-v8>strong{display:block;margin:10px 0 3px;font-size:14px;color:#0f172a}.assignment-next-panel-v8>p{margin:0;font-size:7px;line-height:1.7;color:#64748b}
.assignment-next-summary-v8{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.assignment-next-summary-v8 span{padding:8px 4px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}.assignment-next-summary-v8 small{display:block;font-size:6px;color:#94a3b8}.assignment-next-summary-v8 b{display:block;margin-top:2px;font-size:11px;color:#0f172a}
.assignment-next-panel-v8>button{width:100%;min-height:38px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-family:inherit;font-size:7px;font-weight:900;cursor:pointer}.assignment-next-panel-v8>button:disabled{background:#cbd5e1;cursor:default}

.assignment-stats-v8{grid-template-columns:repeat(6,1fr)!important;gap:8px!important}.assignment-stats-v8 article{min-height:90px!important;padding:11px!important}.assignment-stats-v8 strong{font-size:18px!important}
.assignment-center-card-v8{padding:16px!important;border-radius:21px!important}.assignment-filter-head{align-items:flex-start!important}.assignment-toolbar-actions{gap:8px!important}.assignment-search-field{min-width:250px!important}.assignment-search-field input{min-height:38px!important;border-radius:10px!important}.assignment-filter-head .feature-filter-chips{padding:4px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.assignment-filter-head .feature-filter-chips button{min-height:32px!important;border-radius:8px!important}
.assignment-list-summary{margin:10px 0 12px!important;padding:9px 10px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid #eef2f7!important}.assignment-list-summary strong{font-size:8px!important}.assignment-list-summary span{font-size:7px!important}

.assignment-grid-v8{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.assignment-card-v8{min-width:0!important;min-height:410px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 9px 24px rgba(15,23,42,.06)!important;transition:.22s ease!important}
.assignment-card-v8:hover{transform:translateY(-5px)!important;border-color:#bfdbfe!important;box-shadow:0 18px 34px rgba(15,23,42,.10)!important}
.assignment-card-v8.overdue{border-color:#fecaca!important}.assignment-card-v8.due-soon{border-color:#fde68a!important}
.assignment-cover-v8{height:125px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);background-size:cover;background-position:center;overflow:hidden}
.assignment-cover-v8::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.5))}
.assignment-cover-v8>span{position:relative;z-index:1;font-size:44px}.assignment-cover-v8>em{position:absolute;z-index:2;right:9px;bottom:8px;padding:5px 7px;border-radius:999px;background:rgba(15,23,42,.68);color:#fff;font-size:7px;font-style:normal;font-weight:900}
.assignment-cover-badges-v8{position:absolute;z-index:2;left:9px;top:9px;display:flex;gap:5px}.assignment-cover-badges-v8 b{padding:5px 7px;border-radius:999px;background:#fff;color:#475569;font-size:6px;box-shadow:0 4px 10px rgba(15,23,42,.08)}.assignment-cover-badges-v8 b.new{background:#2563eb;color:#fff}.assignment-cover-badges-v8 b.approved{background:#ecfdf5;color:#047857}.assignment-cover-badges-v8 b.info{background:#eff6ff;color:#1d4ed8}.assignment-cover-badges-v8 b.danger{background:#fef2f2;color:#dc2626}.assignment-cover-badges-v8 b.pending{background:#fffbeb;color:#b45309}
.assignment-card-body-v8{padding:13px;display:flex;flex:1;flex-direction:column}.assignment-card-title-v8{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.assignment-card-title-v8 small{display:block;font-size:6px;color:#64748b}.assignment-card-title-v8 h3{margin:2px 0!important;font-size:14px!important;color:#0f172a!important;line-height:1.5!important}.assignment-kind-icon-v8,.assignment-score-v8{width:40px;height:40px;min-width:40px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.assignment-score-v8{background:#ecfdf5;color:#047857;font-size:10px}
.assignment-card-body-v8>p{margin:7px 0 10px!important;color:#64748b!important;font-size:7px!important;line-height:1.75!important;min-height:37px!important}
.assignment-metrics-v8{display:grid;grid-template-columns:1.5fr .65fr;gap:6px}.assignment-metrics-v8>span{padding:8px;border:1px solid #eef2f7;border-radius:11px;background:#f8fafc}.assignment-metrics-v8 i{color:#2563eb;margin-left:4px}.assignment-metrics-v8 b{font-size:8px;color:#0f172a}.assignment-metrics-v8 small{display:block;margin-top:2px;font-size:5px;color:#94a3b8}.assignment-metrics-v8>span.warning{background:#fffbeb;border-color:#fde68a}.assignment-metrics-v8>span.warning i,.assignment-metrics-v8>span.warning b{color:#b45309}.assignment-metrics-v8>span.danger{background:#fef2f2;border-color:#fecaca}.assignment-metrics-v8>span.danger i,.assignment-metrics-v8>span.danger b{color:#dc2626}
.assignment-steps-v8{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:3px;margin:12px 0}.assignment-steps-v8>span{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.assignment-steps-v8>span i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#94a3b8;font-size:8px}.assignment-steps-v8>span small{font-size:5px;color:#94a3b8}.assignment-steps-v8>span.done i{background:#dbeafe;color:#2563eb}.assignment-steps-v8>span.done small{color:#475569}.assignment-steps-v8>i{height:2px;background:#e2e8f0}.assignment-steps-v8>span.done+ i{background:#93c5fd}
.assignment-late-note-v8{margin-bottom:8px;padding:6px 8px;border-radius:9px;background:#fef2f2;color:#dc2626;font-size:6px;font-weight:900}.assignment-card-body-v8>.btn{width:100%!important;margin-top:auto!important;justify-content:center!important;min-height:39px!important}

/* Assignment modal */
.assignment-modal-v8{width:min(820px,calc(100vw - 24px))!important;max-height:92vh!important;padding:18px!important;border-radius:23px!important}
.assignment-modal-head-v8{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:6px 2px 13px!important}.assignment-modal-head-v8 h2{font-size:23px!important;margin:3px 0!important}.assignment-modal-head-v8 p{font-size:8px!important;line-height:1.8!important;color:#64748b!important;max-width:620px!important}.assignment-modal-status-v8{padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:7px;font-weight:900;white-space:nowrap}.assignment-modal-status-v8.graded{background:#ecfdf5;color:#047857}.assignment-modal-status-v8.submitted{background:#eff6ff;color:#1d4ed8}.assignment-modal-status-v8.overdue{background:#fef2f2;color:#dc2626}.assignment-modal-status-v8.pending{background:#fffbeb;color:#b45309}
.assignment-modal-progress-v8{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;align-items:center;gap:4px;padding:12px;border-radius:15px;background:#f8fafc;border:1px solid #eef2f7}.assignment-modal-progress-v8>span{display:flex;align-items:center;justify-content:center;gap:6px}.assignment-modal-progress-v8>span i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#94a3b8;font-size:8px}.assignment-modal-progress-v8>span b{font-size:7px;color:#64748b}.assignment-modal-progress-v8>span.done i{background:#dbeafe;color:#2563eb}.assignment-modal-progress-v8>span.done b{color:#0f172a}.assignment-modal-progress-v8>i{height:2px;background:#e2e8f0}.assignment-modal-progress-v8>span.done+ i{background:#93c5fd}
.assignment-detail-grid-v8{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin:11px 0!important}.assignment-detail-grid-v8>div{min-height:82px!important;padding:9px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e2e8f0!important;display:grid!important;grid-template-columns:34px 1fr!important;grid-template-areas:"icon small" "icon strong" "icon em"!important;column-gap:7px!important;align-items:center!important}.assignment-detail-grid-v8>div>span{grid-area:icon;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.assignment-detail-grid-v8 small{grid-area:small;font-size:6px!important;color:#94a3b8!important}.assignment-detail-grid-v8 strong{grid-area:strong;font-size:8px!important;color:#0f172a!important}.assignment-detail-grid-v8 em{grid-area:em;font-size:5px;font-style:normal;color:#64748b}
.assignment-deadline-warning{border-radius:13px!important;padding:10px!important}.assignment-submitted-state{border-radius:13px!important;padding:10px!important}
.assignment-feedback-v8{padding:14px!important;border-radius:17px!important;background:linear-gradient(135deg,#fff,#f0fdf4)!important;border:1px solid #bbf7d0!important}.assignment-feedback-v8 .assignment-grade-ring{width:100px!important;height:100px!important}.assignment-feedback-v8 .section-kicker{display:block!important}.assignment-feedback-v8>div>strong{font-size:15px!important}.assignment-feedback-v8 p{font-size:8px!important;line-height:1.8!important}
.assignment-submission-preview-v8{padding:12px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.assignment-submission-preview-v8>small{font-size:7px!important;color:#64748b!important}.assignment-submission-preview-v8>p{font-size:9px!important;line-height:1.9!important;white-space:pre-wrap!important}
.assignment-submit-form-v8{display:grid!important;gap:10px!important}.assignment-submit-guide-v8{display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border-radius:14px;background:#eff6ff;border:1px solid #dbeafe}.assignment-submit-guide-v8>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#2563eb;color:#fff}.assignment-submit-guide-v8 strong{display:block;font-size:10px;color:#1e3a8a}.assignment-submit-guide-v8 p{margin:2px 0 0;font-size:7px;color:#64748b}.assignment-submit-form-v8 textarea{min-height:180px!important;border-radius:12px!important}.assignment-submit-form-v8 input{min-height:43px!important;border-radius:11px!important}

@media(max-width:1100px){
  .assignment-stats-v8{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:900px){
  .assignment-hero-card-v8{grid-template-columns:1fr!important}.assignment-next-panel-v8{max-width:470px}
  .assignment-grid-v8{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .assignment-hero-card-v8{padding:17px 13px!important;border-radius:20px!important}.assignment-hero-copy-v8 h1{font-size:29px!important}.assignment-hero-actions-v8{display:grid!important;grid-template-columns:1fr 1fr!important}.assignment-hero-actions-v8 a{grid-column:1/-1!important}.assignment-hero-actions-v8>*{width:100%!important}
  .assignment-next-summary-v8{grid-template-columns:repeat(3,1fr)!important}
  .assignment-stats-v8{grid-template-columns:1fr 1fr!important;gap:6px!important}.assignment-stats-v8 article{min-height:78px!important;padding:9px!important}
  .assignment-center-card-v8{padding:11px!important}.assignment-filter-head{flex-direction:column!important;align-items:stretch!important}.assignment-toolbar-actions{width:100%!important;display:grid!important}.assignment-search-field{min-width:0!important;width:100%!important}.assignment-filter-head .feature-filter-chips{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.assignment-filter-head .feature-filter-chips button{flex:0 0 95px!important}
  .assignment-card-v8{min-height:380px!important}.assignment-cover-v8{height:110px!important}.assignment-metrics-v8{grid-template-columns:1fr!important}.assignment-steps-v8{grid-template-columns:1fr 12px 1fr 12px 1fr!important}
  .assignment-modal-v8{padding:13px!important;width:calc(100vw - 14px)!important;max-height:95vh!important}.assignment-modal-head-v8{flex-direction:column!important}.assignment-modal-progress-v8{grid-template-columns:1fr!important}.assignment-modal-progress-v8>i{width:2px!important;height:18px!important;justify-self:center!important}.assignment-detail-grid-v8{grid-template-columns:1fr!important}.assignment-feedback-v8{grid-template-columns:1fr!important;text-align:center!important}.assignment-feedback-v8 .assignment-grade-ring{margin:auto!important}.assignment-submit-form-v8 textarea{min-height:150px!important}
}

/* Live sessions hub v9 */
.live-hero-v9{padding-top:20px!important}
.live-hero-card-v9{
  min-height:310px!important;padding:28px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:24px!important;align-items:center!important;
  background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#7c3aed)!important;position:relative!important;overflow:hidden!important;border-radius:28px!important;box-shadow:0 24px 52px rgba(15,23,42,.16)!important
}
.live-hero-card-v9::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-195px;background:rgba(255,255,255,.06)}
.live-hero-card-v9::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:38%;bottom:-185px;background:rgba(239,68,68,.09)}
.live-hero-copy-v9{position:relative;z-index:2;min-width:0}
.live-hero-copy-v9 h1{font-size:clamp(32px,4.5vw,50px)!important;color:#fff!important;margin:4px 0 7px!important;line-height:1.2!important}
.live-hero-copy-v9 p{color:#ddd6fe!important;font-size:10px!important;line-height:1.9!important;max-width:760px!important}
.live-hero-actions-v9{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.live-hero-actions-v9>*{min-height:40px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font-family:inherit;font-size:8px;font-weight:900;cursor:pointer}
.live-hero-actions-v9 button:first-child{background:#fff;color:#5b21b6;border-color:#fff}

.live-next-panel-v9{position:relative;z-index:2;padding:15px;border-radius:21px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 40px rgba(15,23,42,.18)}
.live-next-head-v9{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-next-head-v9 span{font-size:7px;color:#64748b}.live-next-head-v9 span i{color:#ef4444}.live-next-head-v9 b{padding:5px 7px;border-radius:999px;background:#fef2f2;color:#dc2626;font-size:7px}
.live-next-panel-v9>strong{display:block;margin:10px 0 3px;font-size:14px;color:#0f172a}.live-next-panel-v9>p{margin:0;font-size:7px;line-height:1.7;color:#64748b}
.live-next-summary-v9{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.live-next-summary-v9 span{padding:8px 4px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}.live-next-summary-v9 small{display:block;font-size:6px;color:#94a3b8}.live-next-summary-v9 b{display:block;margin-top:2px;font-size:11px;color:#0f172a}
.live-next-panel-v9>button{width:100%;min-height:38px;border:0;border-radius:10px;background:#7c3aed;color:#fff;font-family:inherit;font-size:7px;font-weight:900;cursor:pointer}.live-next-panel-v9>button:disabled{background:#cbd5e1;cursor:default}

.live-toolbar-v9{margin-top:14px!important;padding:9px!important}.live-toolbar-v9 .feature-tabs{padding:4px!important}.live-toolbar-v9 .feature-tabs button{min-height:36px!important;border-radius:9px!important}
.live-stats-v9{grid-template-columns:repeat(6,1fr)!important;gap:8px!important}.live-stats-v9 article{min-height:90px!important;padding:11px!important}.live-stats-v9 strong{font-size:18px!important}
.live-grid-v9{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:14px!important}
.live-card-v9{min-width:0!important;min-height:360px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 9px 24px rgba(15,23,42,.06)!important;transition:.22s ease!important}
.live-card-v9:hover{transform:translateY(-5px)!important;border-color:#c4b5fd!important;box-shadow:0 18px 34px rgba(15,23,42,.10)!important}.live-card-v9.live{border-color:#fca5a5!important;box-shadow:0 12px 28px rgba(239,68,68,.10)!important}
.live-cover-v9{height:132px!important;position:relative!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#ede9fe,#dbeafe)!important;background-size:cover!important;background-position:center!important;overflow:hidden!important}
.live-cover-v9::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.5))}
.live-cover-emoji-v9{position:relative;z-index:1;font-size:46px!important}.live-cover-v9>em{position:absolute;z-index:2;right:9px;bottom:8px;padding:5px 7px;border-radius:999px;background:rgba(15,23,42,.68);color:#fff;font-size:7px;font-style:normal;font-weight:900}
.live-cover-top-v9{position:absolute;z-index:2;left:9px;right:9px;top:9px;display:flex;align-items:center;justify-content:space-between;gap:6px}.live-cover-top-v9 .live-status,.live-replay-badge-v9{padding:5px 7px;border-radius:999px;font-size:6px;font-weight:900;box-shadow:0 4px 10px rgba(15,23,42,.08)}.live-status.live{background:#ef4444!important;color:#fff!important}.live-status.upcoming{background:#fff!important;color:#1d4ed8!important}.live-status.ended{background:#ecfdf5!important;color:#047857!important}.live-replay-badge-v9{background:#fff;color:#6d28d9}
.live-card-body-v9{padding:13px!important;display:flex!important;flex:1!important;flex-direction:column!important}.live-card-title-v9{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.live-card-title-v9 small{display:block;font-size:6px;color:#64748b}.live-card-title-v9 h3{margin:2px 0!important;font-size:14px!important;color:#0f172a!important;line-height:1.5!important}.live-attended-badge-v9{min-width:max-content;padding:5px 7px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:6px;font-weight:900}
.live-card-metrics-v9{display:grid;grid-template-columns:.7fr 1.3fr;gap:6px;margin:10px 0}.live-card-metrics-v9>span{padding:8px;border:1px solid #eef2f7;border-radius:11px;background:#f8fafc}.live-card-metrics-v9 i{color:#7c3aed;margin-left:4px}.live-card-metrics-v9 b{font-size:8px;color:#0f172a}.live-card-metrics-v9 small{display:block;margin-top:2px;font-size:5px;color:#94a3b8;line-height:1.5}.live-card-metrics-v9>span.live{background:#fef2f2;border-color:#fecaca}.live-card-metrics-v9>span.live i,.live-card-metrics-v9>span.live b{color:#dc2626}
.live-attendance-note-v9{margin-bottom:9px;padding:7px 8px;border-radius:10px;background:#ecfdf5;color:#047857;font-size:6px;font-weight:900}.live-card-body-v9>.btn{width:100%!important;margin-top:auto!important;justify-content:center!important;min-height:39px!important}

/* Live viewer */
.live-viewer-panel{width:min(940px,calc(100vw - 24px))!important;max-height:94vh!important;padding:16px!important;border-radius:23px!important;background:#fff!important}
.live-viewer-head-v9{align-items:flex-start!important}.live-viewer-head-v9 h3{font-size:21px!important;margin:2px 0!important}.live-viewer-head-v9 p{margin:0!important;font-size:7px!important;color:#64748b!important}
.live-viewer-attendance-v9{margin:10px 0;padding:9px 10px;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;display:flex;align-items:center;gap:7px;font-size:7px;font-weight:800}.live-viewer-attendance-v9.live{background:#fef2f2;border-color:#fecaca;color:#dc2626}.live-viewer-attendance-v9.attended{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.live-video-v9{border-radius:17px!important;overflow:hidden!important;background:#020617!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important}.live-video-v9 iframe{aspect-ratio:16/9!important;width:100%!important;display:block!important}.live-video-empty{min-height:430px!important;display:grid!important;place-items:center!important;text-align:center!important;background:linear-gradient(135deg,#020617,#0f172a)!important;color:#fff!important}.live-video-empty span{font-size:48px!important}.live-video-empty strong{display:block;margin-top:8px;font-size:15px!important}.live-video-empty p{max-width:520px;margin:5px auto 0!important;font-size:8px!important;color:#cbd5e1!important}
.live-viewer-actions-v9{margin-top:10px!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important}.live-viewer-actions-v9 .btn{min-height:40px!important}.live-upcoming-note-v9{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#fffbeb;color:#b45309;font-size:7px;font-weight:900}

/* Admin live target refinements */
#liveForm #liveRecording,#liveForm #liveYoutube,#liveForm #liveZoom{direction:ltr}
#liveForm select,#liveForm input{min-height:41px}

@media(max-width:1180px){
  .live-stats-v9{grid-template-columns:repeat(3,1fr)!important}.live-grid-v9{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .live-hero-card-v9{grid-template-columns:1fr!important}.live-next-panel-v9{max-width:470px}.live-grid-v9{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .live-hero-card-v9{padding:17px 13px!important;border-radius:20px!important}.live-hero-copy-v9 h1{font-size:29px!important}.live-hero-actions-v9{display:grid!important;grid-template-columns:1fr 1fr!important}.live-hero-actions-v9 a{grid-column:1/-1!important}.live-hero-actions-v9>*{width:100%!important}
  .live-next-summary-v9{grid-template-columns:repeat(3,1fr)!important}.live-toolbar-v9{display:grid!important;gap:8px!important}.live-toolbar-v9 .feature-tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.live-toolbar-v9 .feature-tabs button{flex:0 0 105px!important}.live-toolbar-v9 .feature-filter{width:100%!important}
  .live-stats-v9{grid-template-columns:1fr 1fr!important;gap:6px!important}.live-stats-v9 article{min-height:78px!important;padding:9px!important}.live-card-v9{min-height:340px!important}.live-cover-v9{height:115px!important}.live-card-metrics-v9{grid-template-columns:1fr!important}
  .live-viewer-panel{width:calc(100vw - 12px)!important;padding:11px!important;max-height:96vh!important}.live-viewer-head-v9{gap:8px!important}.live-viewer-head-v9 h3{font-size:17px!important}.live-video-empty{min-height:240px!important}.live-viewer-actions-v9{display:grid!important}.live-viewer-actions-v9>*{width:100%!important;justify-content:center!important}
}

/* Personalized educational library v10 */
.library-hero-v10{padding-top:20px!important}
.library-hero-card-v10{
  min-height:310px!important;padding:28px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:24px!important;align-items:center!important;
  background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#0f766e)!important;position:relative!important;overflow:hidden!important;border-radius:28px!important;box-shadow:0 24px 52px rgba(15,23,42,.16)!important
}
.library-hero-card-v10::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-195px;background:rgba(255,255,255,.06)}
.library-hero-card-v10::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;left:39%;bottom:-190px;background:rgba(45,212,191,.10)}
.library-hero-copy-v10{position:relative;z-index:2;min-width:0}
.library-hero-copy-v10 h1{font-size:clamp(32px,4.5vw,50px)!important;color:#fff!important;margin:4px 0 7px!important;line-height:1.2!important}
.library-hero-copy-v10 p{color:#ccfbf1!important;font-size:10px!important;line-height:1.9!important;max-width:760px!important}
.library-hero-actions-v10{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.library-hero-actions-v10 button{
 min-height:40px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;
 border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.10);color:#fff;font-family:inherit;font-size:8px;font-weight:900;cursor:pointer
}
.library-hero-actions-v10 button:first-child{background:#fff;color:#0f766e;border-color:#fff}

.library-featured-panel-v10{position:relative;z-index:2;padding:15px;border-radius:21px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 40px rgba(15,23,42,.18)}
.library-featured-head-v10{display:flex;align-items:center;justify-content:space-between;gap:8px}.library-featured-head-v10 span{font-size:7px;color:#64748b}.library-featured-head-v10 span i{color:#0f766e}.library-featured-head-v10 b{padding:5px 7px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:7px}
.library-featured-icon-v10{width:58px;height:58px;margin:12px 0 8px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ecfdf5,#ccfbf1);font-size:29px}
.library-featured-panel-v10>strong{display:block;font-size:14px;color:#0f172a}.library-featured-panel-v10>p{margin:4px 0 11px;font-size:7px;line-height:1.7;color:#64748b}
.library-featured-panel-v10>button{width:100%;min-height:38px;border:0;border-radius:10px;background:#0f766e;color:#fff;font-family:inherit;font-size:7px;font-weight:900;cursor:pointer}.library-featured-panel-v10>button:disabled{background:#cbd5e1;cursor:default}

.library-toolbar-v10{margin-top:14px!important;padding:9px!important;align-items:center!important}.library-toolbar-v10 .feature-tabs{padding:4px!important}.library-toolbar-v10 .feature-tabs button{min-height:36px!important;border-radius:9px!important}
.library-filter-v10{display:grid!important;grid-template-columns:120px 180px 160px minmax(220px,1fr)!important;gap:6px!important;align-items:center!important;flex:1!important}
.library-filter-v10 select,.library-search-v10{min-height:40px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important}
.library-filter-v10 select{padding:0 8px!important;font-family:inherit!important;font-size:7px!important;color:#334155!important}
.library-search-v10{display:flex;align-items:center;gap:6px;padding:0 10px!important}.library-search-v10 i{color:#94a3b8;font-size:9px}.library-search-v10 input{width:100%!important;border:0!important;outline:0!important;background:transparent!important;font-family:inherit!important;font-size:8px!important;color:#0f172a!important}
.library-stats-v10{grid-template-columns:repeat(6,1fr)!important;gap:8px!important}.library-stats-v10 article{min-height:90px!important;padding:11px!important}.library-stats-v10 strong{font-size:18px!important}

.library-results-head-v10{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 0 11px}.library-results-head-v10 h2{margin:3px 0!important;font-size:23px!important;color:#0f172a}.library-results-head-v10 p{margin:0!important;font-size:8px!important;color:#64748b}.library-results-head-v10 .btn{min-height:36px!important}
.library-grid-v10{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.library-card-v10{min-width:0!important;min-height:430px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 9px 24px rgba(15,23,42,.06)!important;transition:.22s ease!important}
.library-card-v10:hover{transform:translateY(-5px)!important;border-color:#99f6e4!important;box-shadow:0 18px 34px rgba(15,23,42,.10)!important}.library-card-v10.featured{border-color:#fde68a!important}.library-card-v10.favorite{box-shadow:0 9px 26px rgba(244,63,94,.07)!important}
.library-cover-v10{height:135px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#ccfbf1);background-size:cover;background-position:center;overflow:hidden}
.library-cover-v10::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.01),rgba(15,23,42,.50))}
.library-cover-v10>span{position:relative;z-index:1;font-size:48px}.library-cover-v10>em{position:absolute;z-index:2;right:9px;bottom:8px;padding:5px 7px;border-radius:999px;background:rgba(15,23,42,.68);color:#fff;font-size:7px;font-style:normal;font-weight:900}
.library-cover-badges-v10{position:absolute;z-index:2;right:9px;top:9px;display:flex;gap:5px;flex-wrap:wrap}.library-cover-badges-v10 b{padding:5px 7px;border-radius:999px;background:#fff;color:#475569;font-size:6px;box-shadow:0 4px 10px rgba(15,23,42,.08)}.library-cover-badges-v10 b.important{background:#fffbeb;color:#b45309}.library-cover-badges-v10 b.new{background:#0f766e;color:#fff}
.library-fav-v10{position:absolute;z-index:3;left:9px;top:9px;width:36px;height:36px;border:0;border-radius:11px;background:rgba(255,255,255,.95);color:#64748b;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 13px rgba(15,23,42,.12);transition:.2s}.library-fav-v10:hover{transform:scale(1.06)}.library-fav-v10.active{background:#fff1f2;color:#e11d48}

.library-card-body-v10{padding:13px;display:flex;flex:1;flex-direction:column}.library-card-body-v10>small{font-size:6px;color:#0f766e;font-weight:900}.library-card-body-v10 h3{margin:3px 0 6px!important;font-size:14px!important;color:#0f172a!important;line-height:1.55!important}.library-card-body-v10>p{margin:0 0 9px!important;min-height:38px;color:#64748b!important;font-size:7px!important;line-height:1.8!important}
.library-linked-lesson-v10{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:7px;align-items:center;padding:8px;border:1px solid #dbeafe;border-radius:11px;background:#f8fbff;text-decoration:none;margin-bottom:9px}.library-linked-lesson-v10>i:first-child{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.library-linked-lesson-v10 small{display:block;font-size:5px;color:#94a3b8}.library-linked-lesson-v10 strong{display:block;font-size:7px;color:#1e3a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-linked-lesson-v10>i:last-child{color:#2563eb;font-size:8px}
.library-card-meta-v10{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:9px}.library-card-meta-v10 span{padding:5px 7px;border-radius:8px;background:#f8fafc;border:1px solid #eef2f7;color:#64748b;font-size:6px}.library-card-meta-v10 i{color:#0f766e;margin-left:3px}
.library-open-v10{width:100%!important;margin-top:auto!important;min-height:39px!important;justify-content:center!important}.library-open-v10.disabled{display:flex!important;align-items:center!important;gap:5px!important;color:#94a3b8!important;background:#f8fafc!important}
.library-empty-v10{grid-column:1/-1!important}

.admin-file-card.featured{border-color:#fde68a!important;background:linear-gradient(180deg,#fff,#fffbeb)!important}
#fileForm textarea{resize:vertical!important;min-height:90px!important}

@media(max-width:1180px){
 .library-stats-v10{grid-template-columns:repeat(3,1fr)!important}.library-grid-v10{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .library-filter-v10{grid-template-columns:120px 160px 150px minmax(180px,1fr)!important}
}
@media(max-width:900px){
 .library-hero-card-v10{grid-template-columns:1fr!important}.library-featured-panel-v10{max-width:470px}.library-grid-v10{grid-template-columns:1fr!important}
 .library-toolbar-v10{display:grid!important;gap:8px!important}.library-filter-v10{grid-template-columns:1fr 1fr!important}.library-search-v10{grid-column:1/-1!important}
}
@media(max-width:650px){
 .library-hero-card-v10{padding:17px 13px!important;border-radius:20px!important}.library-hero-copy-v10 h1{font-size:29px!important}.library-hero-actions-v10{display:grid!important;grid-template-columns:1fr 1fr!important}.library-hero-actions-v10 button:first-child{grid-column:1/-1!important}.library-hero-actions-v10 button{width:100%!important}
 .library-toolbar-v10 .feature-tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.library-toolbar-v10 .feature-tabs button{flex:0 0 105px!important}
 .library-filter-v10{grid-template-columns:1fr!important}.library-search-v10{grid-column:auto!important}
 .library-stats-v10{grid-template-columns:1fr 1fr!important;gap:6px!important}.library-stats-v10 article{min-height:78px!important;padding:9px!important}
 .library-results-head-v10{align-items:flex-start!important;flex-direction:column!important}.library-results-head-v10 .btn{width:100%!important}
 .library-card-v10{min-height:400px!important}.library-cover-v10{height:120px!important}.library-card-body-v10>p{min-height:0!important}
}

/* Notification center v11 */
.notification-hero-v11{padding-top:20px!important}
.notification-hero-card-v11{
  min-height:310px!important;padding:28px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:24px!important;align-items:center!important;
  background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#4338ca)!important;position:relative!important;overflow:hidden!important;border-radius:28px!important;box-shadow:0 24px 52px rgba(15,23,42,.16)!important
}
.notification-hero-card-v11::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-195px;background:rgba(255,255,255,.06)}
.notification-hero-card-v11::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:38%;bottom:-185px;background:rgba(56,189,248,.10)}
.notification-hero-copy-v11{position:relative;z-index:2;min-width:0}
.notification-hero-copy-v11 h1{font-size:clamp(32px,4.5vw,50px)!important;color:#fff!important;margin:4px 0 7px!important;line-height:1.2!important}
.notification-hero-copy-v11 p{color:#dbeafe!important;font-size:10px!important;line-height:1.9!important;max-width:760px!important}
.notification-hero-actions-v11{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.notification-hero-actions-v11>*{min-height:40px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font-family:inherit;font-size:8px;font-weight:900;cursor:pointer}
.notification-hero-actions-v11 button:first-child{background:#fff;color:#1d4ed8;border-color:#fff}

.notification-focus-panel-v11{position:relative;z-index:2;padding:15px;border-radius:21px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 40px rgba(15,23,42,.18)}
.notification-focus-head-v11{display:flex;align-items:center;justify-content:space-between;gap:8px}
.notification-focus-head-v11 span{font-size:7px;color:#64748b}.notification-focus-head-v11 span i{color:#f59e0b}
.notification-focus-head-v11 b{padding:5px 7px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:7px}
.notification-focus-panel-v11>strong{display:block;margin:10px 0 3px;font-size:14px;color:#0f172a}
.notification-focus-panel-v11>p{margin:0;font-size:7px;line-height:1.7;color:#64748b}
.notification-focus-summary-v11{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}
.notification-focus-summary-v11 span{padding:8px 4px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}
.notification-focus-summary-v11 small{display:block;font-size:6px;color:#94a3b8}.notification-focus-summary-v11 b{display:block;margin-top:2px;font-size:11px;color:#0f172a}
.notification-focus-panel-v11>button{width:100%;min-height:38px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-family:inherit;font-size:7px;font-weight:900;cursor:pointer}.notification-focus-panel-v11>button:disabled{background:#cbd5e1;cursor:default}

.notification-stats-v11{grid-template-columns:repeat(6,1fr)!important;gap:8px!important}.notification-stats-v11 article{min-height:90px!important;padding:11px!important}.notification-stats-v11 strong{font-size:18px!important}
.notification-center-layout{grid-template-columns:245px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.notification-filter-card{position:sticky!important;top:84px!important;padding:13px!important;border-radius:19px!important}
.notification-filter-list-v11{display:grid!important;gap:5px!important}
.notification-filter-list-v11 button{min-height:42px!important;padding:0 9px!important;border-radius:10px!important;display:grid!important;grid-template-columns:24px 1fr auto!important;align-items:center!important;gap:7px!important;text-align:right!important}
.notification-filter-list-v11 button>span{min-width:24px;height:24px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:6px}
.notification-filter-list-v11 button.active>span{background:rgba(255,255,255,.18);color:#fff}
.notification-center-main{min-width:0!important}
.notification-center-head-v11{align-items:flex-end!important;padding:14px 15px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(15,23,42,.045)!important;margin-bottom:10px!important}
.notification-center-head-v11 h2{font-size:20px!important;margin:2px 0!important}.notification-center-head-v11 p{margin:0!important;font-size:7px!important;color:#64748b!important}
.notification-list-tools-v11{display:flex;align-items:center;gap:7px}.notification-list-tools-v11 label{min-width:230px;height:38px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;color:#94a3b8}.notification-list-tools-v11 input{width:100%;border:0;outline:0;background:transparent;font-family:inherit;font-size:7px}.notification-list-tools-v11>span{padding:6px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:7px;font-weight:900;white-space:nowrap}
.notification-center-list{display:grid!important;gap:8px!important}
.notification-center-item-v11{min-height:112px!important;padding:12px!important;border-radius:17px!important;border:1px solid #e2e8f0!important;background:#fff!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important;transition:.2s ease!important}
.notification-center-item-v11.unread{border-color:#bfdbfe!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 9px 22px rgba(37,99,235,.07)!important}.notification-center-item-v11.priority-urgent{border-color:#fecaca!important;background:linear-gradient(180deg,#fff,#fff7f7)!important}.notification-center-item-v11:hover{transform:translateY(-2px)!important;box-shadow:0 11px 24px rgba(15,23,42,.075)!important}
.notification-center-item-v11 .notification-center-icon{width:48px!important;height:48px!important;border-radius:14px!important}
.notification-center-title-row{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.notification-center-title-row h3{font-size:11px!important;margin:0!important}.notification-new-dot,.notification-priority{padding:4px 6px!important;border-radius:999px!important;font-size:5px!important;font-weight:900!important}.notification-new-dot{background:#dbeafe!important;color:#1d4ed8!important}.notification-priority.urgent{background:#fef2f2;color:#dc2626}.notification-priority.high{background:#fffbeb;color:#b45309}
.notification-center-copy>p{margin:5px 0 7px!important;font-size:7px!important;line-height:1.75!important;color:#64748b!important}
.notification-center-meta{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.notification-center-meta span{padding:4px 6px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:5px!important}.notification-center-meta i{margin-left:3px;color:#2563eb}
.notification-center-actions{display:grid!important;gap:5px!important;min-width:115px!important}.notification-center-actions button{min-height:35px!important;border-radius:9px!important;font-size:6px!important}.notification-open-btn{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.notification-read-btn{background:#fff!important;color:#64748b!important;border:1px solid #e2e8f0!important}
.notification-empty-v11{grid-column:1/-1!important}

/* Bell badge + mini center */
.student-notification-trigger,.ref-notification-btn,#notificationBtn{position:relative!important}
.notification-badge{position:absolute!important;top:-4px!important;left:-4px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#ef4444!important;color:#fff!important;border:2px solid #fff!important;font-size:6px!important;font-weight:900!important;line-height:1!important;box-shadow:0 3px 8px rgba(239,68,68,.25)!important}
.notification-widget-popover-v11{position:fixed;z-index:9999;padding:10px;border:1px solid #e2e8f0;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(15,23,42,.22);backdrop-filter:blur(18px);direction:rtl}
.notification-widget-head-v11{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 4px 9px;border-bottom:1px solid #eef2f7}.notification-widget-head-v11 small{display:block;font-size:5px;color:#94a3b8}.notification-widget-head-v11 strong{display:block;font-size:11px;color:#0f172a}.notification-widget-head-v11>span{padding:5px 7px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:6px;font-weight:900}
.notification-widget-list-v11{display:grid;gap:4px;padding:7px 0;max-height:385px;overflow:auto}.notification-widget-list-v11>button{position:relative;width:100%;min-height:72px;padding:8px;border:0;border-radius:12px;background:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) 7px;gap:7px;align-items:center;text-align:right;font-family:inherit;cursor:pointer}.notification-widget-list-v11>button:hover{background:#f8fafc}.notification-widget-list-v11>button.unread{background:#f8fbff}.notification-widget-list-v11>button>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.notification-widget-list-v11 .tone-blue{background:#eff6ff;color:#2563eb}.notification-widget-list-v11 .tone-green{background:#ecfdf5;color:#059669}.notification-widget-list-v11 .tone-red{background:#fef2f2;color:#dc2626}.notification-widget-list-v11 .tone-amber{background:#fffbeb;color:#d97706}.notification-widget-list-v11 .tone-violet{background:#f5f3ff;color:#7c3aed}.notification-widget-list-v11 strong{display:block;font-size:8px;color:#0f172a}.notification-widget-list-v11 p{margin:2px 0!important;font-size:6px!important;color:#64748b!important;line-height:1.55!important}.notification-widget-list-v11 small{display:block;font-size:5px;color:#94a3b8}.notification-widget-dot-v11{width:7px;height:7px;border-radius:50%;background:#2563eb}
.notification-widget-all-v11{min-height:38px;border-radius:10px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:7px;font-weight:900}
.notification-widget-empty-v11{padding:24px 10px;text-align:center}.notification-widget-empty-v11 span{display:block;font-size:28px}.notification-widget-empty-v11 strong{display:block;margin:4px 0;font-size:9px;color:#0f172a}.notification-widget-empty-v11 small{font-size:6px;color:#94a3b8}

/* Teacher notification requests */
.teacher-notification-grid-v11{grid-template-columns:1.1fr .9fr!important;align-items:start!important}
.teacher-notification-request-v11 h4 i{color:#7c3aed;margin-left:4px}.teacher-notification-request-v11 small{display:block;margin-top:4px;color:#64748b;font-size:7px;line-height:1.6}
#teacherNotificationForm textarea{min-height:130px}
#teacherNotificationForm input,#teacherNotificationForm select,#teacherNotificationForm textarea{border-radius:11px}

@media(max-width:1100px){
  .notification-stats-v11{grid-template-columns:repeat(3,1fr)!important}
  .notification-center-layout{grid-template-columns:210px minmax(0,1fr)!important}
  .teacher-notification-grid-v11{grid-template-columns:1fr!important}
}
@media(max-width:850px){
  .notification-hero-card-v11{grid-template-columns:1fr!important}.notification-focus-panel-v11{max-width:470px}
  .notification-center-layout{grid-template-columns:1fr!important}.notification-filter-card{position:static!important}.notification-filter-list-v11{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.notification-filter-list-v11 button{flex:0 0 145px!important}
}
@media(max-width:650px){
  .notification-hero-card-v11{padding:17px 13px!important;border-radius:20px!important}.notification-hero-copy-v11 h1{font-size:29px!important}.notification-hero-actions-v11{display:grid!important;grid-template-columns:1fr 1fr!important}.notification-hero-actions-v11 a{grid-column:1/-1!important}.notification-hero-actions-v11>*{width:100%!important}
  .notification-stats-v11{grid-template-columns:1fr 1fr!important;gap:6px!important}.notification-stats-v11 article{min-height:78px!important;padding:9px!important}
  .notification-center-head-v11{align-items:flex-start!important;flex-direction:column!important}.notification-list-tools-v11{width:100%!important;display:grid!important;grid-template-columns:1fr auto!important}.notification-list-tools-v11 label{min-width:0!important;width:100%!important}
  .notification-center-item-v11{grid-template-columns:42px minmax(0,1fr)!important;padding:10px!important}.notification-center-item-v11 .notification-center-icon{width:42px!important;height:42px!important}.notification-center-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;min-width:0!important}.notification-center-actions button{width:100%!important}
  .notification-widget-popover-v11{left:8px!important;right:8px!important;width:auto!important;top:70px!important}
}

/* Comprehensive Search & Discovery v12 */
.search-hero-v12{padding:20px 0 0!important}
.search-hero-card-v12{
  min-height:330px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:center;
  position:relative;overflow:visible;border-radius:28px;background:linear-gradient(120deg,#0f172a,#1e3a8a 52%,#4f46e5);
  box-shadow:0 24px 52px rgba(15,23,42,.16)
}
.search-hero-card-v12::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-195px;background:rgba(255,255,255,.06);pointer-events:none}
.search-hero-copy-v12{position:relative;z-index:4;min-width:0}
.search-hero-copy-v12 h1{font-size:clamp(34px,4.7vw,54px);line-height:1.15;margin:5px 0 8px;color:#fff}
.search-hero-copy-v12>p{max-width:780px;color:#dbeafe;font-size:10px;line-height:1.9}
.search-main-wrap-v12{position:relative;max-width:790px;margin-top:18px}
.search-box-v12{height:62px!important;padding:6px 7px 6px 17px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 15px 32px rgba(15,23,42,.18)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:9px!important;align-items:center!important}
.search-box-v12>i{font-size:16px;color:#2563eb}
.search-box-v12 input{height:100%!important;border:0!important;outline:0!important;background:transparent!important;font-family:inherit!important;font-size:10px!important;color:#0f172a!important}
.search-box-v12 .btn{min-width:92px!important;height:48px!important;border-radius:12px!important}
.search-autocomplete-v12{position:absolute;z-index:50;top:calc(100% + 8px);right:0;left:0;padding:7px;border:1px solid #dbe3ee;border-radius:16px;background:rgba(255,255,255,.99);box-shadow:0 22px 48px rgba(15,23,42,.22);backdrop-filter:blur(16px);max-height:390px;overflow:auto}
.search-autocomplete-v12 button{width:100%;min-height:60px;padding:7px 8px;border:0;border-radius:11px;background:transparent;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:8px;align-items:center;text-align:right;font-family:inherit;cursor:pointer}
.search-autocomplete-v12 button:hover{background:#f8fafc}
.search-autocomplete-v12 button>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}
.search-autocomplete-v12 button .teacher{background:#f5f3ff;color:#7c3aed}.search-autocomplete-v12 button .quiz{background:#fff7ed;color:#ea580c}.search-autocomplete-v12 button .file{background:#fef2f2;color:#dc2626}.search-autocomplete-v12 button .subject{background:#ecfdf5;color:#059669}
.search-autocomplete-v12 strong{display:block;font-size:8px;color:#0f172a}.search-autocomplete-v12 small{display:block;margin-top:2px;font-size:6px;color:#64748b}.search-autocomplete-v12>button>i{font-size:8px;color:#94a3b8}
.search-suggestions-v12{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px!important}.search-suggestions-v12>span{font-size:7px;color:#bfdbfe;font-weight:900}.search-suggestions-v12 button{min-height:31px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;font-family:inherit;font-size:6px;font-weight:900;cursor:pointer}

.search-hero-side-v12{position:relative;z-index:2;padding:17px;border-radius:21px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);text-align:center;color:#fff}
.search-hero-orb-v12{width:72px;height:72px;margin:auto;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#dbeafe);color:#2563eb;font-size:26px;box-shadow:0 14px 26px rgba(15,23,42,.18)}
.search-hero-side-v12>strong{display:block;margin-top:11px;font-size:12px}.search-hero-side-v12>p{margin:4px 0 11px;font-size:7px;line-height:1.7;color:#dbeafe}
.search-hero-stats-v12{display:grid;grid-template-columns:1fr 1fr;gap:6px}.search-hero-stats-v12 span{padding:8px 4px;border-radius:11px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12)}.search-hero-stats-v12 b{display:block;font-size:12px}.search-hero-stats-v12 small{display:block;margin-top:2px;font-size:5px;color:#dbeafe}

.search-discovery-v12{margin-top:16px}
.search-discovery-head-v12{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.search-discovery-head-v12 h2{margin:3px 0;font-size:22px;color:#0f172a}.search-discovery-head-v12 p{margin:0;font-size:8px;color:#64748b}.search-discovery-head-v12 .btn{min-height:36px!important}
.search-recent-wrap-v12{padding:10px 12px;margin-bottom:10px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.search-recent-wrap-v12>strong{display:block;margin-bottom:7px;font-size:8px;color:#475569}.search-recent-wrap-v12>strong i{color:#2563eb;margin-left:4px}
.search-recent-v12{display:flex;gap:6px;flex-wrap:wrap}.search-recent-v12 button{min-height:32px;padding:0 9px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-family:inherit;font-size:6px;font-weight:900;cursor:pointer}.search-recent-v12 button:hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}
.search-discovery-grid-v12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.search-discovery-panel-v12{min-width:0;padding:14px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.045)}.search-discovery-panel-v12>div:first-child{margin-bottom:8px}.search-discovery-panel-v12 h3{margin:2px 0;font-size:14px;color:#0f172a}.search-discovery-panel-v12>div:last-child{display:grid;gap:5px}
.search-discovery-card-v12{min-height:60px;padding:7px;border:1px solid #eef2f7;border-radius:12px;background:#f8fafc;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:7px;align-items:center;text-decoration:none;transition:.18s}.search-discovery-card-v12:hover{transform:translateY(-2px);border-color:#bfdbfe;background:#fff}.search-discovery-icon-v12{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.search-discovery-icon-v12.teacher{background:#f5f3ff;color:#7c3aed}.search-discovery-icon-v12.quiz{background:#fff7ed;color:#ea580c}.search-discovery-icon-v12.file{background:#fef2f2;color:#dc2626}.search-discovery-card-v12 small{display:block;font-size:5px;color:#2563eb;font-weight:900}.search-discovery-card-v12 strong{display:block;font-size:8px;color:#0f172a}.search-discovery-card-v12 p{margin:2px 0 0;font-size:6px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-discovery-card-v12>i{font-size:7px;color:#94a3b8}

.search-workspace-v12{grid-template-columns:235px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;margin-top:16px!important;margin-bottom:45px!important}
.search-filters-v12{position:sticky!important;top:84px!important;padding:13px!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}
.search-filter-title-v12 h3{margin:2px 0 9px;font-size:13px}.search-type-filter-v12{display:grid;gap:4px}
.search-type-filter-v12 button{min-height:38px!important;padding:0 8px!important;border-radius:9px!important;display:grid!important;grid-template-columns:22px 1fr auto!important;gap:6px!important;align-items:center!important;text-align:right!important}
.search-type-filter-v12 button>span{min-width:23px;height:23px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:5px}.search-type-filter-v12 button.active>span{background:rgba(255,255,255,.18);color:#fff}
.search-filters-v12 label{display:block;margin-top:8px}.search-filters-v12 label>span{display:block;margin-bottom:4px;font-size:6px;color:#64748b;font-weight:900}.search-filters-v12 select{width:100%;min-height:38px;padding:0 8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-family:inherit;font-size:7px;color:#0f172a}
.search-reset-v12{width:100%;min-height:36px;margin-top:10px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#64748b;font-family:inherit;font-size:7px;font-weight:900;cursor:pointer}

.search-results-head-v12{padding:13px 14px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(15,23,42,.045)!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
.search-results-head-v12 h2{margin:2px 0!important;font-size:20px!important}.search-results-head-v12 p{margin:0!important;font-size:7px!important;color:#64748b!important}.search-results-actions-v12{display:flex;align-items:center;gap:7px}.search-results-actions-v12>span{padding:6px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:7px;font-weight:900;white-space:nowrap}.search-results-actions-v12 .btn{min-height:36px!important;font-size:6px!important}
.search-results-v12{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.search-result-card-v12{min-width:0;min-height:175px;padding:0!important;overflow:hidden;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;display:grid!important;grid-template-columns:115px minmax(0,1fr) 34px!important;gap:0!important;align-items:stretch!important;box-shadow:0 7px 20px rgba(15,23,42,.045)!important;transition:.2s ease!important;text-decoration:none!important}
.search-result-card-v12:hover{transform:translateY(-3px)!important;border-color:#93c5fd!important;box-shadow:0 14px 28px rgba(15,23,42,.085)!important}
.search-result-visual-v12{position:relative;min-height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);overflow:hidden}.search-result-visual-v12 img{width:100%;height:100%;object-fit:cover}.search-result-visual-v12>span{font-size:38px}.search-result-visual-v12::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,23,42,.45))}.search-result-visual-v12 em{position:absolute;z-index:2;right:7px;bottom:7px;padding:4px 6px;border-radius:999px;background:rgba(15,23,42,.68);color:#fff;font-size:5px;font-style:normal;font-weight:900}
.search-result-card-v12.teacher .search-result-visual-v12{background:linear-gradient(135deg,#ede9fe,#dbeafe)}.search-result-card-v12.quiz .search-result-visual-v12{background:linear-gradient(135deg,#ffedd5,#fef3c7)}.search-result-card-v12.file .search-result-visual-v12{background:linear-gradient(135deg,#fee2e2,#fce7f3)}.search-result-card-v12.live .search-result-visual-v12{background:linear-gradient(135deg,#fee2e2,#ede9fe)}
.search-result-copy-v12{padding:12px 10px;min-width:0}.search-result-copy-v12>small{display:block;font-size:6px;color:#2563eb;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-copy-v12 h3{margin:3px 0!important;font-size:12px!important;line-height:1.5!important;color:#0f172a!important}.search-result-copy-v12>p{margin:0 0 8px!important;font-size:6px!important;line-height:1.7!important;color:#64748b!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-tags{display:flex!important;gap:4px!important;flex-wrap:wrap!important}.search-result-tags span{padding:4px 6px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;color:#64748b!important;font-size:5px!important}.search-result-tags .personal{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}.search-result-open{align-self:center!important;justify-self:center!important;width:28px!important;height:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#eff6ff!important;color:#2563eb!important}
.search-empty-v12{border:1px dashed #cbd5e1!important;border-radius:18px!important;background:#fff!important}
.search-loading{min-height:170px!important}

.ref-dashboard-search-wrap-v12{position:relative;min-width:0;flex:1;max-width:620px}
.ref-dashboard-search-wrap-v12 .ref-dashboard-search{width:100%!important}
.dash-search-suggestions-v12{position:absolute;z-index:120;top:calc(100% + 8px);right:0;left:0;padding:7px;border:1px solid #e2e8f0;border-radius:15px;background:rgba(255,255,255,.99);box-shadow:0 20px 48px rgba(15,23,42,.20);backdrop-filter:blur(16px)}
.dash-search-suggestions-v12>button{width:100%;min-height:58px;padding:7px;border:0;border-radius:10px;background:transparent;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:7px;align-items:center;text-align:right;font-family:inherit;cursor:pointer}.dash-search-suggestions-v12>button:hover{background:#f8fafc}.dash-search-suggestions-v12>button>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;font-size:17px}.dash-search-suggestions-v12 strong{display:block;font-size:8px;color:#0f172a}.dash-search-suggestions-v12 small{display:block;margin-top:2px;font-size:5px;color:#64748b}.dash-search-suggestions-v12>button>i{font-size:7px;color:#94a3b8}.dash-search-suggestions-v12>a{min-height:38px;margin-top:4px;border-radius:9px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:6px;font-weight:900}

@media(max-width:1100px){
 .search-hero-card-v12{grid-template-columns:minmax(0,1fr) 245px}
 .search-workspace-v12{grid-template-columns:205px minmax(0,1fr)!important}
 .search-results-v12{grid-template-columns:1fr!important}
}
@media(max-width:850px){
 .search-hero-card-v12{grid-template-columns:1fr}.search-hero-side-v12{display:none}
 .search-discovery-grid-v12{grid-template-columns:1fr}
 .search-workspace-v12{grid-template-columns:1fr!important}.search-filters-v12{position:static!important}.search-type-filter-v12{display:flex;overflow-x:auto;scrollbar-width:none}.search-type-filter-v12 button{flex:0 0 125px!important}
 .search-filters-v12{display:grid;grid-template-columns:1fr 1fr;gap:7px}.search-filter-title-v12,.search-type-filter-v12,.search-filter-divider,.search-reset-v12{grid-column:1/-1}.search-filters-v12 label{margin-top:0}
}
@media(max-width:650px){
 .search-hero-card-v12{padding:17px 13px;border-radius:20px;min-height:270px}.search-hero-copy-v12 h1{font-size:30px}.search-box-v12{height:56px!important;grid-template-columns:auto 1fr!important;padding:6px 10px!important}.search-box-v12 .btn{display:none!important}.search-box-v12 input{font-size:8px!important}
 .search-suggestions-v12>span{width:100%}.search-autocomplete-v12{position:fixed;top:72px;right:8px;left:8px;max-height:60vh}
 .search-discovery-head-v12{align-items:flex-start;flex-direction:column}.search-recent-v12{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.search-recent-v12 button{flex:0 0 auto}
 .search-filters-v12{grid-template-columns:1fr 1fr;padding:10px!important}.search-results-head-v12{align-items:flex-start!important;flex-direction:column!important}.search-results-actions-v12{width:100%;justify-content:space-between}.search-results-actions-v12 .btn{flex:1}
 .search-result-card-v12{grid-template-columns:86px minmax(0,1fr) 28px!important;min-height:150px}.search-result-copy-v12{padding:10px 8px}.search-result-copy-v12 h3{font-size:10px!important}.search-result-tags span{font-size:4px!important}
 .ref-dashboard-search-wrap-v12{max-width:none}.dash-search-suggestions-v12{position:fixed;top:68px;right:8px;left:8px}
}

/* Smart student home v13 */
.dashboard-smart-plan-v13{
  margin:0 0 15px;padding:16px;border:1px solid #dbeafe;border-radius:22px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#f5f3ff 100%);
  box-shadow:0 12px 30px rgba(15,23,42,.065);position:relative;overflow:hidden;
}
.dashboard-smart-plan-v13::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-85px;top:-95px;background:rgba(99,102,241,.06)}
.dashboard-smart-plan-head-v13{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.dashboard-smart-plan-title-v13{display:flex;align-items:center;gap:10px}.dashboard-smart-plan-icon-v13{width:48px;height:48px;min-width:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:18px;box-shadow:0 10px 20px rgba(79,70,229,.18)}
.dashboard-smart-plan-title-v13 h2{margin:1px 0 2px;font-size:20px;color:#0f172a}.dashboard-smart-plan-title-v13 p{margin:0;font-size:7px;line-height:1.7;color:#64748b}
.dashboard-smart-plan-signals-v13{display:flex;align-items:center;gap:6px}.dashboard-smart-plan-signals-v13>span{min-width:76px;padding:7px 8px;border-radius:12px;border:1px solid #eef2f7;background:#fff;display:grid;grid-template-columns:24px 1fr;grid-template-areas:"icon number" "icon label";column-gap:6px;align-items:center;box-shadow:0 5px 14px rgba(15,23,42,.035)}.dashboard-smart-plan-signals-v13 i{grid-area:icon;width:24px;height:24px;border-radius:8px;display:grid;place-items:center}.dashboard-smart-plan-signals-v13 b{grid-area:number;font-size:10px;color:#0f172a}.dashboard-smart-plan-signals-v13 small{grid-area:label;font-size:5px;color:#94a3b8}.dashboard-smart-plan-signals-v13 .urgent i{background:#fef2f2;color:#dc2626}.dashboard-smart-plan-signals-v13 .review i{background:#f5f3ff;color:#7c3aed}.dashboard-smart-plan-signals-v13 .new i{background:#ecfeff;color:#0891b2}

.dashboard-smart-plan-grid-v13{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.smart-plan-card-v13{min-width:0;min-height:225px;padding:12px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;text-decoration:none;color:#0f172a;display:flex;flex-direction:column;transition:.22s ease;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.smart-plan-card-v13:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(15,23,42,.085);border-color:#bfdbfe}
.smart-plan-card-v13.primary{background:linear-gradient(180deg,#fff,#eff6ff);border-color:#bfdbfe}.smart-plan-card-v13.review{background:linear-gradient(180deg,#fff,#faf5ff);border-color:#e9d5ff}.smart-plan-card-v13.quiz{background:linear-gradient(180deg,#fff,#f5f3ff);border-color:#ddd6fe}.smart-plan-card-v13.fresh{background:linear-gradient(180deg,#fff,#ecfeff);border-color:#bae6fd}
.smart-plan-card-top-v13{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:9px}.smart-plan-card-icon-v13{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.smart-plan-card-v13.review .smart-plan-card-icon-v13{background:#f5f3ff;color:#7c3aed}.smart-plan-card-v13.quiz .smart-plan-card-icon-v13{background:#ede9fe;color:#6d28d9}.smart-plan-card-v13.fresh .smart-plan-card-icon-v13{background:#ecfeff;color:#0891b2}
.smart-plan-card-badge-v13{max-width:120px;padding:5px 7px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-plan-card-v13>small{font-size:6px;font-weight:900;color:#2563eb}.smart-plan-card-v13 h3{margin:3px 0 5px;font-size:13px;line-height:1.45;color:#0f172a}.smart-plan-card-v13>p{margin:0 0 8px;font-size:7px;line-height:1.7;color:#64748b}
.smart-plan-reason-v13{margin-top:auto;padding:8px;border-radius:11px;background:rgba(255,255,255,.72);border:1px solid rgba(226,232,240,.9);display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;align-items:start}.smart-plan-reason-v13 i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-size:7px}.smart-plan-reason-v13 span{font-size:6px;line-height:1.65;color:#64748b}
.smart-plan-card-foot-v13{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(226,232,240,.8);color:#2563eb}.smart-plan-card-foot-v13 strong{font-size:7px}.smart-plan-card-foot-v13 i{font-size:8px}
.smart-plan-loading-v13,.smart-plan-empty-v13{grid-column:1/-1;min-height:120px;padding:18px;border:1px dashed #cbd5e1;border-radius:16px;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.smart-plan-loading-v13>span{width:34px;height:34px;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:mixSpin .8s linear infinite}.smart-plan-loading-v13 strong,.smart-plan-empty-v13 strong{display:block;font-size:10px;color:#0f172a}.smart-plan-loading-v13 p,.smart-plan-empty-v13 p{margin:2px 0;font-size:7px;color:#64748b}.smart-plan-empty-v13>span{font-size:31px}.smart-plan-empty-v13 a{min-height:36px;padding:0 10px;border-radius:10px;background:#2563eb;color:#fff;display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-size:7px;font-weight:900}
.mix-recommended-reason-v13{margin:6px 0!important;padding:6px 7px!important;border-radius:9px!important;background:#f8fafc!important;color:#64748b!important;font-size:6px!important;line-height:1.6!important}.mix-recommended-reason-v13 i{color:#7c3aed;margin-left:3px}

@keyframes mixSpin{to{transform:rotate(360deg)}}
@media(max-width:1180px){
  .dashboard-smart-plan-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .dashboard-smart-plan-v13{padding:12px;border-radius:18px}.dashboard-smart-plan-head-v13{align-items:flex-start;flex-direction:column}.dashboard-smart-plan-signals-v13{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.dashboard-smart-plan-signals-v13>span{min-width:0}
  .dashboard-smart-plan-grid-v13{grid-template-columns:1fr}.smart-plan-card-v13{min-height:190px}
}