/* MIHO reference UI — one deterministic design layer for both themes. */
:root{
  color-scheme:dark;
  --ui-bg:#050d18;
  --ui-sidebar:#050b14;
  --ui-header:rgba(5,13,24,.96);
  --ui-panel:#0b1625;
  --ui-panel-soft:#0e1a2b;
  --ui-panel-hover:#122039;
  --ui-border:#1d2c42;
  --ui-border-soft:#16243a;
  --ui-text:#f7f9ff;
  --ui-text-2:#dbe2ef;
  --ui-muted:#8895aa;
  --ui-muted-2:#65738a;
  --ui-accent:#7847ff;
  --ui-accent-2:#9b72ff;
  --ui-accent-soft:rgba(120,71,255,.18);
  --ui-green:#32d17d;
  --ui-blue:#358dff;
  --ui-amber:#ffb224;
  --ui-red:#f25f77;
  --ui-shadow:0 12px 34px rgba(0,0,0,.20);
  --ui-shadow-soft:0 6px 22px rgba(0,0,0,.12);
  --ui-radius:10px;
}
html[data-theme="light"]{
  color-scheme:light;
  --ui-bg:#f7f9fd;
  --ui-sidebar:#ffffff;
  --ui-header:rgba(255,255,255,.94);
  --ui-panel:#ffffff;
  --ui-panel-soft:#f8faff;
  --ui-panel-hover:#f2efff;
  --ui-border:#e0e6f0;
  --ui-border-soft:#ebeff5;
  --ui-text:#11172a;
  --ui-text-2:#29344c;
  --ui-muted:#68758b;
  --ui-muted-2:#929cb0;
  --ui-accent:#7446f5;
  --ui-accent-2:#966cff;
  --ui-accent-soft:#eee8ff;
  --ui-shadow:0 14px 38px rgba(42,54,83,.08);
  --ui-shadow-soft:0 5px 18px rgba(42,54,83,.055);
}

html,body{min-height:100%;background:var(--ui-bg)!important;color:var(--ui-text)!important}
body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:12px;overflow-x:hidden}
button,input,select,textarea{font-family:inherit}
a,button{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ui-accent-2)!important;outline-offset:2px}
[hidden]{display:none!important}

