@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.teacher-path-page{--ink:#17324d;--muted:#64748b;--line:#dce8ee;min-height:100%;color:var(--ink);background:linear-gradient(145deg,#f6fffc 0%,#f8fbff 48%,#fff8f4 100%);padding:28px}.teacher-path-hero{border:1px solid #ffffffbf;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #1e475d1f}.teacher-path-hero:after{content:"";background:#ffffff4d;border-radius:50%;width:210px;height:210px;position:absolute;top:-90px;right:-60px}.mint-hero{background:linear-gradient(135deg,#d8fff0,#cef)}.coral-hero{background:linear-gradient(135deg,#ffe1d7,#fff0c9)}.lilac-hero{background:linear-gradient(135deg,#eee4ff,#d9f7ff)}.teacher-path-kicker{letter-spacing:.12em;text-transform:uppercase;color:#21786d;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.teacher-path-hero h1{margin:8px 0 6px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.teacher-path-hero p{color:#4f6475;margin:0;font-size:1rem}.teacher-hero-stat{z-index:1;background:#ffffffad;border-radius:26px;place-items:center;width:104px;height:104px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffffd9}.teacher-hero-stat strong{font-size:2.2rem}.teacher-hero-stat span{color:var(--muted);font-size:.78rem}.teacher-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;padding:18px 4px;font-size:.9rem;display:flex}.teacher-breadcrumb button{color:#247c84;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.teacher-breadcrumb strong{color:var(--ink)}.teacher-state-card{text-align:center;color:var(--muted);background:#fff;border:1px dashed #b8d7dc;border-radius:20px;padding:26px}.error-card{color:#ad3131;background:#fff6f6;border-color:#ffc3c3}.teacher-grade-grid,.teacher-subject-grid,.teacher-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;width:100%;display:grid}.teacher-grade-card:hover,.teacher-subject-card:hover,.teacher-content-card:hover,.teacher-chapter-card:hover{border-color:#8fcfd0;transform:translateY(-4px);box-shadow:0 18px 38px #295b7024}.teacher-grade-card{gap:0}.teacher-grade-card:before{content:"";height:7px;position:absolute;inset:0 0 auto}.teacher-card-copy span{letter-spacing:.12em;color:#7a8d9b;padding-left:20px;font-size:.72rem;font-weight:800}.teacher-card-copy h2{margin:5px 0 7px;padding-left:20px;font-size:1.45rem}.teacher-subject-card p{min-height:42px;color:var(--muted)}.subject-tone-1{box-shadow:inset 0 5px #57c6ae}.subject-tone-2{box-shadow:inset 0 5px #58a9df}.subject-tone-3{box-shadow:inset 0 5px #ff9874}.subject-tone-4{box-shadow:inset 0 5px #a986e4}.subject-tone-5{box-shadow:inset 0 5px #f1c75b}.subject-progress-row,.content-progress-line{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.teacher-progress-track{background:#edf3f5;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.teacher-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#52c8ad,#55aee4);height:100%;display:block}.teacher-open-link{color:#267d85;align-items:center;gap:5px;margin-top:18px;font-weight:800;display:flex}.teacher-chapter-list{gap:15px;display:grid}.teacher-chapter-card{border-radius:22px;grid-template-columns:95px 1fr auto;align-items:center;gap:22px;width:100%;padding:20px 22px;display:grid}.chapter-number{background:linear-gradient(145deg,#fff1e9,#ffe0cf);border-radius:18px;align-content:center;place-items:center;height:92px;display:grid}.chapter-number span{letter-spacing:.13em;color:#a86a51;font-size:.65rem;font-weight:800}.chapter-number strong{color:#ce6842;font-size:2rem}.teacher-completion-ring{--completion:0deg;z-index:1;background:conic-gradient(#54bfa9 var(--completion), #ffffff80 0);border-radius:50%;width:116px;height:116px;padding:9px;position:relative}.teacher-completion-ring>div{background:#fff;border-radius:50%;align-content:center;place-items:center;height:100%;display:grid}.teacher-completion-ring strong{font-size:1.55rem}.teacher-completion-ring span{color:var(--muted);font-size:.72rem}.teacher-content-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.teacher-content-summary div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px 20px}.teacher-content-summary span{color:var(--muted);font-size:.8rem;display:block}.teacher-content-summary strong{margin-top:6px;font-size:1.35rem;display:block}.teacher-content-card p{color:var(--muted);flex:1}@media (width<=760px){.teacher-path-page{padding:16px}.teacher-path-hero{padding:24px}.teacher-hero-icon,.teacher-hero-stat{width:76px;height:76px}.teacher-chapter-card{grid-template-columns:68px 1fr;padding:16px}.chapter-number{height:72px}.teacher-chapter-card>.teacher-card-arrow{display:none}.teacher-content-summary{grid-template-columns:1fr}.teacher-path-hero p{max-width:80%}}.teacher-association-heading{grid-template-columns:115px minmax(0,1fr);align-items:center;gap:20px;width:100%;display:grid}.teacher-association-logo{border-radius:18px;place-items:center;width:115px;height:115px;padding:0;display:grid;overflow:hidden}.teacher-association-logo img{object-fit:contain;width:100%;height:100%}.teacher-card-copy{min-width:0}.teacher-card-copy span{padding-left:0;font-size:12px;font-weight:800}.teacher-card-copy h2{color:#173858;overflow-wrap:break-word;margin:6px 0 0;padding-left:0;font-size:25px;line-height:1.15}.association-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.association-edit-button{color:#6552e7;cursor:pointer;background:#f2efff;border:1px solid #cfc9fb;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.association-edit-button:hover{background:#e7e2ff;border-color:#aaa0ef}.association-edit-backdrop{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c12269e;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.association-edit-modal{background:#fff;border:1px solid #e0e5ed;border-radius:20px;width:min(560px,100%);padding:26px;box-shadow:0 28px 80px #0e173047}.association-edit-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:21px;display:flex}.association-edit-modal-header span{color:#6552e7;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:900}.association-edit-modal-header h2{color:#17233d;margin:5px 0 0;font-size:22px}.association-edit-close{color:#687287;cursor:pointer;background:#f2f4f8;border:0;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.association-edit-modal label{color:#465167;margin-top:15px;font-size:12px;font-weight:750;display:block}.association-edit-modal input,.association-edit-modal textarea{color:#253149;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dce2eb;border-radius:11px;outline:none;margin-top:7px;padding:0 13px}.association-edit-modal input{height:48px}.association-edit-modal textarea{resize:vertical;min-height:105px;padding-top:12px}.association-edit-modal input:focus,.association-edit-modal textarea:focus{background:#fff;border-color:#6552e7;box-shadow:0 0 0 4px #6552e71a}.association-edit-actions{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.association-edit-cancel,.association-edit-save{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.association-edit-cancel{color:#596478;background:#fff;border:1px solid #dce1e9}.association-edit-save{color:#fff;background:linear-gradient(135deg,#6552e7,#3978e7);border:0}.association-edit-save:disabled{cursor:not-allowed;opacity:.55}@media (width<=650px){.association-header-actions{justify-content:stretch;width:100%}.association-header-actions button{flex:1}.association-edit-backdrop{padding:14px}.association-edit-modal{padding:21px 17px}.association-edit-actions{flex-direction:column-reverse}.association-edit-cancel,.association-edit-save{width:100%}}.teacher-grade-hero-logo{background:#ffffffbf;border:1px solid #ffffffe6;border-radius:28px;flex:0 0 120px;justify-content:center;align-items:center;width:120px;height:120px;padding:12px;display:flex;overflow:hidden;box-shadow:0 12px 30px #20375414}.teacher-grade-hero-logo img{object-fit:contain;object-position:center;border-radius:16px;width:100%;height:100%;display:block}.teacher-grade-hero-logo svg{color:#203754;width:42px;height:42px}@media (width<=700px){.teacher-grade-hero-logo{border-radius:20px;flex:0 0 86px;width:86px;height:86px;padding:9px}}.teacher-subject-card:before,.teacher-subject-card:after{display:none!important}.teacher-subject-card{opacity:1!important;filter:none!important}.subject-thumbnail-preview{object-fit:cover;background:#fff;border:1px solid #e1e6ee;border-radius:12px;width:72px;height:58px;display:block}.teacher-subject-card{color:#fff;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:340px;padding:18px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.teacher-subject-card .subject-topline{z-index:2;color:#fff;justify-content:flex-end;display:flex;position:relative}.teacher-subject-card .subject-topline>span{color:#fff;-webkit-backdrop-filter:blur(8px);background:#0f172a6b;border:1px solid #ffffff47;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.teacher-subject-card h1{text-align:start;text-shadow:0 2px 10px #00000073;margin:0 0 8px;font-size:39px;font-weight:800;line-height:2.15;color:#fff!important}.teacher-subject-card .teacher-open-link{justify-content:space-between;align-items:center;margin-top:16px;font-size:13px;font-weight:800;display:flex;color:#000!important}@media (width<=700px){.teacher-subject-card{min-height:250px;padding:16px}.subject-card-content{padding:15px}.teacher-subject-card h1{font-size:22px}.teacher-subject-card p{font-size:13px}}.chapter-library-hero{box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;justify-content:space-between;align-items:center;width:100%;min-height:280px;padding:38px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.chapter-library-hero.has-subject-background:before{content:"";z-index:0;background:linear-gradient(90deg,#08182ce0 0%,#08182cb3 50%,#08182c59 100%);position:absolute;inset:0}.chapter-library-hero h1{margin:18px 0 10px;line-height:1.05;font-size:48px!important}.chapter-library-hero .teacher-path-kicker{font-size:16px;font-weight:800}.chapter-library-hero p{font-size:19px}.chapter-library-hero.has-subject-background>*{z-index:1;position:relative}.chapter-library-hero.has-subject-background .teacher-path-kicker{color:#fff}.chapter-library-hero.has-subject-background h1{text-shadow:0 3px 12px #00000073;color:#fff!important}.chapter-library-hero.has-subject-background p{text-shadow:0 2px 8px #00000061;color:#fffffff0!important}.chapter-library-hero.has-subject-background .teacher-hero-stat{-webkit-backdrop-filter:blur(10px);background:#ffffffe0}.access-course-btn{cursor:pointer;border-radius:10px;padding:11px 20px;font-weight:700;transition:background .2s,transform .2s;color:#fff!important;background:#2563eb!important;border:none!important}.access-course-btn:hover{transform:translateY(-2px);background:#1d4ed8!important}.teacher-chapter-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#fbfdff 65%,#f4f8ff 100%);border:1px solid #dce6f0;border-radius:24px;grid-template-columns:110px 1fr 52px;align-items:center;gap:24px;width:100%;padding:24px 26px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #2c487814}.teacher-chapter-card:hover{border-color:#9fc7f5;transform:translateY(-4px);box-shadow:0 18px 40px #2c487824}.teacher-chapter-card:after{content:"";background:radial-gradient(circle,#677eea1c,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-55px;right:-45px}.chapter-number{background:linear-gradient(145deg,#fff0e6,#ffe0cd);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex;box-shadow:inset 0 0 0 1px #ffffffbf}.chapter-number span:not(.chapter-emoji){color:#b45f36;letter-spacing:.12em;font-size:12px;font-weight:800}.chapter-number strong{color:#df6b36;margin-top:2px;font-size:34px;font-weight:850}.chapter-title-row h2{color:#173858;margin:0;font-size:24px;font-weight:850;line-height:1.2}.chapter-title-row p{color:#60758c;margin:6px 0 0;font-size:14px;line-height:1.5}.subject-progress-row{color:#52708c;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.subject-progress-row strong{color:#405f81}.teacher-progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#4ec8a8 0%,#58aee8 100%);height:100%;display:block}@media (width<=760px){.teacher-chapter-card{grid-template-columns:82px 1fr;gap:16px;padding:18px}.chapter-number{min-height:96px}.chapter-title-row{flex-direction:column;gap:10px}.chapter-title-row h2{font-size:20px}}.teacher-chapter-list{flex-direction:column;gap:20px;display:flex}.premium-chapter-card{cursor:pointer;background:linear-gradient(135deg,#fffffffa,#f6fafffa);border:1px solid #cdd9e8e6;border-radius:28px;grid-template-columns:145px 1fr 84px;align-items:stretch;gap:24px;width:100%;min-height:185px;padding:20px;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 35px #22385c17}.premium-chapter-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6271ff1f,#0000 68%);border-radius:50%;width:190px;height:190px;position:absolute;top:-70px;right:-65px}.premium-chapter-card:hover{border-color:#7d9debb3;transform:translateY(-5px)scale(1.005);box-shadow:0 24px 50px #243a6626}.chapter-art-panel{border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:145px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c}.chapter-theme-1 .chapter-art-panel{background:linear-gradient(145deg,#fff3ec,#ffd7c4)}.chapter-theme-2 .chapter-art-panel{background:linear-gradient(145deg,#f5f0ff,#dcd0ff)}.chapter-theme-3 .chapter-art-panel{background:linear-gradient(145deg,#eafbf5,#caefdf)}.chapter-theme-4 .chapter-art-panel{background:linear-gradient(145deg,#fff9e9,#ffe5a6)}.chapter-theme-5 .chapter-art-panel{background:linear-gradient(145deg,#eaf7ff,#cfe9ff)}.chapter-art-glow{filter:blur(2px);background:#ffffff73;border-radius:50%;width:105px;height:105px;position:absolute}.chapter-art-label{z-index:1;letter-spacing:.12em;color:#9b593c;font-size:10px;font-weight:850;position:relative}.chapter-theme-2 .chapter-art-label{color:#6757c9}.chapter-theme-3 .chapter-art-label{color:#27815f}.chapter-theme-4 .chapter-art-label{color:#a87417}.chapter-theme-5 .chapter-art-label{color:#3377a8}.chapter-art-number{z-index:1;color:#d7693a;margin-top:2px;font-size:34px;font-weight:900;line-height:1;position:relative}.chapter-card-body{flex-direction:column;justify-content:center;min-width:0;display:flex}.chapter-card-heading-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.chapter-title-block{min-width:0}.chapter-explore-label{color:#6c78e6;letter-spacing:.1em;align-items:center;margin-bottom:5px;font-size:10px;font-weight:850;display:inline-flex}.chapter-title-block h2{color:#153654;margin:0;font-size:25px;font-weight:900;line-height:1.2}.chapter-learning-status{border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 13px;font-size:11px;font-weight:850;display:inline-flex}.chapter-learning-status.active{color:#4965cf;background:linear-gradient(135deg,#edf1ff,#e3e9ff)}.chapter-learning-status.done{color:#24845a;background:linear-gradient(135deg,#e6faef,#d8f3e5)}.chapter-learning-status.new{color:#9c6b12;background:linear-gradient(135deg,#fff5dc,#ffe9ad)}.resource-pill{border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:18px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffb3}.resource-pill b{font-weight:800}.resource-pill.video{color:#ca4f54;background:#fff0f1}.resource-pill.ppt{color:#3475c3;background:#eaf4ff}.resource-pill.book{color:#2e8a5f;background:#eaf9ef}.resource-pill.quiz{color:#ac7519;background:#fff5df}.chapter-progress-area{margin-top:15px}.chapter-progress-header{color:#59718a;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;font-weight:750;display:flex}.chapter-progress-header strong{color:#2f5daa;font-size:13px;font-weight:900}.chapter-progress-track{background:#eaf0f5;border-radius:999px;width:100%;height:9px;overflow:hidden}.chapter-progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#45c98d 0%,#4abfae 35%,#4f9ef2 100%);height:100%;display:block;box-shadow:0 0 10px #4a9ff247}.teacher-content-card{min-height:350px}.chapter-content-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.chapter-content-hero.has-chapter-content-background:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#071328e0 0%,#071328a8 45%,#07132847 100%);position:absolute;inset:0}.chapter-content-hero.has-chapter-content-background>*{z-index:1;position:relative}.chapter-content-hero.has-chapter-content-background .teacher-path-kicker,.chapter-content-hero.has-chapter-content-background h1,.chapter-content-hero.has-chapter-content-background p{color:#fff!important}.chapter-content-hero.has-chapter-content-background h1{text-shadow:0 3px 14px #00000073}.chapter-content-hero.has-chapter-content-background p{color:#ffffffeb!important}.teacher-grade-card{box-sizing:border-box;background:#fff;border:1px solid #d7e2ed;border-radius:24px;align-items:center;width:100%;min-width:0;min-height:140px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #243d6212}.teacher-grade-card:hover{border-color:#bfd3e6;transform:translateY(-5px);box-shadow:0 18px 38px #243d6221}.grade-hero-with-bg,.subject-hero-with-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:28px;justify-content:space-between;align-items:center;min-height:140px;padding:36px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #223c621a}.grade-hero-with-bg:before,.subject-hero-with-bg:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffff1a 0%,#ffffff08 65%,#fff0 100%);position:absolute;inset:0}.grade-hero-with-bg>*,.subject-hero-with-bg>*{z-index:1;position:relative}.grade-hero-with-bg h1,.subject-hero-with-bg h1{color:#173858;margin:0;font-size:clamp(40px,4vw,58px);font-weight:850;line-height:1.08}.grade-hero-with-bg p,.subject-hero-with-bg p{color:#536c83;margin:10px 0 0;font-size:16px;line-height:1.5}.grade-hero-with-bg .teacher-path-kicker,.subject-hero-with-bg .teacher-path-kicker{color:#14847d;letter-spacing:.1em;font-size:13px;font-weight:850}.teacher-grade-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;width:100%}.teacher-grade-grid1{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;display:grid}.teacher-grade-solid-card{color:#fff;cursor:pointer;border:0;border-radius:22px;justify-content:center;align-items:center;width:70%;min-height:130px;margin-bottom:10px;padding:15px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px #23375a1f}.teacher-grade-solid-card:before{content:"";background:#ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;top:-45px;right:-45px}.teacher-grade-solid-card h2{color:#fff;text-align:center;margin:0;font-size:28px;font-weight:850}.teacher-grade-solid-card:hover{transform:translateY(-7px)scale(1.015);box-shadow:0 24px 45px #23375a33}.rayat-program-title{letter-spacing:-.5px;color:#173858!important;text-align:center!important;margin:8px 0 10px!important;font-size:clamp(30px,3.3vw,48px)!important;font-weight:900!important;line-height:1.2!important}.rayat-program-title span{color:#4f46e5;font-weight:950}.rayat-program-subtitle{text-align:center;font-weight:650;line-height:1.5;color:#556b80!important;margin:8px 0 0!important;font-size:16px!important}.teacher-progress-track{background:#64748b29;border-radius:999px;height:8px;overflow:hidden}.teacher-progress-track span{border-radius:inherit;height:100%;display:block}.kid-resource-action{border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:66px;font-size:17px;font-weight:900;display:flex}.kid-resource-action span{align-items:center;line-height:1;display:inline-flex}.book-content{background:linear-gradient(#effff5,#fff);border-color:#86efac}.book-content .kid-resource-topbar,.book-content .kid-resource-action{background:linear-gradient(135deg,#20b981,#16a34a)}.book-content .teacher-progress-track span{background:#22c55e}.video-content{background:linear-gradient(#fff3ef,#fff);border-color:#fdbaaa}.video-content .kid-resource-topbar,.video-content .kid-resource-action{background:linear-gradient(135deg,#ff6b4a,#f24b35)}.video-content .teacher-progress-track span{background:#fb6047}.ppt-content{background:linear-gradient(#f5f1ff,#fff);border-color:#c4b5fd}.ppt-content .kid-resource-topbar,.ppt-content .kid-resource-action{background:linear-gradient(135deg,#7357eb,#a33ee4)}.ppt-content .teacher-progress-track span{background:#7657eb}.quiz-content{background:linear-gradient(#fff9df,#fff);border-color:#fde68a}.quiz-content .kid-resource-topbar,.quiz-content .kid-resource-action{background:linear-gradient(135deg,#ffb000,#f59e0b)}.kid-quiz-progress{color:#9a6200;background:#f0e09a;border-radius:15px;justify-content:space-between;gap:10px;margin-top:auto;margin-bottom:3px;padding:12px 13px;font-size:13px;font-weight:900;display:flex}.resource-action-icon{object-fit:contain;flex-shrink:0;width:46px;height:46px}.chapter-resource-types{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chapter-resource-chip{cursor:pointer;border:none;border-radius:999px;outline:none;padding:9px 17px;font-size:18px;font-weight:800;transition:transform .18s,box-shadow .18s}.chapter-resource-chip:hover{transform:translateY(-3px)scale(1.04)}.video-chip{color:#d44848;background:#fff0f1}.video-chip:hover{box-shadow:0 7px 18px #d448482e}.ppt-chip{color:#3673ba;background:#edf6ff}.ppt-chip:hover{box-shadow:0 7px 18px #3673ba2e}.book-chip{color:#19875f;background:#edf9f2}.book-chip:hover{box-shadow:0 7px 18px #19875f2e}.quiz-chip{color:#a66a00;background:#fff6df}.quiz-chip:hover{box-shadow:0 7px 18px #a66a002e}.teacher-grade-card1{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #cbdcf0;border-radius:32px;align-items:center;width:100%;min-width:0;min-height:180px;padding:20px 26px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #243d6217}.teacher-grade-card1:hover{border-color:#aac9e8;transform:translateY(-5px);box-shadow:0 24px 48px #243d6224}.teacher1-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:32px;width:60%;display:grid}.teacher-subject-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e8f0;border-radius:24px;flex-direction:column;width:100%;padding:0;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden;box-shadow:0 12px 28px #21375a14}.teacher-subject-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #21375a24}.subject-card-image-wrap{background:#fff;width:100%;height:220px;overflow:hidden}.subject-card-image{object-fit:cover;object-position:center;background:#fff;width:100%;height:100%;display:block}.subject-card-info{width:100%;padding:20px}.subject-card-info h2{color:#173858;margin:0 0 8px;font-size:24px;font-weight:850}.subject-card-info p{color:#64748b;margin:0 0 16px;font-size:14px;line-height:1.5}.admin-overview-page{--admin-ink:#14213d;--admin-muted:#69758d;--admin-line:#e6eaf2;--admin-surface:#fff;--admin-soft:#f7f9fc;--admin-shadow:0 16px 42px #28345814;width:100%;min-width:0;max-width:1440px;color:var(--admin-ink);padding:clamp(20px,4.24vw,46px) 32px clamp(20px,4.24vw,46px) 45px;font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}.admin-overview-page,.admin-overview-page *,.admin-overview-page :before,.admin-overview-page :after{box-sizing:border-box}.admin-overview-page a{color:inherit;text-decoration:none}.admin-overview-page img,.admin-overview-page svg{max-width:100%}.admin-overview-hero{background:radial-gradient(circle at 87% 20%,#6852e847,#0000 26%),radial-gradient(circle at 72% 94%,#2f7df22e,#0000 30%),linear-gradient(135deg,#111a36 0%,#202b59 48%,#28346d 100%);border:1px solid #7360eb26;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:center;gap:32px;width:100%;height:350px;padding:36px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #19234b38}.admin-overview-hero:before,.admin-overview-hero:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.admin-overview-hero:before{width:330px;height:330px;top:-160px;right:-115px}.admin-overview-hero:after{width:210px;height:210px;bottom:-155px;right:220px}.admin-overview-hero__content,.admin-overview-status-card{z-index:1;min-width:0;position:relative}.admin-overview-hero__content{max-width:760px}.admin-overview-eyebrow{color:#d8dcff;letter-spacing:.9px;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;width:fit-content;max-width:100%;margin-bottom:15px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.admin-overview-hero h1{color:#fff;letter-spacing:-1.8px;overflow-wrap:anywhere;max-width:760px;margin:0;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.12}.admin-overview-hero__content>p{color:#c9d0e7;max-width:650px;margin:15px 0 0;font-size:15px;line-height:1.7}.admin-overview-hero__actions{flex-wrap:wrap;gap:11px;margin-top:24px;display:flex}.admin-primary-action,.admin-secondary-action{color:#14213d;background:#fff;border:none;border-radius:17px;justify-content:center;align-items:center;gap:10px;min-width:205px;min-height:64px;padding:0 24px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 12px 28px #050a1f33}.admin-primary-action:hover,.admin-secondary-action:hover{color:#14213d;background:#f5f7ff;transform:translateY(-2px);box-shadow:0 16px 34px #050a1f47}.admin-primary-action svg,.admin-secondary-action svg{color:#14213d}.admin-overview-status-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09102e59;border:1px solid #ffffff26;border-radius:20px;grid-template-columns:51px minmax(0,1fr);justify-self:end;align-items:flex-start;gap:14px;width:100%;max-width:330px;padding:21px;display:grid;box-shadow:0 18px 40px #080d2a2e}.admin-overview-status-card__icon{color:#65e3a3;background:#48d68f24;border-radius:15px;place-items:center;width:51px;height:51px;display:grid}.admin-overview-status-card span,.admin-overview-status-card strong,.admin-overview-status-card small{display:block}.admin-overview-status-card span{color:#aab4d2;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:800}.admin-overview-status-card strong{color:#fff;margin-top:5px;font-size:14px;line-height:1.45}.admin-overview-status-card small{color:#cbd3e8;align-items:center;gap:5px;margin-top:8px;font-size:10px;line-height:1.45;display:flex}.admin-overview-error{color:#bf3948;background:#fff2f4;border:1px solid #ffd3d8;border-radius:12px;margin-top:18px;padding:13px 16px;font-size:13px;font-weight:700}.admin-overview-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:20px;display:grid}.admin-overview-stat-card{border:1px solid var(--admin-line);background:var(--admin-surface);width:100%;min-width:0;min-height:180px;color:inherit;box-shadow:var(--admin-shadow);border-radius:20px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.admin-overview-stat-card:hover{border-color:#6852e840;transform:translateY(-4px);box-shadow:0 22px 54px #28345821}.admin-overview-stat-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-overview-stat-icon,.admin-overview-action-icon,.admin-overview-summary-icon{place-items:center;display:grid}.admin-overview-stat-icon{border-radius:15px;flex:none;width:50px;height:50px}.admin-overview-stat-arrow{color:#a1a9ba;flex:none}.admin-overview-stat-card__body{min-width:0;margin-top:20px}.admin-overview-stat-card__body strong,.admin-overview-stat-card__body span,.admin-overview-stat-card__body small{display:block}.admin-overview-stat-card__body strong{color:var(--admin-ink);letter-spacing:-1px;font-size:34px;line-height:1}.admin-overview-stat-card__body span{color:#35415a;margin-top:8px;font-size:13px;font-weight:800}.admin-overview-stat-card__body small{color:var(--admin-muted);margin-top:5px;font-size:10px;line-height:1.5}.admin-overview-content-grid{grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:start;gap:20px;width:100%;margin-top:20px;display:grid}.admin-overview-main-column,.admin-overview-side-column{width:100%;min-width:0}.admin-overview-side-column{flex-direction:column;gap:18px;display:flex}.admin-overview-section-heading{margin-bottom:13px}.admin-overview-section-heading span,.admin-overview-panel__header span,.admin-overview-management-card__content>span{color:#725ee9;letter-spacing:.9px;text-transform:uppercase;font-size:10px;font-weight:900}.admin-overview-section-heading h2,.admin-overview-panel__header h2,.admin-overview-management-card h2{color:var(--admin-ink);margin:5px 0 0}.admin-overview-section-heading h2{font-size:21px}.admin-overview-section-heading p{color:var(--admin-muted);margin:5px 0 0;font-size:11px;line-height:1.6}.admin-overview-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.admin-overview-action-card{border:1px solid var(--admin-line);width:100%;min-width:0;min-height:220px;color:inherit;box-shadow:var(--admin-shadow);background:#fff;border-radius:20px;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.admin-overview-action-card:hover{border-color:#6852e842;transform:translateY(-4px);box-shadow:0 22px 55px #28345821}.admin-overview-action-icon{border-radius:15px;flex:none;width:49px;height:49px}.admin-overview-action-copy{min-width:0;margin-top:22px}.admin-overview-action-copy h3{color:var(--admin-ink);margin:0;font-size:15px}.admin-overview-action-copy p{min-height:44px;color:var(--admin-muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:11px;line-height:1.6}.admin-overview-action-link{color:#525c79;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:17px;font-size:11px;font-weight:800;display:flex}.admin-overview-management-card{width:100%;min-width:0;min-height:190px;box-shadow:var(--admin-shadow);background:radial-gradient(circle at 100% 0,#6b52e81c,#0000 28%),linear-gradient(135deg,#fff 0%,#f8f9ff 100%);border:1px solid #e6e9f3;border-radius:22px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:18px;padding:24px;display:grid}.admin-overview-management-card__icon{color:#fff;background:linear-gradient(135deg,#6250df,#3b78e7);border-radius:20px;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 15px 30px #534cd240}.admin-overview-management-card__content{min-width:0}.admin-overview-management-card h2{overflow-wrap:anywhere;font-size:19px;line-height:1.35}.admin-overview-management-card p{max-width:100%;color:var(--admin-muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:11px;line-height:1.7}.admin-management-link{color:#fff;white-space:nowrap;background:linear-gradient(205deg,#2c5fcc 0%,#0b7bf2 100%);border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.admin-overview-panel{border:1px solid var(--admin-line);width:100%;min-width:0;box-shadow:var(--admin-shadow);background:#fff;border-radius:20px;padding:20px}.admin-overview-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:16px;display:flex}.admin-overview-panel__header>div{min-width:0}.admin-overview-panel__header h2{overflow-wrap:anywhere;font-size:17px}.admin-overview-panel__header>svg{color:#6754e5;flex:none}.admin-overview-summary-list,.admin-overview-link-list{flex-direction:column;gap:9px;display:flex}.admin-overview-summary-row,.admin-overview-quick-link{border:1px solid #e9ecf2;border-radius:13px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;min-height:51px;padding:8px 10px;display:grid}.admin-overview-summary-icon{border-radius:11px;width:35px;height:35px}.admin-overview-summary-row span,.admin-overview-quick-link span{color:#566178;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.admin-overview-summary-row strong{color:var(--admin-ink);font-size:12px}.admin-overview-quick-link{color:inherit;transition:transform .2s,border-color .2s,background .2s}.admin-overview-quick-link:hover{background:#fbfaff;border-color:#d2cdf7;transform:translate(3px)}.admin-overview-quick-link>svg{color:#98a0b2;flex:none}.admin-overview-page .admin-tone-purple .admin-overview-stat-icon,.admin-overview-page .admin-tone-purple.admin-overview-summary-icon,.admin-overview-page .admin-tone-purple .admin-overview-action-icon{color:#6552e7;background:#f0edff}.admin-overview-page .admin-tone-violet .admin-overview-stat-icon,.admin-overview-page .admin-tone-violet.admin-overview-summary-icon,.admin-overview-page .admin-tone-violet .admin-overview-action-icon{color:#7a52df;background:#f3efff}.admin-overview-page .admin-tone-blue .admin-overview-stat-icon,.admin-overview-page .admin-tone-blue.admin-overview-summary-icon,.admin-overview-page .admin-tone-blue .admin-overview-action-icon{color:#3979e8;background:#eaf3ff}.admin-overview-page .admin-tone-green .admin-overview-stat-icon,.admin-overview-page .admin-tone-green.admin-overview-summary-icon,.admin-overview-page .admin-tone-green .admin-overview-action-icon{color:#24a45a;background:#e8f8ef}.admin-overview-page .admin-tone-orange.admin-overview-summary-icon{color:#df7440;background:#fff0e8}.portal-footer{color:#7d8799;box-sizing:border-box;background:#fff;border-top:1px solid #e4e8ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;width:100%;min-width:0;margin-top:auto;padding:16px clamp(18px,3vw,36px);font-family:Manrope,Inter,system-ui,sans-serif;font-size:11px;line-height:1.5;display:flex}.portal-footer p,.portal-footer span{overflow-wrap:anywhere;min-width:0;margin:0}.portal-footer>:last-child{text-align:right;margin-left:auto}html,body,#root{max-width:100%;overflow-x:hidden}.app-shell,.app-shell main,.page{min-width:0;max-width:100%}.page{overflow-x:clip}@media (width<=1200px){.admin-overview-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-content-grid{grid-template-columns:1fr}.admin-overview-side-column{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=900px){.admin-overview-hero{grid-template-columns:1fr;align-items:flex-start}.admin-overview-status-card{justify-self:start;width:100%;max-width:560px}.admin-overview-action-grid{grid-template-columns:1fr}.admin-overview-action-card{min-height:185px}.admin-overview-management-card{grid-template-columns:68px minmax(0,1fr)}.admin-management-link{grid-column:1/-1;width:fit-content}}@media (width<=650px){.admin-overview-hero{border-radius:22px;min-height:auto;padding:25px 20px}.admin-overview-hero h1{letter-spacing:-1px;font-size:30px}.admin-overview-hero__actions{flex-direction:column;width:100%}.admin-primary-action,.admin-secondary-action{width:100%}.admin-overview-stat-grid,.admin-overview-side-column{grid-template-columns:1fr}.admin-overview-stat-card{min-height:165px}.admin-overview-management-card{grid-template-columns:1fr}.admin-overview-management-card__icon{width:58px;height:58px}.admin-management-link{justify-content:center;width:100%}.portal-footer{text-align:left;flex-direction:column;align-items:flex-start}.portal-footer>:last-child{text-align:left;margin-left:0}}:is(.page:has(.admin-page-heading),.page:has(.quiz-builder-page)){--admin-bg:#f5f7fc;--admin-surface:#fff;--admin-surface-soft:#f8f9fd;--admin-text:#172033;--admin-text-soft:#4e5b72;--admin-muted:#7f8a9f;--admin-line:#e3e8f0;--admin-purple:#6552e7;--admin-purple-dark:#4c3ac6;--admin-blue:#3478e5;--admin-green:#20a45b;--admin-red:#d94c5c;--admin-orange:#df7440;--admin-shadow:0 12px 34px #1f2c5212;--admin-shadow-hover:0 20px 48px #1f2c521f;background:var(--admin-bg);width:97%;min-width:0;color:var(--admin-text);padding-left:20px}:is(.page:has(.admin-page-heading) *,.page:has(.quiz-builder-page) *){box-sizing:border-box}:is(.page:has(.admin-page-heading) a,.page:has(.quiz-builder-page) a){text-decoration:none}.admin-page-heading,.quiz-builder-heading{background:radial-gradient(circle at 92% 12%,#7157ea47,#0000 31%),radial-gradient(circle at 72% 100%,#3478e533,#0000 35%),linear-gradient(135deg,#17213f 0%,#24305f 55%,#2e3d7d 100%);border:1px solid #6552e726;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;width:100%;min-width:0;margin:0 0 24px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 52px #1c275433}.admin-page-heading:after,.quiz-builder-heading:after{content:"";pointer-events:none;border:36px solid #ffffff09;border-radius:50%;width:270px;height:270px;position:absolute;bottom:-125px;right:-90px}.admin-page-heading>*,.quiz-builder-heading>*{z-index:1;position:relative}.admin-page-heading>div:first-child,.quiz-builder-heading>div:first-child{min-width:0}.admin-eyebrow{color:#bfc8ff;letter-spacing:1.15px;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:800;display:inline-flex}.admin-page-heading h1,.quiz-builder-heading h1{color:#fff;letter-spacing:-1.2px;margin:8px 0 7px;font-size:clamp(28px,3vw,39px);line-height:1.12}.admin-page-heading p,.quiz-builder-heading p{color:#c8d0e7;max-width:720px;margin:0;font-size:13px;line-height:1.65}.heading-count-card,.course-summary-cards .heading-count-card{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:12px;min-width:160px;min-height:76px;padding:14px 17px;display:flex}.heading-count-card svg{color:#c6ceff;flex:none}.heading-count-card span,.heading-count-card strong{display:block}.heading-count-card span{color:#c0cae2;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.heading-count-card strong{margin-top:3px;font-size:22px;line-height:1}.course-summary-cards{align-items:stretch;gap:12px;display:flex}.dashboard-error,.success-message{border-radius:12px;width:100%;margin:0 0 18px;padding:13px 16px;font-size:13px;font-weight:700;line-height:1.5}.dashboard-error{color:#b42335;background:#fff2f4;border:1px solid #ffd0d6}.success-message{color:#23814a;background:#eefbf3;border:1px solid #bde8cc}.modern-form-panel,.modern-table-panel,.builder-card,.association-modern-card,.analytics-stat-card,.quiz-question-card{border:1px solid var(--admin-line);background:var(--admin-surface);min-width:0;box-shadow:var(--admin-shadow);border-radius:18px}.page:has(.admin-page-heading) .panel{border:1px solid var(--admin-line);background:var(--admin-surface);min-width:0;box-shadow:var(--admin-shadow);border-radius:18px}.page:has(.quiz-builder-page) .panel{border:1px solid var(--admin-line);background:var(--admin-surface);min-width:0;box-shadow:var(--admin-shadow);border-radius:18px}.form-submit-button,.btn.full{color:#fff;background:linear-gradient(135deg, var(--admin-purple), #7a5cf0);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 24px #6552e73d}.page:has(.admin-page-heading) .btn{color:#fff;background:linear-gradient(135deg, var(--admin-purple), #7a5cf0);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 24px #6552e73d}.page:has(.quiz-builder-page) .btn{color:#fff;background:linear-gradient(135deg, var(--admin-purple), #7a5cf0);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 24px #6552e73d}.form-submit-button:hover,.btn.full:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6552e752}.page:has(.admin-page-heading) .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6552e752}.page:has(.quiz-builder-page) .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6552e752}.btn.full,.form-submit-button{width:100%}:is(.page:has(.admin-page-heading) button:disabled,.page:has(.quiz-builder-page) button:disabled){cursor:not-allowed;opacity:.58;transform:none!important}.secondary,.danger{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.secondary:hover{background:#e3dfff;transform:translateY(-1px)}.danger:hover{background:#ffe2e6;transform:translateY(-1px)}.icon-danger{width:34px;min-width:34px;padding:0}.teacher-management-layout{align-items:start;gap:22px;width:100%;display:grid}.modern-form-panel,.modern-table-panel{padding:22px}.modern-form-panel{position:sticky;top:92px}.form-panel-heading,.table-panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.form-panel-heading{justify-content:flex-start}.form-heading-icon{border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.form-heading-icon.purple{color:var(--admin-purple);background:#efedff}.form-panel-heading h2,.table-panel-heading h2,.admin-section-heading h2{color:var(--admin-text);margin:0;font-size:18px;line-height:1.3}.form-panel-heading p,.table-panel-heading p,.admin-section-heading p{color:var(--admin-muted);margin:5px 0 0;font-size:11px;line-height:1.55}.modern-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.modern-form-grid label,.builder-card label,.quiz-builder-page label{color:#465168;flex-direction:column;gap:7px;min-width:0;margin:0;font-size:11px;font-weight:750;display:flex}.full-form-field{grid-column:1/-1}.input-with-icon{min-width:0;position:relative}.input-with-icon>svg{z-index:1;color:#8d97aa;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-with-icon input,.input-with-icon select{padding-left:42px!important}.modern-form-grid input,.modern-form-grid select,.builder-card input,.builder-card select,.builder-card textarea,.quiz-builder-page input,.quiz-builder-page select,.quiz-builder-page textarea{width:100%;min-height:44px;color:var(--admin-text);font:inherit;background:#fff;border:1px solid #dbe2ec;border-radius:11px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s}.builder-card textarea,.quiz-builder-page textarea{resize:vertical;min-height:95px}.modern-form-grid input:focus,.modern-form-grid select:focus,.builder-card input:focus,.builder-card select:focus,.builder-card textarea:focus,.quiz-builder-page input:focus,.quiz-builder-page select:focus,.quiz-builder-page textarea:focus{background:#fff;border-color:#7b69ea;box-shadow:0 0 0 4px #6552e71a}.form-submit-button{grid-column:1/-1;margin-top:6px}.record-count{color:#5846d2;background:#efedff;border-radius:999px;flex:none;padding:7px 11px;font-size:10px;font-weight:850}.table-wrap{border:1px solid #e6eaf1;border-radius:14px;width:100%;min-width:0;overflow-x:auto}.modern-table{border-collapse:collapse;width:100%;min-width:760px}.modern-table th,.modern-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f5;padding:13px 14px}.modern-table th{color:#707b90;letter-spacing:.55px;text-transform:uppercase;background:#f8f9fc;font-size:10px;font-weight:850}.modern-table td{color:#3d475d;font-size:12px}.modern-table tbody tr:last-child td{border-bottom:0}.modern-table tbody tr:hover td{background:#fbfbfe}.table-user{align-items:center;gap:11px;min-width:190px;display:flex}.table-user-avatar{width:39px;height:39px;color:var(--admin-purple);background:linear-gradient(135deg,#eae6ff,#f5f3ff);border-radius:11px;flex:none;place-items:center;font-size:12px;font-weight:850;display:grid}.table-user strong,.table-user span{display:block}.table-user strong{color:#273047;font-size:12px}.table-user span{color:#9098aa;margin-top:3px;font-size:10px}.login-id-badge,.page-number-badge{color:#59647a;background:#f1f3f7;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:750;display:inline-flex}.table-empty-cell{text-align:center!important;padding:46px 20px!important}.table-empty-state,.admin-empty-state{color:#8a93a6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;display:flex}.table-empty-state svg,.admin-empty-state svg{color:#7463e3}.table-empty-state strong,.admin-empty-state strong{color:#394258}.table-empty-state span,.admin-empty-state span{font-size:11px}.course-builder-grid{grid-template-columns:repeat(3,minmax(250px,1fr));align-items:start;gap:18px;width:100%;display:grid}.builder-card{padding:21px}.builder-step{align-items:center;gap:12px;margin-bottom:17px;display:flex}.builder-step>span{color:#5f4cdb;background:#efedff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.builder-step h3,.builder-step p{margin:0}.builder-step h3{color:#293248;font-size:15px}.builder-step p{color:#929aad;margin-top:3px;font-size:10px;line-height:1.5}.builder-card .btn.full{margin-top:14px}.course-upload-card,.presentation-upload-form,.quiz-create-card{min-height:100%}.file-upload-box{background:#fafbfe;border:1px dashed #cbd3df;border-radius:12px;align-items:center;gap:12px;min-height:90px;margin-top:6px;padding:15px;display:flex;position:relative;overflow:hidden}.file-upload-box svg{color:var(--admin-purple);flex:none}.file-upload-box strong,.file-upload-box span{display:block}.file-upload-box strong{color:#414b61;font-size:11px}.file-upload-box span{color:#949cad;margin-top:4px;font-size:9px}.file-upload-box input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.quiz-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.association-management-section{margin-top:28px}.admin-section-heading{margin-bottom:15px}.association-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.association-modern-card{padding:20px}.association-modern-header{border-bottom:1px solid #e9ecf2;justify-content:space-between;align-items:center;gap:13px;margin-bottom:17px;padding-bottom:15px;display:flex}.association-title{align-items:center;gap:11px;min-width:0;display:flex}.association-icon{width:44px;height:44px;color:var(--admin-purple);background:#efedff;border-radius:13px;flex:none;place-items:center;display:grid}.association-title h3,.association-title span{margin:0;display:block}.association-title h3{color:#2c354b;font-size:14px}.association-title span{color:#949cad;margin-top:3px;font-size:10px}.grade-course-block+.grade-course-block{margin-top:15px}.grade-course-heading{color:#3d475d;background:#f7f8fc;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:9px 11px;display:flex}.grade-course-heading svg{color:var(--admin-purple)}.grade-course-heading strong{font-size:11px}.grade-course-heading span{color:#969eaf;margin-left:auto;font-size:9px}.admin-learning-tree,.association-grade-list{flex-direction:column;gap:10px;display:flex}.admin-learning-subject,.admin-learning-chapter{border-left:2px solid #ece9ff;padding-left:10px}.course-list,.quiz-list{margin-top:7px}.course-list-row{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 8px 8px 12px;display:flex}.course-list-row:last-child{border-bottom:0}.course-information{align-items:center;gap:9px;min-width:0;display:flex}.course-information>div{flex-direction:column;gap:3px;min-width:0;display:flex}.course-information strong{color:#4a5469;overflow-wrap:anywhere;font-size:11px}.view-book-link{color:#6552e7;font-size:10px;font-weight:800}.view-book-link:hover{text-decoration:underline}.small-empty-state{color:#969eaf;text-align:center;padding:14px;font-size:10px}.analytics-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-bottom:20px;display:grid}.analytics-stat-card{align-items:center;gap:14px;min-height:112px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.analytics-stat-card:hover{box-shadow:var(--admin-shadow-hover);transform:translateY(-3px)}.admin-stat-icon{border-radius:15px;flex:none;place-items:center;width:50px;height:50px;display:grid}.admin-stat-icon.purple{color:var(--admin-purple);background:#efedff}.admin-stat-icon.violet{color:#7a52df;background:#f3efff}.admin-stat-icon.blue{color:var(--admin-blue);background:#eaf3ff}.admin-stat-icon.green{color:var(--admin-green);background:#e8f8ef}.analytics-stat-card span,.analytics-stat-card strong{display:block}.analytics-stat-card span{color:#7f899d;margin-bottom:5px;font-size:10px}.analytics-stat-card strong{color:#232c41;font-size:25px;line-height:1}.analytics-table-panel{padding:21px}.icon-table-value,.activity-date{color:#59647a;align-items:center;gap:7px;font-size:11px;display:flex}.icon-table-value svg,.activity-date svg{color:#7160df}.progress-cell{align-items:center;gap:9px;min-width:138px;display:flex}.progress-track{background:#e9ebf1;border-radius:999px;width:88px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#6552e7,#8a76f4);height:100%;display:block}.progress-cell strong{color:#4b556b;font-size:10px}.quiz-builder-page{width:100%;min-width:0}.quiz-builder-heading{margin-bottom:20px}.quiz-builder-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quiz-builder-heading .secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.quiz-question-list{flex-direction:column;gap:16px;display:flex}.quiz-question-card{padding:20px}.quiz-question-card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.quiz-option-editor-list{gap:10px;display:grid}.quiz-option-editor-list>*{min-width:0}.add-question-button{justify-content:center;width:100%;min-height:46px;margin-top:16px}@media (width<=1250px){.teacher-management-layout{grid-template-columns:340px minmax(0,1fr)}.course-builder-grid,.analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.teacher-management-layout{grid-template-columns:1fr}.modern-form-panel{position:static}.association-management-grid{grid-template-columns:1fr}}@media (width<=760px){.admin-page-heading,.quiz-builder-heading{flex-direction:column;align-items:flex-start;padding:24px 20px}.course-summary-cards{width:100%}.heading-count-card,.course-summary-cards .heading-count-card{flex:1;width:100%;min-width:0}.course-builder-grid,.analytics-stat-grid{grid-template-columns:1fr}.association-modern-header,.table-panel-heading,.quiz-question-card-header{flex-direction:column;align-items:flex-start}.association-modern-header .secondary{width:100%}}@media (width<=560px){.modern-form-grid,.quiz-settings-grid{grid-template-columns:1fr}.full-form-field,.form-submit-button{grid-column:auto}.modern-form-panel,.modern-table-panel,.builder-card,.association-modern-card,.analytics-table-panel,.quiz-question-card{border-radius:15px;padding:17px}.course-summary-cards{flex-direction:column}.quiz-builder-actions,.quiz-builder-actions .btn,.quiz-builder-actions .secondary{width:100%}}.admin-learning-tree{flex-direction:column;gap:18px;margin-top:16px;display:flex}.admin-learning-subject{background:#fff;border:1px solid #e4e8f1;border-radius:16px;overflow:hidden}.admin-learning-subject-heading{background:linear-gradient(135deg,#f8f9ff,#f2f4ff);border-bottom:1px solid #e6e9f2;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 17px;display:flex}.subject-label{color:#6652e7;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.admin-learning-subject-heading h4{color:#1b2740;margin:5px 0 0;font-size:17px}.subject-count{color:#6552e7;background:#ebe8ff;border-radius:999px;flex:none;padding:7px 11px;font-size:11px;font-weight:800}.admin-learning-chapter-list{flex-direction:column;gap:14px;padding:16px;display:flex}.admin-learning-chapter{background:#fbfcff;border:1px solid #e6eaf2;border-radius:15px;overflow:hidden}.admin-learning-chapter-heading{background:#f7f8fc;border-bottom:1px solid #e7eaf1;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 16px;display:grid}.chapter-number-box{color:#fff;background:linear-gradient(135deg,#6652e7,#4579e8);border-radius:12px;place-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:grid}.chapter-heading-copy{min-width:0}.chapter-heading-copy>span{color:#7464de;text-transform:uppercase;font-size:10px;font-weight:800}.chapter-heading-copy h5{color:#1d2941;margin:4px 0 0;font-size:15px}.chapter-heading-copy p{color:#818b9e;margin:5px 0 0;font-size:11px;line-height:1.5}.chapter-counts{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.chapter-counts span{color:#707b90;background:#fff;border:1px solid #e3e7ef;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.chapter-content-section{padding:15px 16px}.chapter-content-section+.chapter-content-section{padding-top:0}.chapter-content-section h6{color:#4b566c;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.chapter-resource-list,.chapter-quiz-list{flex-direction:column;gap:9px;display:flex}.chapter-resource-row{background:#fff;border:1px solid #e8ecf2;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto 38px;align-items:center;gap:11px;min-width:0;min-height:61px;padding:10px 11px;display:grid}.chapter-resource-icon{color:#3478e5;background:#eaf2ff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.chapter-resource-icon.quiz{color:#6552e7;background:#f0edff}.chapter-resource-info{min-width:0}.chapter-resource-info strong,.chapter-resource-info span{display:block}.chapter-resource-info strong{color:#273249;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chapter-resource-info span{color:#8b94a6;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.chapter-open-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;min-height:36px;padding:0 13px;font-size:11px;font-weight:800}.chapter-open-button:hover{background:#1d4ed8}.chapter-empty-state{color:#929bad;text-align:center;background:#fafbfe;border:1px dashed #d5dbe5;border-radius:10px;padding:13px;font-size:11px}.grade-level-content{background:#fff;border:1px solid #e4e8f1;border-radius:14px;margin-top:16px;padding:15px}.grade-level-content-heading{color:#24314a;align-items:center;gap:8px;margin-bottom:11px;display:flex}.grade-level-content-heading h4{margin:0;font-size:14px}@media (width<=720px){.admin-learning-chapter-heading{grid-template-columns:42px minmax(0,1fr)}.chapter-counts{grid-column:1/-1;justify-content:flex-start}.chapter-resource-row{grid-template-columns:40px minmax(0,1fr)}.chapter-open-button,.chapter-resource-row .icon-danger{grid-column:1/-1;width:100%}}.course-edit-button{color:#6552e7;white-space:nowrap;cursor:pointer;background:#f2efff;border:1px solid #cfc9fb;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:auto;min-height:36px;margin:0;padding:0 12px;font-size:11px;font-weight:800;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.course-edit-button:hover{background:#e8e3ff;border-color:#a99df0;transform:translateY(-1px)}.quiz-action-buttons{justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.quiz-action-buttons .course-edit-button{margin:0}.course-edit-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c12269e;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.course-edit-modal{background:#fff;border:1px solid #e0e5ed;border-radius:20px;width:min(560px,100%);padding:26px;box-shadow:0 28px 80px #0e173047}.course-edit-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:21px;display:flex}.course-edit-modal-header span{color:#6552e7;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:900}.course-edit-modal-header h2{color:#17233d;margin:5px 0 0;font-size:22px}.course-edit-close{color:#687287;cursor:pointer;background:#f2f4f8;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.course-edit-modal label{color:#465167;margin-top:15px;font-size:12px;font-weight:750;display:block}.course-edit-modal input,.course-edit-modal select,.course-edit-modal textarea{color:#253149;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dce2eb;border-radius:11px;outline:none;margin-top:7px;padding:0 13px}.course-edit-modal input,.course-edit-modal select{height:48px}.course-edit-modal textarea{resize:vertical;min-height:110px;padding-top:12px}.course-edit-modal input:focus,.course-edit-modal select:focus,.course-edit-modal textarea:focus{background:#fff;border-color:#6552e7;box-shadow:0 0 0 4px #6552e71a}.course-edit-actions{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.course-edit-cancel,.course-edit-save{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.course-edit-cancel{color:#596478;background:#fff;border:1px solid #dce1e9}.course-edit-save{color:#fff;background:linear-gradient(135deg,#6552e7,#3978e7);border:0}.course-edit-save:disabled,.quiz-action-buttons button:disabled{cursor:not-allowed;opacity:.55}@media (width<=650px){.quiz-action-buttons{flex-wrap:wrap;width:100%}.course-edit-backdrop{padding:14px}.course-edit-modal{padding:21px 17px}.course-edit-actions{flex-direction:column-reverse}.course-edit-cancel,.course-edit-save{width:100%}}.admin-learning-subject-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.subject-delete-button{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:800;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.subject-delete-button:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.subject-delete-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.subject-delete-button svg{flex-shrink:0}.chapter-heading-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.chapter-edit-name-button{color:#6552e7;cursor:pointer;background:#f2efff;border:1px solid #cfc9fb;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:800;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.chapter-edit-name-button:hover{color:#4f3ec7;background:#e8e3ff;border-color:#aaa0ef;transform:translateY(-1px);box-shadow:0 8px 18px #6552e724}.chapter-edit-name-button svg{flex-shrink:0}.admin-learning-subject-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-learning-subject-title{min-width:0}@media (width<=700px){.admin-learning-subject-heading{flex-direction:column;align-items:stretch}.admin-learning-subject-actions{justify-content:stretch;width:100%}.subject-delete-button{width:100%}.chapter-heading-actions{align-items:stretch;width:100%}.chapter-edit-name-button{width:100%}}.subject-edit-button{color:#6552e7;cursor:pointer;background:#f2efff;border:1px solid #cfc9fb;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.subject-edit-button:hover{background:#e8e3ff}.subject-edit-backdrop{z-index:1300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c12269e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.subject-edit-modal{background:#fff;border-radius:20px;width:min(560px,100%);padding:26px;box-shadow:0 28px 80px #0e173047}.subject-edit-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.subject-edit-close{cursor:pointer;background:#f2f4f8;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.subject-edit-modal label{margin-top:15px;display:block}.subject-edit-modal input,.subject-edit-modal textarea{border:1px solid #dce2eb;border-radius:11px;width:100%;margin-top:7px;padding:12px}.subject-edit-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.subject-edit-cancel,.subject-edit-save{cursor:pointer;border-radius:10px;min-height:43px;padding:0 16px;font-weight:800}.subject-edit-cancel{background:#fff;border:1px solid #dce1e9}.subject-edit-save{color:#fff;background:#2563eb;border:0}.grade-heading-actions{justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.grade-heading-actions>span{margin-left:0}.grade-edit-button{color:#6552e7;cursor:pointer;background:#f2efff;border:1px solid #cfc9fb;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.grade-edit-button:hover{background:#e7e2ff;border-color:#aaa0ef}.grade-edit-backdrop{z-index:1500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c12269e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.grade-edit-modal{background:#fff;border-radius:20px;width:min(440px,100%);padding:26px;box-shadow:0 28px 80px #0e173047}.grade-edit-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.grade-edit-modal-header span{color:#6552e7;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:900}.grade-edit-modal-header h2{color:#17233d;margin:5px 0 0;font-size:22px}.grade-edit-close{color:#687287;cursor:pointer;background:#f2f4f8;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.grade-edit-modal label{color:#465167;flex-direction:column;gap:8px;font-size:12px;font-weight:750;display:flex}.grade-edit-modal input{background:#fbfcfe;border:1px solid #dce2eb;border-radius:11px;outline:none;width:100%;height:48px;padding:0 13px}.grade-edit-modal input:focus{border-color:#6552e7;box-shadow:0 0 0 4px #6552e71a}.grade-edit-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.grade-edit-cancel,.grade-edit-save{cursor:pointer;border-radius:10px;min-height:42px;padding:0 16px;font-size:12px;font-weight:800}.grade-edit-cancel{color:#596478;background:#fff;border:1px solid #dce1e9}.grade-edit-save{color:#fff;background:linear-gradient(135deg,#6552e7,#3978e7);border:0;justify-content:center;align-items:center;gap:7px;display:inline-flex}.association-delete-button{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:800;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.association-delete-button:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.association-delete-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.chapter-edit-backdrop{padding:24px;z-index:99999!important;background:#0f172a8c!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.chapter-edit-modal{color:#172033;border-radius:22px;width:min(520px,95vw);padding:26px;position:relative;box-shadow:0 25px 70px #00000040;opacity:1!important;visibility:visible!important;background:#fff!important;transform:none!important}.chapter-edit-modal-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.chapter-edit-modal-header h2{color:#172033;margin:0;font-size:24px;font-weight:800}.chapter-edit-close{cursor:pointer;background:#f1f4f8;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.chapter-edit-modal form{flex-direction:column;gap:18px;display:flex}.chapter-edit-modal label{color:#344054;flex-direction:column;gap:8px;font-size:14px;font-weight:700;display:flex}.chapter-edit-modal input,.chapter-edit-modal textarea{color:#172033;background:#fff;border:1px solid #d7dee8;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px}.chapter-edit-modal input:focus,.chapter-edit-modal textarea:focus{border-color:#4f66d8}.chapter-edit-modal textarea{resize:vertical;min-height:100px}.chapter-edit-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.chapter-edit-actions button{cursor:pointer;border:0;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:700}.chapter-edit-actions button:first-child{color:#344054;background:#eef1f5}.chapter-edit-actions button:last-child{color:#fff;background:#4f66d8}:root{--primary:#6558e8;--primary2:#8b7cf6;--dark:#172033;--soft:#eef0ff;--line:#e5e9f2;--danger:#d94452;--sidebar-width:300px;--sidebar-gap:20px;background:#f5f7fb;font-family:Manrope,Arial,sans-serif}.landing-page{color:#15213a;background:#f7f9fc;min-height:100vh;font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.landing-page *{box-sizing:border-box}.landing-page a{text-decoration:none}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;width:100%;min-height:78px;padding-right:5%;display:flex;position:fixed;top:0;box-shadow:0 8px 30px #2037600d}.landing-brand{color:#17233d;align-items:center;display:flex}.brand-divider{background:#dce3ee;width:1px;height:30px;margin:0 16px}.brand-product{color:#122548;letter-spacing:-.4px;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.brand-product svg{color:#2767d8}.landing-nav-links{align-items:center;gap:34px;display:flex}.landing-nav-links>a:not(.landing-login-btn){color:#526078;padding:28px 0;font-size:14px;font-weight:600;transition:color .25s;position:relative}.landing-nav-links>a:not(.landing-login-btn):after{content:"";background:#2767d8;border-radius:10px;width:0;height:2px;margin:auto;transition:width .25s;position:absolute;bottom:20px;left:0;right:0}.landing-nav-links>a:not(.landing-login-btn):hover{color:#2767d8}.landing-nav-links>a:not(.landing-login-btn):hover:after{width:100%}.landing-login-btn{color:#fff;background:linear-gradient(135deg,#2462d2,#163f9e);border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 21px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 10px 22px #2562d23d}.landing-login-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #2562d252}.landing-hero{background:radial-gradient(circle at 9% 10%,#2667d821,#0000 28%),radial-gradient(circle at 91% 18%,#523dd521,#0000 28%),linear-gradient(#f8fbff 0%,#f3f7fd 100%);grid-template-columns:minmax(0,.9fr) minmax(550px,1.1fr);align-items:center;gap:70px;min-height:670px;padding:84px 7% 92px;display:grid;position:relative;overflow:hidden}.hero-background-shape{pointer-events:none;border-radius:50%;position:absolute}.hero-shape-one{border:80px solid #2667d80b;width:530px;height:530px;bottom:-230px;right:-170px}.hero-shape-two{border:32px solid #644ad60a;width:170px;height:170px;top:30px;left:44%}.hero-content{z-index:2;max-width:650px;position:relative}.hero-badge{color:#2358b2;letter-spacing:.1px;background:#eaf2ff;border:1px solid #d6e6ff;border-radius:30px;align-items:center;gap:8px;width:fit-content;margin-bottom:23px;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.hero-badge svg{color:#6a4ed9}.hero-content h1{color:#13213b;letter-spacing:-2.7px;max-width:650px;margin:0;font-size:clamp(42px,4.1vw,67px);font-weight:700;line-height:1.02}.hero-content h1 span{color:#0000;background:linear-gradient(90deg,#2364d6,#5a43c6);-webkit-background-clip:text;background-clip:text;margin-top:5px;display:block}.hero-actions{align-items:center;gap:15px;margin-top:34px;display:flex}.primary-hero-btn,.secondary-hero-btn{border-radius:12px;justify-content:center;align-items:center;min-height:53px;padding:0 23px;font-size:14px;font-weight:750;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.primary-hero-btn{color:#fff;background:linear-gradient(135deg,#2464d8,#173e9c);gap:10px;box-shadow:0 15px 30px #2464d840}.primary-hero-btn:hover{transform:translateY(-3px);box-shadow:0 19px 35px #2464d854}.secondary-hero-btn{color:#253551;background:#fff;border:1px solid #dbe3ef;box-shadow:0 9px 24px #243a5f12}.secondary-hero-btn:hover{color:#2364d8;border-color:#aec8f3;transform:translateY(-3px)}.hero-points{flex-wrap:wrap;gap:17px 24px;margin-top:28px;display:flex}.hero-points span{color:#56647c;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.hero-points svg{color:#22a06b}.hero-dashboard-wrapper{z-index:2;min-width:0;position:relative}.dashboard-glow{filter:blur(70px);background:#2b67d938;border-radius:50%;position:absolute;inset:12% 2%}.hero-dashboard{z-index:2;background:#fffffff7;border:1px solid #d7e1f0f2;border-radius:24px;padding:19px;position:relative;transform:perspective(1300px)rotateY(-3deg)rotateX(1deg);box-shadow:0 38px 80px #1f37622b,0 8px 25px #27416e12}.dashboard-topbar{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;min-height:67px;padding:11px 13px 17px;display:flex}.dashboard-title{align-items:center;gap:12px;display:flex}.dashboard-logo-box{color:#fff;background:linear-gradient(145deg,#2567db,#193e99);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.dashboard-title>div:last-child{flex-direction:column;gap:3px;display:flex}.dashboard-title strong{color:#1c2b46;font-size:14px}.dashboard-title span{color:#8994a7;font-size:10px}.dashboard-avatar{color:#2359b8;background:#e6effe;border-radius:50%;place-items:center;width:37px;height:37px;font-size:11px;font-weight:800;display:grid}.dashboard-stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px;display:grid}.dashboard-stat-card{background:#fafcff;border:1px solid #edf1f7;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:14px 13px;display:flex}.stat-icon{border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.stat-icon.blue{color:#2364d8;background:#e8f0ff}.stat-icon.purple{color:#6747d1;background:#eee9ff}.stat-icon.green{color:#199468;background:#e2f7ef}.dashboard-stat-card>div:last-child{flex-direction:column;min-width:0;display:flex}.dashboard-stat-card span{color:#7d899e;white-space:nowrap;font-size:9px}.dashboard-stat-card strong{color:#1d2b45;margin-top:2px;font-size:18px}.dashboard-content-grid{grid-template-columns:minmax(0,1.55fr) minmax(150px,.7fr);gap:13px;margin-top:14px;display:grid}.dashboard-course-panel,.dashboard-progress-panel{background:#fbfcff;border:1px solid #edf1f7;border-radius:15px;padding:15px}.dashboard-panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dashboard-panel-heading strong{color:#23314a;font-size:11px}.dashboard-panel-heading span{color:#2364d8;font-size:9px;font-weight:700}.course-preview-row{border-bottom:1px solid #edf1f6;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;display:grid}.course-preview-row:last-child{border-bottom:0}.course-preview-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.course-orange{color:#d0711c;background:#fff0de}.course-blue{color:#2764cc;background:#e6efff}.course-green{color:#16895e;background:#e1f6ed}.course-preview-info{flex-direction:column;gap:3px;min-width:0;display:flex}.course-preview-info strong{color:#2a3850;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.course-preview-info span{color:#8993a5;font-size:8px}.course-status{color:#2364d8;background:#e9f1ff;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:700}.course-status.completed{color:#18845e;background:#e1f6ed}.dashboard-progress-panel{flex-direction:column;align-items:center;display:flex}.dashboard-progress-panel .dashboard-panel-heading{width:100%}.progress-circle{background:conic-gradient(#2867d8 0deg 280deg,#e7edf6 280deg 360deg);border-radius:50%;place-items:center;width:105px;height:105px;margin-top:4px;display:grid}.progress-circle-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:77px;height:77px;display:flex}.progress-circle-inner strong{color:#20304c;font-size:18px}.progress-circle-inner span{color:#8a95a6;margin-top:2px;font-size:7px}.dashboard-progress-panel p{color:#8290a3;margin:12px 0 0;font-size:8px}.floating-dashboard-card{z-index:4;background:#fffffff7;border:1px solid #e3eaf4;border-radius:13px;align-items:center;gap:10px;padding:12px 15px;display:flex;position:absolute;box-shadow:0 18px 38px #243b612b}.floating-dashboard-card>div:last-child{flex-direction:column;gap:2px;display:flex}.floating-dashboard-card strong{color:#26354e;font-size:10px}.floating-dashboard-card span{color:#8b96a7;font-size:8px}.floating-icon{color:#2665d5;background:#e8f0ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.green-icon{color:#169066}.floating-teachers{top:-31px;right:25px}.floating-learning{bottom:-31px;left:29px}.landing-section{padding:100px 7%}.section-heading{text-align:center;max-width:690px;margin:0 auto 48px}.section-label{color:#2764cf;letter-spacing:1.3px;text-transform:uppercase;font-size:20px;font-weight:800;display:inline-block}.section-heading h2,.about-content h2,.contact-section h2{color:#172640;letter-spacing:-1.4px;margin:12px 0 0;font-size:clamp(32px,3vw,45px);font-weight:700;line-height:1.18}.section-heading p{color:#69768b;max-width:630px;margin:17px auto 0;font-size:15px;line-height:1.75}.features-section{background:#fff;padding-top:125px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:21px;max-width:1200px;margin:auto;display:grid}.feature-card{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #e6ebf3;border-radius:18px;min-height:250px;padding:29px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 8px 26px #2139600e}.feature-card:before{content:"";background:radial-gradient(circle at 100% 0,#2764d81a,#0000 66%);width:92px;height:92px;position:absolute;top:0;right:0}.feature-card:hover{border-color:#c9d9f2;transform:translateY(-7px);box-shadow:0 20px 45px #2139601f}.feature-icon{color:#2664d4;background:linear-gradient(145deg,#eaf2ff,#e2ebff);border:1px solid #dce8fc;border-radius:14px;place-items:center;width:53px;height:53px;display:grid}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{color:#6547ca;background:#eeeaff;border-color:#e3dcff}.feature-card:nth-child(3) .feature-icon,.feature-card:nth-child(6) .feature-icon{color:#168a61;background:#e3f7ef;border-color:#d6f0e5}.feature-card h3{color:#1d2c46;margin:22px 0 10px;font-size:18px;font-weight:760}.feature-card p{color:#758197;margin:0;font-size:13px;line-height:1.75}.feature-link{color:#2865d2;align-items:center;gap:7px;margin-top:22px;font-size:12px;font-weight:750;display:flex}.about-section{background:linear-gradient(#f4f8fef7,#f4f8fef7),radial-gradient(circle at 15% 30%,#cfddf5,#0000 30%);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:80px;display:grid}.about-visual{place-items:center;min-height:470px;display:grid;position:relative}.about-visual:before{content:"";background:linear-gradient(145deg,#2565d724,#5f44ca12);border-radius:48% 52% 52% 48%/44% 46% 54% 56%;width:370px;height:370px;position:absolute;transform:rotate(8deg)}.about-main-card{z-index:2;color:#fff;background:linear-gradient(145deg,#193f99,#2869d9);border:1px solid #ffffff2b;border-radius:25px;width:min(440px,92%);padding:38px;position:relative;box-shadow:0 32px 60px #1e49a040}.about-card-icon{color:#fff;background:#ffffff24;border:1px solid #ffffff2b;border-radius:17px;place-items:center;width:62px;height:62px;margin-bottom:21px;display:grid}.about-main-card>span{color:#cddcff;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700}.about-main-card h3{margin:10px 0 26px;font-size:27px;line-height:1.3}.about-mini-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.about-mini-grid>div{background:#ffffff1c;border:1px solid #ffffff24;border-radius:13px;flex-direction:column;justify-content:center;gap:9px;min-height:85px;padding:14px;display:flex}.about-mini-grid strong{font-size:11px}.about-content{max-width:630px}.about-content>p{color:#68768c;margin:19px 0 0;font-size:15px;line-height:1.8}.about-list{gap:14px;margin-top:26px;display:grid}.about-list>div{color:#44536c;align-items:center;gap:11px;font-size:14px;font-weight:650;display:flex}.about-list svg{color:#1d9a6d;flex:none}.about-login-link{color:#fff;background:#2463d4;border-radius:11px;align-items:center;gap:9px;width:fit-content;min-height:49px;margin-top:31px;padding:0 21px;font-size:13px;font-weight:750;display:inline-flex;box-shadow:0 12px 24px #2463d436}.landing-cta{color:#fff;background:linear-gradient(120deg,#183d95,#2869d7 62%,#6549c9);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;width:min(1180px,86%);margin:0 auto;padding:48px 50px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 60px #1f4ba63d}.cta-decoration{border:1px solid #ffffff21;border-radius:50%;position:absolute}.cta-decoration-one{width:310px;height:310px;top:-130px;right:-40px}.cta-decoration-two{width:280px;height:280px;bottom:-180px;right:90px}.cta-icon,.cta-content,.cta-button{z-index:2;position:relative}.cta-icon{background:#ffffff21;border:1px solid #ffffff2b;border-radius:17px;place-items:center;width:65px;height:65px;display:grid}.cta-content span{color:#d3e0ff;letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:750}.cta-content h2{margin:8px 0 7px;font-size:27px;line-height:1.25}.cta-content p{color:#dce6fb;margin:0;font-size:13px}.cta-button{color:#2056b5;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:150px;min-height:49px;padding:0 19px;font-size:13px;font-weight:800;transition:transform .25s;display:inline-flex;box-shadow:0 12px 26px #0f234c33}.cta-button:hover{transform:translateY(-3px)}.contact-section{background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:70px;display:grid}.contact-section>div:first-child{max-width:650px}.contact-section p{color:#718097;margin:17px 0 0;font-size:14px;line-height:1.7}.contact-details{background:#f6f9fe;border:1px solid #e2e9f3;border-radius:17px;gap:20px;min-width:360px;padding:26px 30px;display:grid}.contact-details>div{flex-direction:column;gap:5px;display:flex}.contact-details>div+div{border-top:1px solid #e2e9f3;padding-top:18px}.contact-details span{color:#8591a4;text-transform:uppercase;font-size:11px;font-weight:650}.contact-details strong{color:#243550;font-size:14px}.simu-footer{color:#fff;background:radial-gradient(circle at 20% 40%,#00a77038,#0000 34%),radial-gradient(circle at 78% 30%,#2f8bdc59,#0000 42%),linear-gradient(115deg,#004b37 0%,#006b50 20%,#075c69 48%,#1769a2 72%,#123968 100%);width:100%;padding:26px 7% 24px}.simu-footer-content{grid-template-columns:minmax(350px,.8fr) minmax(570px,1.2fr);align-items:center;gap:54px;width:min(1335px,100%);display:grid}.simu-footer-brand,.footer-brand-row{align-items:center;display:flex}.simu-footer-logo{object-fit:contain;width:190px;height:78px}.footer-vertical-line{background:#ffffff40;width:2px;height:64px;margin:0 33px}.footer-product-name{flex-direction:column;gap:4px;display:flex}.footer-product-name strong{color:#fff;font-size:28px;font-weight:800;line-height:1.1}.footer-product-name span{color:#fffffff0;font-size:17px;font-weight:600}.footer-contact-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;grid-template-columns:minmax(0,1.6fr) minmax(180px,.7fr);align-items:center;gap:35px;min-height:125px;padding:25px 31px;display:grid;box-shadow:inset 0 1px #ffffff12}.footer-contact-info h3,.footer-social-section h3{color:#fff;margin:0 0 10px;font-size:19px;font-weight:800}.footer-contact-info p,.footer-contact-info a{color:#ffffffc2;align-items:center;gap:9px;margin:7px 0 0;font-size:14px;font-weight:650;line-height:1.5;display:flex}.footer-contact-info a{width:fit-content;text-decoration:none;transition:color .25s}.footer-contact-info a:hover{color:#fff}.footer-contact-info svg{color:#f46eb5;flex:none}.footer-contact-info a svg{color:#66bfff}.footer-social-section{justify-self:end}.footer-bottom-line{background:#ffffff2b;width:min(1335px,100%);height:1px;margin:28px auto 0}.simu-footer-bottom{justify-content:space-between;align-items:center;width:min(1335px,100%);margin:0 auto;padding-top:16px;display:flex}.simu-footer-bottom p{color:#ffffff94;margin:0;font-size:13px;font-weight:650}.footer-services{text-align:right}@media (width<=1050px){.simu-footer-content{grid-template-columns:1fr;gap:30px}.simu-footer-brand{justify-content:center}.footer-contact-card{width:100%}}@media (width<=720px){.simu-footer{padding:34px 5% 22px}.footer-brand-row{text-align:center;flex-direction:column}.simu-footer-logo{width:175px;height:70px}.footer-vertical-line{width:100px;height:1px;margin:18px 0}.footer-product-name strong{font-size:24px}.footer-product-name span{font-size:14px}.footer-contact-card{text-align:center;grid-template-columns:1fr;gap:25px;padding:24px 20px}.footer-contact-info p,.footer-contact-info a{justify-content:center;margin-left:auto;margin-right:auto}.footer-social-section{justify-self:center}.footer-social-icons{justify-content:center}.simu-footer-bottom{text-align:center;flex-direction:column;gap:10px}.footer-services{text-align:center}}@media (width<=420px){.footer-contact-info p,.footer-contact-info a{align-items:flex-start;font-size:12px}.footer-social-icon{width:39px;height:39px}}.footer-social-icons{align-items:center;gap:12px;display:flex}.footer-social-icon{color:#101828;background:#fff;border:2px solid #ffffffa6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:color .25s,background-color .25s,border-color .25s,transform .25s,box-shadow .25s;display:flex;box-shadow:0 8px 18px #00000029}.footer-social-icon svg{width:21px;height:21px}.linkedin-icon:hover{color:#fff;background-color:#0a66c2;border-color:#0a66c2}.instagram-icon:hover{color:#fff;background:linear-gradient(135deg,#833ab4,#c13584,#e1306c,#fd1d1d,#fcb045);border-color:#e1306c}.facebook-icon:hover{color:#fff;background-color:#1877f2;border-color:#1877f2}.youtube-icon:hover{color:#fff;background-color:red;border-color:red}.footer-social-icon:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 13px 23px #00000038}@media (width<=1120px){.landing-hero{grid-template-columns:1fr;padding-top:70px}.hero-content{text-align:center;max-width:780px;margin:auto}.hero-badge,.hero-actions{margin-left:auto;margin-right:auto}.hero-points{justify-content:center}.hero-dashboard-wrapper{width:min(720px,100%);margin:20px auto 0}.hero-dashboard{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.about-section{grid-template-columns:1fr;gap:45px}.about-visual{min-height:430px}.about-content{text-align:center;max-width:780px;margin:auto}.about-list{text-align:left;width:fit-content;margin-left:auto;margin-right:auto}.about-login-link{margin-left:auto;margin-right:auto}.landing-footer{text-align:center;grid-template-columns:1fr}.footer-brand,.footer-links{justify-content:center}.landing-footer>p{text-align:center}}@media (width<=850px){.landing-nav{min-height:70px;padding:0 5%}.brand-divider,.brand-product{display:none}.landing-logo{width:110px}.landing-nav-links{gap:16px}.landing-nav-links>a:not(.landing-login-btn){display:none}.landing-login-btn{min-height:41px;padding:0 16px}.landing-hero{min-height:auto;padding:65px 5% 85px}.hero-content h1{letter-spacing:-1.8px;font-size:clamp(38px,9vw,54px)}.landing-section{padding:80px 5%}.landing-cta{text-align:center;grid-template-columns:1fr;width:90%;padding:40px 30px}.cta-icon,.cta-button{margin:auto}.contact-section{text-align:center;grid-template-columns:1fr;gap:35px}.contact-details{width:100%;min-width:0}}@media (width<=620px){.hero-actions{flex-direction:column;width:100%}.primary-hero-btn,.secondary-hero-btn{width:100%}.hero-points{justify-content:flex-start;width:fit-content;margin-left:auto;margin-right:auto;display:grid}.hero-dashboard-wrapper{margin-top:25px}.hero-dashboard{border-radius:17px;padding:13px}.dashboard-stat-grid,.dashboard-content-grid{grid-template-columns:1fr}.dashboard-progress-panel,.floating-dashboard-card{display:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.about-visual{min-height:390px}.about-main-card{padding:28px 22px}.about-main-card h3{font-size:23px}.about-mini-grid{grid-template-columns:1fr}.about-mini-grid>div{min-height:68px}.section-heading h2,.about-content h2,.contact-section h2{font-size:31px}.landing-footer{padding:35px 5%}.footer-brand{flex-direction:column}.footer-links{flex-wrap:wrap;justify-content:center;gap:17px}}label{text-transform:capitalize;margin:15px 0;font-weight:600;display:block}textarea{min-height:85px}.app-shell{background:#f5f7fc;grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar-tagline-large{color:#fff;text-align:center;letter-spacing:.01em;text-shadow:0 4px 18px #00000047;flex:1;justify-content:center;align-items:center;width:100%;padding:35px 18px;font-size:30px;font-weight:850;line-height:1.5;display:flex}.sidebar .brand{padding:6px 12px}.sidebar nav{flex-direction:column;flex:1;gap:7px;min-height:0;display:flex}.logout:hover{color:#fff;background:#dc405b38;border-color:#ff879b5c;transform:translateY(-1px)}.logout svg{flex-shrink:0}.app-shell main{background:#f5f7fc;flex-direction:column;grid-column:2;min-width:0;min-height:100vh;margin:0;display:flex;overflow-x:hidden}.topbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;gap:2px;width:100%;min-height:92px;padding:0 32px;display:flex}.close-mobile{background:0 0;border:0;display:none}.topbar h2,.topbar p{margin:0}.topbar p{color:#8991a4;font-size:12px}.sidebar-brand{align-items:center;display:flex}.sidebar-brand span{font-size:20px;font-weight:800}.sidebar-overlay{border:0;display:none}@media (width<=900px){.sidebar-overlay{z-index:25;background:#0a0e1f94;display:block;position:fixed;inset:0}}.profile-details{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-details strong{overflow-wrap:anywhere;font-size:15px;line-height:1.3}.profile-details small{color:#a8acc4;font-size:12px;font-weight:600}.mobile-menu-button{background:0 0;border:0;display:none}@media (width<=900px){.mobile-menu-button{color:#41495d;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}}.topbar-title h2{letter-spacing:-.45px;color:#131a2e;margin:0;font-size:20px;font-weight:800}.topbar-title p{color:#8a91a6;margin:3px 0 0;font-size:11px}@media (width<=650px){.topbar-title h2{font-size:15px}}@media (width<=1000px){.highlight-divider{display:none}}.topbar-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.notification-button{color:#526079;cursor:pointer;background:linear-gradient(145deg,#fff,#f5f7fb);border:1px solid #e3e8f2;border-radius:14px;place-items:center;width:46px;height:46px;transition:transform .2s,color .2s,background .2s;display:grid;position:relative;box-shadow:0 7px 18px #253b6112}.notification-button:hover{color:#6558e8;background:#f1efff;transform:translateY(-2px)}.notification-dot{background:#7557ef;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 3px #7557ef1f}.notification-button span{background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}@media (width<=650px){.notification-button{display:none}}.topbar-divider{background:#e3e6ee;width:1px;height:29px}.topbar-profile{color:#242b3d;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.topbar-avatar{color:#fff;background:linear-gradient(135deg,#6c52e8,#5334dd);border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}@media (width<=900px){.topbar-profile span,.topbar-profile>svg,.topbar-divider{display:none}}.portal-footer{color:#8d94a7;background:#fff;border-top:1px solid #e3e6ee;justify-content:space-between;gap:15px;margin:auto;padding:18px 36px;font-size:10px;display:flex}@media (width<=650px){.portal-footer{text-align:center;flex-direction:column;padding:16px}}.page{box-sizing:border-box;width:100%;padding:28px 32px 36px}.page-head h1{margin-bottom:7px;font-size:34px}.page-head p{color:#737b8d}.association-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:20px;padding:27px;transition:all .2s}.association-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px #20295416}.logo-circle{background:var(--soft);width:55px;height:55px;color:var(--primary);border-radius:16px;place-items:center;font-size:24px;font-weight:800;display:grid}.association-card p{color:#778093}.association-card span{color:var(--primary);font-weight:800}.modal-backdrop{z-index:50;background:#11162a99;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:min(420px,90%);padding:32px;position:relative}.modal-x{background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:15px}.teacher-access-modal{text-align:center}.teacher-access-modal svg{color:var(--primary);background:var(--soft);border-radius:14px;margin-bottom:6px;padding:8px}.teacher-access-modal h2{margin:4px 0 6px}.teacher-access-modal p{color:#778093;margin:0 0 18px}.teacher-access-modal input{border:1px solid var(--line);text-align:center;letter-spacing:1px;border-radius:12px;width:100%;margin-bottom:14px;padding:12px 14px;font-size:15px}.teacher-access-modal .error{color:var(--danger);margin-top:12px;font-size:13px}.grade-block{margin:32px 0}.course-grid{grid-template-columns:repeat(2,1fr)}.course-card{border:1px solid var(--line);background:#fff;border-radius:17px;gap:18px;padding:22px;display:flex}.course-card svg{color:var(--primary)}.course-card h3,.course-card p{margin:0 0 7px}.course-card p{color:#7c8495}.viewer-head{justify-content:space-between;align-items:center;display:flex}.viewer-head h1,.viewer-head p{margin:0 0 5px}.viewer-head p{color:#778093}.book-stage{background:radial-gradient(circle,#fff 0%,#eef1f5 48%,#d5dbe3 100%);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:760px;padding:30px 20px;display:flex;overflow:hidden}.digital-book{margin:0 auto}.book-page:active{cursor:grabbing}.page-inner{background:linear-gradient(90deg,#0000000a,#0000 8% 92%,#0000000f),#fffdf7;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.page-inner img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.page-number{color:#4d5562;text-align:center;background:#ffffffd1;border-radius:999px;min-width:28px;padding:4px 8px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.book-controls{justify-content:center;gap:14px;margin-top:26px;display:flex}.book-controls button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f2937,#3f4a5a);border:0;border-radius:10px;min-width:140px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #1f293738}.book-controls button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1f293747}.book-controls button:active{transform:translateY(0)}.video-stage{background:#10131f;border-radius:22px;justify-content:center;align-items:center;margin-top:18px;padding:20px;display:flex;overflow:hidden}.presentation-video{background:#000;border-radius:12px;width:100%;max-height:640px}.video-controls{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;display:flex}.video-controls button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f2937,#3f4a5a);border:0;border-radius:10px;min-width:140px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #1f293738}.video-controls button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1f293747}.video-controls button:active{transform:translateY(0)}@media (width<=700px){.video-controls button{flex:calc(50% - 14px);min-width:0}}.book-page{cursor:grab;background:#fffdf7;border:1px solid #232a372e;width:70%;height:70%;position:relative;overflow:hidden;box-shadow:inset -12px 0 20px #00000012,inset 2px 0 4px #ffffffe6}.book-page img{object-fit:contain;width:100%;height:100%}.loader{color:#6d63dc;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:15px;padding:25px;display:flex}.stats svg{color:var(--primary)}.stats span{color:#788194;display:block}.stats strong{font-size:30px}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:25px}.split{grid-template-columns:380px 1fr;gap:22px;display:grid}.three-panels{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:14px}th{color:#747d90;font-size:13px}.danger,.secondary{border:0;border-radius:8px;padding:8px 11px}.danger{color:#c83d4c;background:#fff0f2}.secondary{color:#574ccf;background:#eeecff}.association-admin{margin-top:20px}.association-admin>div:first-child{justify-content:space-between;display:flex}.association-admin li{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px;display:flex}@media (width<=900px){.hero,.login-page{grid-template-columns:1fr}.login-art{display:none}.feature-grid,.card-grid,.stats,.three-panels{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar button,.close-mobile{display:block}.split,.course-grid{grid-template-columns:1fr}}@media (width<=600px){.landing-nav a:not(.btn){display:none}.hero{padding:55px 6vw}.hero h1{font-size:42px}.feature-grid,.card-grid,.stats,.three-panels{grid-template-columns:1fr}.page{padding:20px}.topbar{padding:0 18px}.book-stage{min-height:560px;padding:6px}.viewer-head{align-items:flex-start}.viewer-head span{display:none}}.login-page{background:radial-gradient(circle at 9% 10%,#2667d829,#0000 28%),radial-gradient(circle at 91% 18%,#523dd52e,#0000 28%),linear-gradient(135deg,#183d95 0%,#2869d7 58%,#6549c9 100%);grid-template-columns:minmax(0,1fr) 470px;align-items:center;gap:70px;min-height:100vh;padding:40px 6%;font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;position:absolute}.login-page:before{width:420px;height:420px;top:-180px;right:-120px}.login-page:after{width:300px;height:300px;bottom:-130px;left:-90px}.login-logo{z-index:2;background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;justify-content:center;align-items:center;width:175px;min-height:82px;padding:10px 14px;position:absolute;top:30px;left:40px;box-shadow:0 14px 35px #10082d40}.login-logo img{object-fit:contain;width:100%;height:62px;display:block}.login-art{z-index:1;color:#fff;max-width:620px;padding:70px 20px 30px;position:relative}.login-art>svg{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff3d;border-radius:24px;width:82px;height:82px;margin-bottom:28px;padding:18px;box-shadow:0 16px 38px #170c3c40}.login-art h1{color:#fff;letter-spacing:-2.4px;max-width:600px;margin:0 0 20px;padding-left:0;font-size:clamp(48px,4.2vw,68px);font-weight:850;line-height:1.08}.login-art p{color:#ffffffd1;max-width:580px;margin:0;font-size:17px;line-height:1.8}.login-card{z-index:2;background:#fffffffa;border:1px solid #ffffff59;border-radius:24px;justify-self:end;width:100%;max-width:470px;padding:38px;position:relative;box-shadow:0 32px 70px #172d5f47,0 8px 24px #172d5f1f}.login-card h2{color:#172640;text-align:center;letter-spacing:-.8px;margin:0 0 24px;font-size:29px;font-weight:820}.role-tabs{background:#f0eef8;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:24px;padding:5px;display:grid}.role-tabs button{color:#777087;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:11px;font-size:13px;font-weight:700;transition:all .25s}.role-tabs button.active{color:#fff;background:linear-gradient(135deg,#2464d8,#173e9c);box-shadow:0 8px 18px #2464d847}.login-card label{margin-bottom:15px;display:block}.login-card input{color:#282035;background:#faf9fd;border:1px solid #dedbe8;border-radius:11px;outline:none;width:100%;height:48px;margin-top:7px;font-size:14px;transition:all .2s}.login-card input:focus{background:#fff;border-color:#2464d8;box-shadow:0 0 0 4px #2464d81f}.password{position:relative}.password button{color:#81798f;cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:15px;right:7px}.password button:hover{color:#6247d8;background:#eeebfb}.password button svg{width:18px;height:18px}.login-card .btn.full{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2464d8,#173e9c);border:none;border-radius:12px;width:100%;min-height:50px;margin-top:8px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 25px #2464d845}.login-card .btn.full:hover{transform:translateY(-2px);box-shadow:0 15px 28px #2464d85c}.login-card .error{color:#bf3346;background:#fff0f2;border:1px solid #ffc8ce;border-radius:9px;margin:4px 0 12px;padding:10px 12px;font-size:12px}@media (width<=900px){.login-page{grid-template-columns:1fr;gap:35px;padding:120px 24px 40px}.login-logo{top:22px;left:24px}.login-art{text-align:center;margin:auto;padding:20px 0}.login-art>svg,.login-art p{margin-left:auto;margin-right:auto}.login-card{max-width:480px;margin:auto}}@media (width<=520px){.login-page{padding:115px 15px 25px}.login-logo{width:125px;left:50%;transform:translate(-50%)}.login-art h1{letter-spacing:-1px;font-size:34px}.login-art p{font-size:15px}.login-card{border-radius:20px;padding:25px 20px}}.landing-logo{object-fit:contain;background:#fff;border-radius:10px;width:160px;height:75px;display:block}.course-pdf-page{color:#fff;background:#101216;width:100%;min-height:100vh}.course-pdf-toolbar{background:#171b25;border-bottom:1px solid #343a46;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:16px 22px;display:flex}.course-pdf-title{font-size:21px;font-weight:700}.course-pdf-actions{align-items:center;gap:12px;display:flex}.course-pdf-actions button,.course-pdf-message button{color:#fff;font:inherit;cursor:pointer;background:#252a34;border:1px solid #434956;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;display:inline-flex}.course-pdf-content{width:100%;height:calc(100vh - 88px)}.course-pdf-frame{background:#fff;border:0;width:100%;height:100%;display:block}.course-pdf-message{text-align:center;place-content:center;justify-items:center;width:100%;height:100%;padding:30px;display:grid}.course-pdf-message p{color:#b8bec9}.presentation-viewer{color:#fff;background:#111318;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.presentation-viewer.fullscreen{width:100vw;height:100vh}.presentation-toolbar{background:#1b1e26;border-bottom:1px solid #353945;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 22px;display:flex}.presentation-toolbar-title{align-items:center;gap:10px;min-width:0;font-size:19px;font-weight:700;display:flex}.presentation-toolbar-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.presentation-toolbar-actions{align-items:center;gap:10px;display:flex}.presentation-toolbar-actions button,.presentation-message button{color:#fff;cursor:pointer;background:#292e38;border:1px solid #474d59;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;display:inline-flex}.presentation-screen{flex:1;min-height:0;position:relative}.presentation-message{text-align:center;place-content:center;justify-items:center;gap:16px;width:100%;height:100%;display:grid}.slide-viewer{grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;gap:15px;width:100%;height:100%;padding:20px;display:grid}.slide-image-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.presentation-slide-image{object-fit:contain;-webkit-user-select:none;user-select:none;background:#fff;max-width:100%;max-height:100%;display:block;box-shadow:0 10px 35px #00000059}.slide-navigation{color:#fff;cursor:pointer;background:#2b303a;border:1px solid #464d59;border-radius:50%;place-content:center;width:52px;height:52px;display:grid}.slide-navigation:disabled{cursor:not-allowed;opacity:.3}.slide-counter{color:#fff;background:#000000b8;border-radius:20px;padding:7px 13px;font-size:14px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.presentation-loader{border:4px solid #454b57;border-top-color:#fff;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite presentation-spin}@keyframes presentation-spin{to{transform:rotate(360deg)}}@media (width<=700px){.presentation-toolbar{min-height:64px;padding:10px 12px}.presentation-toolbar-actions span{display:none}.slide-viewer{grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;padding:10px}.slide-navigation{width:40px;height:40px}}#onlyoffice-editor{background:#111827;width:100%;height:calc(100vh - 70px);min-height:600px}#onlyoffice-editor iframe{border:0;width:100%!important;height:100%!important}.presentation-screen{width:100%;height:calc(100vh - 70px);position:relative;overflow:hidden}.quiz-player-page,.quiz-result-page{flex-direction:column;gap:24px;display:flex}.quiz-player-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.quiz-player-header h1,.quiz-result-heading h1{color:#1f2937;margin:6px 0 8px;font-size:32px;line-height:1.2}.quiz-player-header p,.quiz-result-heading p{color:#64748b;margin:0;line-height:1.6}.quiz-timer-card{background:#fff;border:1px solid #dbe4ee;border-radius:14px;align-items:center;gap:12px;min-width:190px;padding:14px 18px;display:flex;box-shadow:0 8px 22px #0f172a0f}.quiz-timer-card svg{color:#2563eb}.quiz-timer-card div{flex-direction:column;display:flex}.quiz-timer-card span{color:#64748b;font-size:12px}.quiz-timer-card strong{color:#0f172a;margin-top:2px;font-size:20px}.quiz-progress-panel{padding:18px 20px}.quiz-progress-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.quiz-progress-heading span{color:#475569;font-size:14px}.quiz-progress-heading strong{color:#2563eb}.quiz-progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.quiz-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#4f46e5);height:100%;transition:width .3s}.quiz-player-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;display:grid}.quiz-question-navigation{padding:20px;position:sticky;top:20px}.quiz-question-navigation h3{color:#1e293b;margin:0 0 16px;font-size:18px}.quiz-question-number-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.quiz-question-number{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-height:42px;font-weight:700;transition:transform .2s,border-color .2s,background .2s,color .2s;position:relative}.quiz-question-number:hover{border-color:#2563eb;transform:translateY(-1px)}.quiz-question-number.active{color:#fff;background:#2563eb;border-color:#2563eb}.quiz-question-number.answered{color:#166534;background:#f0fdf4;border-color:#16a34a}.quiz-question-number.active.answered{color:#fff;background:#2563eb;border-color:#2563eb}.quiz-question-number svg{position:absolute;top:3px;right:3px}.quiz-navigation-summary{border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;margin-top:18px;padding-top:16px;display:flex}.quiz-navigation-summary span{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.quiz-status-dot{border-radius:50%;width:10px;height:10px}.quiz-status-dot.answered{background:#16a34a}.quiz-status-dot.current{background:#2563eb}.quiz-question-panel{padding:28px}.quiz-question-header{margin-bottom:18px}.quiz-question-header>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-question-header span{color:#2563eb;font-size:14px;font-weight:700}.quiz-question-header strong{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:6px 10px;font-size:12px}.quiz-question-panel h2{color:#1e293b;margin:0 0 24px;font-size:24px;line-height:1.5}.quiz-question-image{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-height:360px;margin:0 0 24px;display:block}.quiz-option-list{flex-direction:column;gap:14px;display:flex}.quiz-option-card{cursor:pointer;background:#fff;border:1px solid #dbe4ee;border-radius:14px;align-items:center;gap:14px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;display:flex}.quiz-option-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb14}.quiz-option-card.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.quiz-option-card input{accent-color:#2563eb;flex-shrink:0;width:18px;height:18px}.quiz-option-letter{color:#334155;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.quiz-option-card.selected .quiz-option-letter{color:#fff;background:#2563eb}.quiz-option-text{color:#334155;line-height:1.5}.quiz-text-answer{resize:vertical;color:#1e293b;width:100%;min-height:150px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:16px}.quiz-text-answer:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.quiz-empty-options{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px}.quiz-question-actions{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:22px;display:flex}.quiz-question-actions button,.quiz-result-actions button,.teacher-quiz-card button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.quiz-loading-panel,.quiz-error-panel{text-align:center;padding:40px}.quiz-error-panel{flex-direction:column;align-items:center;gap:12px;display:flex}.quiz-error-panel svg{color:#dc2626}.quiz-error-panel h2{color:#1e293b;margin:0}.quiz-error-panel p{color:#64748b;margin:0}.quiz-result-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;display:grid;overflow:hidden}.quiz-result-hero.passed{border-top:5px solid #16a34a}.quiz-result-hero.failed{border-top:5px solid #dc2626}.quiz-result-icon{color:#2563eb;background:#eff6ff;border-radius:20px;justify-content:center;align-items:center;width:78px;height:78px;display:flex}.quiz-result-hero.passed .quiz-result-icon{color:#16a34a;background:#f0fdf4}.quiz-result-hero.failed .quiz-result-icon{color:#dc2626;background:#fef2f2}.quiz-result-heading h2{color:#334155;margin:0 0 8px;font-size:20px}.quiz-score-circle{background:#eff6ff;border:10px solid #bfdbfe;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.quiz-result-hero.passed .quiz-score-circle{background:#f0fdf4;border-color:#bbf7d0}.quiz-result-hero.failed .quiz-score-circle{background:#fef2f2;border-color:#fecaca}.quiz-score-circle strong{color:#1e293b;font-size:28px}.quiz-score-circle span{color:#64748b;margin-top:4px;font-size:12px}.quiz-result-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.quiz-result-stat-card{align-items:center;gap:12px;padding:18px;display:flex}.quiz-result-stat-card svg{color:#2563eb}.quiz-result-stat-card.success svg{color:#16a34a}.quiz-result-stat-card.danger svg{color:#dc2626}.quiz-result-stat-card div{flex-direction:column;display:flex}.quiz-result-stat-card span{color:#64748b;font-size:13px}.quiz-result-stat-card strong{color:#1e293b;margin-top:4px;font-size:20px}.quiz-result-actions{justify-content:flex-end;gap:12px;display:flex}.quiz-answer-review-section{flex-direction:column;gap:18px;display:flex}.quiz-review-list{flex-direction:column;gap:16px;display:flex}.quiz-review-card{border-left:5px solid #cbd5e1;padding:22px}.quiz-review-card.correct{border-left-color:#16a34a}.quiz-review-card.incorrect{border-left-color:#dc2626}.quiz-review-card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.quiz-review-card-heading>div{align-items:center;gap:8px;font-weight:700;display:flex}.quiz-review-card.correct .quiz-review-card-heading svg,.quiz-review-card.correct .quiz-review-card-heading strong{color:#16a34a}.quiz-review-card.incorrect .quiz-review-card-heading svg,.quiz-review-card.incorrect .quiz-review-card-heading strong{color:#dc2626}.quiz-review-card h3{color:#1e293b;margin:0 0 18px;line-height:1.5}.quiz-review-answer,.quiz-answer-explanation{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;padding:14px 16px}.quiz-review-answer.correct-answer{background:#f0fdf4;border-color:#bbf7d0}.quiz-review-answer span,.quiz-answer-explanation span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.quiz-review-answer p,.quiz-answer-explanation p{color:#334155;margin:0;line-height:1.6}.teacher-quiz-section{border-top:1px solid #e2e8f0;margin-top:26px;padding-top:22px}.teacher-quiz-heading{align-items:center;gap:10px;margin-bottom:16px;display:flex}.teacher-quiz-heading svg{color:#7c3aed}.teacher-quiz-heading h3{color:#1e293b;margin:0}.teacher-quiz-list{gap:16px;display:grid}.teacher-quiz-card{background:linear-gradient(135deg,#fff,#faf5ff);border:1px solid #ddd6fe;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:0 8px 22px #7c3aed0f}.teacher-quiz-card h3{color:#1e293b;margin:6px 0 8px}.teacher-quiz-card p{color:#64748b;margin:0;line-height:1.5}.quiz-label{color:#6d28d9;letter-spacing:.08em;background:#ede9fe;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.quiz-meta{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.quiz-meta span{color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 9px;font-size:12px}@media (width<=1100px){.quiz-result-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.quiz-player-layout{grid-template-columns:1fr}.quiz-question-navigation{position:static}.quiz-question-number-grid{grid-template-columns:repeat(8,1fr)}.quiz-result-hero{text-align:center;grid-template-columns:1fr}.quiz-result-icon,.quiz-score-circle{margin:0 auto}.quiz-player-header{flex-direction:column}.quiz-timer-card{width:100%}}@media (width<=700px){.quiz-player-header h1,.quiz-result-heading h1{font-size:26px}.quiz-question-panel{padding:20px}.quiz-question-panel h2{font-size:20px}.quiz-question-number-grid{grid-template-columns:repeat(5,1fr)}.quiz-result-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-quiz-card{flex-direction:column;align-items:stretch}.teacher-quiz-card button{width:100%}}@media (width<=480px){.quiz-question-number-grid{grid-template-columns:repeat(4,1fr)}.quiz-question-actions,.quiz-result-actions{flex-direction:column}.quiz-question-actions button,.quiz-result-actions button{width:100%}.quiz-result-summary-grid{grid-template-columns:1fr}.quiz-option-card{align-items:flex-start}}.ppt-watermark-layer{z-index:15;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:150px;place-items:center;display:grid;position:absolute;inset:-15%;overflow:hidden;transform:rotate(-25deg)}.ppt-watermark-text{color:#3737370d;letter-spacing:3px;white-space:nowrap;pointer-events:none;font-size:clamp(20px,2.2vw,38px);font-weight:700}.login-back-home{z-index:20;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:absolute;top:28px;right:38px}.login-back-home:hover{color:#2458bd;background:#fff;transform:translateY(-2px)}@media (width<=700px){.login-back-home{top:18px;right:18px}}.teacher-profile-card{background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);border:1px solid #e3e8f2;border-radius:16px;align-items:center;gap:11px;min-width:190px;padding:8px 10px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 8px 22px #263c6414}.teacher-profile-card:hover{border-color:#cbc5ff;transform:translateY(-2px);box-shadow:0 14px 28px #5341be24}.teacher-profile-avatar{color:#fff;background:linear-gradient(135deg,#6558e8,#856df4);border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:17px;font-weight:850;display:grid;box-shadow:0 8px 18px #6558e840}.teacher-profile-avatar span{line-height:1}.teacher-profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.teacher-profile-role{color:#7d89a0;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.teacher-profile-info strong{color:#17233f;text-overflow:ellipsis;white-space:nowrap;max-width:105px;font-size:14px;font-weight:850;line-height:1.2;overflow:hidden}.teacher-profile-chevron{color:#65708a;background:#f0f2f8;border-radius:9px;place-items:center;width:30px;height:30px;margin-left:auto;transition:background .2s,color .2s;display:grid}.teacher-profile-card:hover .teacher-profile-chevron{color:#6558e8;background:#ece9ff}.admin-notification-panel{background:linear-gradient(145deg,#fff 0%,#f8faff 100%);border:1px solid #e2e8f0;border-radius:22px;margin-top:28px;padding:28px;box-shadow:0 14px 32px #253c6514}.admin-notification-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.admin-notification-heading span{color:#6558e8;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.admin-notification-heading h2{color:#172640;margin:7px 0 6px;font-size:24px;font-weight:850}.admin-notification-heading p{color:#748097;margin:0;font-size:14px;line-height:1.6}.admin-notification-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-notification-form label{color:#334155;flex-direction:column;gap:8px;margin:0;font-size:13px;font-weight:700;display:flex}.admin-notification-form label:nth-child(3){grid-column:1/-1}.admin-notification-form select,.admin-notification-form input,.admin-notification-form textarea{color:#1e293b;width:100%;font:inherit;background:#fff;border:1px solid #d8e0ea;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s}.admin-notification-form select:focus,.admin-notification-form input:focus,.admin-notification-form textarea:focus{background:#fff;border-color:#6558e8;box-shadow:0 0 0 4px #6558e81a}.admin-notification-form textarea{resize:vertical;min-height:120px}.admin-notification-form .btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6558e8,#7b68f4);border:none;border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;width:fit-content;min-width:170px;padding:12px 22px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 22px #6558e83d}.admin-notification-form .btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #6558e852}.notification-form-message{color:#18815d;background:#ecfdf3;border-radius:10px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:13px;font-weight:700}@media (width<=760px){.admin-notification-panel{padding:20px}.page{padding:20px 16px 28px}.topbar{padding:0 18px}.admin-notification-form{grid-template-columns:1fr}.admin-notification-form label:nth-child(3),.admin-notification-form .btn,.notification-form-message{grid-column:auto}.admin-notification-form .btn{width:100%}}.notification-wrapper{position:relative}.notification-dropdown{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:360px;max-height:420px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 50px #1e32552e}.notification-dropdown-heading{background:linear-gradient(135deg,#f8f9ff,#fff);border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.notification-dropdown-heading strong{color:#172640;font-size:16px}.notification-dropdown-heading span{color:#6558e8;background:#eeeaff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.notification-list{max-height:340px;overflow-y:auto}.notification-item{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f5;width:100%;padding:14px 16px;display:block}.notification-item.unread{background:#f8f7ff}.notification-item:hover{background:#f4f6fb}.notification-item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-item-top strong{color:#24324a;font-size:13px}.notification-item p{color:#6c7a8f;margin:6px 0 0;font-size:12px;line-height:1.5}.notification-unread-dot{background:#7157ee;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notification-empty{color:#8a95a7;text-align:center;padding:30px 18px;font-size:13px}.sidebar-tagline{background:linear-gradient(135deg,#6354e933,#ffffff0a);border:1px solid #ffffff14;border-radius:18px;align-items:flex-start;gap:12px;margin:28px 4px 22px;padding:20px 18px;display:flex;box-shadow:0 12px 28px #0000001f}.sidebar-tagline-icon{background:linear-gradient(135deg,#ffb15c,#ff7c8b);border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.sidebar-tagline p{color:#fff;letter-spacing:.01em;margin:0;font-size:15px;font-weight:750;line-height:1.55}.sidebar-brand-area{flex-direction:column;flex:none;align-items:center;width:100%;padding-bottom:22px;display:flex}.sidebar-brand{justify-content:center;width:100%;display:flex}.sidebar-brand-title{color:#fff;text-align:center;width:100%;margin-top:11px;padding-left:8px;font-size:31px;font-weight:850;line-height:1.2}.sidebar-navigation-area{flex:none;width:80%;padding:10px 0 18px 45px}.sidebar-navigation-area nav{flex-direction:column;width:95%;display:flex}.sidebar-navigation-area nav a{color:#fff;border-radius:14px;align-items:center;gap:15px;width:100%;min-height:52px;font-size:25px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.sidebar-navigation-area nav a svg{color:#ffffffa6;flex-shrink:0;width:20px;height:20px}.sidebar-navigation-area nav a:hover{color:#fff;background:#0000ff12;transform:translate(3px)}.sidebar-navigation-area nav a.active{color:#fff;background:#0000ff12}.logout svg{color:#ff99ad;flex-shrink:0}.logout:hover{color:#fff;background:#e245673b}.logout:hover svg{color:#fff}.sidebar{z-index:100;box-sizing:border-box;background:linear-gradient(#11162f 0%,#121832 55%,#10152c 100%);border-right:1px solid #ffffff0d;flex-direction:column;width:300px;height:100vh;padding:18px 16px;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:8px 0 30px #050a1c26}.sidebar-brand-area{flex:none;justify-content:center;padding:0 0 12px;display:flex}.sidebar-logo{object-fit:contain;box-sizing:border-box;background:#fff;border-radius:22px;width:210px;height:115px;padding:10px;display:block;box-shadow:0 12px 28px #00000038}.sidebar .teacher-sidebar-visual{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 0 14px;display:flex;overflow:hidden}.sidebar .teacher-sidebar-ai-image{object-fit:contain;mix-blend-mode:screen;filter:contrast(1.08)saturate(1.08);width:100%;max-width:970px;max-height:430px;display:block}.sidebar .sidebar-navigation-area{flex:none;width:100%;margin-bottom:18px}.sidebar .sidebar-navigation-area nav{flex-direction:column;gap:8px;width:100%;display:flex}.sidebar .sidebar-navigation-area nav a{box-sizing:border-box;color:#fff;background:0 0;border-radius:15px;align-items:center;gap:14px;width:100%;min-height:58px;margin-left:-45px;padding:0 20px;font-size:17px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:flex}.sidebar .sidebar-navigation-area nav a:hover{background:#5f5be621;transform:translate(3px)}.sidebar .sidebar-navigation-area nav a.active{color:#fff;background:#4846c429}.sidebar .sidebar-navigation-area nav a svg{color:#cbd2e7;flex-shrink:0}.sidebar .logout{box-sizing:border-box;color:#ff9caf;cursor:pointer;background:#ff507312;border:1px solid #ff749259;border-radius:14px;flex:0 0 56px;align-items:center;gap:12px;width:100%;height:56px;margin:0;padding:0 17px;font-size:15px;font-weight:800;display:flex}.sidebar .logout:hover{color:#fff;background:#ff507326}.sidebar .logout svg{color:inherit;flex-shrink:0}