:root{--ease-out:cubic-bezier(.22,1,.36,1)}html{scroll-padding-top:24px}a,button,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.btn:active,a[role=button]:active,button:active{transform:scale(.975)!important}button:disabled{cursor:wait;opacity:.68}.skoolaNavProgress{position:fixed;z-index:10000;inset:0 0 auto;height:3px;transform-origin:right;background:linear-gradient(90deg,#06b6d4,#1565f5,#7b2ff7);box-shadow:0 0 18px #1565f5}.routeMotion{will-change:opacity,transform}.tenantShowcase{--showcase-ink:#07162f;isolation:isolate;background:#f7f9fd!important;color:var(--showcase-ink)!important}.tenantShowcase .wrap{width:min(1280px,calc(100% - 56px))!important}.tenantShowcase .tenantNav{height:92px!important;border-bottom:1px solid #dbe4f21a;position:relative;z-index:20}.tenantShowcase .tenantBrand{display:flex!important;align-items:center!important;gap:12px!important}.tenantShowcase .tenantLogo{width:49px!important;height:49px!important;border-radius:16px!important;display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(145deg,var(--tenant-primary),var(--tenant-accent))!important;box-shadow:0 14px 30px color-mix(in srgb,var(--tenant-primary) 26%,transparent)!important}.tenantShowcase .tenantBrand>span{font-size:16px!important;font-weight:900!important;line-height:1.25!important}.tenantShowcase .tenantBrand small{display:block!important;font-size:9px!important;color:#70809b!important;margin-top:3px!important}.tenantShowcase .tenantNavLinks{display:flex!important;align-items:center!important;gap:28px!important}.tenantShowcase .tenantNavLinks>a:not(.btn){font-size:12px!important;font-weight:800!important;color:#52627c!important}.tenantShowcase .tenantNavLinks .btn{height:47px!important;padding:0 19px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--tenant-primary),color-mix(in srgb,var(--tenant-primary) 60%,var(--tenant-accent)))!important;color:#fff!important;box-shadow:0 13px 30px color-mix(in srgb,var(--tenant-primary) 25%,transparent)!important}.tenantShowcase .tenantHero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;gap:90px!important;align-items:center!important;min-height:690px!important;padding:54px 0 72px!important}.tenantShowcase .tenantHeroCopy{text-align:right!important;position:relative!important;z-index:4!important}.tenantShowcase .tenantEyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 14px!important;border-radius:999px!important;color:var(--tenant-primary)!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--tenant-primary) 18%,#dce5f3)!important;box-shadow:0 8px 24px #16305d0a!important;font-size:11px!important;font-weight:900!important}.tenantShowcase .tenantHero h1{max-width:720px!important;margin:20px 0 18px!important;font-size:clamp(50px,5vw,78px)!important;line-height:1.11!important;letter-spacing:-3.1px!important;color:var(--showcase-ink)!important;font-weight:950!important}.tenantShowcase .tenantHero h1:after{content:""!important;display:block!important;width:92px!important;height:8px!important;border-radius:99px!important;margin-top:24px!important;background:linear-gradient(90deg,var(--tenant-primary),var(--tenant-accent))!important}.tenantShowcase .tenantHeroCopy>p{max-width:650px!important;margin:0!important;color:#64748b!important;font-size:16px!important;line-height:1.95!important}.tenantShowcase .tenantHeroActions{display:flex!important;align-items:center!important;gap:17px!important;margin-top:29px!important}.tenantShowcase .tenantHeroActions .btn{min-height:54px!important;padding:0 23px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-accent))!important;color:#fff!important;box-shadow:0 17px 35px color-mix(in srgb,var(--tenant-primary) 28%,transparent)!important}.tenantShowcase .tenantTextButton{font-size:12px!important;font-weight:900!important;padding:12px 3px!important;color:var(--showcase-ink)!important}.tenantShowcase .tenantHeroProof{display:flex!important;align-items:center!important;gap:19px!important;margin-top:25px!important;color:#52627c!important;font-size:10px!important;font-weight:800!important}.tenantShowcase .tenantHeroProof span{display:flex!important;align-items:center!important;gap:6px!important}.tenantShowcase .tenantHeroProof svg{color:var(--tenant-primary)!important}.tenantShowcase .tenantTeacher{height:560px!important;position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;border-radius:40px!important;overflow:hidden!important;isolation:isolate!important;background:linear-gradient(145deg,color-mix(in srgb,var(--tenant-primary) 45%,#92b9ff),var(--tenant-primary) 52%,color-mix(in srgb,var(--tenant-accent) 72%,#132a62))!important;box-shadow:0 42px 90px color-mix(in srgb,var(--tenant-primary) 22%,transparent)!important}.tenantShowcase .tenantTeacher:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,#fff2 0 30%,transparent 31%),linear-gradient(180deg,transparent 58%,#07162f3d);z-index:0}.tenantShowcase .tenantTeacher>img{position:relative!important;z-index:3!important;width:min(650px,112%)!important;height:auto!important;max-height:545px!important;object-fit:contain!important;object-position:bottom!important;filter:drop-shadow(0 24px 25px #07162f38)!important}.tenantShowcase .teacherRing{display:block!important;position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;border:1px solid #fff6!important;border-radius:50%!important;z-index:1!important}.tenantShowcase .teacherRing.one{width:385px!important;height:385px!important}.tenantShowcase .teacherRing.two{width:510px!important;height:510px!important}.tenantHeroAura{position:absolute;z-index:0;width:310px;height:310px;border-radius:50%;background:#fff3;filter:blur(70px)}.tenantShowcase .tenantFloatingBadge{position:absolute!important;z-index:7!important;display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;height:auto!important;min-width:168px!important;padding:12px 15px!important;border-radius:17px!important;background:#fffffff2!important;border:1px solid #fff!important;color:#0f1d36!important;box-shadow:0 18px 48px #07162f2c!important;backdrop-filter:blur(18px)!important}.tenantShowcase .tenantFloatingBadge *{position:static!important;width:auto!important;height:auto!important;border:0!important;transform:none!important}.tenantShowcase .tenantFloatingBadge svg{flex:0 0 auto!important;color:var(--tenant-primary)!important}.tenantShowcase .tenantFloatingBadge>span:not(.liveDot){display:flex!important;flex-direction:column!important}.tenantShowcase .tenantFloatingBadge b{font-size:11px!important;line-height:1.4!important}.tenantShowcase .tenantFloatingBadge small{font-size:8px!important;color:#6b7890!important}.tenantShowcase .badgeTop{top:28px!important;right:25px!important}.tenantShowcase .badgeBottom{bottom:27px!important;left:25px!important}.tenantShowcase .liveDot{display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 0 5px #22c55e27!important}.tenantShowcase .tenantTrustBar{background:#fff!important;border-block:1px solid #e4eaf3!important;box-shadow:0 14px 45px #0b204505!important}.tenantShowcase .tenantTrustBar>.wrap{display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:26px 0!important}.tenantShowcase .tenantTrustBar>.wrap>div{text-align:center!important;border-left:1px solid #e5eaf2!important}.tenantShowcase .tenantTrustBar>.wrap>div:last-child{border:0!important}.tenantShowcase .tenantTrustBar b{display:block!important;font-size:26px!important;color:var(--showcase-ink)!important}.tenantShowcase .tenantTrustBar span{font-size:9px!important;color:#76839a!important}.tenantShowcase .tenantCourses{display:block!important;padding:118px 0!important}.tenantShowcase .tenantSectionHead{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:35px!important;margin-bottom:40px!important}.tenantShowcase .tenantSectionHead>div{max-width:720px!important}.tenantShowcase .tenantSectionHead span{font-size:10px!important;color:var(--tenant-primary)!important;font-weight:900!important}.tenantShowcase .tenantSectionHead h2{font-size:clamp(34px,3.5vw,52px)!important;line-height:1.25!important;letter-spacing:-1.6px!important;color:var(--showcase-ink)!important;margin:7px 0 9px!important}.tenantShowcase .tenantSectionHead p{font-size:12px!important;line-height:1.8!important;color:#6b7890!important;margin:0!important}.tenantShowcase .tenantCourseGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:21px!important}.tenantShowcase .tenantCourseCard{display:block!important;overflow:hidden!important;border-radius:25px!important;background:#fff!important;border:1px solid #e1e7f0!important;box-shadow:0 18px 55px #10234c0b!important}.tenantShowcase .tenantCourseCard:hover{transform:translateY(-7px)!important;box-shadow:0 28px 65px #10234c16!important}.tenantShowcase .tenantCourseArt{height:230px!important;position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(145deg,#ddebff,#4d7bea)!important}.tenantShowcase .tenantCourseCard.tone-1 .tenantCourseArt{background:linear-gradient(145deg,#eee8ff,#8254e8)!important}.tenantShowcase .tenantCourseCard.tone-2 .tenantCourseArt{background:linear-gradient(145deg,#ddfff1,#23a875)!important}.tenantShowcase .tenantCourseArt>b{display:grid!important;place-items:center!important;width:84px!important;height:84px!important;position:relative!important;z-index:3!important;border-radius:27px!important;background:#ffffffe8!important;color:var(--tenant-primary)!important;font-size:26px!important;box-shadow:0 18px 38px #10234c24!important}.tenantShowcase .tenantCourseArt>span{position:absolute!important;z-index:4!important;top:18px!important;right:19px!important;border-radius:99px!important;padding:6px 10px!important;background:#ffffffd9!important;color:#13223d!important;font-size:9px!important;font-weight:900!important}.tenantShowcase .tenantCourseArt>em,.tenantShowcase .tenantCourseArt>i{position:absolute!important;display:block!important;border:1px solid #fff6!important;border-radius:50%!important}.tenantShowcase .tenantCourseArt>i{width:210px!important;height:210px!important}.tenantShowcase .tenantCourseArt>em{width:300px!important;height:300px!important}.tenantShowcase .tenantCourseBody{padding:23px!important}.tenantShowcase .courseMeta{display:flex!important;align-items:center!important;justify-content:space-between!important}.tenantShowcase .courseMeta>span{font-size:9px!important;color:var(--tenant-primary)!important;font-weight:900!important}.tenantShowcase .courseMeta small{display:flex!important;align-items:center!important;gap:5px!important;font-size:8px!important;color:#77849a!important}.tenantShowcase .tenantCourseBody h3{font-size:19px!important;line-height:1.4!important;color:var(--showcase-ink)!important;margin:8px 0!important}.tenantShowcase .tenantCourseBody>p{height:39px!important;overflow:hidden!important;font-size:10px!important;line-height:1.8!important;color:#728097!important;margin:0!important}.tenantShowcase .tenantCourseFooter{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid #edf0f5!important}.tenantShowcase .tenantCourseFooter>span{display:flex!important;flex-direction:column!important}.tenantShowcase .tenantCourseFooter small{font-size:8px!important;color:#8490a3!important}.tenantShowcase .tenantCourseFooter b{font-size:15px!important;color:var(--showcase-ink)!important}.tenantShowcase .tenantCourseAction{display:flex!important;align-items:center!important;gap:5px!important;padding:9px 11px!important;border-radius:11px!important;color:var(--tenant-primary)!important;background:color-mix(in srgb,var(--tenant-primary) 9%,#fff)!important;font-size:9px!important;font-weight:900!important}.tenantShowcase .tenantCourseEmpty{min-height:280px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:28px!important;background:linear-gradient(145deg,#fff,#f4f7fc)!important;border:1px dashed #c7d4e6!important;box-shadow:0 20px 65px #10234c08!important}.tenantShowcase .tenantCourseEmpty>span{display:grid!important;place-items:center!important;width:62px!important;height:62px!important;border-radius:20px!important;background:linear-gradient(135deg,#e7efff,#eee7ff)!important;color:var(--tenant-primary)!important;font-size:24px!important}.tenantShowcase .tenantCourseEmpty h3{font-size:20px!important;margin:14px 0 4px!important}.tenantShowcase .tenantCourseEmpty p{font-size:11px!important;color:#728097!important}.tenantShowcase .tenantValueBand{display:block!important;padding:105px 0!important;background:linear-gradient(140deg,#06152d,#0b2653 60%,color-mix(in srgb,var(--tenant-primary) 45%,#07172f))!important;color:#fff!important;position:relative!important}.tenantShowcase .tenantValueBand .tenantSectionHead h2{color:#fff!important}.tenantShowcase .tenantValueBand .tenantSectionHead p{color:#aebbd0!important}.tenantShowcase .tenantValueGrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.tenantShowcase .tenantValueGrid article{display:block!important;padding:29px!important;border-radius:23px!important;background:#ffffff09!important;border:1px solid #ffffff16!important}.tenantShowcase .tenantValueGrid article:hover{background:#ffffff0f!important;transform:translateY(-4px)!important}.tenantShowcase .tenantValueGrid i{display:grid!important;place-items:center!important;width:49px!important;height:49px!important;border-radius:15px!important;background:linear-gradient(135deg,#ffffff18,#ffffff0a)!important;color:#fff!important}.tenantShowcase .tenantValueGrid h3{font-size:17px!important;margin:25px 0 7px!important;color:#fff!important}.tenantShowcase .tenantValueGrid p{font-size:10px!important;line-height:1.8!important;color:#acb8cc!important;margin:0!important}.tenantShowcase .tenantFinalCta{display:block!important;background:linear-gradient(120deg,var(--tenant-primary),var(--tenant-accent))!important;color:#fff!important}.tenantShowcase .tenantFinalCta>.wrap{min-height:250px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.tenantShowcase .tenantFinalCta h2{color:#fff!important;font-size:35px!important;margin:5px 0!important}.tenantShowcase .tenantFinalCta .btn{background:#fff!important;color:var(--tenant-primary)!important}.tenantShowcase .tenantFooter{display:block!important;padding:34px 0!important;background:#06152d!important}.tenantShowcase .tenantFooter>.wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#fff!important}.courseCommandHero{height:265px;margin:28px 0 18px;border-radius:28px;padding:38px 42px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(125deg,#07162f,#123d89 62%,#6742cf);color:#fff;box-shadow:0 28px 65px #10234c24}.courseCommandGlow{position:absolute;width:480px;height:480px;border-radius:50%;background:#4487ff3b;filter:blur(25px);left:-120px;top:-260px}.courseCommandHero>div:nth-child(2){position:relative;z-index:2}.courseCommandHero>div>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#bcd1ff;font-weight:900}.courseCommandHero h2{font-size:34px;line-height:1.25;margin:8px 0;letter-spacing:-1px}.courseCommandHero p{font-size:12px;color:#c5d2e9;margin:0}.commandIllustration{width:285px;height:205px;position:relative;display:grid;place-items:center}.commandIllustration>i{position:relative;z-index:3;width:88px;height:88px;border-radius:27px;background:#ffffff15;border:1px solid #ffffff28;display:grid;place-items:center;backdrop-filter:blur(15px);box-shadow:0 24px 50px #07162f35}.commandIllustration svg{width:38px;height:38px}.commandIllustration>b,.commandIllustration>span{position:absolute;border:1px solid #ffffff25;border-radius:50%}.commandIllustration>span{width:180px;height:180px}.commandIllustration>b{width:255px;height:255px}.createCourseDrawer{margin-bottom:22px;background:#fff;border:1px solid #dfe6f0;border-radius:21px;overflow:hidden;box-shadow:0 12px 34px #10234c09}.createCourseDrawer>summary{list-style:none;cursor:pointer;padding:18px 21px;display:flex;align-items:center;justify-content:space-between}.createCourseDrawer>summary::-webkit-details-marker{display:none}.createCourseDrawer>summary>span{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:12px}.createCourseDrawer>summary i{grid-row:1/3;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#1565f5,#7b2ff7);color:#fff;display:grid;place-items:center}.createCourseDrawer>summary b{font-size:13px}.createCourseDrawer>summary small{font-size:9px;color:#7b879a}.createCourseDrawer>summary em{font-size:10px;color:#1565f5;font-style:normal;font-weight:900}.premiumCreateForm{border-top:1px solid #edf0f5;padding:24px!important;background:#fbfcff}.createFormIntro{display:flex;align-items:center;gap:12px;margin-bottom:18px}.createFormIntro>i{width:45px;height:45px;border-radius:14px;background:#eaf1ff;color:#1565f5;display:grid;place-items:center}.createFormIntro h3{font-size:14px;margin:0}.createFormIntro p{font-size:9px;color:#7b879a;margin:3px 0}.courseEditFields,.premiumCreateForm .fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.courseEditSheet input,.courseEditSheet select,.courseEditSheet textarea,.premiumCreateForm input,.premiumCreateForm select,.premiumCreateForm textarea{width:100%;min-height:45px;border:1px solid #dbe3ee!important;border-radius:12px!important;background:#fff!important;padding:11px 13px!important;font:inherit!important;font-size:11px!important;outline:none}.courseEditSheet input:focus,.courseEditSheet select:focus,.courseEditSheet textarea:focus,.premiumCreateForm input:focus,.premiumCreateForm select:focus,.premiumCreateForm textarea:focus{border-color:#7fa5f3!important;box-shadow:0 0 0 4px #1565f50c!important}.courseEditSheet textarea,.premiumCreateForm textarea{min-height:105px!important;resize:vertical}.createCourseSubmit{border:0;border-radius:12px;background:linear-gradient(135deg,#1565f5,#7b2ff7);color:#fff;min-height:45px;padding:0 19px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:11px;font-weight:900;box-shadow:0 12px 28px #1565f52b}.courseWorkspace{margin-bottom:30px}.courseMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.courseMetrics article{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px 17px;box-shadow:0 9px 28px #10234c08}.courseMetrics i{width:43px;height:43px;border-radius:14px;display:grid;place-items:center}.courseMetrics i svg{width:20px}.courseMetrics i.blue{background:#e8f0ff;color:#1565f5}.courseMetrics i.green{background:#e8f9f1;color:#159260}.courseMetrics i.violet{background:#f0eaff;color:#7b2ff7}.courseMetrics i.orange{background:#fff1e7;color:#ee7624}.courseMetrics span{display:flex;flex-direction:column;font-size:9px;color:#748197}.courseMetrics b{font-size:21px;color:#0a1933;line-height:1.2;margin-top:2px}.courseToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:27px 0 16px}.courseToolbar h2{font-size:21px;margin:0;color:#081b3a}.courseToolbar p{font-size:10px;color:#76839a;margin:4px 0 0}.courseToolbar label{width:260px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dfe6f0;border-radius:13px;padding:0 12px}.courseToolbar input{width:100%;height:43px;border:0;outline:0;background:transparent;font:inherit;font-size:10px}.courseNotice{display:flex;align-items:center;gap:7px;margin-bottom:13px;padding:11px 13px;border-radius:12px;background:#ecfdf5;color:#137a50;border:1px solid #c6f0dc;font-size:10px;font-weight:800}.courseNotice button{margin-right:auto;border:0;background:transparent;color:inherit;display:grid;place-items:center}.courseAdminGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:20px!important;width:100%!important;margin-top:20px!important}.courseAdminCard{background:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(0,0,0,.04)!important;transition:all .25s ease!important;display:flex!important;flex-direction:column!important}.courseAdminCard:hover{transform:translateY(-5px)!important;box-shadow:0 20px 45px rgba(21,101,245,.15)!important;border-color:#93c5fd!important}.courseAdminArt{position:relative!important;width:100%!important;height:185px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.courseAdminArt.tone0{background:linear-gradient(145deg,#1e293b,#0f172a)!important}.courseAdminArt.tone1{background:linear-gradient(145deg,#2e1065,#581c87)!important}.courseAdminArt.tone2{background:linear-gradient(145deg,#064e3b,#047857)!important}.courseAdminArt.tone3{background:linear-gradient(145deg,#7c2d12,#c2410c)!important}.courseAdminGlyph{position:relative!important;z-index:3!important;width:68px!important;height:68px!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important;display:grid!important;place-items:center!important;font-size:22px!important;font-weight:900!important;color:#1e293b!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important}.courseAdminArt>small{bottom:12px!important;right:14px!important;z-index:3!important;background:rgba(255,255,255,.9)!important;color:#0f172a!important}.courseAdminArt>small,.courseStatusBadge{position:absolute!important;padding:4px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important}.courseStatusBadge{z-index:4!important;left:14px!important;top:12px!important;background:#ffffff!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.courseStatusBadge.published{color:#16a34a!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.courseStatusBadge.draft{color:#d97706!important;background:#fffbeb!important;border:1px solid #fef3c7!important}.courseAdminBody{padding:22px!important;background:#ffffff!important;display:flex!important;flex-direction:column!important;flex:1!important;justify-content:space-between!important}.courseGrade{font-size:13px!important;color:#1565f5!important;font-weight:800!important;display:block!important;margin-bottom:4px!important}.courseAdminBody h3{font-size:19px!important;font-weight:900!important;color:#0f172a!important;margin:0 0 8px!important;line-height:1.4!important}.courseAdminBody>p{font-size:14px!important;line-height:1.6!important;color:#64748b!important;margin:0 0 16px!important;height:auto!important;max-height:48px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.courseCardStats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:16px 0!important;padding:12px 0!important;border-top:1px solid #f1f5f9!important;border-bottom:1px solid #f1f5f9!important;text-align:center!important}.courseCardStats span{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:12px!important;color:#64748b!important;font-weight:700!important;border-left:1px solid #f1f5f9!important}.courseCardStats span:last-child{border-left:none!important}.courseCardStats b{color:#0f172a!important;font-weight:900!important}.courseCardActions{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:8px!important}.courseActionBtn{min-height:44px!important;border-radius:14px!important;font-family:inherit!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;cursor:pointer!important;transition:all .2s ease!important;outline:none!important}.courseActionBtn.primaryAction{background:linear-gradient(135deg,#1565f5,#7b2ff7)!important;color:#ffffff!important;border:none!important;width:100%!important;box-shadow:0 6px 20px rgba(21,101,245,.25)!important}.courseActionBtn.primaryAction:hover{transform:translateY(-2px)!important;box-shadow:0 10px 25px rgba(21,101,245,.35)!important}.courseActionSubRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}.courseActionBtn.editAction{background:#f8fafc!important;color:#334155!important;border:1px solid #cbd5e1!important}.courseActionBtn.editAction:hover{background:#f1f5f9!important;border-color:#94a3b8!important;color:#0f172a!important}.courseActionBtn.toggleAction{background:#ffffff!important;color:#475569!important;border:1px solid #e2e8f0!important}.courseActionBtn.toggleAction:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.courseLibraryEmpty{min-height:260px;border:1px dashed #c8d5e6;border-radius:23px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7a8799}.courseLibraryEmpty h3{font-size:17px;color:#13223b;margin:10px 0 2px}.courseLibraryEmpty p{font-size:13px}.courseEditOverlay{position:fixed;z-index:1000;inset:0;background:#07162f99;backdrop-filter:blur(8px);display:flex;align-items:stretch;justify-content:flex-start}.courseEditSheet{width:min(590px,100%);height:100%;overflow:auto;background:#fff;padding:28px;box-shadow:30px 0 80px #07162f44;animation:sheetIn .28s var(--ease-out)}@keyframes sheetIn{0%{transform:translateX(-35px);opacity:.5}to{transform:none;opacity:1}}.courseEditSheet>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e8edf4}.courseEditSheet>header span{font-size:9px;color:#1565f5;font-weight:900}.courseEditSheet>header h2{font-size:23px;margin:4px 0}.courseEditSheet>header button{width:40px;height:40px;border:1px solid #dde5ef;border-radius:12px;background:#fff;display:grid;place-items:center}.courseEditFields{margin-top:22px}.courseEditFields label,.premiumCreateForm label{display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:800;color:#38465b}.courseEditFields .wide{grid-column:1/-1}.courseEditSheet>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #e8edf4}.courseEditSheet>footer button{min-height:44px;padding:0 18px;border-radius:11px;font:inherit;font-size:10px;font-weight:900}.courseEditSheet .cancel{border:1px solid #dce4ee;background:#fff}.courseEditSheet .save{border:0;background:linear-gradient(135deg,#1565f5,#7b2ff7);color:#fff;box-shadow:0 12px 28px #1565f52c}.dashboardRouteSkeleton,.studentRouteSkeleton{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:#f7f9fc}.dashboardRouteSkeleton>aside,.studentRouteSkeleton>aside{background:#fff;border-left:1px solid #e3e8f0}.dashboardRouteSkeleton>main,.studentRouteSkeleton>main{padding:0 40px}.dashboardRouteSkeleton header,.studentRouteSkeleton header{height:96px;border-bottom:1px solid #e2e8f0}.dashboardRouteSkeleton section,.studentRouteSkeleton section{height:250px;margin:28px 0;border-radius:26px;background:linear-gradient(100deg,#edf1f7 25%,#f8faff 42%,#edf1f7 60%);background-size:300% 100%;animation:skeletonShine 1.1s infinite}.dashboardRouteSkeleton main>div,.studentRouteSkeleton main>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboardRouteSkeleton i,.studentRouteSkeleton i{height:90px;border-radius:18px;background:#edf1f7}.dashboardRouteSkeleton article{height:220px;margin-top:18px;border-radius:22px;background:#edf1f7}@media(max-width:1120px){.tenantShowcase .tenantHero{gap:42px!important;grid-template-columns:1fr .9fr!important}.tenantShowcase .tenantCourseGrid{grid-template-columns:repeat(2,1fr)!important}.courseMetrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.tenantShowcase .wrap{width:calc(100% - 24px)!important}.tenantShowcase .tenantNav{height:74px!important}.tenantShowcase .tenantNavLinks>a:not(.btn){display:none!important}.tenantShowcase .tenantNavLinks .btn{height:42px!important;padding-inline:13px!important;font-size:9px!important}.tenantShowcase .tenantHero{grid-template-columns:1fr!important;gap:38px!important;min-height:auto!important;padding:54px 0!important}.tenantShowcase .tenantHeroCopy{text-align:center!important}.tenantShowcase .tenantHero h1{font-size:43px!important;letter-spacing:-1.7px!important}.tenantShowcase .tenantHero h1:after{margin-inline:auto!important}.tenantShowcase .tenantHeroCopy>p{font-size:14px!important;margin-inline:auto!important}.tenantShowcase .tenantHeroActions,.tenantShowcase .tenantHeroProof{justify-content:center!important;flex-wrap:wrap!important}.tenantShowcase .tenantTeacher{height:405px!important;border-radius:29px!important}.tenantShowcase .badgeTop{right:10px!important;top:12px!important;transform:scale(.85)!important;transform-origin:top right!important}.tenantShowcase .badgeBottom{left:10px!important;bottom:12px!important;transform:scale(.85)!important;transform-origin:bottom left!important}.tenantShowcase .tenantTrustBar>.wrap{grid-template-columns:repeat(2,1fr)!important}.tenantShowcase .tenantTrustBar>.wrap>div{padding:9px!important;border-bottom:1px solid #e5eaf2!important}.tenantShowcase .tenantCourses{padding:75px 0!important}.tenantShowcase .tenantSectionHead{align-items:flex-start!important;flex-direction:column!important}.tenantShowcase .tenantCourseGrid,.tenantShowcase .tenantValueGrid{grid-template-columns:1fr!important}.tenantShowcase .tenantValueBand{padding:72px 0!important}.tenantShowcase .tenantFinalCta>.wrap{padding-block:47px!important;min-height:auto!important;align-items:flex-start!important;flex-direction:column!important}.tenantShowcase .tenantFinalCta h2{font-size:28px!important}.courseCommandHero{height:235px;padding:28px}.commandIllustration{width:150px}.courseCommandHero h2{font-size:25px}.courseMetrics{grid-template-columns:1fr!important}.courseToolbar{align-items:stretch;flex-direction:column}.courseToolbar label{width:100%}.courseEditFields,.premiumCreateForm .fieldGrid{grid-template-columns:1fr}.courseEditFields .wide{grid-column:auto}.courseEditSheet{padding:20px}.dashboardRouteSkeleton,.studentRouteSkeleton{display:block}.dashboardRouteSkeleton>aside,.studentRouteSkeleton>aside{display:none}.dashboardRouteSkeleton>main,.studentRouteSkeleton>main{padding:0 16px}}@media(max-width:460px){.tenantShowcase .tenantHeroActions{align-items:stretch!important;flex-direction:column!important}.tenantShowcase .tenantHeroProof{gap:9px!important}.tenantShowcase .tenantTeacher{height:355px!important}.tenantShowcase .tenantCourseFooter{align-items:flex-start!important;flex-direction:column!important}.courseCommandHero{height:260px}.commandIllustration{display:none}.courseCommandHero h2{font-size:26px}.courseMetrics{grid-template-columns:repeat(2,1fr)!important}.courseMetrics article{padding:12px}.courseMetrics i{display:none}.courseCardStats{grid-template-columns:1fr 1fr}.courseCardStats span:last-child{grid-column:1/-1;border-top:1px solid #edf0f5;padding-top:6px}.createCourseDrawer>summary em{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.studentDashboardHero .studentHeroVisual{display:block;overflow:hidden;isolation:isolate}.studentLearningArt{position:absolute;inset:0;z-index:2;pointer-events:none}.studentLearningArt:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:8%;top:-25px;background:radial-gradient(circle,#ffffff2b 0 2%,#b9d5ff23 34%,transparent 70%);filter:blur(1px)}.learningBook{position:absolute;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px;box-shadow:0 24px 48px #06162f52}.bookBack{width:150px;height:196px;right:14%;bottom:-26px;background:linear-gradient(145deg,#8b5cf6,#4338ca);transform:rotate(15deg);opacity:.78}.bookFront{width:168px;height:218px;right:19%;bottom:-15px;padding:24px;background:linear-gradient(145deg,#f8fbff,#cadcff);color:#173c78;transform:rotate(-7deg);border:1px solid #fff8}.bookFront b{font-size:42px;letter-spacing:-3px;line-height:1}.bookFront span{font-size:12px;font-weight:900}.learningAvatar{position:absolute;right:7%;top:36px;width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#fbbf24,#f97316);box-shadow:0 16px 34px #0b173944;color:#fff;font-size:24px;font-weight:900;border:3px solid #ffffffa8}.learningSpark{position:absolute;color:#fff;font-size:29px;filter:drop-shadow(0 8px 12px #06162f55)}.sparkOne{right:39%;top:22px}.sparkTwo{right:5%;bottom:36px;font-size:42px;color:#93c5fd}@media(max-width:760px){.studentLearningArt:before{right:50%;transform:translateX(50%);width:250px;height:250px;top:-100px}.bookBack{width:104px;height:136px;right:29%;bottom:-24px}.bookFront{width:118px;height:151px;right:37%;bottom:-20px;padding:16px}.bookFront b{font-size:29px}.bookFront span{font-size:9px}.learningAvatar{width:44px;height:44px;border-radius:15px;right:18%;top:8px;font-size:17px}.sparkOne{right:58%;top:1px;font-size:20px}.sparkTwo{right:16%;bottom:12px;font-size:27px}}.courseDetailsPage{min-height:100vh;background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--tenant-accent) 10%,transparent),transparent 25%),var(--tenant-bg);color:var(--tenant-text)}.courseDetailsNav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--tenant-text) 10%,transparent)}.courseDetailsBrand{display:flex;align-items:center;gap:11px}.courseDetailsBrand>b{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-accent));color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 12px 27px color-mix(in srgb,var(--tenant-primary) 24%,transparent)}.courseDetailsBrand>span{display:flex;flex-direction:column;font-weight:900}.courseDetailsBrand small{font-size:10px;color:var(--tenant-muted);font-weight:600}.courseBackLink{display:flex;align-items:center;gap:6px;color:var(--tenant-primary);font-size:12px;font-weight:900}.courseDetailsHero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:center;gap:72px;padding-block:72px}.courseDetailsCopy{max-width:760px}.courseDetailsEyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:color-mix(in srgb,var(--tenant-primary) 10%,#fff);color:var(--tenant-primary);font-size:11px;font-weight:900}.courseDetailsCopy h1{font-size:clamp(44px,5vw,70px);line-height:1.14;letter-spacing:-2px;margin:18px 0}.courseDetailsCopy>p{max-width:680px;color:var(--tenant-muted);font-size:16px;line-height:1.9}.courseDetailsMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px}.courseDetailsMetrics>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;padding:14px;border:1px solid color-mix(in srgb,var(--tenant-text) 9%,transparent);border-radius:16px;background:var(--tenant-surface)}.courseDetailsMetrics svg{grid-row:1/3;color:var(--tenant-primary)}.courseDetailsMetrics b{font-size:18px}.courseDetailsMetrics small{font-size:8px;color:var(--tenant-muted)}.courseSubscribeCard{overflow:hidden;background:var(--tenant-surface);border:1px solid color-mix(in srgb,var(--tenant-text) 9%,transparent);border-radius:26px;box-shadow:0 28px 70px color-mix(in srgb,var(--tenant-secondary) 16%,transparent)}.courseSubscribeArt{height:210px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--tenant-primary) 18%,#fff),color-mix(in srgb,var(--tenant-primary) 68%,#fff))}.courseSubscribeArt>span{position:absolute;right:18px;top:17px;background:#ffffffd9;padding:6px 10px;border-radius:99px;font-size:9px;font-weight:900}.courseSubscribeArt>b{position:relative;z-index:2;width:84px;height:84px;border-radius:27px;display:grid;place-items:center;background:#ffffffd9;color:var(--tenant-primary);font-size:26px}.courseSubscribeArt>em,.courseSubscribeArt>i{position:absolute;border:1px solid #fff7;border-radius:50%;width:200px;height:200px}.courseSubscribeArt>em{width:280px;height:280px}.courseSubscribeBody{padding:24px}.courseSubscribeBody>small{display:block;color:var(--tenant-muted);font-size:9px}.courseSubscribeBody>strong{display:block;font-size:32px;margin:2px 0 14px}.courseSubscribeBody ul{list-style:none;padding:15px 0;margin:0;border-top:1px solid color-mix(in srgb,var(--tenant-text) 8%,transparent);display:grid;gap:10px}.courseSubscribeBody li{display:flex;align-items:center;gap:8px;font-size:11px}.courseSubscribeBody li svg{color:#16a36b}.courseSubscribeBody .btn{width:100%;margin-top:12px}.courseContactAction,.courseLoginAction{display:block;text-align:center;margin-top:12px;color:var(--tenant-primary);font-size:10px;font-weight:900}.courseDetailsContent{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:28px;padding-bottom:100px}.courseDetailsContent>div>span,.subscriptionSteps>span{color:var(--tenant-primary);font-size:10px;font-weight:900}.courseDetailsContent h2{font-size:30px;margin:6px 0 22px}.courseCurriculumList{display:grid;gap:12px}.courseCurriculumList>article,.subscriptionSteps{background:var(--tenant-surface);border:1px solid color-mix(in srgb,var(--tenant-text) 9%,transparent);border-radius:20px;padding:20px}.courseCurriculumList article>header{display:flex;align-items:center;gap:13px}.courseCurriculumList header>i{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--tenant-primary) 10%,#fff);color:var(--tenant-primary);font-style:normal;font-weight:900}.courseCurriculumList h3{font-size:16px;margin:0}.courseCurriculumList header small{color:var(--tenant-muted);font-size:9px}.courseCurriculumList article>div{margin-top:15px;border-top:1px solid color-mix(in srgb,var(--tenant-text) 8%,transparent);padding-top:8px}.courseCurriculumList article p{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 4px;font-size:11px}.courseCurriculumList article p>span{display:flex;align-items:center;gap:8px}.courseCurriculumList article p svg{color:var(--tenant-primary)}.courseCurriculumList article p small{color:var(--tenant-muted);white-space:nowrap}.emptyCurriculum{color:var(--tenant-muted)!important}.subscriptionSteps{align-self:start;position:sticky;top:20px}.subscriptionSteps ol{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:16px}.subscriptionSteps li{display:flex;gap:12px}.subscriptionSteps li>b{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-accent));color:#fff}.subscriptionSteps strong{font-size:12px}.subscriptionSteps p{margin:3px 0;color:var(--tenant-muted);font-size:10px;line-height:1.7}@media(max-width:900px){.courseDetailsContent,.courseDetailsHero{grid-template-columns:1fr;gap:35px}.courseDetailsCopy{text-align:center;margin-inline:auto}.courseDetailsCopy>p{margin-inline:auto}.courseDetailsMetrics{grid-template-columns:repeat(2,1fr)}.courseSubscribeCard{width:min(440px,100%);margin-inline:auto}.subscriptionSteps{position:static}}@media(max-width:560px){.courseDetailsPage .wrap{width:calc(100% - 24px)}.courseDetailsNav{height:74px}.courseBackLink{font-size:0}.courseDetailsHero{padding-block:45px}.courseDetailsCopy h1{font-size:39px;letter-spacing:-1px}.courseDetailsCopy>p{font-size:14px}.courseDetailsMetrics{grid-template-columns:1fr 1fr}.courseDetailsContent h2{font-size:25px}.courseCurriculumList article p{align-items:flex-start;flex-direction:column}.courseSubscribeArt{height:180px}}:root{--type-body:clamp(16px,15px + .22vw,18px);--type-small:clamp(14px,13px + .14vw,15px);--type-label:16px;--type-section:clamp(24px,22px + .45vw,28px);--type-page:clamp(30px,27px + .7vw,38px);--control-height:52px}body{font-size:var(--type-body);line-height:1.7}:is(p,li,dd,dt){font-size:var(--type-body)}:is(small,.saasBreadcrumb,.workspaceLabel,.courseGrade,.courseMeta small,.panelHead.rich>div>span){font-size:var(--type-small)!important;line-height:1.55}:is(h3,.panelHead h2,.courseAdminBody h3,.tenantCourseBody h3){font-size:clamp(18px,17px + .2vw,21px)!important;line-height:1.45}:is(.saasTop h1,.settingsSectionIntro h2,.courseToolbar h2,.courseDetailsContent h2){font-size:var(--type-section)!important}:is(button,.btn,input,select,textarea){font-size:16px!important}:is(button,.btn,input,select){min-height:var(--control-height)}textarea{min-height:130px;line-height:1.7}:is(form label,.settingsForm>label,.courseEditFields>label,.courseImageField){font-size:16px!important;gap:9px}:is(.saasSide nav a,.side nav a,.tenantNavLinks a,.courseCardActions button,.tenantCourseAction,.publicTenantLink){font-size:16px!important;min-height:50px}:is(.saasMain,.appMain){line-height:1.7}:is(.saasPanel,.panel,.courseAdminBody,.tenantCourseBody){padding:clamp(22px,2vw,30px)}:is(.responsiveTable th,.responsiveTable td,.data th,.data td,.tablePanel th,.tablePanel td){font-size:15px!important;padding:16px 18px!important;line-height:1.55}:is(.formNotice,.formError,.courseNotice,.compactEmpty,.emptyState p){font-size:15px!important}.appTop,.appTop .user,.appTop p,.saasUser,.saasUser small{font-size:15px!important}.courseAdminBody>p,.courseLibraryEmpty p,.courseToolbar p,.saasHero p,.saasTop p,.superIntro p,.tenantShowcase .tenantCourseBody>p{font-size:16px!important;line-height:1.75!important;height:auto!important}.saasHero h2,.superIntro h2{font-size:clamp(28px,2.4vw,36px)!important}.saasHero span,.superIntro>span{font-size:15px!important}.courseAdminArt>small,.courseCardStats span,.courseStatusBadge,.tenantShowcase .courseMeta>span,.tenantShowcase .tenantCourseFooter small{font-size:14px!important}.courseCardStats{gap:9px}.courseCardStats span{padding:7px 3px;flex-wrap:wrap}.courseCardActions button{padding-inline:16px}.compactEmpty,.emptyState h3{font-size:18px!important}.saasTop{position:sticky!important;top:0!important;z-index:100!important;margin-inline:0!important;padding:20px 0!important;background:#ffffff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 4px 20px rgba(15,23,42,.04)!important;backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.saasBreadcrumb{font-size:13px!important;color:#1565f5!important;font-weight:800!important;letter-spacing:.3px!important;margin-bottom:3px!important;display:block!important}.saasTop h1{font-size:26px!important;color:#0f172a!important;margin:2px 0!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.5px!important}.saasTop p{font-size:14px!important;color:#64748b!important;font-weight:500!important;margin:0!important}.saasTopActions{display:flex!important;align-items:center!important;gap:14px!important}.saasTopActions>button{width:44px!important;height:44px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#f8fafc!important;color:#475569!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 2px 8px rgba(0,0,0,.03)!important}.saasUser{display:flex!important;align-items:center!important;gap:12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:6px 14px 6px 16px!important;box-shadow:0 4px 12px rgba(0,0,0,.03)!important}.saasUser b{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(135deg,#1565f5,#7b2ff7)!important;color:#ffffff!important;display:grid!important;place-items:center!important;font-size:15px!important;font-weight:800!important}.saasUser span{display:flex!important;flex-direction:column!important;font-size:14px!important;font-weight:800!important;color:#0f172a!important;text-align:right!important}.saasUser small{font-size:11px!important;color:#64748b!important;font-weight:600!important}@media(max-width:760px){:root{--type-body:16px;--type-small:14px;--type-section:24px;--type-page:30px;--control-height:50px}.appMain,.saasMain{padding-inline:14px}.responsiveTable{overscroll-behavior-inline:contain}.responsiveTable table{min-width:720px}.courseCardActions{grid-template-columns:1fr}.tenantShowcase .tenantCourseBody>p{font-size:16px!important}.studentKpis .kpi{min-width:0}.studentKpis .kpi b{font-size:26px!important}}.courseThumbnail,.courseThumbnailPlaceholder{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:hidden}.courseThumbnail img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.courseThumbnailPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,#eef3fa,#dfe8f5);color:#607086}.courseThumbnailPlaceholder svg{width:34px;height:34px}.courseThumbnailPlaceholder span{font-size:14px;font-weight:800}.courseImageField{display:flex!important;flex-direction:column;grid-column:1/-1;margin-block:16px}.courseImageField>small{color:#66758b}.courseImagePreview{position:relative!important;inset:auto!important;width:min(420px,100%)!important;height:220px!important;border:1px solid #d8e0eb;border-radius:18px}.catalogArt>.courseThumbnail,.courseAdminArt>.courseThumbnail,.courseSubscribeArt>.courseThumbnail,.tenantCourseArt>.courseThumbnail{z-index:2}.courseSubscribeArt>.courseThumbnail{position:absolute}.courseAdminArt>.courseThumbnail~.courseStatusBadge{z-index:5}.settingsPageStack{display:grid;gap:24px;padding-top:26px}.paymentSettingsForm{display:grid;gap:20px}.settingsSectionIntro{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid #e5eaf1;padding-bottom:22px}.settingsSectionIntro>i{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#1565f5,#7b2ff7);color:#fff;display:grid;place-items:center}.settingsSectionIntro span{color:#1565f5;font-weight:900}.settingsSectionIntro h2{margin:3px 0}.settingsSectionIntro p{margin:0;color:#64748b}.paymentMethodCard{border:1px solid #dfe5ee;border-radius:20px;padding:22px;background:#f9fbfe}.paymentMethodCard>header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.paymentMethodCard header>i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center}.vodafoneIcon{background:#fff0f0;color:#d91f2b}.instapayIcon{background:#efeaff;color:#653ac8}.paymentMethodCard h3{margin:0!important}.paymentMethodCard p{margin:2px 0 0;color:#69768a}.paymentMethodCard>label{display:flex;flex-direction:column;gap:8px}.methodSwitch{margin-right:auto;position:relative;width:56px;height:32px;display:block!important}.methodSwitch input{position:absolute;opacity:0;pointer-events:none}.methodSwitch span{position:absolute;inset:0;border-radius:99px;background:#cbd5e1;transition:.2s}.methodSwitch span:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;top:4px;right:4px;box-shadow:0 2px 8px #0002;transition:.2s}.methodSwitch input:checked+span{background:#1565f5}.methodSwitch input:checked+span:after{transform:translateX(-24px)}@media(max-width:620px){.settingsSectionIntro{flex-direction:column}.paymentMethodCard>header{align-items:flex-start;flex-wrap:wrap}.methodSwitch{margin-right:0;margin-left:auto}}.coursePaymentSection{padding-bottom:70px}.coursePaymentHeading{text-align:center;max-width:720px;margin:0 auto 28px}.coursePaymentHeading>span{color:var(--tenant-primary);font-weight:900}.coursePaymentHeading h2{font-size:var(--type-page);margin:6px 0}.coursePaymentHeading p{color:var(--tenant-muted)}.studentPaymentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(260px,.75fr);gap:16px}.studentPaymentGrid>article,.studentPaymentGrid>aside{background:var(--tenant-surface);border:1px solid color-mix(in srgb,var(--tenant-text) 10%,transparent);border-radius:20px;padding:24px;box-shadow:0 14px 38px color-mix(in srgb,var(--tenant-secondary) 8%,transparent)}.studentPaymentGrid article header{display:flex;flex-direction:column}.studentPaymentGrid article header small,.studentPaymentGrid aside>small{color:var(--tenant-muted)}.studentPaymentGrid article>strong{display:block;font-size:24px;margin:18px 0;direction:ltr;text-align:right}.studentPaymentGrid aside{display:flex;flex-direction:column;gap:8px}.studentPaymentGrid aside>strong{font-size:20px}.studentPaymentGrid aside>b{color:var(--tenant-primary)}.studentPaymentGrid aside>p{margin:7px 0 0;color:var(--tenant-muted);white-space:pre-wrap}.copyPaymentButton{width:100%;border:1px solid color-mix(in srgb,var(--tenant-primary) 22%,transparent);background:color-mix(in srgb,var(--tenant-primary) 8%,#fff);color:var(--tenant-primary);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.paymentEmptyState{text-align:center;padding:36px;border:1px dashed color-mix(in srgb,var(--tenant-primary) 28%,transparent);border-radius:20px;background:var(--tenant-surface)}.paymentEmptyState span{font-size:20px;font-weight:900}.paymentEmptyState p{color:var(--tenant-muted);margin:7px 0 0}@media(max-width:900px){.studentPaymentGrid{grid-template-columns:1fr 1fr}.studentPaymentGrid>aside{grid-column:1/-1}}@media(max-width:600px){.studentPaymentGrid{grid-template-columns:1fr}.studentPaymentGrid>aside{grid-column:auto}.coursePaymentSection{padding-bottom:50px}}.productEmptyChart{min-height:150px;border:1px dashed #d8e0eb;border-radius:14px;background:#f8fafc;color:#64748b;display:grid;place-items:center;text-align:center;padding:24px;font-size:15px}.courseContentManager{padding:24px 0 60px;direction:rtl;font-family:inherit}.managerHeader{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.managerHeaderNav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.backBtn{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#1e293b;text-decoration:none;font-size:15px}.backBtn:hover{color:#1565f5}.statusBadge{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}.statusBadge.published{background:#dcfce7;color:#166534}.statusBadge.draft{background:#fef3c7;color:#92400e}.managerHeaderMain{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:20px}.courseMeta{display:flex;gap:16px;align-items:center}.courseMeta img,.metaGlyph{width:70px;height:70px;border-radius:14px;object-fit:cover;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;flex-shrink:0}.courseMeta h1{font-size:24px;margin:2px 0 6px;color:#0f172a}.courseMeta p{color:#64748b;font-size:15px;margin:0;max-width:600px}.subTitle{color:#2563eb;font-weight:700;font-size:13px;text-transform:uppercase}.managerActions{display:flex;gap:10px;align-items:center}.managerMetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding-top:16px;border-top:1px dashed #e2e8f0;align-items:center}.metric{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px 16px;border-radius:12px;border:1px solid #f1f5f9}.metric svg{color:#2563eb;flex-shrink:0}.metric b{display:block;font-size:18px;color:#0f172a;line-height:1.2}.metric small{color:#64748b;font-size:13px}.metricActions{display:flex;justify-content:flex-end}.sectionAccordion{background:#ffffff;border-radius:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.02)}.sectionHeader{justify-content:space-between;padding:16px 20px;background:#fafafa;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.sectionHeader,.sectionToggle{display:flex;align-items:center;gap:12px}.sectionToggle{background:none;border:none;cursor:pointer;text-align:right;font-family:inherit}.sectionIndex{width:32px;height:32px;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:800;display:grid;place-items:center;font-size:14px;flex-shrink:0}.sectionToggle h3{font-size:18px;margin:0;color:#0f172a}.sectionToggle p{margin:2px 0 0;color:#64748b;font-size:13px}.sectionMeta{display:flex;align-items:center;gap:16px}.countBadge{font-size:13px;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:20px;font-weight:600}.actionBtns{display:flex;align-items:center;gap:6px}.actionBtns button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;color:#475569}.actionBtns button:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.actionBtns button:disabled{opacity:.4;cursor:not-allowed}.sectionBody{padding:20px}.sectionToolbar{display:flex;gap:10px;margin-bottom:16px}.itemsList{display:flex;flex-direction:column;gap:10px}.itemCard{justify-content:space-between;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:12px;flex-wrap:wrap}.itemCard,.itemLead{display:flex;align-items:center}.itemLead{gap:14px}.itemIcon{width:38px;height:38px;border-radius:10px;background:#dbeafe;color:#2563eb;display:grid;place-items:center;flex-shrink:0}.itemIcon.purple{background:#f3e8ff;color:#7e22ce}.itemLead h4{font-size:16px;margin:0 0 4px;color:#0f172a}.itemTags{display:flex;gap:8px;flex-wrap:wrap}.itemTags,.tag{align-items:center}.tag{font-size:12px;padding:2px 8px;border-radius:6px;background:#e2e8f0;color:#334155;font-weight:600;display:inline-flex;gap:4px}.tag.green{background:#dcfce7;color:#15803d}.tag.blue{background:#dbeafe;color:#1d4ed8}.tag.purple{background:#f3e8ff;color:#7e22ce}.tag.gray{background:#f1f5f9;color:#64748b}.itemActions{display:flex;align-items:center;gap:8px}.modalOverlay{background:rgba(15,23,42,.6);z-index:999;overflow-y:auto}.modalSheet{background:#fff;border-radius:20px;width:100%;max-width:540px;box-shadow:0 20px 40px rgba(0,0,0,.2);overflow:hidden;animation:popIn .2s ease-out}.modalSheet.wide{max-width:720px}.modalSheet.extraWide{max-width:860px}.modalSheet header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.modalSheet header h3{margin:0;font-size:18px;color:#0f172a}.modalSheet header button{background:none;border:none;cursor:pointer;color:#64748b}.modalBody{padding:24px;max-height:75vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modalBody.grid{gap:16px}.modalBody label{font-weight:600;font-size:14px;color:#334155;display:flex;flex-direction:column;gap:6px}.modalBody label.full{grid-column:1/-1}.modalBody input,.modalBody select,.modalBody textarea{padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;font-family:inherit}.modalSheet footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.studentViewerPage{background:radial-gradient(circle at 50% 0,#0d1b3e 0,#060c1a 75%);color:#f8fafc;min-height:100vh;font-family:inherit;direction:rtl}.viewerHeader{background:rgba(8,16,35,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0;position:sticky;top:0;z-index:100}.viewerHeaderWrap{justify-content:space-between;gap:16px;flex-wrap:nowrap}.brandArea,.viewerHeaderWrap{display:flex;align-items:center}.brandArea{gap:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subjectPillHeader{background:linear-gradient(135deg,rgba(21,101,245,.2),rgba(123,47,247,.2));border:1px solid rgba(123,47,247,.35);color:#a78bfa;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:800;flex-shrink:0}.courseTitleHeader{font-size:16px;font-weight:800;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navActions{display:flex;align-items:center;gap:12px;flex-shrink:0}.exitBtn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-weight:700;font-size:14px;text-decoration:none;transition:all .2s ease}.exitBtn:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-1px)}.mobileToggleBtn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#1565f5;border:none;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.viewerLayout{display:grid;grid-template-columns:1fr 350px;gap:28px;padding-top:28px;padding-bottom:70px}.videoPlayerWrapper{width:100%;aspect-ratio:16/9;border-radius:24px;box-shadow:0 20px 60px rgba(15,98,254,.25),0 0 100px rgba(123,47,247,.15);border:1px solid rgba(255,255,255,.1)}.videoPlayerWrapper iframe,.videoPlayerWrapper video{width:100%;height:100%;border:none;object-fit:contain}.securityWatermark{inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:.55}.securityWatermark span{font-size:14px;font-weight:800;color:rgba(255,255,255,.75);background:rgba(0,0,0,.5);padding:5px 14px;border-radius:20px;backdrop-filter:blur(4px);animation:watermarkFloat 25s linear infinite;text-shadow:0 1px 3px rgba(0,0,0,.8)}.lessonHeaderBar{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:16px;flex-wrap:wrap}.sectionTag{background:linear-gradient(135deg,#1565f5,#7b2ff7);color:#fff;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:800;text-transform:uppercase;display:inline-block;box-shadow:0 4px 15px rgba(21,101,245,.3)}.lessonHeaderBar h1{font-size:26px;margin:8px 0 0;color:#f8fafc;font-weight:900;line-height:1.3}.completeBtn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:14px;font-weight:800;font-size:15px;border:0;background:linear-gradient(135deg,#1565f5,#00d2ff);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 25px rgba(21,101,245,.4)}.completeBtn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(21,101,245,.5)}.completeBtn.completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px rgba(16,185,129,.4)}.lessonDescription{padding:20px 24px;font-size:16px;color:#cbd5e1;line-height:1.7}.attachmentBox,.lessonDescription{background:rgba(30,41,59,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:18px;margin-top:20px}.attachmentBox{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}.sidebarCard{background:rgba(15,23,42,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:sticky;top:90px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.sidebarHeader{padding:20px 24px;background:rgba(15,23,42,.95);border-bottom:1px solid rgba(255,255,255,.08)}.sidebarHeader h3{margin:0;font-size:18px;color:#f8fafc;font-weight:800}.progressBar{height:8px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin-top:12px}.progressBar em{display:block;height:100%;background:linear-gradient(90deg,#1565f5,#00d2ff);border-radius:99px;transition:width .4s ease}.sidebarContent{max-height:calc(100vh - 220px);overflow-y:auto;padding:16px}.sidebarSectionTitle{padding:10px 12px;font-weight:800;color:#94a3b8;gap:10px}.sidebarItem,.sidebarSectionTitle{font-size:15px;display:flex;align-items:center}.sidebarItem{width:100%;gap:12px;padding:12px 14px;border-radius:14px;background:transparent;border:1px solid transparent;color:#cbd5e1;font-family:inherit;cursor:pointer;text-align:right;transition:all .2s ease;margin-bottom:6px}.sidebarItem:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.1)}.sidebarItem.active{background:linear-gradient(135deg,rgba(21,101,245,.25),rgba(123,47,247,.25));border-color:rgba(21,101,245,.5);color:#fff;font-weight:800;box-shadow:0 4px 20px rgba(21,101,245,.2)}.sidebarItem.done{color:#86efac}.sidebarItem.examItem{background:rgba(126,34,206,.15);border-color:rgba(126,34,206,.3);color:#d8b4fe}.sidebarItem.examItem:hover{background:rgba(126,34,206,.25);color:#fff}.teacherExamsWorkspace{direction:rtl;padding:20px 0}.analyticsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpiCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 6px rgba(0,0,0,.02)}.kpiCard .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.kpiCard .icon.blue{background:#dbeafe;color:#2563eb}.kpiCard .icon.green{background:#dcfce7;color:#16a34a}.kpiCard .icon.violet{background:#f3e8ff;color:#9333ea}.kpiCard .icon.orange{background:#ffedd5;color:#ea580c}.kpiCard b{font-size:22px;color:#0f172a;line-height:1.2;display:block}.kpiCard small{color:#64748b;font-size:13px}.resultsHeader{display:flex;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.filtersRow,.resultsHeader{align-items:center;gap:12px}.searchBox{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:6px 12px}.searchBox input{border:none;outline:none;font-size:14px;font-family:inherit}.resultsTable{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0}.resultsTable td,.resultsTable th{padding:14px 18px;text-align:right;font-size:14px;border-bottom:1px solid #f1f5f9}.resultsTable th{background:#f8fafc;font-weight:700;color:#475569}.passTag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.passTag.pass{background:#dcfce7;color:#15803d}.passTag.fail{background:#fee2e2;color:#b91c1c}@media(max-width:900px){.viewerLayout{grid-template-columns:1fr}.viewerSidebar{display:none}.viewerSidebar.mobileOpen{display:block;position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.8)}.managerHeaderMain{flex-direction:column}.modalBody.grid{grid-template-columns:1fr}}.courseDetailPage{background:#f8fafc;padding-bottom:80px;min-height:100vh}.tenantNav{justify-content:space-between;padding:18px 0;border-bottom:1px solid #e2e8f0;margin-bottom:30px;background:#ffffff;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(15,23,42,.03)}.tenantNav,.tenantNavLinks{display:flex;align-items:center}.tenantNavLinks{gap:18px}.tenantNavLinks a{font-weight:700;color:#334155;text-decoration:none;font-size:15px;transition:color .2s}.tenantNavLinks a:hover{color:#1e40af}.navAuthGroup{display:flex;align-items:center;gap:12px}.navAuthGroup .btn.text{color:#1e293b!important;font-weight:800!important}.navAuthGroup .btn.tenantPrimary{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#ffffff!important;font-weight:800!important;box-shadow:0 4px 14px rgba(29,78,216,.3)!important;border:none!important}.courseHeroSection{padding-top:10px;margin-bottom:40px}.courseHeroGrid{display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:start}.breadcrumbRow{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:16px;font-weight:600}.breadcrumbRow a{color:#475569;text-decoration:none}.breadcrumbRow a:hover{color:#1d4ed8}.breadcrumbRow .active{color:#1e293b;font-weight:700}.courseMetaBadgeRow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.courseMetaBadgeRow .tag{padding:5px 14px;border-radius:20px;font-size:13px;font-weight:800}.courseMetaBadgeRow .tag.blue{background:#dbeafe;color:#1e40af}.courseMetaBadgeRow .tag.purple{background:#f3e8ff;color:#6b21a8}.courseMetaBadgeRow .tag.green{background:#dcfce7;color:#15803d}.courseMainTitle{font-size:34px;font-weight:900;color:#0f172a;margin:0 0 16px;line-height:1.3;letter-spacing:-.5px}.courseMainDesc{font-size:17px;line-height:1.75;color:#475569;margin:0 0 24px;font-weight:500}.teacherCardMini{display:flex;align-items:center;gap:14px;background:#ffffff;border:1px solid #e2e8f0;padding:12px 18px;border-radius:16px;margin-bottom:26px;width:fit-content;box-shadow:0 4px 14px rgba(0,0,0,.02)}.teacherAvatarRing{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#ffffff;font-weight:900;font-size:19px;display:grid;place-items:center;box-shadow:0 4px 12px rgba(37,99,235,.3)}.teacherTitle{display:block;font-size:12px;color:#64748b;font-weight:700}.teacherName{font-size:16px;color:#0f172a;font-weight:800}.courseStatsFlex{display:flex;flex-wrap:wrap;gap:12px}.statPill{display:flex;align-items:center;gap:8px;background:#ffffff;border:1px solid #e2e8f0;padding:10px 16px;border-radius:14px;font-size:14px;color:#334155;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.02)}.statPill svg{color:#2563eb}.courseHeroCardWrapper{position:sticky;top:90px}.courseCheckoutCard{background:#ffffff;border:1px solid #cbd5e1;border-radius:24px;overflow:hidden;box-shadow:0 20px 48px rgba(15,23,42,.08);transition:box-shadow .3s}.cardThumbnailBox{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#0f172a}.defaultArtCover{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff;gap:8px}.defaultArtCover svg{color:#38bdf8}.defaultArtCover span{font-size:14px;opacity:.8;font-weight:700}.defaultArtCover b{font-size:28px;font-weight:900;color:#38bdf8}.cardBody{padding:24px}.cardPriceRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.cardPriceRow small{display:block;font-size:12px;color:#64748b;font-weight:700}.priceAmount{font-size:28px;font-weight:900;color:#0f172a}.fullCtaBtn{width:100%;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-size:16px!important;font-weight:800!important;padding:15px 20px!important;border-radius:16px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#ffffff!important;box-shadow:0 8px 24px rgba(37,99,235,.35)!important;border:none!important;text-decoration:none!important;cursor:pointer}.fullCtaBtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.45)!important}.guestSubscribeBox{gap:12px;margin-bottom:20px}.guestSubText,.guestSubscribeBox{display:flex;flex-direction:column}.guestSubText{text-align:center;font-size:13px;color:#64748b;font-weight:600;gap:4px}.guestSubText a{color:#2563eb;font-weight:800;text-decoration:none}.guestSubText a:hover{text-decoration:underline}.enrolledSuccessBanner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;color:#065f46;margin-bottom:16px}.enrolledSuccessBanner b{font-size:16px}.enrolledSuccessBanner small{color:#047857;font-size:13px}.courseFeaturesList{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px}.courseFeaturesList li{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;font-weight:600}.courseFeaturesList li svg{color:#16a34a;flex:none}.checkoutPortalOverlay{position:fixed!important;inset:0!important;z-index:9999999!important;background:rgba(4,14,34,.78)!important;backdrop-filter:blur(12px) saturate(1.1)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important}.checkoutSheet{width:100%!important;max-width:520px!important;max-height:90vh!important;background:#ffffff!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 35px 100px rgba(0,0,0,.4)!important;display:flex!important;flex-direction:column!important;animation:wowModal .3s cubic-bezier(.22,1,.36,1)!important;position:relative!important;z-index:10000000!important}.checkoutSheet .modalHeader{padding:18px 22px;flex:none}.checkoutSheet .modalHeader h3{margin:4px 0 0;font-size:17px;font-weight:800}.skoolaPill{font-weight:900;color:#2563eb;border-radius:12px}.checkoutSheet .modalBody{flex:1;overflow-y:auto;padding:0}.checkoutCourseBanner{background:linear-gradient(135deg,#1e293b,#0f172a);padding:18px 24px}.checkoutPrice{font-size:24px;color:#38bdf8}.teacherTag{padding:4px 12px;border-radius:20px}.checkoutModeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 24px 8px}.modeBtn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid #cbd5e1;background:#ffffff;color:#475569;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s}.modeBtn.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 4px 12px rgba(37,99,235,.12)}.methodTabs{overflow-x:auto;padding:12px 24px 0}.methodTab{padding:8px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-weight:700;font-size:13px;white-space:nowrap}.methodTab.active{background:#2563eb;color:#ffffff}.methodDetailCard{margin:16px 24px 0;border:1px dashed #cbd5e1;border-radius:16px;padding:16px;gap:12px}.copyRow{gap:12px}.copyValue{font-size:18px;letter-spacing:.5px}.paymentInstructionsBox{margin:14px 24px 0;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px 16px;color:#9a3412}.activationCodeForm,.studentPaymentForm{padding:16px 24px 24px;display:flex;flex-direction:column;gap:14px}.studentPaymentForm h4{margin:0 0 4px}.activationCodeForm label,.studentPaymentForm label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#334155}.activationCodeForm input,.studentPaymentForm input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #cbd5e1;font-size:14px;outline:none;transition:border-color .2s}.activationCodeForm input:focus,.studentPaymentForm input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.codeIntro{display:flex;align-items:center;gap:14px;background:#f0fdf4;border:1px solid #bbf7d0;padding:14px 18px;border-radius:16px;color:#166534}.codeIntro svg{color:#16a34a;flex:none}.codeIntro b{display:block;font-size:15px;margin-bottom:2px}.codeIntro p{margin:0;font-size:13px;color:#15803d;font-weight:500}.codeInputField{font-size:20px!important;font-weight:900!important;letter-spacing:2px!important;text-align:center!important;text-transform:uppercase!important;color:#0f172a!important;background:#f8fafc!important;border:2px dashed #93c5fd!important}.codeInputField:focus{border-style:solid!important;border-color:#2563eb!important;background:#ffffff!important}@media(max-width:900px){.courseHeroGrid{grid-template-columns:1fr}.courseHeroCardWrapper{position:static}.courseMainTitle{font-size:26px}}.curriculumPanel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;margin-top:24px}.sectionsList{display:flex;flex-direction:column;gap:16px;margin-top:20px}.sectionAccordion{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}.sectionSummary{padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;user-select:none}.sectionSummary h3{margin:0;font-size:18px;color:#0f172a}.sectionSummary p{margin:4px 0 0;font-size:14px;color:#64748b}.secIdx{width:30px;height:30px;border-radius:8px;background:#e2e8f0;color:#334155;display:inline-grid;place-items:center;font-weight:700;margin-left:12px}.secCounts{font-size:14px;color:#64748b;display:flex;gap:12px}.sectionItems{flex-direction:column;gap:10px;border-top:1px solid #e2e8f0}.contentRow,.sectionItems{padding:12px 16px;display:flex}.contentRow{align-items:center;justify-content:space-between;border-radius:10px;background:#f8fafc;border:1px solid #f1f5f9}.contentRow.locked{opacity:.85}.rowMain{display:flex;align-items:center;gap:12px}.rowMain h4{margin:0;font-size:16px;color:#0f172a}.rowMain small{color:#64748b;font-size:13px}.rowActions{display:flex;align-items:center;gap:10px}.badge.amber{background:#fef3c7;color:#b45309;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700}.lockedLabel{font-size:13px;color:#64748b;display:flex;align-items:center;gap:4px}@media(max-width:768px){.courseHeader{grid-template-columns:1fr}.enrollCtaBox{flex-direction:column;align-items:flex-start}}.videoPlayerWrapper{position:relative;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 16px 40px rgba(0,0,0,.3)}.securityWatermark{position:absolute;pointer-events:none;z-index:10;font-size:13px;font-weight:700;color:rgba(255,255,255,.45);background:rgba(0,0,0,.4);padding:4px 12px;border-radius:20px;backdrop-filter:blur(4px);animation:watermarkFloat 25s ease-in-out infinite}@keyframes watermarkFloat{0%{top:12%;right:10%}25%{top:75%;right:70%}50%{top:80%;right:15%}75%{top:20%;right:75%}to{top:12%;right:10%}}.examViewContainer{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;max-width:850px;margin:0 auto;box-shadow:0 12px 36px rgba(0,0,0,.04)}.examHeaderBar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:16px;margin-bottom:24px}.examHeaderBar h2{margin:0;font-size:24px;color:#0f172a}.timerBadge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:#fef3c7;color:#92400e;font-weight:700;font-size:15px}.questionCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px}.questionCard h3{font-size:20px;color:#0f172a;margin:0 0 18px;line-height:1.5}.optionsList{display:flex;flex-direction:column;gap:12px}.optionBtn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#334155;font-size:16px;font-weight:600;text-align:right;cursor:pointer;transition:all .15s ease}.optionBtn:hover{border-color:#93c5fd;background:#eff6ff}.optionBtn.selected{border-color:#2563eb;background:#eff6ff;color:#1e40af;font-weight:700}.optionRadio{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center;flex-shrink:0}.optionBtn.selected .optionRadio{border-color:#2563eb;background:#2563eb}.optionBtn.selected .optionRadio:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.resultHeaderCard{text-align:center;padding:32px 24px;border-radius:20px;margin-bottom:24px;background:#f8fafc;border:1px solid #e2e8f0}.resultHeaderCard.passed{background:#f0fdf4;border-color:#bbf7d0}.resultHeaderCard.failed{background:#fef2f2;border-color:#fecaca}.resultScoreBadge{font-size:42px;font-weight:900;margin:12px 0;color:#0f172a}.resultScoreBadge.passText{color:#166534}.resultScoreBadge.failText{color:#991b1b}.statusTag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}.statusTag.published{background:#dcfce7;color:#15803d}.statusTag.draft{background:#fef3c7;color:#b45309}.statusTag.hidden{background:#f1f5f9;color:#64748b}.statusTag.free{background:#e0e7ff;color:#3730a3}.statusTag.locked{background:#f1f5f9;color:#475569}.modalOverlay{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.65);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modalContent{background:#fff;border-radius:20px;border:1px solid #e2e8f0;width:min(650px,100%);max-height:90vh;overflow-y:auto;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.15)}.modalHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:16px;margin-bottom:20px}.modalHeader h3{margin:0;font-size:20px;color:#0f172a}.skeletonBox{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeletonShine 1.5s infinite;border-radius:12px}@keyframes skeletonShine{to{background-position:-200% 0}}.studentShell{background:#f8fafc;min-height:100vh}.appTop{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:24px;background:transparent}.appTop h1{font-size:26px;font-weight:900;color:#0f172a;margin:0;line-height:1.2}.appTop p{font-size:14px;color:#64748b;margin:4px 0 0}.user{display:flex;align-items:center;gap:12px;background:#ffffff;padding:8px 16px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 15px rgba(0,0,0,.03)}.user i{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1565f5,#7b2ff7);color:#fff;display:grid;place-items:center;font-weight:800;font-style:normal}.user b{font-size:14px;font-weight:700;color:#0f172a}.studentDashboardHero{background:linear-gradient(135deg,#07162f,#102d62 55%,#342071);border-radius:24px;padding:36px 40px;color:#fff;margin:24px 0;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(15,98,254,.18);display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.studentDashboardHero h2{font-size:28px;font-weight:900;margin:8px 0;color:#fff;line-height:1.3}.studentDashboardHero p{color:#cbd5e1;font-size:16px;max-width:580px;margin-bottom:20px;line-height:1.7}.studentHeroActions{display:flex;gap:14px;align-items:center}.studentHeroActions .btn.primary{background:linear-gradient(135deg,#1565f5,#00d2ff);color:#fff;border:0;padding:12px 24px;border-radius:14px;font-weight:800;font-size:15px;box-shadow:0 8px 25px rgba(21,101,245,.4);text-decoration:none}.studentGhostButton{color:#cbd5e1;border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:14px;font-weight:700;font-size:14px;text-decoration:none;transition:all .2s}.studentGhostButton:hover{background:rgba(255,255,255,.1);color:#fff}.activationStrip{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:24px 28px;margin:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 10px 30px rgba(0,0,0,.03);flex-wrap:wrap}.activationStrip>div span{color:#1565f5;font-size:13px;font-weight:800;text-transform:uppercase;display:block}.activationStrip>div b{font-size:19px;color:#0f172a;font-weight:800;display:block;margin:2px 0}.activationStrip>div small{color:#64748b;font-size:14px}.activationStrip form{display:flex;gap:12px;align-items:center}.activationStrip input{width:220px;height:50px;border-radius:14px;border:2px solid #cbd5e1;background:#f8fafc;padding:0 16px;font-weight:800;font-size:16px;letter-spacing:2px;text-align:center;color:#0f172a;outline:none;transition:border-color .2s}.activationStrip input:focus{border-color:#1565f5;background:#fff}.activationStrip button{height:50px;border-radius:14px;background:linear-gradient(135deg,#1565f5,#7b2ff7);border:none;color:#fff;font-weight:800;font-size:15px;padding:0 24px;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 25px rgba(21,101,245,.35)}.discoverPanel{background:#ffffff!important;border-radius:24px!important;border:1px solid #e2e8f0!important;padding:28px!important;margin-top:28px!important;box-shadow:0 10px 30px rgba(0,0,0,.03)!important}.studentCatalog{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:24px!important;width:100%!important;margin-top:20px!important}.catalogCourse{background:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(0,0,0,.04)!important;transition:all .25s ease!important;text-decoration:none!important;color:inherit!important;display:flex!important;flex-direction:column!important}.catalogCourse:hover{transform:translateY(-5px)!important;box-shadow:0 20px 45px rgba(21,101,245,.15)!important;border-color:#93c5fd!important}.catalogArt{position:relative!important;width:100%!important;aspect-ratio:16/9!important;height:190px!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.catalogArt img{width:100%!important;height:100%!important;object-fit:cover!important}.catalogCourse>div:last-child{padding:22px!important;background:#ffffff!important;display:flex!important;flex-direction:column!important;flex:1!important;justify-content:space-between!important}.catalogCourse small{color:#1565f5!important;font-weight:800!important;font-size:13px!important;margin-bottom:4px!important;display:block!important}.catalogCourse h3{font-size:19px!important;font-weight:900!important;color:#0f172a!important;margin:0 0 8px!important;line-height:1.4!important}.catalogCourse p{color:#64748b!important;font-size:14px!important;line-height:1.65!important;margin:0 0 16px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.catalogCourse footer{background:transparent!important;color:#64748b!important;padding:14px 0 0!important;margin-top:auto!important;border-top:1px solid #f1f5f9!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.catalogCourse footer span{font-size:13px!important;color:#64748b!important;font-weight:700!important}.catalogCourse footer b{font-size:18px!important;font-weight:900!important;color:#1565f5!important}@media(max-width:640px){.examViewContainer{padding:18px}.optionBtn{padding:12px 14px;font-size:15px}.modalContent{padding:18px}.activationStrip{flex-direction:column;align-items:stretch}.activationStrip form{flex-direction:column;width:100%}.activationStrip input{width:100%}.studentCatalog{grid-template-columns:1fr!important}}.studentQuestionImage{margin:14px 0 18px;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;max-width:100%;box-shadow:0 4px 16px rgba(0,0,0,.04)}.studentQuestionImage img{width:100%;max-height:480px;object-fit:contain;display:block}.pendingPaymentsBanner{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:20px;padding:20px 24px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 25px rgba(249,115,22,.08)}.bannerCopy{display:flex;align-items:center;gap:16px}.pulsingIcon{color:#ea580c;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.bannerCopy b{font-size:16px;color:#9a3412;display:block}.bannerCopy small{font-size:13px;color:#c2410c;display:block;margin-top:2px}.teacherKpisGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:24px 0}.kpiBox{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.03);transition:all .2s ease}.kpiBox:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(15,98,254,.08);border-color:#cbd5e1}.kpiBox span{font-size:13px;font-weight:700;color:#64748b;display:block}.kpiBox b{font-size:32px;font-weight:900;color:#0f172a;display:block;margin:6px 0;letter-spacing:-.5px}.kpiBox small{font-size:12px;color:#1565f5;font-weight:700}.kpiBox.blue b{color:#1565f5}.kpiBox.green b{color:#16a34a}.kpiBox.purple b{color:#9333ea}.kpiBox.orange b{color:#ea580c}.kpiBox.sky b{color:#0284c7}.kpiBox.indigo b{color:#4f46e5}.gradeDistributionPanel{padding:24px!important}.gradeBarsStack{gap:18px;margin-top:18px}.gradeBarRow,.gradeBarsStack{display:flex;flex-direction:column}.gradeBarRow{gap:8px}.gradeInfo{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:#334155}.progressBarBg{width:100%;height:12px;background:#f1f5f9;border-radius:999px;overflow:hidden}.progressBarFill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progressBarFill.blue{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.progressBarFill.purple{background:linear-gradient(90deg,#a855f7,#7e22ce)}.progressBarFill.green{background:linear-gradient(90deg,#22c55e,#15803d)}.gradeBadge{background:#eff6ff;color:#1d4ed8;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px}.quickToolsPanel{padding:24px!important}.quickToolsPanel h3{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:16px}.toolsList{display:flex;flex-direction:column;gap:12px}.toolLink{display:flex;align-items:center;gap:14px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;color:#0f172a;transition:all .2s}.toolLink:hover{background:#ffffff;border-color:#3b82f6;transform:translateX(-3px);box-shadow:0 10px 25px rgba(59,130,246,.1)}.toolLink b{font-size:14px;font-weight:800;display:block}.toolLink small{font-size:12px;color:#64748b;display:block;margin-top:2px}.checkoutSheet{max-width:580px!important;width:95%!important;border-radius:28px!important;padding:0!important;overflow:hidden!important}.checkoutSheet .modalHeader{padding:24px 28px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.checkoutSheet .modalHeader h3{font-size:18px;font-weight:900;color:#0f172a;margin-top:4px}.skoolaPill{background:#dbeafe;color:#1e40af;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;text-transform:uppercase}.checkoutSheet .modalBody{padding:28px;display:flex;flex-direction:column;gap:20px}.checkoutCourseBanner{background:linear-gradient(135deg,#0f172a,#1e293b);color:#ffffff;border-radius:20px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.checkoutCourseBanner small{font-size:12px;color:#94a3b8;display:block}.checkoutPrice{font-size:26px;font-weight:900;color:#60a5fa}.teacherTag{font-size:13px;font-weight:700;background:rgba(255,255,255,.1);padding:6px 14px;border-radius:999px}.methodTabs{display:flex;gap:8px;flex-wrap:wrap}.methodTab{flex:1;min-width:130px;height:48px;border-radius:14px;border:1px solid #cbd5e1;background:#ffffff;font-weight:800;font-size:14px;color:#475569;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.methodTab.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 4px 15px rgba(37,99,235,.15)}.methodDetailCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}.copyRow{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff;padding:14px 18px;border-radius:14px;border:1px solid #cbd5e1}.copyRow small{font-size:12px;color:#64748b;font-weight:700;display:block}.copyValue{font-size:17px;font-weight:900;color:#0f172a;font-family:monospace}.copyBtn{font-size:13px!important;font-weight:800!important}.holderInfo{font-size:13px;color:#475569;padding-top:4px}.paymentInstructionsBox{background:#fffbe6;border:1px solid #ffe58f;border-radius:16px;padding:16px;font-size:13px;color:#722ed1;line-height:1.6}.paymentInstructionsBox b{color:#531dab;display:block;margin-bottom:4px}.studentPaymentForm{display:flex;flex-direction:column;gap:14px}.studentViewerPage .examViewContainer{background:#ffffff!important;border:1px solid #cbd5e1!important;border-radius:24px!important;padding:32px!important;max-width:900px!important;margin:20px auto!important;box-shadow:0 25px 70px rgba(0,0,0,.4)!important;color:#0f172a!important}.studentViewerPage .examActiveHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:20px!important;margin-bottom:28px!important;border-bottom:2px solid #f1f5f9!important;background:transparent!important}.studentViewerPage .examActiveHeader h2{font-size:24px!important;font-weight:900!important;color:#0f172a!important;margin:0 0 6px!important}.studentViewerPage .examActiveHeader small{font-size:14px!important;color:#64748b!important;font-weight:700!important}.studentViewerPage .examTimer{display:flex!important;align-items:center!important;gap:10px!important;background:#fef2f2!important;border:1px solid #fecaca!important;color:#dc2626!important;padding:10px 20px!important;border-radius:24px!important;font-size:20px!important;font-weight:900!important}.studentViewerPage .questionsList{display:flex!important;flex-direction:column!important;gap:28px!important}.studentViewerPage .questionItem{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:20px!important;padding:24px!important;box-shadow:0 4px 16px rgba(0,0,0,.03)!important}.studentQuestionImage{margin:16px 0 20px!important;text-align:center!important;border-radius:18px!important;overflow:hidden!important;background:#ffffff!important;padding:12px!important;border:1.5px solid #cbd5e1!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)!important}.studentQuestionImage img{max-width:100%!important;max-height:480px!important;border-radius:12px!important;object-fit:contain!important;box-shadow:0 6px 20px rgba(0,0,0,.08)!important}.studentViewerPage .qTitle{display:flex!important;align-items:flex-start!important;gap:14px!important;margin-bottom:18px!important}.studentViewerPage .qTitle span{width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#ffffff!important;font-weight:900!important;font-size:17px!important;display:grid!important;place-items:center!important;flex:none!important;box-shadow:0 4px 12px rgba(37,99,235,.3)!important}.studentViewerPage .qTitle h3{font-size:19px!important;font-weight:800!important;color:#0f172a!important;margin:4px 0 0!important;line-height:1.5!important}.studentViewerPage .qOptions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:16px!important}.studentViewerPage .optionLabel{display:flex!important;align-items:center!important;gap:14px!important;padding:16px 20px!important;border-radius:16px!important;border:2px solid #cbd5e1!important;background:#ffffff!important;color:#1e293b!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;transition:all .2s cubic-bezier(.22,1,.36,1)!important;user-select:none!important}.studentViewerPage .optionLabel:hover{border-color:#93c5fd!important;background:#f0f9ff!important}.studentViewerPage .optionLabel.selected{border-color:#2563eb!important;background:#eff6ff!important;color:#1d4ed8!important;box-shadow:0 6px 20px rgba(37,99,235,.18)!important}.studentViewerPage .optionLabel input[type=radio]{width:20px!important;height:20px!important;accent-color:#2563eb!important;cursor:pointer!important}.studentViewerPage .examFooter{margin-top:32px!important;padding-top:24px!important;border-top:2px solid #f1f5f9!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;background:transparent!important}.studentViewerPage .examFooter button{min-width:240px!important;padding:16px 32px!important;font-size:17px!important;font-weight:900!important;border-radius:16px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#ffffff!important;box-shadow:0 8px 25px rgba(37,99,235,.35)!important;border:none!important;cursor:pointer!important}.studentPaymentForm h4{font-size:15px;font-weight:800;color:#0f172a;margin:4px 0}.studentPaymentForm label span{font-size:13px;font-weight:700;color:#334155;margin-bottom:6px;display:block}.studentPaymentForm input{width:100%;height:48px;border-radius:14px;border:1.5px solid #cbd5e1;padding:0 16px;font-size:15px;outline:none;transition:border-color .2s}.studentPaymentForm input:focus{border-color:#2563eb;background:#ffffff}.successView{text-align:center;padding:40px 28px!important}.successIconFrame{width:80px;height:80px;border-radius:50%;background:#dcfce7;color:#16a34a;display:grid;place-items:center;margin:0 auto 20px}.successView h3{font-size:22px;font-weight:900;color:#0f172a;margin-bottom:10px}.successView p{font-size:15px;color:#475569;line-height:1.7;max-width:440px;margin:0 auto 28px}.teacherPaymentsWorkspace{display:flex;flex-direction:column;gap:24px}.filtersRow{display:flex;gap:8px;flex-wrap:wrap}.filterPill{padding:8px 16px;border-radius:999px;border:1px solid #cbd5e1;background:#ffffff;font-size:13px;font-weight:800;color:#475569;cursor:pointer;transition:all .2s}.filterPill:hover{border-color:#94a3b8}.filterPill.active{background:#0f172a;color:#ffffff;border-color:#0f172a}.filterPill.pending.active{background:#ea580c;border-color:#ea580c}.filterPill.approved.active{background:#16a34a;border-color:#16a34a}.filterPill.rejected.active{background:#dc2626;border-color:#dc2626}.paymentDetailSheet{max-width:650px!important;width:95%!important;border-radius:28px!important;overflow:hidden}.modalBody.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detailSection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px}.detailSection h4{font-size:14px;font-weight:800;color:#0f172a;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:4px}.detailRow{display:flex;align-items:center;justify-content:space-between;font-size:13px}.detailRow span{color:#64748b}.detailRow b{color:#0f172a;font-weight:800}.amountHighlight{color:#2563eb!important;font-size:16px!important}.proofSection{grid-column:1/-1;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:16px;text-align:center}.proofPreviewLink{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#1d4ed8;text-decoration:none;margin-top:8px}:where(.courseThumbnail,.cardThumbnailBox,.courseAdminArt,.tenantCourseArt,.cardCover,.courseMetaArt,.courseImagePreview){aspect-ratio:1/1!important;width:100%!important;border-radius:20px!important;overflow:hidden!important}:where(.courseThumbnail img,.cardThumbnailBox img,.courseAdminArt img,.tenantCourseArt img,.courseImagePreview img){aspect-ratio:1/1!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.courseContentManager{max-width:1280px!important;margin:0 auto!important;padding:24px 16px 60px!important}.courseContentManager .managerHeader{background:linear-gradient(135deg,#0f172a,#1e293b 60%,#312e81)!important;color:#ffffff!important;border-radius:24px!important;padding:28px 32px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 25px 70px rgba(15,23,42,.25)!important;margin-bottom:28px!important}.courseContentManager .managerHeaderNav{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:20px!important;padding-bottom:16px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.courseContentManager .backBtn{color:#94a3b8!important;text-decoration:none!important;font-weight:700!important;font-size:14px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;transition:color .2s!important}.courseContentManager .backBtn:hover{color:#ffffff!important}.courseContentManager .statusBadge{font-size:12px!important;font-weight:900!important;padding:6px 16px!important;border-radius:20px!important}.courseContentManager .statusBadge.published{background:rgba(34,197,94,.2)!important;color:#4ade80!important;border:1px solid rgba(74,222,128,.3)!important}.courseContentManager .statusBadge.draft{background:rgba(234,179,8,.2)!important;color:#facc15!important;border:1px solid rgba(250,204,21,.3)!important}.courseContentManager .managerHeaderMain{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;flex-wrap:wrap!important;margin-bottom:24px!important}.courseContentManager .courseMeta{display:flex!important;align-items:center!important;gap:24px!important;flex:1!important;min-width:300px!important}.courseHeroPoster{width:180px!important;height:180px!important;min-width:180px!important;min-height:180px!important;aspect-ratio:1/1!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 16px 40px rgba(0,0,0,.4)!important;border:3px solid rgba(255,255,255,.25)!important;background:#1e293b!important;flex:none!important}.courseHeroPoster .courseThumbnail,.courseHeroPoster .metaGlyph,.courseHeroPoster img{width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:20px!important}.courseHeroPoster .metaGlyph{display:grid!important;place-items:center!important;font-size:38px!important;font-weight:900!important;color:#38bdf8!important;background:linear-gradient(135deg,#1e293b,#0f172a)!important}.courseMetaInfo{display:flex!important;flex-direction:column!important;gap:4px!important}.courseMetaInfo .subTitle{font-size:13px!important;font-weight:900!important;color:#38bdf8!important;text-transform:uppercase!important;letter-spacing:.5px!important}.courseMetaInfo h1{font-size:32px!important;font-weight:900!important;color:#ffffff!important;margin:4px 0 8px!important;text-shadow:0 2px 10px rgba(0,0,0,.3)!important;line-height:1.3!important}.courseMetaInfo p{font-size:15px!important;color:#e2e8f0!important;margin:0!important;line-height:1.6!important;max-width:620px!important;font-weight:500!important}.courseContentManager .managerActions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.courseContentManager .managerActions .btn.secondary{background:rgba(255,255,255,.1)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.2)!important;padding:12px 20px!important;border-radius:14px!important;font-weight:800!important;font-size:14px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:all .2s!important}.courseContentManager .managerActions .btn.secondary:hover{background:rgba(255,255,255,.2)!important;transform:translateY(-2px)!important}.courseContentManager .managerActions .btn.outline{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#ffffff!important;border:none!important;padding:12px 22px!important;border-radius:14px!important;font-weight:900!important;font-size:14px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(37,99,235,.35)!important;transition:all .2s!important}.courseContentManager .managerActions .btn.outline:hover{box-shadow:0 12px 28px rgba(37,99,235,.5)!important;transform:translateY(-2px)!important}.courseContentManager .managerMetrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) auto!important;gap:14px!important;align-items:center!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.1)!important}.courseContentManager .metric{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;padding:14px 18px!important;display:flex!important;align-items:center!important;gap:12px!important}.courseContentManager .metric svg{color:#38bdf8!important;flex:none!important}.courseContentManager .metric b{font-size:20px!important;font-weight:900!important;color:#ffffff!important;display:block!important}.courseContentManager .metric small{font-size:12px!important;color:#94a3b8!important;font-weight:700!important}.courseContentManager .metricActions .btn.primary{background:linear-gradient(135deg,#a855f7,#7e22ce)!important;color:#ffffff!important;padding:14px 26px!important;border-radius:16px!important;font-weight:900!important;font-size:15px!important;box-shadow:0 8px 24px rgba(168,85,247,.4)!important;border:none!important;cursor:pointer!important;transition:all .2s!important}.courseContentManager .metricActions .btn.primary:hover{box-shadow:0 12px 30px rgba(168,85,247,.6)!important;transform:translateY(-2px)!important}@media (max-width:768px){.courseContentManager .managerHeaderMain{gap:20px!important}.courseContentManager .courseMeta,.courseContentManager .managerHeaderMain{flex-direction:column!important;align-items:center!important;text-align:center!important}.courseContentManager .courseMeta{gap:16px!important}.courseHeroPoster{width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;margin:0 auto!important}.courseMetaInfo{align-items:center!important;text-align:center!important}.courseMetaInfo h1{font-size:24px!important}.courseMetaInfo p{font-size:14px!important}.courseContentManager .managerActions{width:100%!important;flex-direction:column!important;gap:10px!important}.courseContentManager .managerActions .btn{width:100%!important;justify-content:center!important}.courseContentManager .managerMetrics{grid-template-columns:1fr 1fr!important}.courseContentManager .metricActions{grid-column:1/-1!important;width:100%!important}.courseContentManager .metricActions .btn{width:100%!important;justify-content:center!important}}body,html{max-width:100vw!important;overflow-x:hidden!important;position:relative!important;-webkit-text-size-adjust:100%!important}*,:after,:before{box-sizing:border-box!important}canvas,embed,iframe,img,object,svg,video{max-width:100%!important;height:auto!important}@media (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important;min-height:48px!important;border-radius:14px!important;padding-inline:14px!important}.btn,a.btn,button,input[type=button],input[type=submit]{min-height:46px!important;font-size:14px!important;touch-action:manipulation!important}.courseContentManager,.courseDetailsPage .wrap,.platformWrap,.tenantShowcase .wrap,.wrap{width:calc(100% - 24px)!important;max-width:100%!important;padding-inline:0!important;margin-inline:auto!important}.auditLogTable,.paymentsTable,.responsiveTable,.studentTable,table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:16px!important;border:1px solid #e2e8f0!important;background:#ffffff!important}table td,table th{white-space:nowrap!important;padding:12px 14px!important;font-size:13px!important}.checkoutPortalOverlay,.modalOverlay,.sideOverlay{padding:10px!important;align-items:flex-end!important}.checkoutSheet,.confirmModalSheet,.modalContent,.modalSheet,.paymentDetailSheet{width:100%!important;max-width:100%!important;max-height:88vh!important;border-radius:24px 24px 0 0!important;margin:0!important;display:flex!important;flex-direction:column!important}.modalHeader,.modalSheet>header{padding:18px 20px!important;flex:none!important}.modalBody,.modalBody.grid,.modalSheetBody{padding:16px 20px!important;overflow-y:auto!important;max-height:calc(88vh - 130px)!important;grid-template-columns:1fr!important;gap:14px!important}.modalFooter,.modalSheet>footer{padding:16px 20px!important;flex:none!important;flex-direction:column!important;gap:10px!important}.modalFooter .btn,.modalSheet>footer .btn{width:100%!important;justify-content:center!important}.hero,.heroGrid,.tenantHero{grid-template-columns:1fr!important;text-align:center!important;padding-block:40px 30px!important;gap:24px!important}.heroCopy,.tenantHeroCopy{text-align:center!important;margin-inline:auto!important}.heroCopy h1,.skoolaHero h1,.tenantHero h1{font-size:32px!important;line-height:1.25!important;letter-spacing:-.5px!important}.heroBtns,.platformHeroActions,.tenantHeroActions{flex-direction:column!important;width:100%!important;gap:10px!important}.heroBtns .btn,.platformButton,.tenantHeroActions .btn{width:100%!important;justify-content:center!important}.adminKpis,.platformStats,.saasKpis,.stats,.tenantTrustBar>.wrap{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.authGrid,.authPage{grid-template-columns:1fr!important;padding:16px!important;min-height:100vh!important}.authVisual{display:none!important}.authCard,.authCardInner{padding:24px 18px!important;width:100%!important;max-width:100%!important;border-radius:20px!important}.authCard h1{font-size:24px!important}.fieldGrid{grid-template-columns:1fr!important;gap:12px!important}.catalogGrid,.dashGrid,.features,.saasGrid,.tenantCourseGrid{grid-template-columns:1fr!important;gap:16px!important}.courseCard,.tenantCourseCard{width:100%!important;margin:0!important}.courseDetailsContent,.courseDetailsHero,.studentPaymentGrid{grid-template-columns:1fr!important;gap:20px!important}.courseSubscribeCard,.studentPaymentGrid>aside{width:100%!important;position:static!important}.examViewContainer,.studentViewerPage .examViewContainer{padding:16px 14px!important;border-radius:20px!important}.qTitle{font-size:16px!important;gap:10px!important}.optionLabel{padding:14px 16px!important;font-size:14px!important;min-height:52px!important}.examTimer{position:relative!important;top:auto!important;right:auto!important;margin-bottom:16px!important;width:100%!important;justify-content:center!important}.sectionAccordion{margin-bottom:16px!important;border-radius:18px!important}.sectionHeader{padding:14px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.sectionMeta,.sectionToggle{width:100%!important}.sectionMeta{justify-content:space-between!important;padding-top:10px!important;border-top:1px solid #e2e8f0!important}.actionBtns{gap:6px!important}.actionBtns button{width:36px!important;height:36px!important}.brandingForm,.inlineCreateForm,.settingsForm{grid-template-columns:1fr!important;gap:16px!important}.brandingForm label,.settingsForm label{width:100%!important}.adminRoleGrid,.superKpis{grid-template-columns:repeat(2,1fr)!important}.auditRow{grid-template-columns:1fr!important}}@media (max-width:360px){:root{--type-body:14px;--type-page:22px}.platformWrap,.tenantShowcase .wrap,.wrap{width:calc(100% - 16px)!important}.adminKpis,.platformStats,.saasKpis,.stats,.tenantTrustBar>.wrap{grid-template-columns:1fr!important}.heroCopy h1,.skoolaHero h1,.tenantHero h1{font-size:26px!important}.btn,button{font-size:13px!important;padding-inline:12px!important}.courseHeroPoster{width:130px!important;height:130px!important;min-width:130px!important;min-height:130px!important}.courseMetaInfo h1{font-size:20px!important}}@media (max-width:768px){.saasMain{padding-inline:14px!important;overflow-x:hidden!important}.saasTop{position:relative!important;top:auto!important;min-height:auto!important;padding:16px 0 12px!important;margin:0 0 16px!important;border:none!important;border-bottom:1px solid #e2e8f0!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.saasTop>div:first-child{width:100%!important}.saasBreadcrumb{font-size:11px!important;font-weight:800!important;color:#2563eb!important;display:block!important;margin-bottom:2px!important}.saasTop h1{font-size:22px!important;font-weight:900!important;color:#0f172a!important;margin:2px 0!important;line-height:1.25!important;word-break:break-word!important}.saasTop p{font-size:13px!important;color:#64748b!important;margin:0!important;display:block!important}.saasTopActions{width:100%!important;justify-content:space-between!important;margin-top:4px!important}.saasTopActions,.saasUser{display:flex!important;align-items:center!important;gap:10px!important}.saasUser{flex:1!important;min-width:0!important;background:#ffffff!important;border:1px solid #cbd5e1!important;border-radius:14px!important;padding:6px 12px!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important;overflow:hidden!important}.saasUser b{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:14px!important;flex:none!important}.saasUser>span{min-width:0!important;font-size:13px!important;font-weight:800!important;color:#0f172a!important}.saasUser small,.saasUser>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.saasUser small{font-size:10px!important;color:#64748b!important;display:block!important}.saasTopActions>button{width:44px!important;height:44px!important;min-width:44px!important;flex:none!important;border-radius:14px!important;background:#ffffff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important}.saasHero,.superIntro{margin-top:12px!important;padding:24px 20px!important;border-radius:22px!important;position:relative!important;z-index:1!important}.saasHero h2,.superIntro h2{font-size:22px!important;line-height:1.3!important}.quickActions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:16px!important;width:100%!important}.quickActions a{width:100%!important;padding:10px 6px!important;font-size:12px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}}