/* Application frame */
.product-shell{min-height:100vh!important;background:var(--ui-bg)!important;color:var(--ui-text)!important}
.product-sidebar{width:184px!important;padding:20px 10px 12px!important;background:var(--ui-sidebar)!important;border-right:1px solid var(--ui-border)!important;box-shadow:none!important}
.product-sidebar .brand{height:35px;padding:0 8px!important;gap:9px!important;color:var(--ui-text)!important;font-size:20px!important;letter-spacing:-.8px!important}
.product-sidebar .brand b,.auth-logo b{width:28px!important;height:28px!important;border-radius:6px!important;background:linear-gradient(145deg,#9b6cff,#6e35f2)!important;box-shadow:0 6px 18px rgba(113,61,245,.32);font-size:14px!important}
.product-sidebar nav{margin-top:20px!important;overflow-y:auto;scrollbar-width:none}
.product-sidebar nav::-webkit-scrollbar{display:none}
.nav-caption{display:none!important}
.product-sidebar nav a,.nav-logout{height:35px!important;margin:2px 0!important;padding:0 11px!important;gap:10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--ui-muted)!important;font-size:10px!important;font-weight:600!important;transition:background-color .16s,color .16s,transform .16s!important}
.product-sidebar nav a:hover,.nav-logout:hover{background:var(--ui-panel-soft)!important;color:var(--ui-text)!important;transform:translateX(1px)}
.product-sidebar nav a.active{background:linear-gradient(90deg,rgba(120,71,255,.88),rgba(107,57,229,.33))!important;color:#fff!important;box-shadow:inset 2px 0 #a982ff,0 5px 16px rgba(82,41,185,.18)!important}
.product-sidebar .ui-icon{width:15px!important;height:15px!important;flex:0 0 15px}
.nav-logout{width:100%!important;cursor:pointer}
.sidebar-streak{display:none!important}
.side-user{margin-top:auto!important;min-height:54px!important;padding:8px!important;border:1px solid var(--ui-border)!important;border-radius:9px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-soft)!important}
.side-user .avatar,.top-avatar,.avatar{background:linear-gradient(145deg,#986cff,#6935ef)!important;color:#fff!important}
.side-user strong{font-size:9px!important}.side-user small{color:var(--ui-muted)!important;font-size:7px!important}
.product-main{width:calc(100% - 184px)!important;margin-left:184px!important;min-width:0!important;background:var(--ui-bg)!important}
.product-top{height:56px!important;padding:0 16px!important;gap:14px!important;background:var(--ui-header)!important;border-bottom:1px solid var(--ui-border)!important;backdrop-filter:blur(14px)!important;box-shadow:none!important}
.mobile-menu,.mobile-logo{display:none}
.global-search{width:min(440px,44vw)!important;height:34px!important;margin-right:auto!important;border:1px solid var(--ui-border)!important;border-radius:7px!important;background:var(--ui-panel)!important;color:var(--ui-muted)!important;box-shadow:none!important}
.global-search>span{left:11px!important}.global-search .ui-icon{width:14px!important;height:14px!important}
.global-search input{height:100%!important;padding:0 34px!important;background:transparent!important;border:0!important;color:var(--ui-text)!important;font-size:9px!important}
.global-search input::placeholder{color:var(--ui-muted-2)!important}
.global-search:after{content:"⌘K"!important;right:8px!important;padding:3px 6px!important;border:0!important;border-radius:5px!important;background:var(--ui-accent-soft)!important;color:var(--ui-muted)!important;font-size:7px!important}
.search-dropdown{top:41px!important;padding:6px!important;border:1px solid var(--ui-border)!important;border-radius:9px!important;background:var(--ui-panel)!important;box-shadow:var(--ui-shadow)!important}
.search-dropdown a{border-radius:7px!important;color:var(--ui-text)!important}.search-dropdown a:hover{background:var(--ui-panel-hover)!important}
.top-actions-new{gap:8px!important}
.top-actions-new:before{display:none!important}
.top-streak{height:34px!important;padding:0 10px!important;border:1px solid var(--ui-border)!important;border-radius:7px!important;background:var(--ui-panel)!important;color:var(--ui-amber)!important;font-size:9px!important}
.top-icon,.theme-switch{width:34px!important;height:34px!important;padding:8px!important;border:1px solid var(--ui-border)!important;border-radius:7px!important;background:var(--ui-panel)!important;color:var(--ui-text-2)!important;box-shadow:none!important;cursor:pointer;transition:.16s!important}
.top-icon:hover,.theme-switch:hover{border-color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important;color:var(--ui-accent-2)!important}
.top-icon .ui-icon,.theme-switch .ui-icon{width:16px!important;height:16px!important}
.top-icon i{right:-2px!important;top:-3px!important;background:var(--ui-accent)!important;border:2px solid var(--ui-bg)!important}
.top-profile{height:40px!important;padding:3px 7px 3px 4px!important;gap:8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ui-text)!important}
.top-profile:hover{background:var(--ui-panel)!important}.top-avatar{width:31px!important;height:31px!important;font-size:9px!important}
.top-profile strong{font-size:9px!important}.top-profile small{margin-top:1px!important;color:var(--ui-muted)!important;font-size:7px!important}
.top-profile>.ui-icon{width:12px!important;color:var(--ui-muted)!important}
.top-popover{top:50px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important}
.top-popover a,.top-popover button{color:var(--ui-text-2)!important}.top-popover a:hover,.top-popover button:hover{background:var(--ui-panel-hover)!important}
.language-current{height:34px!important;padding:0 8px!important;border:1px solid var(--ui-border)!important;border-radius:7px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:none!important}
.language-menu{border-color:var(--ui-border)!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important}
.language-menu button{color:var(--ui-text-2)!important}.language-menu button:hover,.language-menu button[aria-selected="true"]{background:var(--ui-panel-hover)!important;color:var(--ui-text)!important}

/* Content rhythm and typography */
.product-content{width:100%!important;max-width:1480px!important;min-height:calc(100vh - 56px)!important;margin:0 auto!important;padding:18px 24px 38px!important;background:var(--ui-bg)!important;color:var(--ui-text)!important}
.page-head,.teacher-welcome,.admin-welcome,.ref-welcome{margin:0 0 16px!important;align-items:center!important}
.page-head h1,.teacher-welcome h1,.admin-welcome h1,.ref-welcome h1{margin:0 0 4px!important;color:var(--ui-text)!important;font-size:24px!important;line-height:1.18!important;letter-spacing:-.7px!important;text-shadow:none!important}
.page-head p,.teacher-welcome p,.admin-welcome p,.ref-welcome p{margin:0!important;color:var(--ui-muted)!important;font-size:10px!important;line-height:1.5!important}
.overline{color:var(--ui-accent-2)!important;font-size:7px!important;font-weight:800!important;letter-spacing:1px!important}
.catalog-count,.admin-welcome>span,.page-head>span,.page-head>div+span{padding:8px 11px!important;border:1px solid var(--ui-border)!important;border-radius:7px!important;background:var(--ui-panel)!important;color:var(--ui-muted)!important;box-shadow:none!important;font-size:8px!important}
.section-title h2,.admin-card h2,.dark-panel h2{color:var(--ui-text)!important}

/* Shared controls */
.btn{min-height:34px!important;padding:0 14px!important;border-radius:7px!important;font-size:9px!important;font-weight:700!important;box-shadow:none!important;transition:transform .16s,background-color .16s,border-color .16s!important}
.btn:hover:not(:disabled){transform:translateY(-1px)}
.btn.primary{border:1px solid #8558ff!important;background:linear-gradient(135deg,#8755ff,#6d39ef)!important;color:#fff!important;box-shadow:0 7px 18px rgba(103,53,231,.22)!important}
.btn.primary:hover{background:linear-gradient(135deg,#9568ff,#7944f5)!important}
.btn.secondary{border:1px solid var(--ui-border)!important;background:var(--ui-panel-soft)!important;color:var(--ui-text-2)!important}
.btn.secondary:hover{border-color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important;color:var(--ui-text)!important}
.btn.danger,.icon-danger{border:1px solid rgba(242,95,119,.42)!important;background:rgba(242,95,119,.11)!important;color:#ff8498!important}
.btn.danger:hover,.icon-danger:hover{border-color:#f25f77!important;background:rgba(242,95,119,.2)!important;color:#ffadba!important}
.filter-tabs{display:flex!important;gap:7px!important;margin:0 0 15px!important;padding:0!important;border:0!important;background:transparent!important}
.filter-tabs button{min-height:34px!important;padding:0 15px!important;border:1px solid var(--ui-border)!important;border-radius:7px!important;background:var(--ui-panel)!important;color:var(--ui-muted)!important;font-size:9px!important}
.filter-tabs button.active{border-color:var(--ui-accent)!important;background:linear-gradient(135deg,#8553ff,#6d3beb)!important;color:#fff!important;box-shadow:0 5px 15px rgba(103,53,231,.22)!important}
input,select,textarea{border:1px solid var(--ui-border)!important;border-radius:7px!important;background:var(--ui-panel-soft)!important;color:var(--ui-text)!important}
input::placeholder,textarea::placeholder{color:var(--ui-muted-2)!important}
progress{overflow:hidden;border:0;border-radius:20px;background:var(--ui-border)!important}
progress::-webkit-progress-bar{background:var(--ui-border)!important}
progress::-webkit-progress-value{background:linear-gradient(90deg,var(--ui-accent),var(--ui-accent-2))!important}

/* Cards used throughout the product */
:is(.admin-card,.dark-panel,.quick-panel,.recommend-panel,.settings-panel,.profile-real,.lesson-section,.lesson-aside,.question-card,.quiz-intro,.quiz-result,.work-dialog,.auth-dialog,.learning-browser,.game-card,.assignment-table article,.progress-list article,.student-table article,.achievement-grid article,.project-grid article,.notes-grid article,.activity-timeline article,.ranking-table article,.saved-list article,.notification-list article,.schedule-list article,.weekly-schedule article,.groups-grid article,.statistics-grid article,.performance-classes article){border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-soft)!important}
:is(.admin-card,.dark-panel,.quick-panel,.recommend-panel,.lesson-section,.lesson-aside) :is(p,small,em){color:var(--ui-muted)!important}
:is(.admin-card,.dark-panel,.quick-panel,.recommend-panel,.lesson-section,.lesson-aside) :is(h1,h2,h3,strong,b){color:var(--ui-text)!important;text-shadow:none!important}

/* Student dashboard — mirrors the reference composition. */
.ref-welcome{padding:0!important}.ref-welcome h1{font-size:25px!important}
.ref-stats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important}
.ref-stats article{min-height:76px!important;padding:12px!important;border:1px solid var(--ui-border)!important;border-radius:9px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-soft)!important}
.ref-stats article>span{width:36px!important;height:36px!important;border-radius:8px!important}.ref-stats .ui-icon{width:19px!important;height:19px!important}
.ref-stats small{color:var(--ui-muted)!important;font-size:8px!important}.ref-stats strong{margin-top:2px!important;color:var(--ui-text)!important;font-size:19px!important}.ref-stats strong em{color:var(--ui-muted)!important;font-size:7px!important}
.ref-stats p{color:var(--ui-muted)!important;font-size:7px!important}.ref-stats progress{height:4px!important}
.ref-dashboard-grid{grid-template-columns:minmax(0,2.1fr) minmax(220px,.7fr)!important;gap:12px!important}
.ref-left,.ref-right{gap:12px!important}
.ref-hero{min-height:194px!important;border:1px solid #332159!important;border-radius:10px!important;background:linear-gradient(90deg,rgba(8,10,26,.96),rgba(23,12,49,.58)),url('assets/illustrations/learning-laptop-v2.png') center 45%/cover no-repeat!important;box-shadow:var(--ui-shadow)!important}
.ref-hero:after{background:linear-gradient(90deg,rgba(4,8,18,.96),rgba(6,10,20,.25) 70%,transparent)!important}
.ref-hero>img{opacity:0!important}
.ref-hero-copy{padding:25px 30px!important}.ref-hero-copy>small{padding:4px 7px!important;border-radius:5px!important;background:rgba(121,70,242,.28)!important;color:#d8c9ff!important;font-size:8px!important}
.ref-hero-copy h2{max-width:390px!important;margin:10px 0 7px!important;color:#fff!important;font-size:23px!important;line-height:1.14!important;text-shadow:0 3px 20px #000!important}
.ref-hero-copy p{color:#bbc1d0!important;font-size:9px!important}.ref-hero-copy>div{margin-top:21px!important}.ref-hero-copy>div>span{color:#d6d9e2!important;font-size:8px!important}
.ref-hero>button{width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(8,13,26,.7)!important;color:#fff!important}.hero-dots{bottom:9px!important}
.ref-mid-row{grid-template-columns:minmax(0,1.55fr) minmax(210px,.85fr)!important;gap:12px!important}
.ref-path,.ref-quick,.ref-profile,.ref-goal,.ref-activity,.ref-recommend{border:1px solid var(--ui-border)!important;border-radius:10px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-soft)!important}
.ref-path,.ref-quick{padding:15px!important}.ref-path header,.ref-goal header,.ref-activity header,.ref-recommend header{margin-bottom:12px!important}.ref-path h2,.ref-quick h2,.ref-goal h2,.ref-activity h2,.ref-recommend h2{margin:0!important;color:var(--ui-text)!important;font-size:11px!important}
.ref-path header a,.ref-goal header a,.ref-activity header a,.ref-recommend header a{color:var(--ui-accent-2)!important;font-size:7px!important}
.ref-path>div>a span{width:30px!important;height:30px!important;background:var(--ui-accent-soft)!important;color:var(--ui-accent-2)!important}.ref-path>div>a strong{font-size:7px!important}.ref-path>div>a b{width:18px!important;height:18px!important;background:var(--ui-panel-soft)!important;color:var(--ui-accent-2)!important;border-color:var(--ui-border)!important}
.ref-quick>a{min-height:34px!important;margin-top:6px!important;padding:5px 8px!important;border:1px solid var(--ui-border-soft)!important;border-radius:7px!important;background:var(--ui-panel-soft)!important;color:var(--ui-text)!important}.ref-quick>a:hover{border-color:var(--ui-accent)!important;background:var(--ui-panel-hover)!important}.ref-quick>a>.ui-icon:first-child{background:var(--ui-accent-soft)!important;color:var(--ui-accent-2)!important}.ref-quick b{font-size:8px!important}.ref-quick small{font-size:6px!important;color:var(--ui-muted)!important}
.ref-recommend{padding:15px!important}.ref-recommend>div{gap:8px!important}.ref-recommend>div>a{min-height:92px!important;padding:11px!important;border:1px solid var(--ui-border-soft)!important;border-radius:8px!important;background:var(--ui-panel-soft)!important;color:var(--ui-text)!important}.ref-recommend>div>a strong{font-size:9px!important}.ref-recommend>div>a p{color:var(--ui-muted)!important;font-size:7px!important}.ref-recommend progress{height:4px!important}
.ref-profile{padding:10px!important}.ref-profile strong{color:var(--ui-text)!important;font-size:9px!important}.ref-profile p{color:var(--ui-muted)!important;font-size:7px!important}.ref-profile .avatar{width:34px!important;height:34px!important}
.ref-goal,.ref-activity{padding:14px!important}.ref-activity>div{padding:8px 0!important;border-color:var(--ui-border-soft)!important}.ref-activity>div>span{background:var(--ui-accent-soft)!important;color:var(--ui-accent-2)!important}.ref-activity strong{color:var(--ui-text)!important;font-size:8px!important}.ref-activity small{color:var(--ui-muted)!important;font-size:6px!important}

/* Admin and teacher dashboards */
.admin-metrics,.teacher-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important}
.admin-metrics article,.teacher-metrics article{min-height:118px!important;padding:14px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-soft)!important}
.admin-metrics article>span,.teacher-metrics article>span{width:38px!important;height:38px!important;border-radius:8px!important}.admin-metrics small,.teacher-metrics small{color:var(--ui-muted)!important;font-size:8px!important}.admin-metrics strong,.teacher-metrics strong{color:var(--ui-text)!important;font-size:23px!important}.admin-metrics em,.teacher-metrics em{color:var(--ui-green)!important;font-size:7px!important}
.admin-main-grid{grid-template-columns:1.8fr 1fr 1.05fr!important;gap:12px!important}.admin-bottom-grid{grid-template-columns:1.35fr 1fr!important;gap:12px!important;margin-top:12px!important}
.admin-card{padding:16px!important}.admin-card header{margin-bottom:12px!important}.admin-card header h2{font-size:11px!important}.admin-card header a{color:var(--ui-accent-2)!important;font-size:7px!important}.admin-chart svg{min-height:175px!important}.admin-chart svg g line{stroke:var(--ui-border)!important}.admin-chart footer{color:var(--ui-muted)!important}
.admin-recent>div,.admin-alerts>div,.admin-popular>div{border-color:var(--ui-border-soft)!important}.admin-recent strong,.admin-alerts strong,.admin-popular strong{color:var(--ui-text)!important}.admin-recent small,.admin-alerts small,.admin-popular span,.admin-recent time,.admin-alerts time{color:var(--ui-muted)!important}
.admin-table>div{border-color:var(--ui-border-soft)!important}.admin-table>div:first-child{background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important}.admin-table strong{color:var(--ui-text)!important}.admin-table span{color:var(--ui-muted)!important}
.teacher-main-grid{gap:12px!important}.teacher-current-body aside{border-color:var(--ui-border)!important}.teacher-current-body aside p{border-color:var(--ui-border-soft)!important;color:var(--ui-muted)!important}.teacher-class-table>div{border-color:var(--ui-border-soft)!important}.teacher-class-table>div:first-child{background:var(--ui-panel-soft)!important}.teacher-class-table a,.teacher-activity strong{color:var(--ui-text)!important}

/* Catalogs, tables and detail screens */
.lesson-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.product-content .lesson-catalog article{display:flex!important;min-height:150px!important;padding:16px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:linear-gradient(145deg,var(--ui-panel),var(--ui-panel-soft))!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-soft)!important;flex-wrap:wrap!important;align-content:flex-start!important}
.product-content .lesson-catalog article:hover{border-color:var(--ui-accent)!important;background:var(--ui-panel-hover)!important;transform:translateY(-2px)}
.product-content .lesson-catalog .lesson-index{width:38px!important;height:38px!important;border-radius:8px!important;background:var(--ui-accent-soft)!important;color:var(--ui-accent-2)!important}
.product-content .lesson-catalog article>div{flex:1!important}.product-content .lesson-catalog h2{color:var(--ui-text)!important;font-size:12px!important}.product-content .lesson-catalog p,.product-content .lesson-catalog small{color:var(--ui-muted)!important;font-size:8px!important}.product-content .lesson-catalog .btn,.product-content .lesson-catalog .role-badge{margin-left:53px!important}
.learning-browser{overflow:hidden!important}.learning-columns{border-color:var(--ui-border)!important;background:var(--ui-panel)!important}.learning-columns section{border-color:var(--ui-border)!important}.learning-columns h2{color:var(--ui-text)!important}.learning-columns button{border-color:var(--ui-border-soft)!important;background:var(--ui-panel-soft)!important;color:var(--ui-text-2)!important}.learning-columns button:hover,.learning-columns button.selected{border-color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important;color:var(--ui-text)!important}.learning-detail{background:var(--ui-panel-soft)!important}.detail-json>div{border-color:var(--ui-border)!important;background:var(--ui-panel)!important}.detail-json span,.selection-help{color:var(--ui-muted)!important}.detail-json strong{color:var(--ui-text)!important}
.lesson-hero{padding:18px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:linear-gradient(135deg,var(--ui-panel),var(--ui-panel-soft))!important;color:var(--ui-text)!important}.lesson-hero h1{color:var(--ui-text)!important;font-size:24px!important}.lesson-hero p{color:var(--ui-muted)!important}.lesson-progress{border-color:var(--ui-border)!important;background:var(--ui-panel)!important}.lesson-layout{gap:12px!important}.lesson-section,.lesson-aside{padding:20px!important}.lesson-section p,.lesson-aside p{color:var(--ui-muted)!important;font-size:10px!important;line-height:1.75!important}.content-list>div,.knowledge-check [data-check-answer],.code-block{border-color:var(--ui-border)!important;background:var(--ui-panel-soft)!important;color:var(--ui-text)!important}.lesson-neighbours{border-color:var(--ui-border)!important}.lesson-neighbours a{color:var(--ui-accent-2)!important}
.student-table,.assignment-table,.progress-list,.activity-timeline,.ranking-table,.saved-list,.notification-list,.weekly-schedule{gap:8px!important}
.student-table article,.assignment-table article,.progress-list article,.activity-timeline article,.ranking-table article,.saved-list article,.notification-list article,.weekly-schedule article{border-color:var(--ui-border)!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-soft)!important}
:is(.student-table,.assignment-table,.progress-list,.activity-timeline,.ranking-table,.saved-list,.notification-list,.weekly-schedule) :is(h2,strong,b){color:var(--ui-text)!important}
:is(.student-table,.assignment-table,.progress-list,.activity-timeline,.ranking-table,.saved-list,.notification-list,.weekly-schedule) :is(p,small,time,em){color:var(--ui-muted)!important}
.assignment-mark,.group-icon,.project-icon,.roadmap-index,.schedule-lesson-icon{background:var(--ui-accent-soft)!important;color:var(--ui-accent-2)!important}
.entity-table,.performance-table{border-color:var(--ui-border)!important;background:var(--ui-panel)!important;color:var(--ui-text)!important}.entity-table article,.performance-table>div{border-color:var(--ui-border)!important;background:var(--ui-panel)!important}.performance-head{background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important}
.statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.statistics-grid article{min-height:100px!important}.statistics-grid strong{color:var(--ui-text)!important}

/* Forms, settings, chat and feedback */
.settings-panel{max-width:800px!important}.settings-panel form>label{border-color:var(--ui-border)!important}.settings-panel strong{color:var(--ui-text)!important}.settings-panel small{color:var(--ui-muted)!important}
.work-dialog,.auth-dialog{border:1px solid var(--ui-border)!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important}.work-dialog::backdrop,.auth-dialog::backdrop{background:rgba(2,6,14,.72)!important;backdrop-filter:blur(5px)}
.dialog-head{border-color:var(--ui-border)!important}.dialog-head h2,.work-form label{color:var(--ui-text)!important}.dialog-head button{color:var(--ui-muted)!important}.work-form small{color:var(--ui-muted)!important}
.toast{border:1px solid var(--ui-border)!important;border-radius:9px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important}.toast p{color:var(--ui-text-2)!important}
.chat-shell{border:1px solid var(--ui-border)!important;border-radius:10px!important;background:var(--ui-panel)!important}.chat-list,.chat-info,.chat-composer{border-color:var(--ui-border)!important}.chat-search,.chat-composer textarea,.messages article>div{border-color:var(--ui-border)!important;background:var(--ui-panel-soft)!important;color:var(--ui-text)!important}.messages article.own>div{border-color:var(--ui-accent)!important;background:var(--ui-accent)!important;color:#fff!important}

/* Login follows the same light/dark system. */
.auth-page{background:var(--ui-bg)!important;color:var(--ui-text)!important}
.auth-story{background:radial-gradient(circle at 75% 78%,rgba(117,67,238,.26),transparent 30%),linear-gradient(145deg,#070e1b,#12142e)!important;color:#fff!important}
html[data-theme="light"] .auth-story{background:radial-gradient(circle at 75% 78%,rgba(124,77,255,.14),transparent 30%),linear-gradient(145deg,#f5f7ff,#ecebfd)!important;color:#15172c!important}
.auth-story p{color:var(--ui-muted)!important}.auth-form-wrap{background:var(--ui-bg)!important}.auth-form-box{padding:28px!important;border:1px solid var(--ui-border)!important;border-radius:14px!important;background:var(--ui-panel)!important;box-shadow:var(--ui-shadow)!important}
.auth-form-box h2,.field{color:var(--ui-text)!important}.auth-form-box>p,.auth-switch{color:var(--ui-muted)!important}.field input{border-color:var(--ui-border)!important;background:var(--ui-panel-soft)!important;color:var(--ui-text)!important}
.auth-form-box>.theme-switch{position:absolute!important;right:92px!important;top:26px!important}.auth-form-box>.language-switcher{right:28px!important;top:26px!important}

/* Light reference palette: explicit final authority over legacy !important rules. */
html[data-theme="light"] body :is(.product-shell,.product-main,.product-content){background:var(--ui-bg)!important;color:var(--ui-text)!important}
html[data-theme="light"] body .product-sidebar{background:#fff!important;border-color:var(--ui-border)!important}
html[data-theme="light"] body .product-top{background:var(--ui-header)!important;border-color:var(--ui-border)!important}
html[data-theme="light"] body :is(.global-search,.top-icon,.theme-switch,.top-streak,.language-current,.top-popover,.side-user){background:var(--ui-panel)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-theme="light"] body .product-sidebar nav a{color:#59667c!important}
html[data-theme="light"] body .product-sidebar nav a:hover{background:#f5f2ff!important;color:#6336db!important}
html[data-theme="light"] body .product-sidebar nav a.active{background:linear-gradient(90deg,#7644f5,#8a5dff)!important;color:#fff!important}
html[data-theme="light"] body :is(.admin-card,.dark-panel,.quick-panel,.recommend-panel,.settings-panel,.profile-real,.lesson-section,.lesson-aside,.learning-browser,.game-card,.assignment-table article,.progress-list article,.student-table article,.achievement-grid article,.project-grid article,.notes-grid article,.activity-timeline article,.ranking-table article,.saved-list article,.notification-list article,.schedule-list article,.weekly-schedule article,.groups-grid article,.statistics-grid article,.performance-classes article,.ref-stats article,.ref-path,.ref-quick,.ref-profile,.ref-goal,.ref-activity,.ref-recommend){background:#fff!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-soft)!important}
html[data-theme="light"] body :is(.admin-card,.dark-panel,.quick-panel,.recommend-panel,.lesson-section,.lesson-aside,.ref-stats article,.ref-path,.ref-quick,.ref-profile,.ref-goal,.ref-activity,.ref-recommend) :is(h1,h2,h3,strong,b){color:var(--ui-text)!important}
html[data-theme="light"] body :is(.admin-card,.dark-panel,.quick-panel,.recommend-panel,.lesson-section,.lesson-aside,.ref-stats article,.ref-path,.ref-quick,.ref-profile,.ref-goal,.ref-activity,.ref-recommend) :is(p,small,em){color:var(--ui-muted)!important}
html[data-theme="light"] body .ref-hero{background:linear-gradient(90deg,rgba(17,20,42,.92),rgba(41,29,76,.36)),url('assets/illustrations/learning-laptop-v2.png') center 45%/cover no-repeat!important;border-color:#d8d0eb!important}
html[data-theme="light"] body .ref-hero:after{background:linear-gradient(90deg,rgba(17,20,42,.92),rgba(17,20,42,.08) 72%,transparent)!important}
html[data-theme="light"] body .ref-hero-copy :is(h2,p,small,span){color:#fff!important}
html[data-theme="light"] body .ref-hero-copy>small{background:rgba(111,58,229,.66)!important}
html[data-theme="light"] body .ref-hero>button{background:rgba(255,255,255,.86)!important;border-color:#fff!important;color:#5d34c8!important}
html[data-theme="light"] body .btn.secondary{background:#fff!important;border-color:var(--ui-border)!important;color:var(--ui-text-2)!important}
html[data-theme="light"] body .btn.danger,html[data-theme="light"] body .icon-danger{background:#fff2f5!important;border-color:#f3c5ce!important;color:#cc3f58!important}
html[data-theme="light"] body :is(input,select,textarea){background:#fff!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-theme="light"] body :is(.learning-columns button,.detail-json>div,.ref-quick>a,.ref-recommend>div>a,.content-list>div,.knowledge-check [data-check-answer],.code-block,.chat-search,.chat-composer textarea,.messages article>div){background:var(--ui-panel-soft)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-theme="light"] body .work-dialog,html[data-theme="light"] body .auth-dialog{background:#fff!important;color:var(--ui-text)!important}

/* Responsive behavior, retaining the reference proportions without clipping. */
@media(max-width:1180px){
  .admin-metrics,.teacher-metrics{grid-template-columns:repeat(3,1fr)!important}
  .ref-stats{grid-template-columns:repeat(3,1fr)!important}
  .ref-dashboard-grid{grid-template-columns:1fr!important}.ref-right{grid-template-columns:repeat(3,1fr)!important;display:grid!important}
  .lesson-catalog{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:900px){
  .product-sidebar{transform:translateX(-100%);transition:transform .2s!important;box-shadow:18px 0 50px rgba(0,0,0,.28)!important}.product-sidebar.open{transform:none}
  .product-main{width:100%!important;margin-left:0!important}.mobile-menu{display:grid!important}.mobile-logo{display:block!important;color:var(--ui-text)!important;font-size:18px!important;font-weight:800!important}
  .global-search{width:min(390px,48vw)!important}.admin-main-grid,.admin-bottom-grid,.teacher-main-grid{grid-template-columns:1fr!important}
  .ref-mid-row{grid-template-columns:1fr!important}.learning-columns{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:680px){
  .product-top{height:58px!important;padding:0 10px!important}.global-search{display:none!important}.top-streak{display:none!important}.language-current>span{display:none}.top-profile>span{display:none!important}.top-profile>.ui-icon{display:none!important}
  .product-content{padding:16px 12px 30px!important}.page-head h1,.teacher-welcome h1,.admin-welcome h1,.ref-welcome h1{font-size:21px!important}
  .ref-stats,.admin-metrics,.teacher-metrics,.statistics-grid{grid-template-columns:repeat(2,1fr)!important}.ref-right{grid-template-columns:1fr!important}.lesson-catalog{grid-template-columns:1fr!important}
  .ref-hero{min-height:210px!important}.ref-hero-copy{padding:25px 20px!important}.ref-hero-copy h2{font-size:20px!important}.ref-hero-copy>div{align-items:flex-start!important;flex-direction:column!important}
  .learning-columns{grid-template-columns:1fr!important}.lesson-layout{grid-template-columns:1fr!important}.student-table article{grid-template-columns:40px 1fr!important}
  .auth-form-wrap{padding:12px!important}.auth-form-box{padding:22px 18px!important}.auth-form-box>.theme-switch{top:14px!important;right:78px!important}.auth-form-box>.language-switcher{top:14px!important;right:18px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Precision pass for the supplied 1920px references. */
@media(min-width:1200px){
  .product-sidebar{width:210px!important;padding:22px 14px 14px!important}
  .product-main{width:calc(100% - 210px)!important;margin-left:210px!important}
  .product-sidebar .brand{font-size:22px!important}
  .product-sidebar .brand b{width:32px!important;height:32px!important}
  .product-sidebar nav a,.nav-logout{height:39px!important;padding:0 13px!important;font-size:11px!important}
  .product-sidebar .ui-icon{width:16px!important;height:16px!important}
  .product-top{height:62px!important;padding:0 22px!important}
  .product-content{max-width:1600px!important;min-height:calc(100vh - 62px)!important;padding:24px 30px 48px!important}
  .global-search{height:38px!important}.top-icon,.theme-switch,.language-current,.top-streak{height:38px!important}.top-icon,.theme-switch{width:38px!important}
  .top-profile{height:44px!important}.top-avatar{width:34px!important;height:34px!important}
}

.admin-ref-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.admin-ref-welcome h1{margin:0 0 5px;color:var(--ui-text);font-size:28px;line-height:1.2;letter-spacing:-.9px}
.admin-ref-welcome h1 span{font-size:23px}.admin-ref-welcome p{margin:0;color:var(--ui-muted);font-size:11px}
.admin-ref-welcome>a{display:grid;grid-template-columns:1fr 34px;gap:3px 18px;align-items:center;min-width:255px;padding:13px 14px;border:1px solid #41306f;border-radius:10px;background:linear-gradient(135deg,rgba(36,30,68,.92),rgba(72,40,139,.72));color:#fff;text-decoration:none;box-shadow:0 9px 24px rgba(60,30,125,.18)}
.admin-ref-welcome>a span{font-size:10px;font-weight:700}.admin-ref-welcome>a small{color:#b9add6;font-size:8px}.admin-ref-welcome>a>.ui-icon{grid-column:2;grid-row:1/3;width:34px;height:34px;padding:9px;border-radius:50%;background:linear-gradient(135deg,#9367ff,#7040f3)}

.admin-ref-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.admin-ref-metrics>a{--metric:#8c62ff;--metric-rgb:140,98,255;position:relative;display:flex;align-items:center;gap:12px;min-height:82px;padding:12px 84px 12px 12px;overflow:hidden;border:1px solid rgba(var(--metric-rgb),.42);border-radius:10px;background:radial-gradient(circle at 82% 50%,rgba(var(--metric-rgb),.12),transparent 36%),linear-gradient(145deg,var(--ui-panel),color-mix(in srgb,var(--ui-panel),var(--metric) 5%));color:var(--ui-text);text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.025),0 9px 22px rgba(0,4,20,.18);transition:transform .16s,border-color .16s,box-shadow .16s}
.admin-ref-metrics>a:before{content:"";position:absolute;right:12px;top:10px;width:42px;height:27px;background:radial-gradient(circle,var(--metric) 1.2px,transparent 1.8px) 0 0/9px 9px;opacity:.5;mask-image:linear-gradient(135deg,#000,transparent 84%)}
.admin-ref-metrics>a:hover{transform:translateY(-3px);border-color:var(--metric);box-shadow:0 16px 34px rgba(var(--metric-rgb),.16)}
.admin-ref-metrics>a>span{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:10px;background:rgba(var(--metric-rgb),.18);color:var(--metric);box-shadow:inset 0 0 18px rgba(var(--metric-rgb),.1),0 6px 18px rgba(var(--metric-rgb),.12)}.admin-ref-metrics .ui-icon{width:23px;height:23px;stroke-width:1.8}
.admin-ref-metrics .violet{--metric:#986dff;--metric-rgb:152,109,255}.admin-ref-metrics .green{--metric:#18d590;--metric-rgb:24,213,144}.admin-ref-metrics .amber{--metric:#ffb216;--metric-rgb:255,178,22}.admin-ref-metrics .blue{--metric:#39a2ff;--metric-rgb:57,162,255}
.admin-ref-metrics small,.admin-ref-metrics strong,.admin-ref-metrics em{display:block}.admin-ref-metrics small{color:var(--ui-muted);font-size:9px}.admin-ref-metrics strong{margin:2px 0;color:var(--ui-text);font-size:22px;line-height:1}.admin-ref-metrics em{color:var(--ui-muted-2);font-size:8px;font-style:normal;white-space:nowrap}
.admin-metric-visual{position:absolute;right:14px;bottom:11px;display:flex;align-items:flex-end;justify-content:flex-end;gap:4px;width:56px;height:34px;color:var(--metric);filter:drop-shadow(0 4px 7px rgba(var(--metric-rgb),.3))}.admin-metric-visual b{display:block;width:7px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,color-mix(in srgb,var(--metric),#fff 16%),color-mix(in srgb,var(--metric),transparent 18%))}.admin-metric-visual b:nth-child(1){height:10px}.admin-metric-visual b:nth-child(2){height:17px}.admin-metric-visual b:nth-child(3){height:25px}.admin-metric-visual b:nth-child(4){height:32px}.admin-metric-visual b:nth-child(5){height:22px}

.admin-ref-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48%;align-items:center;min-height:238px;margin-bottom:14px;overflow:hidden;border:1px solid #3a2867;border-radius:11px;background:radial-gradient(circle at 75% 38%,rgba(113,65,226,.42),transparent 27%),linear-gradient(110deg,#0d1023,#211344 62%,#121326);color:#fff;box-shadow:var(--ui-shadow)}
.admin-ref-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,24,.97) 0%,rgba(11,12,28,.78) 37%,transparent 68%);pointer-events:none}
.admin-ref-hero>div{z-index:2;padding:30px 34px}.admin-ref-hero>div>small{display:inline-flex;padding:5px 8px;border-radius:5px;background:rgba(130,76,255,.26);color:#d7c8ff;font-size:8px;font-weight:800;letter-spacing:.5px}
.admin-ref-hero h2{max-width:540px;margin:11px 0 7px;color:#fff;font-size:27px;line-height:1.13;letter-spacing:-.7px}.admin-ref-hero p{margin:0 0 20px;color:#c1bbd0;font-size:10px}.admin-ref-hero .btn{min-height:39px!important}
.admin-ref-hero>img{position:absolute;z-index:1;right:-4%;top:50%;width:57%;height:130%;object-fit:cover;transform:translateY(-50%);filter:saturate(.9) contrast(1.08);mask-image:linear-gradient(90deg,transparent,#000 25%)}
.admin-hero-next{position:absolute;z-index:3;right:14px;top:50%;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(4,8,20,.68);color:#fff;transform:translateY(-50%)}.admin-hero-next .ui-icon{width:16px}
.admin-ref-hero>i{position:relative;z-index:3;align-self:end;justify-self:center;width:6px;height:6px;margin:0 2px 10px;border-radius:50%;background:#7050c9}.admin-ref-hero>i:nth-last-child(3){grid-column:1/3;margin-left:-18px;background:#a589ff}.admin-ref-hero>i:nth-last-child(2){grid-column:1/3;margin-top:-16px}.admin-ref-hero>i:last-child{grid-column:1/3;margin-top:-16px;margin-left:18px}

.admin-ref-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:14px;margin-bottom:14px}
.admin-ref-path,.admin-ref-quick,.admin-ref-bottom>article{padding:17px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}
.admin-ref-path header,.admin-ref-bottom header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.admin-ref-path h2,.admin-ref-quick h2,.admin-ref-bottom h2{margin:0;color:var(--ui-text);font-size:13px}.admin-ref-path header a,.admin-ref-bottom header a{color:var(--ui-accent-2);font-size:8px;text-decoration:none}
.admin-platform-flow{display:flex;align-items:center;justify-content:space-between}.admin-platform-flow>a{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:2px 9px;color:var(--ui-text);text-decoration:none}.admin-platform-flow>a>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:1px solid #6047a0;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-ref-path .ui-icon{width:16px}.admin-platform-flow>a>b{color:var(--ui-accent-2);font-size:7px}.admin-platform-flow>a>strong{font-size:9px}.admin-platform-flow>i{flex:1;max-width:68px;height:1px;margin:0 7px;background:var(--ui-border)}
.admin-platform-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--ui-border-soft)}.admin-platform-summary>a{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid var(--ui-border-soft);border-radius:8px;background:linear-gradient(135deg,var(--ui-panel-soft),rgba(121,75,244,.06));color:var(--ui-text);text-decoration:none;transition:.18s}.admin-platform-summary>a:hover{border-color:#6745cd;transform:translateY(-1px)}.admin-platform-summary>a>span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;padding:8px;border-radius:7px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-platform-summary p{min-width:0;margin:0}.admin-platform-summary strong,.admin-platform-summary small{display:block}.admin-platform-summary strong{font-size:13px;line-height:1}.admin-platform-summary small{margin-top:4px;overflow:hidden;color:var(--ui-muted);font-size:6px;text-overflow:ellipsis;white-space:nowrap}
.admin-ref-quick h2{margin-bottom:11px}.admin-ref-quick>a{display:grid;grid-template-columns:31px 1fr 14px;align-items:center;gap:9px;min-height:42px;margin-top:7px;padding:6px 9px;border:1px solid var(--ui-border-soft);border-radius:7px;background:var(--ui-panel-soft);color:var(--ui-text);text-decoration:none}.admin-ref-quick>a:hover{border-color:var(--ui-accent);background:var(--ui-panel-hover)}.admin-ref-quick>a>.ui-icon:first-child{width:31px;height:31px;padding:8px;border-radius:7px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-ref-quick>a>.ui-icon:last-child{width:13px;color:var(--ui-muted)}.admin-ref-quick b,.admin-ref-quick small{display:block}.admin-ref-quick b{font-size:9px}.admin-ref-quick small{margin-top:2px;color:var(--ui-muted);font-size:7px}

.admin-ref-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.admin-ref-classes,.admin-ref-users{display:grid}.admin-ref-classes>a,.admin-ref-users>a{display:flex;align-items:center;gap:11px;min-height:52px;padding:8px 3px;border-top:1px solid var(--ui-border-soft);color:var(--ui-text);text-decoration:none}.admin-ref-classes>a:first-child,.admin-ref-users>a:first-child{border-top:0}.admin-ref-classes>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-ref-classes .ui-icon{width:15px}.admin-ref-classes>a>div,.admin-ref-users>a>div{min-width:120px}.admin-ref-classes strong,.admin-ref-users strong{display:block;font-size:9px}.admin-ref-classes small,.admin-ref-users small{display:block;margin-top:3px;color:var(--ui-muted);font-size:7px}.admin-ref-classes progress{flex:1;height:5px}.admin-ref-classes>a>b{width:30px;color:var(--ui-muted);font-size:8px}.admin-ref-classes>a>.ui-icon:last-child{width:13px;color:var(--ui-muted)}.admin-ref-users .avatar{width:34px;height:34px;flex-basis:34px}.admin-ref-users time{margin-left:auto;color:var(--ui-muted);font-size:7px}

html[data-theme="light"] body :is(.admin-ref-welcome>a,.admin-ref-metrics>a,.admin-ref-path,.admin-ref-quick,.admin-ref-bottom>article){border-color:var(--ui-border);background:#fff;color:var(--ui-text);box-shadow:var(--ui-shadow-soft)}
html[data-theme="light"] body .admin-ref-welcome>a{background:linear-gradient(135deg,#f2edff,#e8deff);color:#5e32ca;border-color:#d9ccf6}
html[data-theme="light"] body .admin-ref-welcome>a small{color:#7c6ba6}
html[data-theme="light"] body .admin-ref-hero{border-color:#d5caed;background:linear-gradient(110deg,#19162d,#3b2668 62%,#22213e)}
html[data-theme="light"] body .admin-ref-quick>a{background:#f8f9fd;border-color:var(--ui-border);color:var(--ui-text)}

@media(max-width:1100px){.admin-ref-grid,.admin-ref-bottom{grid-template-columns:1fr}.admin-ref-hero{grid-template-columns:1fr}.admin-ref-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.admin-ref-welcome{align-items:flex-start;flex-direction:column}.admin-ref-welcome>a{width:100%;min-width:0}.admin-ref-welcome h1{font-size:23px}.admin-ref-metrics{grid-template-columns:1fr 1fr}.admin-ref-hero{min-height:270px}.admin-ref-hero>div{padding:25px 20px}.admin-ref-hero h2{font-size:22px}.admin-ref-hero>img{right:-38%;width:100%;opacity:.5}.admin-platform-flow{align-items:flex-start;flex-direction:column;gap:10px}.admin-platform-flow>i{display:none}.admin-platform-summary{grid-template-columns:1fr 1fr}.admin-ref-bottom{grid-template-columns:1fr}}

/* Exact student dashboard composition from the supplied light/dark boards. */
.reference-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px}.reference-welcome h1{margin:0 0 5px;color:var(--ui-text);font-size:27px;line-height:1.2;letter-spacing:-.8px}.reference-welcome h1 span{font-size:22px}.reference-welcome p{margin:0;color:var(--ui-muted);font-size:11px}.reference-welcome>a{display:grid;grid-template-columns:1fr 32px;grid-template-rows:auto auto;align-items:center;gap:3px 14px;min-width:250px;padding:13px 14px;border:1px solid #443274;border-radius:10px;background:linear-gradient(135deg,rgba(27,30,55,.96),rgba(75,42,148,.77));color:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(50,25,108,.18)}.reference-welcome>a span{font-size:9px;font-weight:800}.reference-welcome>a small{color:#bfb5d9;font-size:8px}.reference-welcome>a .ui-icon{grid-column:2;grid-row:1/3;width:32px;height:32px;padding:8px;border-radius:50%;background:linear-gradient(135deg,#966cff,#7040f5)}
.reference-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.reference-metrics article{display:flex;align-items:center;gap:13px;min-height:74px;padding:13px 15px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.reference-metrics article>span{display:grid;place-items:center;width:41px;height:41px;border-radius:9px}.reference-metrics article .ui-icon{width:21px;height:21px}.reference-metrics .violet>span{background:rgba(123,73,255,.2);color:#9c72ff}.reference-metrics .green>span{background:rgba(33,200,112,.16);color:#26c973}.reference-metrics .amber>span{background:rgba(255,170,26,.15);color:#ffae24}.reference-metrics .blue>span{background:rgba(48,128,255,.16);color:#4d91ff}.reference-metrics small,.reference-metrics strong,.reference-metrics em{display:block}.reference-metrics small{color:var(--ui-muted);font-size:8px}.reference-metrics strong{margin:1px 0;color:var(--ui-text);font-size:21px;line-height:1.05}.reference-metrics em{color:var(--ui-muted-2);font-size:8px;font-style:normal}
.reference-home-hero{position:relative;min-height:184px;margin-bottom:14px;overflow:hidden;border:1px solid #3e2b6a;border-radius:11px;background:radial-gradient(circle at 76% 40%,rgba(120,68,233,.5),transparent 30%),linear-gradient(110deg,#0b0e20,#231443 58%,#17152c);box-shadow:var(--ui-shadow);color:#fff}.reference-home-hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,9,22,.98),rgba(9,10,25,.78) 40%,transparent 75%);pointer-events:none}.reference-home-hero>div{position:relative;z-index:2;width:55%;padding:20px}.reference-home-hero>div>small{display:inline-flex;padding:4px 7px;border-radius:5px;background:rgba(127,77,245,.25);color:#d2c3fb;font-size:8px;font-weight:700}.reference-home-hero h2{max-width:460px;margin:9px 0 4px;color:#fff;font-size:22px;line-height:1.13}.reference-home-hero p{max-width:470px;margin:0 0 9px;color:#bdb7ce;font-size:8px}.reference-home-hero>div>div{display:flex;align-items:center;gap:8px;margin-bottom:10px}.reference-home-hero progress{width:220px;height:5px}.reference-home-hero b{font-size:8px}.reference-home-hero .btn{min-height:34px!important;padding:0 16px!important;font-size:9px!important}.reference-home-hero>img{position:absolute;z-index:0;right:-1%;top:50%;width:57%;height:140%;object-fit:cover;transform:translateY(-50%);filter:saturate(.92) contrast(1.08);mask-image:linear-gradient(90deg,transparent,#000 25%)}.reference-hero-next{position:absolute;z-index:3;right:11px;top:50%;display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(7,9,22,.7);color:#fff;transform:translateY(-50%)}.reference-hero-next .ui-icon{width:14px}.reference-dots{position:absolute;z-index:3;left:50%;bottom:8px;display:flex;gap:5px}.reference-dots i{width:5px;height:5px;border-radius:50%;background:#6f5f9e}.reference-dots i:first-child{background:#a084ff}
.reference-home-bottom{display:grid;grid-template-columns:1.55fr .9fr;gap:14px}.reference-study-path,.reference-quick{padding:15px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.reference-study-path header{display:flex;align-items:center;justify-content:space-between}.reference-study-path h2,.reference-quick h2{margin:0;color:var(--ui-text);font-size:12px}.reference-study-path header>a{color:var(--ui-muted)}.reference-study-path header .ui-icon{width:14px}.reference-study-path>div{display:flex;align-items:center;justify-content:space-around;margin-top:15px}.reference-study-path>div>a{display:flex;min-width:64px;flex-direction:column;align-items:center;gap:5px;color:var(--ui-text);font-size:8px;text-decoration:none}.reference-study-path>div>a>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-panel-soft);color:var(--ui-muted)}.reference-study-path>div>a.active>span{border-color:#7554d8;background:rgba(116,70,246,.2);color:#9e79ff;box-shadow:0 0 20px rgba(118,70,247,.16)}.reference-study-path .ui-icon{width:15px}.reference-study-path>div>i{flex:1;max-width:58px;height:1px;background:var(--ui-border)}.reference-quick h2{margin-bottom:8px}.reference-quick>a{display:grid;grid-template-columns:29px 1fr 13px;align-items:center;gap:8px;min-height:37px;margin-top:6px;padding:4px 8px;border:1px solid var(--ui-border-soft);border-radius:7px;background:var(--ui-panel-soft);color:var(--ui-text);font-size:8px;text-decoration:none}.reference-quick>a>.ui-icon:first-child{width:29px;height:29px;padding:7px;border-radius:6px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.reference-quick>a:nth-of-type(2)>.ui-icon:first-child{background:rgba(255,168,28,.15);color:#f1a11d}.reference-quick>a>.ui-icon:last-child{width:12px;color:var(--ui-muted)}

/* Course catalogue. */
.reference-page-title{margin-bottom:10px}.reference-page-title h1{margin:0 0 3px;color:var(--ui-text);font-size:26px;letter-spacing:-.7px}.reference-page-title p{margin:0;color:var(--ui-muted);font-size:9px}.reference-course-filters{display:flex;gap:8px;margin-bottom:14px;overflow:auto;padding-bottom:2px}.reference-course-filters button{white-space:nowrap;min-height:32px;padding:0 16px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-panel);color:var(--ui-text-2);font:inherit;font-size:8px;cursor:pointer}.reference-course-filters button.active{border-color:#7950ef;background:linear-gradient(135deg,#8257ff,#6138e9);color:#fff;box-shadow:0 7px 15px rgba(100,56,228,.22)}.reference-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reference-course-card{overflow:hidden;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);color:var(--ui-text);text-decoration:none;box-shadow:var(--ui-shadow-soft);transition:transform .18s,border-color .18s}.reference-course-card:hover{transform:translateY(-3px);border-color:#7250da}.reference-course-cover{position:relative;display:grid;place-items:center;height:116px;overflow:hidden;background:linear-gradient(135deg,#13103a,#302279 55%,#152c75)}.reference-course-cover:before,.reference-course-cover:after{content:"";position:absolute;border-radius:50%}.reference-course-cover:before{width:165px;height:165px;right:-55px;bottom:-95px;border:1px solid rgba(146,118,255,.45);box-shadow:0 0 35px rgba(105,75,255,.35)}.reference-course-cover:after{width:110px;height:1px;background:linear-gradient(90deg,transparent,#8b6cff,transparent);transform:rotate(-22deg)}.reference-course-cover .ui-icon{position:relative;z-index:2;width:52px;height:52px;padding:10px;border-radius:15px;background:rgba(68,37,157,.65);color:#9e78ff;filter:drop-shadow(0 9px 14px rgba(67,33,170,.45))}.reference-course-cover.cover-1{background:linear-gradient(135deg,#12214c,#173d7b 55%,#302078)}.reference-course-cover.cover-1 .ui-icon{color:#ffc82e;background:rgba(22,85,154,.74)}.reference-course-cover.cover-2{background:linear-gradient(135deg,#14143b,#32238e 55%,#071f5d)}.reference-course-cover.cover-2 .ui-icon{color:#a87fff}.reference-course-cover.cover-3{background:linear-gradient(135deg,#101d4d,#153774 45%,#31176f)}.reference-course-cover.cover-3 .ui-icon{color:#46a2ff}.reference-course-cover.cover-4{background:linear-gradient(135deg,#171040,#392083 55%,#112c6e)}.reference-course-cover.cover-5{background:linear-gradient(135deg,#151948,#3c3a7f 48%,#1b2866)}.reference-course-cover.cover-6{background:linear-gradient(135deg,#121936,#30205e 55%,#4c2283)}.reference-course-cover.cover-7{background:linear-gradient(135deg,#0e1c4a,#172f78 55%,#4b278d)}.reference-course-card>div:last-child{padding:10px}.reference-course-card h2{min-height:28px;margin:0 0 5px;color:var(--ui-text);font-size:10px;line-height:1.35}.reference-course-card p{min-height:27px;margin:0 0 10px;color:var(--ui-muted);font-size:7px;line-height:1.5}.reference-course-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--ui-muted);font-size:7px}.reference-course-meta span{display:flex;align-items:center;gap:4px}.reference-course-meta .ui-icon{width:11px}.reference-course-card progress{display:block;width:100%;height:4px}
html[data-theme="light"] body .reference-welcome>a{border-color:#ddd2f5;background:linear-gradient(135deg,#f5f1ff,#e9e1ff);color:#5c34c5}html[data-theme="light"] body .reference-welcome>a small{color:#796aa2}html[data-theme="light"] body :is(.reference-metrics article,.reference-study-path,.reference-quick,.reference-course-card){background:#fff;border-color:var(--ui-border)}html[data-theme="light"] body .reference-quick>a{background:#f8f9fd}html[data-theme="light"] body .reference-course-card>div:last-child{background:#fff}
@media(max-width:1180px){.reference-course-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.reference-home-bottom{grid-template-columns:1fr}.reference-course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.reference-welcome{align-items:flex-start;flex-direction:column}.reference-welcome>a{width:100%;min-width:0}.reference-welcome h1{font-size:22px}.reference-metrics{grid-template-columns:1fr 1fr}.reference-home-hero{min-height:245px}.reference-home-hero>div{width:83%;padding:20px}.reference-home-hero>img{right:-47%;width:110%;opacity:.55}.reference-study-path>div>i{max-width:20px}.reference-course-grid{grid-template-columns:1fr}.reference-course-cover{height:145px}}

/* Lesson view from the reference board. */
.reference-breadcrumb{display:flex;align-items:center;gap:7px;margin:-7px 0 9px;color:var(--ui-muted);font-size:8px}.reference-breadcrumb a{color:var(--ui-muted);text-decoration:none}.reference-breadcrumb .ui-icon{width:10px;transform:rotate(-90deg)}.reference-lesson-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.reference-lesson-title>span{display:grid;place-items:center;width:31px;height:31px;padding:7px;border-radius:7px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.reference-lesson-title h1{margin:0;color:var(--ui-text);font-size:21px;letter-spacing:-.45px}.reference-more{margin-left:auto;border:0;background:none;color:var(--ui-muted);font-size:18px;cursor:pointer}.reference-lesson-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.reference-lesson-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-panel);color:var(--ui-text-2);font:700 8px Manrope,sans-serif}.reference-lesson-tabs button.active{border-color:#7850ed;background:linear-gradient(135deg,#8359ff,#663be9);color:#fff}.reference-lesson-tabs .ui-icon{width:12px}
.reference-lesson-layout{display:grid;grid-template-columns:174px minmax(320px,1.28fr) minmax(210px,.82fr);gap:10px;margin-bottom:12px}.reference-lesson-steps,.reference-video,.reference-lesson-description,.reference-materials{overflow:hidden;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.reference-lesson-steps{padding:5px}.reference-lesson-steps>a{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:48px;padding:5px 7px;border-radius:7px;color:var(--ui-text);text-decoration:none}.reference-lesson-steps>a.active{background:var(--ui-accent-soft)}.reference-lesson-steps>a>b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ui-panel-soft);color:var(--ui-text-2);font-size:9px}.reference-lesson-steps>a.active>b{background:linear-gradient(135deg,#8b60ff,#6740e8);color:#fff;box-shadow:0 5px 12px rgba(103,61,226,.25)}.reference-lesson-steps strong,.reference-lesson-steps small{display:block}.reference-lesson-steps strong{overflow:hidden;color:var(--ui-text);font-size:7px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.reference-lesson-steps small{margin-top:3px;color:var(--ui-muted);font-size:6px}.reference-video{position:relative;min-height:246px;background:#090b13}.reference-video>img{width:100%;height:100%;min-height:246px;object-fit:cover;filter:brightness(.65) saturate(.78)}.reference-video>button{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:50px;height:50px;padding:14px;border:0;border-radius:50%;background:linear-gradient(135deg,#8b61ff,#693ce9);color:#fff;box-shadow:0 10px 28px rgba(93,52,225,.5);transform:translate(-50%,-50%);cursor:pointer}.reference-video>button .ui-icon{width:22px;height:22px}.reference-video>footer{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:linear-gradient(transparent,rgba(0,0,0,.87));color:#fff;font-size:7px}.reference-video>footer span{display:flex;align-items:center;gap:5px}.reference-video>footer .ui-icon{width:11px}.reference-lesson-description{padding:13px}.reference-lesson-description h2,.reference-lesson-description h3{margin:0;color:var(--ui-text)}.reference-lesson-description h2{font-size:10px}.reference-lesson-description h3{margin-top:12px;font-size:8px}.reference-lesson-description p{margin:7px 0;color:var(--ui-muted);font-size:7px;line-height:1.6}.reference-lesson-description ul{display:grid;gap:7px;margin:8px 0 14px;padding:0;list-style:none}.reference-lesson-description li{display:flex;align-items:center;gap:7px;color:var(--ui-text-2);font-size:7px}.reference-lesson-description li .ui-icon{width:12px;height:12px;padding:2px;border-radius:3px;background:rgba(36,196,105,.18);color:#31cf78}.reference-lesson-description .btn{width:100%;min-height:34px!important;font-size:8px!important}
.reference-materials{padding:13px}.reference-materials h2{margin:0 0 10px;color:var(--ui-text);font-size:11px}.reference-materials>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reference-materials a{display:grid;grid-template-columns:32px 1fr 14px;grid-template-rows:auto auto;align-items:center;gap:2px 8px;min-height:51px;padding:8px;border:1px solid var(--ui-border-soft);border-radius:7px;background:var(--ui-panel-soft);color:var(--ui-text);text-decoration:none}.reference-materials a>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;padding:8px;border-radius:7px}.reference-materials a>span.pink{background:rgba(244,73,106,.18);color:#f25672}.reference-materials a>span.violet{background:var(--ui-accent-soft);color:var(--ui-accent-2)}.reference-materials a>span.green{background:rgba(42,198,111,.17);color:#2dc676}.reference-materials a>b{font-size:7px}.reference-materials a>small{color:var(--ui-muted);font-size:6px}.reference-materials a>.ui-icon:last-child{grid-column:3;grid-row:1/3;width:13px;color:var(--ui-accent-2)}.reference-lesson-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:var(--ui-muted);font-size:8px}.reference-lesson-footer .btn{min-height:34px!important;font-size:8px!important}
html[data-theme="light"] body :is(.reference-lesson-tabs button,.reference-lesson-steps,.reference-lesson-description,.reference-materials){background:#fff;border-color:var(--ui-border)}html[data-theme="light"] body :is(.reference-materials a,.reference-lesson-steps>a>b){background:#f7f8fc}
@media(max-width:1000px){.reference-lesson-layout{grid-template-columns:150px 1fr}.reference-lesson-description{grid-column:1/3}.reference-materials>div{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.reference-lesson-title h1{font-size:17px}.reference-lesson-tabs{grid-template-columns:1fr 1fr}.reference-lesson-layout{grid-template-columns:1fr}.reference-lesson-description{grid-column:auto}.reference-lesson-steps{display:flex;overflow:auto}.reference-lesson-steps>a{min-width:155px}.reference-materials>div{grid-template-columns:1fr}.reference-video{min-height:210px}.reference-video>img{min-height:210px}}

/* Class roster and results screens. */
.reference-class-head,.reference-results-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.reference-class-head h1,.reference-results-head h1{margin:0 0 3px;color:var(--ui-text);font-size:24px;letter-spacing:-.6px}.reference-class-head p,.reference-results-head p{margin:0;color:var(--ui-muted);font-size:8px}.reference-class-head>div:last-child{display:flex;gap:8px}.reference-class-head .btn{min-height:34px!important;font-size:8px!important}.reference-class-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.reference-class-metrics article{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:67px;padding:11px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.reference-class-metrics article>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;padding:9px;border-radius:8px}.reference-class-metrics .green>span{background:rgba(36,199,111,.16);color:#2cc574}.reference-class-metrics .violet>span{background:var(--ui-accent-soft);color:var(--ui-accent-2)}.reference-class-metrics .blue>span{background:rgba(53,131,255,.16);color:#438cff}.reference-class-metrics .pink>span{background:rgba(239,77,116,.16);color:#ef5274}.reference-class-metrics small{align-self:end;color:var(--ui-muted);font-size:7px}.reference-class-metrics strong{align-self:start;color:var(--ui-text);font-size:17px}
.reference-class-table{overflow:hidden;margin-bottom:12px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.reference-table-head,.reference-table-row{display:grid;grid-template-columns:28px minmax(160px,1.3fr) 95px minmax(125px,1fr) 115px 120px 52px;align-items:center;gap:8px;padding:0 11px}.reference-table-head{height:34px;border-bottom:1px solid var(--ui-border);background:var(--ui-panel-soft);color:var(--ui-muted);font-size:6px}.reference-table-row{min-height:48px;border-bottom:1px solid var(--ui-border-soft);color:var(--ui-text-2);font-size:7px}.reference-table-row:last-child{border-bottom:0}.reference-table-row>b{color:var(--ui-text);font-size:8px}.reference-student{display:flex;align-items:center;gap:8px}.reference-student .avatar{width:27px;height:27px;flex-basis:27px;font-size:7px}.reference-student strong{color:var(--ui-text);font-size:7px}.reference-progress{display:flex;align-items:center;gap:7px}.reference-progress progress{width:72px;height:5px}.reference-progress b{font-size:7px}.reference-table-row>button{width:26px;height:24px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-panel-soft);color:var(--ui-muted);cursor:pointer}.reference-class-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reference-class-bottom>article{padding:13px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.reference-class-bottom header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.reference-class-bottom h2{margin:0;color:var(--ui-text);font-size:11px}.reference-class-bottom header span{color:var(--ui-accent-2);font-size:7px}.reference-class-bottom article>div{display:flex;align-items:center;gap:8px;min-height:46px;border-top:1px solid var(--ui-border-soft)}.reference-class-bottom article>div>span{display:grid;place-items:center;width:30px;height:30px;padding:7px;border-radius:7px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.reference-class-bottom p{flex:1;margin:0}.reference-class-bottom strong,.reference-class-bottom small{display:block}.reference-class-bottom strong{color:var(--ui-text);font-size:7px}.reference-class-bottom small{margin-top:3px;color:var(--ui-muted);font-size:6px}.reference-class-bottom article>div>div{display:flex;gap:4px}.reference-class-bottom .btn{min-height:27px!important;padding:0 7px!important;border-radius:6px!important;font-size:6px!important}
.reference-results-head>button{min-height:32px;padding:0 13px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-panel);color:var(--ui-text-2);font:700 7px Manrope,sans-serif}.reference-results-head>button .ui-icon{width:10px}.reference-results-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:12px;margin-bottom:12px}.reference-results-grid>article,.reference-results-table{padding:13px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.reference-results-grid h2,.reference-results-table h2{margin:0;color:var(--ui-text);font-size:10px}.reference-results-chart header{display:flex;align-items:center;justify-content:space-between}.reference-results-chart header>span{display:flex;align-items:center;gap:5px;color:var(--ui-muted);font-size:6px}.reference-results-chart header i{width:6px;height:6px;border-radius:50%;background:#7b4df1}.reference-results-chart header i:nth-child(2){background:#a16aff}.reference-results-chart header i:nth-child(3){background:#3e99ff}.reference-results-chart svg{display:block;width:100%;height:165px;margin-top:5px}.reference-results-chart .chart-lines{fill:none;stroke:var(--ui-border);stroke-width:1}.reference-results-chart .chart-area{fill:rgba(113,72,232,.11);stroke:none}.reference-results-chart .chart-main{fill:none;stroke:#8053f5;stroke-width:2}.reference-results-chart .chart-second{fill:none;stroke:#4a96f8;stroke-width:2}.reference-results-chart text{fill:var(--ui-muted);font-size:8px}.reference-results-ring>div{display:flex;align-items:center;justify-content:space-around;min-height:162px}.reference-results-ring>div>span{position:relative;display:grid;place-items:center;width:102px;height:102px;border-radius:50%;background:conic-gradient(#7650ef var(--progress),var(--ui-border) 0)}.reference-results-ring>div>span:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:var(--ui-panel)}.reference-results-ring>div>span b{z-index:1;color:var(--ui-text);font-size:17px}.reference-results-ring ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.reference-results-ring li{display:grid;grid-template-columns:7px 1fr 18px;align-items:center;gap:6px;color:var(--ui-muted);font-size:7px}.reference-results-ring li i{width:7px;height:7px;border-radius:50%;background:#7850ef}.reference-results-ring li:nth-child(2) i{background:#3685ee}.reference-results-ring li:nth-child(3) i{background:#828ca1}.reference-results-ring li b{color:var(--ui-text)}.reference-results-table header{display:flex;justify-content:space-between;margin-bottom:9px}.reference-results-table header span{color:var(--ui-muted);font-size:7px}.reference-result-head,.reference-results-table>div:not(.empty-inline){display:grid;grid-template-columns:1.25fr 1.5fr 80px 100px 100px;align-items:center;gap:9px;min-height:38px;padding:0 8px;border-top:1px solid var(--ui-border-soft);color:var(--ui-text-2);font-size:7px}.reference-result-head{min-height:28px!important;background:var(--ui-panel-soft);color:var(--ui-muted)!important}.reference-results-table>div strong{color:var(--ui-text)}.reference-results-table>div>b{color:var(--ui-accent-2)}
html[data-theme="light"] body :is(.reference-class-metrics article,.reference-class-table,.reference-class-bottom>article,.reference-results-grid>article,.reference-results-table){background:#fff;border-color:var(--ui-border)}html[data-theme="light"] body :is(.reference-table-head,.reference-result-head){background:#f7f8fc}html[data-theme="light"] body .reference-results-ring>div>span:after{background:#fff}
@media(max-width:1050px){.reference-table-head,.reference-table-row{grid-template-columns:28px minmax(150px,1.3fr) 80px minmax(115px,1fr) 90px}.reference-table-head>*:nth-child(6),.reference-table-row>*:nth-child(6),.reference-table-head>*:nth-child(7),.reference-table-row>*:nth-child(7){display:none}.reference-results-grid{grid-template-columns:1fr}}
@media(max-width:720px){.reference-class-head{align-items:flex-start;flex-direction:column}.reference-class-metrics{grid-template-columns:1fr 1fr}.reference-class-table{overflow:auto}.reference-table-head,.reference-table-row{min-width:650px}.reference-class-bottom{grid-template-columns:1fr}.reference-results-ring>div{justify-content:flex-start;gap:28px}.reference-result-head,.reference-results-table>div:not(.empty-inline){grid-template-columns:1fr 1fr 60px}.reference-result-head>*:nth-child(n+4),.reference-results-table>div>*:nth-child(n+4){display:none}}

.reference-course-card footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--ui-muted);font-size:7px}.reference-course-card footer span{display:flex;align-items:center;gap:4px}.reference-course-card footer .ui-icon{width:11px}

/* Complete administrator workspace. */
.admin-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.admin-page-head>div>span{display:block;margin-bottom:5px;color:var(--ui-accent-2);font-size:7px;font-weight:800;letter-spacing:1.3px}.admin-page-head h1{margin:0 0 4px;color:var(--ui-text);font-size:25px;letter-spacing:-.7px}.admin-page-head p{margin:0;color:var(--ui-muted);font-size:9px}.admin-page-head .btn{min-height:37px!important;font-size:8px!important}.admin-period{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-panel);color:var(--ui-text-2);font:700 8px Manrope,sans-serif}.admin-period .ui-icon{width:11px}
.admin-page-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.admin-page-metrics article{display:flex;align-items:center;gap:12px;min-height:77px;padding:13px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.admin-page-metrics article>span{display:grid;place-items:center;width:40px;height:40px;padding:9px;border-radius:9px}.admin-page-metrics .violet>span{background:rgba(121,75,244,.2);color:#9f7aff}.admin-page-metrics .green>span{background:rgba(38,200,115,.15);color:#2ccb77}.admin-page-metrics .blue>span{background:rgba(48,132,255,.16);color:#458eff}.admin-page-metrics .amber>span{background:rgba(255,172,33,.15);color:#f8aa24}.admin-page-metrics small,.admin-page-metrics strong,.admin-page-metrics em{display:block}.admin-page-metrics small{color:var(--ui-muted);font-size:7px}.admin-page-metrics strong{margin:2px 0;color:var(--ui-text);font-size:19px}.admin-page-metrics em{color:var(--ui-muted-2);font-size:6px;font-style:normal}
.admin-data-card{margin-bottom:13px;overflow:hidden;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.admin-data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:57px;padding:11px 13px;border-bottom:1px solid var(--ui-border)}.admin-filter-pills{display:flex;gap:6px;overflow:auto}.admin-filter-pills button{min-height:29px;padding:0 11px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-panel-soft);color:var(--ui-text-2);font:700 7px Manrope,sans-serif;white-space:nowrap}.admin-filter-pills button.active{border-color:#7550e8;background:linear-gradient(135deg,#8258fa,#6238e5);color:#fff}.admin-data-toolbar>label{display:flex;align-items:center;gap:7px;width:220px;height:32px;padding:0 9px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-panel-soft);color:var(--ui-muted)}.admin-data-toolbar>label .ui-icon{width:13px}.admin-data-toolbar input{min-width:0;width:100%;padding:0!important;border:0!important;background:transparent!important;color:var(--ui-text)!important;font:500 7px Manrope,sans-serif!important;outline:0!important}
.admin-table-heading,.admin-users-table>article{display:grid;grid-template-columns:minmax(175px,1.2fr) 90px minmax(170px,1fr) 105px 92px 110px;align-items:center;gap:10px;padding:0 14px}.admin-table-heading{height:34px;background:var(--ui-panel-soft);color:var(--ui-muted);font-size:6px}.admin-users-table>article{min-height:58px;border-top:1px solid var(--ui-border-soft);color:var(--ui-text-2);font-size:7px}.admin-user-cell{display:flex;align-items:center;gap:9px}.admin-user-cell .avatar{width:30px;height:30px;flex-basis:30px;font-size:7px}.admin-user-cell p,.admin-users-table>article>p{margin:0}.admin-user-cell strong,.admin-users-table>article>p strong{display:block;color:var(--ui-text);font-size:7px}.admin-user-cell small,.admin-users-table>article>p small{display:block;margin-top:3px;color:var(--ui-muted);font-size:6px}.admin-role{display:inline-flex;width:max-content;padding:5px 8px;border-radius:12px;background:var(--ui-accent-soft);color:var(--ui-accent-2);font-size:6px}.admin-role.teacher{background:rgba(51,136,255,.15);color:#4d91f8}.admin-role.student{background:rgba(35,199,111,.15);color:#2fc879}.admin-status{display:flex;align-items:center;gap:5px}.admin-status i{width:6px;height:6px;border-radius:50%;background:#32ca79}.admin-status.off i{background:#e65570}.admin-row-actions{display:flex;justify-content:flex-end;gap:5px}.admin-row-actions button,.admin-lesson-body footer button{display:grid;place-items:center;width:28px;height:28px;padding:7px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-panel-soft);color:var(--ui-muted);cursor:pointer}.admin-row-actions button.danger,.admin-lesson-body footer button.danger{color:#e95e79}.admin-row-actions>span{color:var(--ui-muted);font-size:6px}
.admin-lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:13px;background:linear-gradient(135deg,rgba(44,74,154,.2),rgba(98,60,176,.12))}.admin-lesson-grid>article{overflow:hidden;border:1px solid rgba(174,184,231,.55);border-radius:13px;background:#f5f6ff;box-shadow:0 8px 22px rgba(4,10,34,.2);transition:.2s}.admin-lesson-grid>article:hover{transform:translateY(-3px);border-color:#8d78ff;box-shadow:0 13px 28px rgba(22,20,80,.28)}.admin-lesson-cover{position:relative;height:137px;overflow:hidden;background:#17205b}.admin-lesson-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,44,.03),rgba(8,13,48,.08))}.admin-lesson-cover>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.admin-lesson-grid>article:hover .admin-lesson-cover>img{transform:scale(1.025)}.admin-lesson-cover>small{position:absolute;z-index:2;left:11px;top:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(5,13,43,.84);box-shadow:0 3px 10px rgba(0,0,0,.16);color:#fff;font-size:7px;font-weight:800;letter-spacing:.45px}.admin-lesson-actions{position:absolute;z-index:3;right:9px;top:9px;display:flex;gap:5px;opacity:0;transition:.18s}.admin-lesson-grid>article:hover .admin-lesson-actions,.admin-lesson-actions:focus-within{opacity:1}.admin-lesson-actions button{display:grid;place-items:center;width:27px;height:27px;padding:6px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:rgba(5,13,43,.8);color:#d8e3ff;cursor:pointer;backdrop-filter:blur(5px)}.admin-lesson-actions button.danger{color:#ff829a}.admin-lesson-actions .ui-icon{width:13px}.admin-lesson-body{position:relative;min-height:116px;padding:13px 54px 13px 14px;background:linear-gradient(135deg,#fff,#f0f1ff);color:#14182d}.admin-lesson-body>small{display:block;overflow:hidden;color:#4739ec;font-size:7px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.admin-lesson-body h2{min-height:34px;margin:5px 0 9px;color:#15182b;font-size:11px;line-height:1.32}.admin-lesson-meta{display:flex;align-items:center;gap:10px;color:#53607e;font-size:6px;white-space:nowrap}.admin-lesson-meta span{display:flex;align-items:center;gap:4px}.admin-lesson-meta .ui-icon{width:11px;height:11px;stroke-width:2}.admin-lesson-open{position:absolute;right:13px;bottom:17px;display:grid;place-items:center;width:36px;height:36px;padding:10px;border-radius:50%;background:linear-gradient(135deg,#6d5cff,#4937ef);box-shadow:0 7px 16px rgba(74,55,239,.28);color:#fff;text-decoration:none;transition:.18s}.admin-lesson-open:hover{transform:translateX(2px);box-shadow:0 9px 20px rgba(74,55,239,.36)}.admin-lesson-open .ui-icon{width:17px;height:17px}
.admin-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-group-grid>article{padding:15px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.admin-group-grid header{display:flex;align-items:center;justify-content:space-between}.admin-group-grid header>button{border:0;background:none;color:var(--ui-muted)}.admin-group-icon{display:grid;place-items:center;width:38px;height:38px;padding:9px;border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-group-icon.color-1{background:rgba(39,200,115,.15);color:#31c979}.admin-group-icon.color-2{background:rgba(52,135,255,.16);color:#4c90ff}.admin-group-icon.color-3{background:rgba(255,170,34,.15);color:#f3a825}.admin-group-grid>article>small{display:block;margin-top:13px;color:var(--ui-accent-2);font-size:6px;font-weight:800;letter-spacing:1px}.admin-group-grid h2{margin:4px 0;color:var(--ui-text);font-size:15px}.admin-group-grid>article>p{margin:0 0 12px;color:var(--ui-muted);font-size:7px}.admin-group-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 12px;padding:10px 0;border-block:1px solid var(--ui-border-soft)}.admin-group-numbers span{text-align:center}.admin-group-numbers span+span{border-left:1px solid var(--ui-border-soft)}.admin-group-numbers b,.admin-group-numbers small{display:block}.admin-group-numbers b{color:var(--ui-text);font-size:13px}.admin-group-numbers small{margin-top:2px;color:var(--ui-muted);font-size:5px}.admin-group-grid label{display:grid;grid-template-columns:1fr auto;gap:6px;color:var(--ui-muted);font-size:6px}.admin-group-grid label b{color:var(--ui-text)}.admin-group-grid progress{grid-column:1/3;width:100%;height:5px}.admin-group-grid footer{display:flex;gap:6px;margin-top:13px}.admin-group-grid footer .btn{min-height:31px!important;padding:0 10px!important;font-size:6px!important}.admin-delete{display:grid;place-items:center;width:31px;border:1px solid rgba(234,81,113,.35);border-radius:7px;background:rgba(234,81,113,.08);color:#e95875}.admin-delete .ui-icon{width:13px}
.admin-analytics-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:12px;margin-bottom:12px}.admin-chart-card,.admin-donut-card,.admin-stat-bottom article{padding:14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.admin-chart-card header{display:flex;align-items:flex-start;justify-content:space-between}.admin-chart-card h2,.admin-donut-card h2,.admin-section-heading h2{margin:0;color:var(--ui-text);font-size:11px}.admin-chart-card header p,.admin-section-heading p{margin:3px 0 0;color:var(--ui-muted);font-size:6px}.admin-chart-card header>span{display:flex;align-items:center;gap:5px;color:var(--ui-muted);font-size:6px}.admin-chart-card header i{width:6px;height:6px;border-radius:50%;background:#7d51f2}.admin-chart-card header i:last-of-type{background:#3c91f4}.admin-chart-card svg{width:100%;height:190px}.admin-chart-card svg g{fill:none;stroke:var(--ui-border);stroke-width:1}.admin-chart-card .area{fill:rgba(119,78,235,.1)}.admin-chart-card .line{fill:none;stroke-width:2}.admin-chart-card .one{stroke:#7d51f2}.admin-chart-card .two{stroke:#3d91f3}.admin-chart-card footer{display:flex;justify-content:space-between;color:var(--ui-muted);font-size:6px}.admin-donut-card>div{display:flex;align-items:center;justify-content:space-around;min-height:205px}.admin-donut-card>div>span{position:relative;display:grid;place-items:center;width:102px;height:102px;border-radius:50%;background:conic-gradient(#7950ef var(--p),var(--ui-border) 0)}.admin-donut-card>div>span:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:var(--ui-panel)}.admin-donut-card>div>span b,.admin-donut-card>div>span small{z-index:1}.admin-donut-card>div>span b{font-size:18px}.admin-donut-card>div>span small{color:var(--ui-muted);font-size:6px}.admin-donut-card ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}.admin-donut-card li{display:grid;grid-template-columns:7px 1fr auto;gap:6px;align-items:center;color:var(--ui-muted);font-size:6px}.admin-donut-card li i{width:7px;height:7px;border-radius:50%;background:#7950ef}.admin-donut-card li i.c1{background:#398ceb}.admin-donut-card li i.c2{background:#2bc77a}.admin-donut-card li i.c3{background:#efa628}.admin-donut-card li b{color:var(--ui-text)}.admin-stat-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.admin-stat-bottom article{display:flex;align-items:center;gap:10px}.admin-stat-bottom article>span{display:grid;place-items:center;width:34px;height:34px;padding:8px;border-radius:8px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-stat-bottom article>div{flex:1}.admin-stat-bottom small,.admin-stat-bottom strong{display:block}.admin-stat-bottom small{color:var(--ui-muted);font-size:6px}.admin-stat-bottom strong{margin:2px 0;color:var(--ui-text);font-size:14px}.admin-stat-bottom progress{width:100%;height:4px}
.admin-section-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--ui-border)}.admin-performance-head,.admin-performance-table>article{display:grid;grid-template-columns:1.3fr 70px 70px 90px 1fr 24px;align-items:center;gap:9px;padding:0 14px}.admin-performance-head{min-height:31px;background:var(--ui-panel-soft);color:var(--ui-muted);font-size:6px}.admin-performance-table>article{min-height:48px;border-top:1px solid var(--ui-border-soft);color:var(--ui-text-2);font-size:7px}.admin-performance-table>article>strong{color:var(--ui-text)}.admin-performance-table>article>b{color:var(--ui-accent-2)}.admin-performance-table label{display:flex;align-items:center;gap:7px}.admin-performance-table progress{width:90px;height:5px}.admin-performance-table a{color:var(--ui-muted)}.admin-performance-table a .ui-icon{width:13px}.admin-student-results{padding-bottom:5px}.admin-student-results>article{display:grid;grid-template-columns:24px 28px 1.5fr repeat(3,1fr) 70px;align-items:center;gap:8px;min-height:45px;padding:0 14px;border-top:1px solid var(--ui-border-soft);color:var(--ui-text-2);font-size:7px}.admin-student-results .avatar{width:27px;height:27px;flex-basis:27px;font-size:6px}.admin-student-results>article>strong{color:var(--ui-text)}.admin-student-results>article>b:last-child{color:var(--ui-accent-2)}
.admin-activity-list article{display:grid;grid-template-columns:34px 1fr 70px 110px;align-items:center;gap:10px;min-height:57px;padding:0 14px;border-top:1px solid var(--ui-border-soft)}.admin-activity-list article>span{display:grid;place-items:center;width:33px;height:33px;padding:8px;border-radius:8px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-activity-list article>span.assignment{background:rgba(50,135,255,.15);color:#4b90fb}.admin-activity-list article>span.game{background:rgba(255,169,30,.15);color:#f2aa2b}.admin-activity-list strong,.admin-activity-list small{display:block}.admin-activity-list strong{color:var(--ui-text);font-size:8px}.admin-activity-list small{margin-top:3px;color:var(--ui-muted);font-size:6px}.admin-activity-list article>b{color:#35c87a;font-size:7px}.admin-activity-list time{color:var(--ui-muted);font-size:6px;text-align:right}
.admin-notification-layout{display:grid;grid-template-columns:1.4fr .55fr;gap:12px}.admin-notification-list{overflow:hidden;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel)}.admin-notification-list article{display:grid;grid-template-columns:37px 1fr 28px;align-items:center;gap:10px;min-height:76px;padding:11px 13px;border-top:1px solid var(--ui-border-soft)}.admin-notification-list article:first-child{border-top:0}.admin-notification-list article.unread{background:linear-gradient(90deg,rgba(120,75,242,.1),transparent)}.admin-notification-list article>span{display:grid;place-items:center;width:37px;height:37px;padding:9px;border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-notification-list small{color:var(--ui-accent-2);font-size:5px;font-weight:700}.admin-notification-list h2{margin:4px 0;color:var(--ui-text);font-size:9px}.admin-notification-list p{margin:0;color:var(--ui-muted);font-size:6px}.admin-notification-list button{display:grid;place-items:center;width:27px;height:27px;padding:7px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-panel-soft);color:#32c978}.admin-notification-layout>aside{align-self:start;padding:20px;border:1px solid var(--ui-border);border-radius:10px;background:radial-gradient(circle at 80% 15%,rgba(120,74,243,.26),transparent 35%),var(--ui-panel);text-align:center}.admin-notification-layout>aside>span{display:grid;place-items:center;width:48px;height:48px;margin:auto;padding:12px;border-radius:13px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-notification-layout>aside strong{display:block;margin-top:12px;color:var(--ui-text);font-size:28px}.admin-notification-layout>aside p{margin:2px 0;color:var(--ui-text-2);font-size:8px}.admin-notification-layout>aside small{display:block;margin-top:13px;color:var(--ui-muted);font-size:6px;line-height:1.6}
.admin-profile-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}.admin-profile-card,.admin-profile-details,.admin-settings-card{border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);box-shadow:var(--ui-shadow-soft)}.admin-profile-card{position:relative;overflow:hidden;padding:0 18px 20px;text-align:center}.admin-profile-cover{height:100px;margin:0 -18px;background:radial-gradient(circle at 70% 50%,rgba(142,96,255,.5),transparent 25%),linear-gradient(135deg,#1b1744,#44268a)}.admin-profile-avatar{display:grid;place-items:center;width:68px;height:68px;margin:-34px auto 9px;border:5px solid var(--ui-panel);border-radius:50%;background:linear-gradient(135deg,#986cff,#6238e6);color:#fff;font-size:18px;font-weight:800}.admin-profile-card h2{margin:0;color:var(--ui-text);font-size:15px}.admin-profile-card>p{margin:3px 0 8px;color:var(--ui-muted);font-size:7px}.admin-profile-card>.admin-role{margin:auto}.admin-profile-card>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px;padding-top:15px;border-top:1px solid var(--ui-border-soft)}.admin-profile-card>div:last-child span+span{border-left:1px solid var(--ui-border-soft)}.admin-profile-card>div:last-child b,.admin-profile-card>div:last-child small{display:block}.admin-profile-card>div:last-child b{font-size:15px}.admin-profile-card>div:last-child small{margin-top:2px;color:var(--ui-muted);font-size:5px}.admin-profile-details{padding:16px}.admin-profile-details header,.admin-settings-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}.admin-profile-details header h2,.admin-settings-card h2{margin:0;color:var(--ui-text);font-size:11px}.admin-profile-details header>span{color:var(--ui-accent-2)}.admin-profile-details>div{display:grid;grid-template-columns:150px 1fr;min-height:43px;align-items:center;border-bottom:1px solid var(--ui-border-soft)}.admin-profile-details>div span{color:var(--ui-muted);font-size:7px}.admin-profile-details>div strong{color:var(--ui-text);font-size:8px}.admin-profile-details .btn{margin-top:13px;min-height:34px!important;font-size:7px!important}.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-settings-card{padding:16px}.admin-settings-card header{justify-content:flex-start;gap:10px}.admin-settings-card header>span{display:grid;place-items:center;width:35px;height:35px;padding:8px;border-radius:8px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.admin-settings-card header p{margin:3px 0 0;color:var(--ui-muted);font-size:6px}.admin-settings-card>label{display:flex;align-items:center;justify-content:space-between;min-height:57px;border-bottom:1px solid var(--ui-border-soft)}.admin-settings-card>label strong,.admin-settings-card>label small{display:block}.admin-settings-card>label strong{color:var(--ui-text);font-size:8px}.admin-settings-card>label small{margin-top:3px;color:var(--ui-muted);font-size:6px}.admin-settings-card input[type=checkbox]{width:37px!important;height:20px!important;accent-color:#7448eb}.admin-settings-card>.btn{margin-top:14px;min-height:34px!important;font-size:7px!important}.admin-system-info>div{display:flex;align-items:center;justify-content:space-between;min-height:50px;border-bottom:1px solid var(--ui-border-soft);font-size:7px}.admin-system-info>div span{display:flex;align-items:center;gap:7px;color:var(--ui-text-2)}.admin-system-info>div i{width:7px;height:7px;border-radius:50%;background:#2cc776;box-shadow:0 0 8px rgba(44,199,118,.5)}.admin-system-info>div b{color:#2cc776;font-size:6px}
html[data-theme="light"] body :is(.admin-page-metrics article,.admin-data-card,.admin-group-grid>article,.admin-chart-card,.admin-donut-card,.admin-stat-bottom article,.admin-notification-list,.admin-notification-layout>aside,.admin-profile-card,.admin-profile-details,.admin-settings-card){background:#fff;border-color:var(--ui-border)}html[data-theme="light"] body :is(.admin-table-heading,.admin-performance-head){background:#f6f8fc}html[data-theme="light"] body .admin-donut-card>div>span:after{background:#fff}html[data-theme="light"] body .admin-profile-avatar{border-color:#fff}
.admin-lesson-grid>article{border-color:var(--ui-border);background:var(--ui-panel-soft)}
.admin-lesson-body{background:linear-gradient(135deg,var(--ui-panel-soft),var(--ui-panel));color:var(--ui-text)}
.admin-lesson-body h2{color:var(--ui-text)}
.admin-lesson-meta{color:var(--ui-muted)}
.admin-lesson-cover{display:grid;place-items:center;isolation:isolate;background:#16265a}
.admin-lesson-cover:after{z-index:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.16),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.04),rgba(3,8,34,.2))}
.admin-lesson-topic-symbol{position:relative;z-index:2;display:flex;align-items:center;gap:13px;width:min(78%,260px);padding:15px 18px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(7,15,52,.38);box-shadow:0 15px 35px rgba(1,6,31,.3),inset 0 1px rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(7px)}
.admin-lesson-topic-symbol .ui-icon{width:42px;height:42px;flex:0 0 42px;filter:drop-shadow(0 5px 12px currentColor)}
.admin-lesson-topic-symbol strong{overflow:hidden;color:#fff;font-size:11px;line-height:1.3;text-overflow:ellipsis;text-shadow:0 3px 12px rgba(0,0,0,.3)}
.admin-lesson-cover>i{position:absolute;z-index:1;width:54px;height:54px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.04);transform:rotate(14deg)}
.admin-lesson-cover>i:nth-of-type(1){left:9%;bottom:-18px}.admin-lesson-cover>i:nth-of-type(2){right:8%;top:-21px;width:78px;height:78px;transform:rotate(-18deg)}.admin-lesson-cover>i:nth-of-type(3){right:27%;bottom:-35px;width:66px;height:66px;transform:rotate(28deg)}
.admin-lesson-cover.tone-blue{background:linear-gradient(135deg,#123c91,#3b25a5)}.admin-lesson-cover.tone-blue .admin-lesson-topic-symbol{color:#75caff}
.admin-lesson-cover.tone-cyan{background:linear-gradient(135deg,#075a87,#1846b8)}.admin-lesson-cover.tone-cyan .admin-lesson-topic-symbol{color:#5ce7ff}
.admin-lesson-cover.tone-violet{background:linear-gradient(135deg,#38208e,#7227a6)}.admin-lesson-cover.tone-violet .admin-lesson-topic-symbol{color:#c08aff}
.admin-lesson-cover.tone-pink{background:linear-gradient(135deg,#4c238c,#a02778)}.admin-lesson-cover.tone-pink .admin-lesson-topic-symbol{color:#ff86cf}
.admin-lesson-cover.tone-teal{background:linear-gradient(135deg,#075d72,#1851a0)}.admin-lesson-cover.tone-teal .admin-lesson-topic-symbol{color:#64f0d4}
.admin-lesson-grid{gap:16px;padding:18px;background:linear-gradient(135deg,rgba(9,24,43,.82),rgba(13,20,42,.82))}
.admin-lesson-grid>article.admin-lesson-card{--tone:#2b8cff;--tone-rgb:43,140,255;position:relative;display:block;min-height:248px;padding:19px 20px;overflow:hidden;border:1px solid var(--tone);border-radius:15px;background:radial-gradient(circle at 84% 14%,rgba(var(--tone-rgb),.14),transparent 32%),linear-gradient(145deg,#0c192b,#0a1323 72%);box-shadow:0 12px 27px rgba(0,5,24,.25);color:#fff}
.admin-lesson-grid>article.admin-lesson-card:hover{border-color:var(--tone);box-shadow:0 15px 32px rgba(var(--tone-rgb),.18);transform:translateY(-3px)}
.admin-lesson-grid>article.admin-lesson-card.tone-blue{--tone:#278bff;--tone-rgb:39,139,255}.admin-lesson-grid>article.admin-lesson-card.tone-cyan{--tone:#15cdbd;--tone-rgb:21,205,189}.admin-lesson-grid>article.admin-lesson-card.tone-violet{--tone:#8953ff;--tone-rgb:137,83,255}.admin-lesson-grid>article.admin-lesson-card.tone-pink{--tone:#ff3f80;--tone-rgb:255,63,128}.admin-lesson-grid>article.admin-lesson-card.tone-teal{--tone:#20cbbb;--tone-rgb:32,203,187}.admin-lesson-grid>article.admin-lesson-card.tone-orange{--tone:#ff7938;--tone-rgb:255,121,56}
.admin-lesson-card-head{display:flex;align-items:flex-start;justify-content:space-between;min-height:62px}.admin-lesson-card-head>small{display:inline-flex;padding:8px 13px;border-radius:22px;background:linear-gradient(135deg,var(--tone),color-mix(in srgb,var(--tone),#7c3cff 32%));box-shadow:0 8px 18px rgba(var(--tone-rgb),.25);color:#fff;font-size:11px;font-weight:800;letter-spacing:.25px}.admin-lesson-card-icon{display:grid;place-items:center;width:62px;height:62px;color:var(--tone);filter:drop-shadow(0 8px 14px rgba(var(--tone-rgb),.2))}.admin-lesson-card-icon .ui-icon{width:58px;height:58px;stroke-width:1.65}
.admin-lesson-card-topic{margin:13px 0 7px;color:var(--tone);font-size:12px;font-weight:800;line-height:1.25}.admin-lesson-card>h2{min-height:57px;margin:0 0 30px;padding-right:8px;color:#f8f9ff;font-size:18px;line-height:1.25;letter-spacing:-.2px}
.admin-lesson-card-meta{position:absolute;left:20px;right:75px;bottom:23px;display:flex;align-items:center;gap:13px;color:#aebdd2;font-size:10px;white-space:nowrap}.admin-lesson-card-meta>span{display:flex;align-items:center;gap:5px}.admin-lesson-card-meta .ui-icon{width:15px;height:15px;color:#83bfff;stroke-width:1.8}
.admin-lesson-card-open{position:absolute;right:16px;bottom:14px;display:grid;place-items:center;width:52px;height:52px;padding:13px;border-radius:50%;background:linear-gradient(135deg,var(--tone),color-mix(in srgb,var(--tone),#7b3cff 30%));box-shadow:0 9px 20px rgba(var(--tone-rgb),.28);color:#fff;text-decoration:none;transition:.18s}.admin-lesson-card-open:hover{transform:translateX(2px) scale(1.04)}.admin-lesson-card-open .ui-icon{width:24px;height:24px;stroke-width:1.8}
.admin-lesson-card>.admin-lesson-actions{right:82px;top:20px}.admin-lesson-card:hover>.admin-lesson-actions,.admin-lesson-card>.admin-lesson-actions:focus-within{opacity:1}.admin-lesson-card>.admin-lesson-actions button{border-color:rgba(var(--tone-rgb),.35);background:rgba(4,12,29,.82);color:#dbe8ff}
html[data-theme="light"] body .admin-lesson-grid>article.admin-lesson-card{border-color:var(--tone);background:radial-gradient(circle at 84% 14%,rgba(var(--tone-rgb),.12),transparent 34%),linear-gradient(145deg,#fff,#edf1fa 76%);color:#11182b}
html[data-theme="light"] body .admin-lesson-grid{background:linear-gradient(135deg,#edf2fa,#e5ebf5)}html[data-theme="light"] body .admin-lesson-card-head>small{color:#fff}html[data-theme="light"] body .admin-lesson-card>h2{color:#12182a}html[data-theme="light"] body .admin-lesson-card-meta{color:#53627a}html[data-theme="light"] body .admin-lesson-card>.admin-lesson-actions button{background:rgba(255,255,255,.9);color:#3c4c68}
html[data-theme="light"] body .admin-lesson-grid>article{border-color:#cbd2ee;background:#f5f6ff}
html[data-theme="light"] body .admin-lesson-body{background:linear-gradient(135deg,#fff,#f0f1ff);color:#14182d}
html[data-theme="light"] body .admin-lesson-body h2{color:#15182b}
html[data-theme="light"] body .admin-lesson-meta{color:#53607e}
@media(max-width:1180px){.admin-lesson-grid{grid-template-columns:repeat(3,1fr)}.admin-group-grid{grid-template-columns:repeat(2,1fr)}.admin-table-heading,.admin-users-table>article{grid-template-columns:minmax(160px,1.2fr) 80px minmax(150px,1fr) 85px 85px}.admin-table-heading>*:nth-child(4),.admin-users-table>article>*:nth-child(4){display:none}}
@media(max-width:900px){.admin-page-metrics{grid-template-columns:1fr 1fr}.admin-analytics-grid,.admin-notification-layout,.admin-profile-layout,.admin-settings-grid{grid-template-columns:1fr}.admin-lesson-grid{grid-template-columns:1fr 1fr}.admin-data-toolbar{align-items:flex-start;flex-direction:column}.admin-data-toolbar>label{width:100%}.admin-stat-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-head h1{font-size:21px}.admin-page-metrics,.admin-lesson-grid,.admin-group-grid,.admin-stat-bottom{grid-template-columns:1fr}.admin-users-table,.admin-performance-table{overflow:auto}.admin-table-heading,.admin-users-table>article{min-width:680px}.admin-performance-head,.admin-performance-table>article{min-width:600px}.admin-student-results>article{grid-template-columns:22px 27px 1fr 70px}.admin-student-results>article>*:nth-child(5),.admin-student-results>article>*:nth-child(6),.admin-student-results>article>*:nth-child(7){display:none}.admin-activity-list article{grid-template-columns:34px 1fr 65px}.admin-activity-list time{display:none}}

/* Administrator readability and live analytics. */
.admin-shell .product-content{font-size:14px}.admin-shell .product-sidebar nav a,.admin-shell .nav-logout{font-size:13px}.admin-shell .nav-caption{font-size:10px}.admin-shell .global-search input,.admin-shell .top-profile strong{font-size:12px}.admin-shell .top-profile small{font-size:10px}.admin-shell .admin-page-head>div>span{font-size:10px}.admin-shell .admin-page-head h1{font-size:30px}.admin-shell .admin-page-head p{font-size:13px;line-height:1.5}.admin-shell .admin-page-head .btn,.admin-shell .admin-period{font-size:12px!important}.admin-period select{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;outline:0;cursor:pointer}.admin-period select option{background:var(--ui-panel);color:var(--ui-text)}.admin-shell .admin-page-metrics small{font-size:11px}.admin-shell .admin-page-metrics strong{font-size:24px}.admin-shell .admin-page-metrics em{font-size:10px}.admin-shell .admin-filter-pills button,.admin-shell .admin-data-toolbar input{font-size:11px!important}.admin-shell .admin-table-heading,.admin-shell .admin-performance-head{font-size:10px}.admin-shell .admin-users-table>article,.admin-shell .admin-performance-table>article,.admin-shell .admin-student-results>article{font-size:11px}.admin-shell .admin-user-cell strong,.admin-shell .admin-users-table>article>p strong{font-size:11px}.admin-shell .admin-user-cell small,.admin-shell .admin-users-table>article>p small,.admin-shell .admin-role,.admin-shell .admin-row-actions>span{font-size:9px}.admin-shell .admin-lesson-cover>small,.admin-shell .admin-group-numbers small,.admin-shell .admin-profile-card>div:last-child small{font-size:9px}.admin-shell .admin-lesson-body>small,.admin-shell .admin-lesson-body p,.admin-shell .admin-group-grid>article>small,.admin-shell .admin-group-grid>article>p,.admin-shell .admin-group-grid label{font-size:10px}.admin-shell .admin-lesson-body h2{font-size:13px}.admin-shell .admin-lesson-body footer>a,.admin-shell .admin-group-grid footer .btn{font-size:10px!important}.admin-shell .admin-chart-card h2,.admin-shell .admin-donut-card h2,.admin-shell .admin-section-heading h2{font-size:15px}.admin-shell .admin-chart-card header p,.admin-shell .admin-section-heading p,.admin-shell .admin-chart-card header>span{font-size:10px}.admin-chart-card .chart-dot{stroke:var(--ui-panel);stroke-width:2;vector-effect:non-scaling-stroke}.admin-chart-card .chart-dot.one{fill:#7d51f2}.admin-chart-card .chart-dot.two{fill:#3d91f3}.admin-shell .admin-chart-card footer{font-size:10px;min-height:16px}.admin-donut-card>div>span{background:conic-gradient(#7950ef 0 var(--p1),#398ceb var(--p1) var(--p2),#2bc77a var(--p2) 360deg)}.admin-shell .admin-donut-card>div>span small,.admin-shell .admin-donut-card li,.admin-shell .admin-stat-bottom small{font-size:10px}.admin-shell .admin-stat-bottom strong{font-size:18px}.admin-shell .admin-activity-list strong{font-size:12px}.admin-shell .admin-activity-list small,.admin-shell .admin-activity-list article>b,.admin-shell .admin-activity-list time{font-size:10px}.admin-shell .admin-notification-list small{font-size:9px}.admin-shell .admin-notification-list h2{font-size:13px}.admin-shell .admin-notification-list p,.admin-shell .admin-notification-layout>aside small{font-size:10px}.admin-shell .admin-notification-layout>aside p{font-size:12px}.admin-shell .admin-profile-card>p,.admin-shell .admin-profile-details>div span,.admin-shell .admin-settings-card>label small,.admin-shell .admin-settings-card header p,.admin-shell .admin-system-info>div{font-size:10px}.admin-shell .admin-profile-details>div strong,.admin-shell .admin-settings-card>label strong{font-size:12px}.admin-shell .admin-profile-details .btn,.admin-shell .admin-settings-card>.btn{font-size:11px!important}.admin-shell .admin-system-info>div b{font-size:10px}

/* Working lesson tabs, real video and readable lesson typography. */
.admin-row-actions button,.admin-lesson-body footer button{display:flex;align-items:center;justify-content:center;padding:0;line-height:0}.admin-row-actions button .ui-icon,.admin-lesson-body footer button .ui-icon{display:block;width:15px;height:15px;margin:auto}.admin-row-actions button svg,.admin-lesson-body footer button svg{display:block}
.reference-breadcrumb{font-size:12px}.reference-lesson-title h1{font-size:27px}.reference-lesson-tabs button{min-height:46px;font-size:12px;cursor:pointer}.reference-lesson-tabs .ui-icon{width:16px}.reference-tab-panel[hidden]{display:none!important}.reference-tab-panel.active{animation:pageIn .2s ease}.reference-lesson-steps>a{min-height:64px;padding:9px}.reference-lesson-steps>a>span{min-width:0}.reference-lesson-steps strong{overflow:visible;font-size:11px;line-height:1.38;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.reference-lesson-steps small{font-size:10px}.reference-lesson-steps>a>b{font-size:12px}.reference-video{min-height:380px;background:#050811}.reference-video iframe{display:block;width:100%;height:100%;min-height:380px;border:0}.reference-video>.reference-video-expand{z-index:3;left:auto;right:12px;top:12px;width:40px;height:40px;padding:9px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(5,9,18,.82);transform:none}.reference-video>.reference-video-expand:hover{background:#7549e8}.reference-video>.reference-video-expand .ui-icon{width:19px;height:19px}.reference-video>small{position:absolute;z-index:2;left:12px;top:12px;padding:7px 10px;border-radius:6px;background:rgba(5,9,18,.8);color:#dce3ee;font-size:11px;pointer-events:none}.reference-video:fullscreen{display:grid;place-items:center;background:#000}.reference-video:fullscreen iframe{width:100vw;height:100vh}.reference-video-empty{display:grid;place-items:center;align-content:center;min-height:380px;padding:25px;color:var(--ui-muted);text-align:center}.reference-video-empty>.ui-icon{width:50px;height:50px;margin-bottom:12px;color:var(--ui-accent-2)}.reference-video-empty h2{margin:0;color:var(--ui-text);font-size:17px}.reference-video-empty p{font-size:12px}.reference-lesson-description{padding:20px}.reference-lesson-description h2{font-size:17px}.reference-lesson-description h3{margin-top:18px;font-size:13px}.reference-lesson-description p{font-size:12px;line-height:1.65}.reference-lesson-description li{font-size:11px;line-height:1.5}.reference-lesson-description .btn{min-height:42px!important;font-size:12px!important}.reference-lesson-footer{font-size:12px}.reference-lesson-footer .btn{font-size:12px!important}
.reference-real-materials,.reference-related-list{display:grid;gap:10px;margin-bottom:12px}.reference-real-materials article,.reference-related-list article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:17px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-panel)}.reference-real-materials article>span,.reference-related-list article>span{display:grid;place-items:center;width:42px;height:42px;padding:10px;border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-accent-2)}.reference-real-materials h2,.reference-related-list h2{margin:0 0 6px;color:var(--ui-text);font-size:14px}.reference-real-materials p,.reference-related-list p{margin:0;color:var(--ui-muted);font-size:11px;line-height:1.65}.reference-real-materials ul{display:grid;gap:7px;margin:0;padding-left:18px;color:var(--ui-text-2);font-size:11px;line-height:1.55}.reference-related-list article{grid-template-columns:42px 1fr auto;align-items:center}.reference-related-list article small{color:var(--ui-accent-2);font-size:9px}.reference-related-list .btn{min-width:105px;font-size:10px!important}.reference-open-chats{justify-self:start}
@media(max-width:1000px){.reference-video,.reference-video iframe,.reference-video-empty{min-height:320px}.reference-related-list article{grid-template-columns:42px 1fr}.reference-related-list article .btn{grid-column:2;justify-self:start}}
@media(max-width:680px){.reference-lesson-title h1{font-size:20px}.reference-lesson-tabs button{font-size:10px}.reference-video,.reference-video iframe,.reference-video-empty{min-height:230px}.reference-video>small{display:none}.reference-real-materials article,.reference-related-list article{grid-template-columns:36px 1fr;padding:13px}.reference-real-materials article>span,.reference-related-list article>span{width:36px;height:36px;padding:8px}}

/* The administrator hero follows the active light theme instead of retaining its dark artwork treatment. */
html[data-theme="light"] body .admin-ref-hero{
  border-color:#d8dfea!important;
  background:radial-gradient(circle at 77% 42%,rgba(125,83,235,.17),transparent 30%),linear-gradient(110deg,#fff 0%,#f5f1ff 58%,#ece7fa 100%)!important;
  color:#172033!important;
  box-shadow:0 10px 30px rgba(46,55,82,.08)!important;
}
html[data-theme="light"] body .admin-ref-hero:after{
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(250,248,255,.91) 42%,rgba(244,239,255,.25) 72%,transparent)!important;
}
html[data-theme="light"] body .admin-ref-hero h2{color:#172033!important;text-shadow:none!important}
html[data-theme="light"] body .admin-ref-hero p{color:#68778e!important}
html[data-theme="light"] body .admin-ref-hero>div>small{background:#eee7ff!important;color:#6f42d4!important}
html[data-theme="light"] body .admin-ref-hero>img{opacity:1!important;filter:brightness(1.05) saturate(.88) contrast(1.08) drop-shadow(0 18px 25px rgba(50,39,94,.14))!important}
html[data-theme="light"] body .admin-ref-hero .admin-hero-next{border-color:#d8dfeb!important;background:#fff!important;color:#7046dc!important;box-shadow:0 6px 16px rgba(48,58,85,.12)!important}

/* Readable class overview: larger typography and a truly centered row menu. */
.reference-class-head{margin-bottom:20px}.reference-class-head h1{margin-bottom:6px;font-size:31px;line-height:1.15}.reference-class-head p{font-size:11px;line-height:1.5}.reference-class-head .btn{min-height:42px!important;padding:0 17px!important;font-size:10px!important}.reference-class-head .btn .ui-icon{width:17px;height:17px}
.reference-class-metrics{gap:13px;margin-bottom:16px}.reference-class-metrics article{grid-template-columns:48px 1fr;min-height:86px;padding:15px 16px;column-gap:13px;border-radius:11px}.reference-class-metrics article>span{width:48px;height:48px;padding:12px;border-radius:10px}.reference-class-metrics small{font-size:10px;line-height:1.3}.reference-class-metrics strong{font-size:23px;line-height:1.15}
.reference-table-head,.reference-table-row{grid-template-columns:30px minmax(190px,1.3fr) 105px minmax(150px,1fr) 135px 130px 54px;gap:12px;padding:0 15px}.reference-table-head{height:45px;font-size:9px;font-weight:700}.reference-table-row{min-height:64px;font-size:10px}.reference-table-row>b{font-size:11px}.reference-student{gap:11px}.reference-student .avatar{width:36px;height:36px;flex-basis:36px;font-size:9px}.reference-student strong{font-size:10px}.reference-progress{gap:9px}.reference-progress progress{width:92px;height:6px}.reference-progress b{font-size:10px}
.reference-table-row>button.reference-row-menu{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:8px;line-height:1}.reference-row-menu>span{display:block;height:12px;margin:auto;color:inherit;font-size:14px;font-weight:800;line-height:7px;letter-spacing:2px;transform:translateX(1px)}
.reference-class-bottom{gap:16px}.reference-class-bottom>article{padding:18px;border-radius:11px}.reference-class-bottom header{margin-bottom:9px}.reference-class-bottom h2{font-size:15px}.reference-class-bottom header span{font-size:9px}.reference-class-bottom article>div{gap:11px;min-height:61px}.reference-class-bottom article>div>span{width:39px;height:39px;padding:9px;border-radius:9px}.reference-class-bottom strong{font-size:10px;line-height:1.35}.reference-class-bottom small{margin-top:4px;font-size:8px;line-height:1.4}.reference-class-bottom .btn{min-height:33px!important;padding:0 10px!important;font-size:8px!important}
@media(max-width:1000px){.reference-table-head,.reference-table-row{min-width:900px}.reference-class-table{overflow:auto}}