@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:#18243a;font-family:'IBM Plex Sans Arabic',Inter,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:4px}button{border:0}aside{position:fixed;inset-block:0;inset-inline-start:0;width:245px;background:white;border-inline-end:1px solid #e8ebf1;padding:30px 22px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700}.logo{background:#6556e8;color:white;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-family:monospace;font-size:23px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#8a91a5}.nav{margin-top:35px;display:grid;gap:8px}.nav button{text-align:start;background:transparent;color:#778196;border-radius:10px;padding:13px 15px}.nav button.active{color:#6655db;background:#f0edff;font-weight:600}.nav button span{margin-inline-end:12px}.sidebottom{margin-top:auto;background:#f6f4ff;border-radius:14px;padding:18px;font-size:13px}.sidebottom strong{display:block}.main{margin-inline-start:245px}header{height:86px;background:#fff;border-bottom:1px solid #e8ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:12px}header small{color:#81899a}.controls{display:flex;gap:12px;align-items:center}.pill{background:white;border:1px solid #e5e8ef;padding:8px 13px;border-radius:9px;color:#47536b}.avatar{width:38px;height:38px;border-radius:50%;background:#e8e3ff;color:#6750d4;display:grid;place-items:center;font-weight:700}.content{max-width:1400px;margin:auto;padding:30px 38px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.heading h1{font-size:27px;margin:0 0 4px}.muted{color:#8490a4;font-size:14px}.tag{font-size:12px;background:#efecff;color:#6955d5;padding:6px 12px;border-radius:20px}.hero{border-radius:20px;background:#252255;color:white;display:flex;align-items:center;justify-content:space-between;padding:30px 35px;overflow:hidden;position:relative}.hero h2{font-size:28px;margin:10px 0}.hero p{color:#c1bfdf;max-width:470px;margin:0 0 20px}.hero small{color:#b7a7ff}.primary{background:#7863f5;color:#fff;padding:11px 22px;border-radius:9px;font-weight:600}.hero .primary{background:#b8f477;color:#263744}.art{direction:ltr;width:280px;height:180px;transform:rotate(-7deg);background:#383569;border:1px solid #67608a;border-radius:14px;box-shadow:20px 20px 0 #302d61;padding:20px;font-family:monospace;color:#c7b9ff;line-height:2}.art b{color:#b8f477}.dots{color:#b9a7ff;letter-spacing:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:23px 0}.stat,.card{background:white;border:1px solid #e8ebf2;border-radius:15px;padding:21px}.stat{display:flex;gap:15px;align-items:center}.stat strong{display:block;font-size:25px}.icon{width:45px;height:45px;border-radius:12px;background:#f0ecff;color:#7864da;display:grid;place-items:center;font-size:22px}.layout{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.sectiontitle h2{font-size:19px;margin:0}.textbtn{color:#7963df;background:transparent}.coursecover{background:#f1edff;border-radius:12px;padding:25px;display:flex;justify-content:space-between;align-items:center;color:#6552ce}.coursecover strong{font-family:monospace;font-size:40px}.course h3{margin:17px 0 6px}.progress{height:7px;border-radius:5px;background:#eeedf5;margin:10px 0}.progress i{height:100%;display:block;background:#8870ed;border-radius:5px}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid #edf0f5}.row:last-child{border:0}.row h3{font-size:15px;margin:0 0 5px}.row p{margin:0;font-size:12px;color:#8992a3}.badge{background:#f0edff;color:#7660d5;font-size:11px;padding:4px 9px;border-radius:6px;white-space:nowrap}.green{background:#edf9f0;color:#43875e}.orange{background:#fff4e6;color:#c38732}.date{background:#f5f4fb;border-radius:10px;padding:8px 13px;text-align:center;min-width:55px}.date strong{display:block;font-size:21px}.date small{font-size:11px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.notice{font-size:12px;color:#8992a5;margin:22px 0 0;text-align:center}dialog{border:0;border-radius:18px;padding:28px;max-width:520px;width:calc(100% - 32px);color:#18243a;box-shadow:0 20px 100px #18243a33}dialog::backdrop{background:#20233a88}dialog h2{margin-top:0}dialog input,dialog textarea{display:block;width:100%;padding:12px;border:1px solid #dddfea;border-radius:8px;margin:10px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#252255;color:#fff;padding:12px 24px;border-radius:12px;z-index:10;display:none}label{display:block;margin:12px 0}.quiz label{background:#f6f5fc;padding:12px;border-radius:8px}.quiz input{display:inline;width:auto}.listcard{margin-bottom:18px}footer{padding:20px 0;color:#959cad;font-size:12px;text-align:center}@media(max-width:1050px){aside{width:205px}.main{margin-inline-start:205px}.content{padding:25px}.art{width:220px}.stats{grid-template-columns:repeat(2,1fr)}header{padding:0 25px}}@media(max-width:760px){aside{position:static;width:100%;padding:16px}.brand small,.sidebottom{display:none}.nav{display:flex;overflow:auto;margin-top:16px}.nav button{white-space:nowrap;padding:9px}.main{margin:0}header{height:auto;padding:14px;flex-wrap:wrap}.content{padding:20px 14px}.layout,.grid{grid-template-columns:1fr}.hero{padding:25px}.art{display:none}.heading h1{font-size:22px}.stats{gap:10px}.stat{padding:13px;gap:8px}.stat strong{font-size:22px}.controls{gap:7px}.pill{padding:7px}.hero h2{font-size:25px}}
html{scroll-behavior:smooth;scroll-padding-top:95px}.landing{background:#fff;color:#202039}.publicnav{max-width:1240px;margin:auto;padding:19px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.publicbrand{display:flex;align-items:center;gap:9px;font-family:Inter,sans-serif;font-size:21px;font-weight:800;text-decoration:none;color:#242039;direction:ltr;white-space:nowrap}.publicbrand img{width:46px;height:46px;object-fit:contain}.brandtech{color:#7551e8}.publiclinks{display:flex;gap:27px}.publiclinks a,.explore{text-decoration:none;color:#55536a;font-size:14px}.langbutton{background:transparent;color:#626079;font-size:12px;font-weight:700}.signin{padding:10px 17px;background:#fff;border:1px solid #e4dfed;border-radius:9px;color:#373044;font-weight:600}.landing .primary{background:#754bea;padding:13px 22px;box-shadow:0 5px 15px #7955e822}.publichero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:620px;padding:50px 32px 65px;gap:20px}.eyebrow{font-size:12px;color:#7e5ec3;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;background:#8360de;border-radius:50%}.herocopy h1{font-size:clamp(40px,4.7vw,66px);line-height:1.3;letter-spacing:-1.8px;margin:24px 0}.herocopy em{font-style:normal;color:#7d4de8;position:relative}.herocopy em:after{content:'';position:absolute;bottom:0;inset-inline:0;height:7px;border-radius:50%;background:#f9cf55;z-index:0;opacity:.7}.herocopy p{font-size:17px;line-height:1.95;color:#7b778c;max-width:470px}.heroactions{display:flex;align-items:center;gap:25px;margin:28px 0}.herohints{display:flex;gap:17px;color:#858096;font-size:11px;margin-top:29px}.herovisual{position:relative;min-height:440px;background:radial-gradient(ellipse,#f1eaff 0%,#fbf9ff 50%,#fff 71%);display:grid;place-items:center}.herologo{width:83%;max-width:410px;height:390px;object-fit:contain;z-index:1}.orbit{position:absolute;border:1px solid #ede5ff;border-radius:50%;width:365px;height:365px;transform:rotate(-30deg)}.orbit2{width:440px;height:270px;transform:rotate(35deg)}.spark{position:absolute;color:#e6b432;font-size:42px}.spark1{top:15px;inset-inline-start:55px}.spark2{bottom:60px;inset-inline-end:35px;font-size:25px;color:#9a79ed}.floating{position:absolute;z-index:2;box-shadow:0 15px 40px #3e246014;border:1px solid #ede8f6;background:white;border-radius:13px}.codefloat{inset-inline-end:0;bottom:55px;width:255px;transform:rotate(5deg);padding:15px;font-family:monospace;font-size:12px}.codehead{display:block;font-size:9px;color:#ac9abf;margin-bottom:12px}.codefloat code{line-height:1.85;color:#69577e}.codefloat code span{color:#bf9632}.codefloat code b{font-weight:400;color:#8650d9}.projectfloat{top:28px;inset-inline-start:0;padding:13px 16px;display:flex;align-items:center;gap:11px;transform:rotate(-5deg);font-size:12px}.projectfloat small{display:block;color:#9990a5;font-size:10px;margin-top:5px}.projecticon{font-size:25px}.visualcaption{position:absolute;bottom:-12px;font-size:9px;letter-spacing:2px;color:#a197b3;direction:ltr}.skillsstrip{background:#fcfbff;border-top:1px solid #f0ebf8;border-bottom:1px solid #f0ebf8;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:32px;padding:26px;font-size:16px;color:#756c89}.skillsstrip>span{font-size:12px;color:#a397b2}.skillsstrip i{font-size:14px;color:#c7b6e7}.publicsection{max-width:1240px;margin:auto;padding:85px 32px}.sectionheading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.publicsection h2{font-size:36px;line-height:1.4;margin:13px 0}.sectionheading>p{font-size:14px;line-height:1.9;color:#8d849a;max-width:330px}.pathgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pathcard{border:1px solid #eee8f3;border-radius:17px;overflow:hidden}.pathart{height:155px;display:flex;justify-content:center;align-items:center;position:relative;gap:22px;background:#edfaf6;color:#349c80}.pathart>span{font-size:65px;font-family:monospace;transform:rotate(-8deg)}.pathart small{border:1px solid #ffffffa0;padding:9px 13px;border-radius:9px;letter-spacing:1px;transform:rotate(7deg);font-family:monospace;background:#ffffff66}.lilac .pathart{background:#f1eafe;color:#8353ce}.peach .pathart{background:#fff1e7;color:#d58a53}.pathbody{padding:23px}.pathlabel{font-size:11px;color:#91849c}.pathbody h3{font-size:21px;margin:9px 0}.pathbody p{font-size:14px;line-height:1.9;color:#8a8194;min-height:80px}.projectexample{font-size:11px;border-top:1px solid #f0ebf5;padding:15px 0;color:#8d7e9c}.pathbody button{display:flex;justify-content:space-between;width:100%;text-align:start;background:#f6f2fd;color:#7650b8;border-radius:8px;padding:10px 13px;font-weight:600;font-size:13px}.journeysection{background:#faf8fe}.journeysection .publicsection{padding-block:65px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}.step>span{font:24px Inter,sans-serif;color:#b39bcf;border-bottom:1px solid #e3d9ee;display:block;padding-bottom:20px}.step h3{font-size:18px;margin:23px 0 10px}.step p{font-size:13px;line-height:1.9;color:#8b8197}.parentssection{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.parentpreview{border:1px solid #ede6f6;box-shadow:0 25px 80px #8d65c317;border-radius:18px;overflow:hidden;transform:rotate(-2deg)}.previewbar{background:#faf7ff;padding:16px;display:flex;gap:17px;font-size:10px;color:#a18caf}.previewbar span{color:#c5b4d5;letter-spacing:3px}.parentinner{padding:25px}.miniprofile{display:flex;gap:13px;align-items:center}.miniprofile>span:first-child{background:#eee7fc;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#8564c5}.miniprofile b{font-size:14px}.miniprofile small{display:block;font-size:10px;color:#9a8ba6;margin-top:4px}.miniTag{margin-inline-start:auto;padding:5px 9px;background:#ebfaf2;color:#73a18b;border-radius:7px;font-size:9px}.parentinner h4{font-size:12px;margin-top:27px;display:flex;justify-content:space-between;font-weight:400}.ministats{display:flex;gap:45px;padding:20px 0}.ministats strong{font-family:Inter,sans-serif;font-size:25px;color:#6d518e;display:block}.ministats small{font-size:10px;color:#9b8ea5}.teacherfeedback{background:#fbf8ed;border-radius:10px;display:flex;gap:13px;padding:14px;color:#b08d3b}.teacherfeedback b{font-size:12px}.teacherfeedback p{font-size:11px;color:#a38e64;margin:5px 0;line-height:1.8}.parentcopy p{color:#8e819b;line-height:2;font-size:16px}.parentcopy .signin{margin-top:10px}.faqsection{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-top:10px}.faqs details{border-bottom:1px solid #ede7f3;padding:19px 0}.faqs summary{cursor:pointer;list-style:none;font-size:15px;display:flex;justify-content:space-between;gap:20px}.faqs summary span{color:#9173ba}.faqs p{font-size:13px;line-height:1.9;color:#8d819a}.finalcta{margin:0 32px;padding:55px 20px;text-align:center;background:#f4effd;border-radius:22px}.finalcta>span{color:#dbb437;font-size:40px}.finalcta h2{font-size:38px;line-height:1.4;margin:12px}.finalcta p{font-size:14px;color:#9282a7}.finalcta .primary{margin-top:15px}.publicfooter{max-width:1240px;margin:auto;padding:42px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.publicfooter>span,.publicfooter small{color:#a498af;font-size:12px}.demobar{background:#fcfbfe;color:#a698b1;padding:12px;text-align:center;font-size:10px}.publicnav .controls{gap:10px}body:has(.landing){background:white}@media(min-width:1450px){.publichero{min-height:700px}}@media(max-width:1000px){.publiclinks{display:none}.publichero{gap:10px}.herovisual{min-height:360px}.herologo{height:300px}.orbit{width:260px;height:260px}.orbit2{width:320px;height:230px}.projectfloat{font-size:10px;padding:10px}.codefloat{width:220px;font-size:10px}.herohints{flex-wrap:wrap;gap:10px}.parentssection{gap:40px}.skillsstrip{gap:20px}}@media(max-width:760px){.publicnav{padding:14px 18px;gap:10px;flex-wrap:wrap}.publicnav .publicbrand{font-size:18px}.publicnav .publicbrand img{width:36px;height:36px}.publicnav .signin{display:none}.publicnav .primary{padding:9px 13px;font-size:12px}.publichero{grid-template-columns:1fr;padding:35px 22px 40px;min-height:unset}.herocopy h1{font-size:43px;margin-top:18px}.herocopy p{font-size:15px}.herovisual{min-height:370px;margin-top:20px}.projectfloat{top:10px}.herologo{height:320px;width:75%}.codefloat{bottom:25px;inset-inline-end:10px}.visualcaption{bottom:0;font-size:8px}.skillsstrip{padding:22px 15px;gap:18px;font-size:13px}.skillsstrip>span{width:100%;text-align:center}.publicsection{padding:50px 22px}.sectionheading{display:block}.publicsection h2{font-size:30px}.pathgrid{grid-template-columns:1fr}.pathbody p{min-height:0}.steps{grid-template-columns:repeat(2,1fr);gap:22px}.step h3{font-size:16px}.parentssection{grid-template-columns:1fr;gap:35px}.parentcopy{grid-row:1}.faqsection{grid-template-columns:1fr;gap:15px;padding-top:15px}.finalcta{margin:0 15px;padding:35px 15px}.finalcta h2{font-size:30px}.publicfooter{flex-wrap:wrap;padding:30px 22px}.publicfooter>span{display:none}.publicfooter .publicbrand{font-size:17px}}
.foundationstats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #eee5f8;border-radius:15px;background:#fcfaff;margin:25px 0 35px;padding:25px 12px}.foundationstats>div{text-align:center;border-inline-end:1px solid #ece3f6}.foundationstats>div:last-child{border:0}.foundationstats strong{display:block;font:700 35px Inter,sans-serif;color:#7850c4}.foundationstats span{display:block;font-size:13px;color:#9a88aa;margin-top:9px}.foundationintro{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center}.foundationintro h3{font-size:29px;line-height:1.5;margin:13px 0}.foundationintro p{font-size:15px;line-height:2;color:#8b7d98}.foundationoutcome{padding:30px;background:#f2ecfc;border-radius:18px}.foundationoutcome>span{font-size:45px}.foundationoutcome h3{font-size:21px}.foundationoutcome small{font-size:11px;color:#9885aa}@media(max-width:760px){.foundationstats{grid-template-columns:repeat(2,1fr);gap:25px;padding:22px 12px}.foundationstats>div:nth-child(2){border:0}.foundationintro{grid-template-columns:1fr;gap:25px}.foundationintro h3{font-size:25px}}
.enrollpanel{background:#f4effd;border:1px solid #e8dcf9;border-radius:20px;padding:35px;display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}.enrollpanel p{font-size:14px;color:#8e7b9e;line-height:1.9}.pricebox{text-align:center}.pricebox del{display:block;font-size:16px;color:#a296ae}.pricebox strong{display:block;font-size:40px;color:#754bea;line-height:1.5}.pricebox span{display:block;color:#9683a4;font-size:12px}.pricebox button{margin-top:20px;width:100%}.pricebox small{display:block;font-size:10px;color:#a193ac;margin-top:12px}.landing .herohints{margin-top:20px}@media(max-width:760px){.enrollpanel{grid-template-columns:1fr;padding:25px;gap:15px}.publichero{min-height:unset!important}.pricebox strong{font-size:35px}}

.signupprice{background:#f5f0ff;padding:15px;border-radius:10px}.signupprice del{color:#a799b4;margin-inline-end:12px}.signupprice strong{font-size:26px;color:#754bea}.signupprice small{display:block;color:#a090ae;font-size:11px}

.originalprice{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:7px}.originalprice span{font-size:14px;color:#6a577d}.pricebox .originalprice del,.signupprice .originalprice del{font-size:26px;font-weight:700;color:#776582;text-decoration-thickness:2px;margin:0}.savingbadge{display:inline-block;margin-top:10px;background:#fff0bb;color:#886000;border-radius:8px;padding:7px 12px;font-size:13px}.computerquestion{border:1px solid #e5dcef;border-radius:10px;margin:18px 0;padding:14px}.computerquestion legend{font-size:14px;font-weight:600}.computerquestion label{display:inline-flex;align-items:center;gap:9px;margin:7px 0;margin-inline-end:24px;cursor:pointer}.computerquestion input{display:inline-block;width:auto;margin:0;accent-color:#754bea}#computerMessage{font-size:13px;color:#ad5b3c;line-height:1.8;margin-top:8px}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.sociallinks{display:flex;gap:10px;align-items:center;direction:ltr}.socialicon{width:39px;height:39px;border-radius:50%;border:1px solid #e9dff5;background:#f8f4fe;color:#7955b9;display:grid;place-items:center;transition:background .2s,transform .2s}.socialicon:hover{background:#eee4fc;transform:translateY(-2px)}.socialicon svg{width:18px;height:18px;fill:currentColor}@media(max-width:760px){.sociallinks{width:100%;justify-content:center;margin-top:8px}}

.publicfooter{position:relative;padding-bottom:105px}.publicfooter .sociallinks{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);width:auto;justify-content:center;margin:0}

@media(max-width:1000px){.landing .publiclinks{display:flex;gap:18px}}@media(max-width:760px){.landing .publiclinks{order:3;width:100%;justify-content:center;padding-top:8px}.landing .publiclinks a{font-size:13px}}
.landing>.publicnav,.main>.landing:first-child{position:sticky;top:0;background:#fff;z-index:5;border-bottom:1px solid #f0ebf7}.main .publicnav{padding:15px 22px;flex-wrap:wrap}.main .publicnav .publiclinks{display:flex}.main .publicnav .publicbrand{font-size:18px}.main .publicnav .publiclinks{gap:15px}

.landing .herohints{flex-wrap:wrap;line-height:1.8}
.referencepricing{padding:45px 25px 55px;background:#f7f9fd;border-radius:20px;color:#202b59}.referencepricing>h2{text-align:center;font-size:32px;margin:0 0 52px;line-height:1.5}.referencecard{position:relative;max-width:680px;margin:auto;border:3px solid #a8dfff;border-radius:35px;background:white;padding:65px 40px 30px;text-align:center}.referencebadge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#08adee;color:white;padding:8px 22px;border-radius:50px;font-size:16px;font-weight:600;white-space:nowrap}.referencecard h3{font-size:30px;margin:0 0 8px;color:#202b59}.referencesub{font-size:16px;color:#7284a0;margin:0}.referenceprice{display:flex;direction:rtl;justify-content:center;align-items:baseline;gap:18px;margin-top:20px}.referenceprice strong{font:500 78px Inter,sans-serif;color:#086bf0;letter-spacing:-3px}.referenceprice del{font-size:26px;font-weight:700;color:#85a4b8;text-decoration-thickness:3px}.referenceprice>span{font-size:22px;color:#202b59}.referencediscount{font-size:13px;color:#0b86c9;margin:9px 0 28px}.referencecard ul{border-top:1px solid #e0e8ef;list-style:none;padding:22px 0 0;margin:0 0 26px;text-align:start;display:grid;gap:20px}.referencecard li{display:flex;gap:16px;align-items:start;font-size:18px;line-height:1.7}.referencecard li>span{color:#09aff0;font-size:25px;line-height:1.25}.referencebutton{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;background:#096cf0;color:white;font-size:21px;font-weight:600;padding:17px 20px;border-radius:50px}.referencecard>small{display:block;font-size:10px;color:#8c9ab0;margin-top:16px}@media(max-width:760px){.referencepricing{padding:30px 12px}.referencepricing>h2{font-size:24px;margin-bottom:40px}.referencecard{padding:52px 22px 25px;border-radius:25px}.referencebadge{font-size:12px;padding:8px 15px}.referencecard h3{font-size:26px}.referencesub{font-size:12px}.referenceprice{gap:12px}.referenceprice strong{font-size:60px}.referenceprice del{font-size:23px}.referencecard li{font-size:15px;gap:12px}.referencebutton{font-size:18px}}
.referencepricing{background:linear-gradient(135deg,#faf7ff,#f1fbff)}.referencepricing>h2{color:#302354}.plancomparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.plancomparison .referencecard{width:100%;padding:60px 27px 28px;border-color:#c7b0f9;border-radius:28px;box-shadow:0 15px 35px #7450ba09}.referencebadge{background:linear-gradient(110deg,#8050e9,#5c59f1)}.referencecard h3{color:#39235d}.referenceprice strong{color:#774ce2}.referenceprice del{color:#a596b5}.referencediscount{color:#8462b3}.referencecard li{font-size:16px;color:#534366}.referencecard li>span{color:#9970e7}.referencebutton{background:linear-gradient(110deg,#8450eb,#5c5cf0);font-size:18px}.individualplan{border-color:#95dff5!important}.individualplan .referencebadge{background:linear-gradient(110deg,#08b9e9,#087bfa)}.individualplan .referenceprice strong{color:#078ddc}.individualplan .referencecard li>span,.individualplan li>span{color:#0aaee2}.individualplan .referencebutton{background:linear-gradient(110deg,#09b9e7,#087cf3)}.individualplan .referencediscount{color:#409bb6}.referencepricing>h2:before{content:'✦';display:block;color:#f3bc23;font-size:32px;margin-bottom:8px}.referenceprice strong{font-size:65px}@media(max-width:760px){.plancomparison{grid-template-columns:1fr;gap:45px}.plancomparison .referencecard{padding-inline:22px}.referenceprice strong{font-size:60px}}

.plancomparison{max-width:980px;margin-inline:auto;gap:25px}.plancomparison .referencecard{padding:48px 24px 22px;border-radius:25px}.referencecard h3{font-size:25px}.referenceprice strong{font-size:57px}.referencecard ul{gap:14px;padding-top:18px;margin-bottom:20px}.referencecard li{font-size:14px}.referencebadge{font-size:13px;padding:7px 17px}.referencebutton{font-size:16px;padding:13px 18px}.referencesub{font-size:13px}.referencediscount{margin-bottom:20px}.referencepricing{padding-block:35px}.referencepricing>h2{font-size:28px}@media(max-width:760px){.plancomparison .referencecard{padding:43px 20px 20px}.referencecard h3{font-size:23px}.referenceprice strong{font-size:53px}.referencepricing>h2{font-size:24px}}
.ageselect{display:block;width:100%;padding:12px 15px;border:1px solid #cbb5ed;border-radius:11px;background:#fff;color:#5b4778;margin:10px 0;box-shadow:0 2px 7px #764cb411}.ageselect:focus{outline:2px solid #ad8aee}.enrollmentsteps{display:flex;justify-content:space-between;gap:14px;margin-bottom:22px;font-size:12px;color:#a195ad}.enrollmentsteps b{color:#8050d6}.pickplans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.pickplan{background:#fbf8ff;border:2px solid #dfcff9;border-radius:17px;padding:20px 13px;color:#46315d;text-align:center;display:flex;align-items:center;flex-direction:column}.pickplan:hover{border-color:#976be5;box-shadow:0 8px 22px #8050d51a}.pickplan h3{font-size:17px;margin:16px 0}.pickplan strong{font-size:25px;color:#8050d6}.pickplan del{font-size:13px;color:#a493b5}.pickplan small{font-size:10px;color:#9f8aac;display:block;margin:7px 0 18px}.pickcta{margin-top:auto;width:100%;border-radius:9px;padding:10px 5px;font-size:12px;background:#8050d6;color:white}.individualpick{background:#f5fcff;border-color:#b7e6f8}.individualpick strong{color:#0897d8}.individualpick .pickcta{background:#0897d8}@media(max-width:480px){.pickplans{grid-template-columns:1fr}.pickplan{padding:16px}.pickplan h3{margin:10px 0}}

.landing .herohints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;max-width:490px;margin-top:24px}.landing .herohints span{font-size:12px;line-height:1.7;color:#857393;padding:8px 10px;border-radius:8px;background:#faf7fe}@media(max-width:380px){.landing .herohints{grid-template-columns:1fr}}
/* Compact plan cards, with AbotalepTech brand colors. */
.plancomparison{max-width:820px;gap:24px;align-items:stretch}.plancomparison .referencecard{padding:39px 22px 20px;border-width:2px;border-radius:24px;display:flex;flex-direction:column}.plancomparison .referencecard h3{font-size:23px;margin-bottom:6px}.plancomparison .referencesub{font-size:12px;line-height:1.7;min-height:41px}.plancomparison .referenceprice{margin-top:12px;gap:12px}.plancomparison .referenceprice strong{font-size:49px;letter-spacing:-2px}.plancomparison .referenceprice del{font-size:21px}.plancomparison .referenceprice>span{font-size:17px}.plancomparison .referencediscount{font-size:11px;margin:7px 0 17px;min-height:19px}.plancomparison .referencecard ul{gap:11px;padding-top:17px;margin-bottom:20px}.plancomparison .referencecard li{font-size:13px;line-height:1.65;gap:10px}.plancomparison .referencecard li>span{font-size:19px}.plancomparison .referencebutton{margin-top:auto;font-size:14px;padding:12px 15px}.plancomparison .referencebadge{font-size:12px;padding:6px 16px}.plancomparison .referencecard>small{font-size:9px;line-height:1.7;margin-top:11px}.referencepricing{padding:30px 20px 35px}.referencepricing>h2{font-size:26px;margin-bottom:40px}@media(max-width:760px){.plancomparison{max-width:400px;gap:36px}.plancomparison .referencecard{padding:37px 22px 20px}.referencepricing{padding:25px 12px 30px}.referencepricing>h2{font-size:22px}}

.whatsappquick{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#eaf9ef;border:1px solid #25b85e;color:#168b43;border-radius:30px;padding:9px 14px;font-size:13px;font-weight:600;white-space:nowrap}.whatsappquick svg{width:19px;height:19px}.whatsappquick:hover{background:#d7f3e0}.publicnav .controls{flex-wrap:wrap}@media(max-width:760px){.publicnav .controls{justify-content:center}.whatsappquick{padding:8px 11px;font-size:12px}}

.footerlinks{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;width:100%;margin-top:8px}.footerlinks a{text-decoration:none;color:#816a9b;font-size:13px}.footerlinks a:hover{color:#754bea}.publicfooter{flex-wrap:wrap;row-gap:20px}

/* Consistent centered public footer. */
.publicfooter{position:static;max-width:none;padding:38px 22px 25px;margin:0;background:#fcfaff;border-top:1px solid #eee6f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}
.publicfooter .publicbrand{order:0;font-size:21px;gap:10px}.publicfooter .publicbrand img{width:43px;height:43px}
.publicfooter>span{display:block;order:1;font-size:12px;color:#9b89ac}
.publicfooter .footerlinks{order:2;width:auto;margin:5px 0 2px;gap:28px;display:flex;align-items:center;justify-content:center}.publicfooter .footerlinks a{font-size:13px;color:#766088;padding:4px 0}
.publicfooter .sociallinks{position:static;transform:none;order:3;width:auto;margin:2px 0 7px;display:flex;justify-content:center;gap:12px}
.publicfooter .socialicon{width:37px;height:37px;background:white;border-color:#e5d9f2}
.publicfooter>small{order:4;width:100%;max-width:360px;border-top:1px solid #eee5f5;padding-top:17px;font-size:11px;color:#a697b3}
.demobar{background:#fcfaff;padding:0 18px 18px;color:#ad9fba;font-size:9px;line-height:1.7}
@media(max-width:760px){.publicfooter{padding:30px 18px 22px;gap:12px}.publicfooter>span{display:block}.publicfooter .publicbrand{font-size:20px}.publicfooter .sociallinks{width:auto;margin:3px 0 6px}}

/* Balanced public navigation in AbotalepTech colors. */
.landing>.publicnav{max-width:none;width:100%;padding:15px max(24px,calc((100vw - 1176px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #eee7f6;box-shadow:0 3px 18px #64418605}
.publicnav .publicbrand{font-size:22px;gap:10px}.publicnav .publicbrand img{width:45px;height:45px}
.publicnav .controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap}
.publicnav .langbutton{order:0;min-width:38px;height:38px;padding:0 8px;border-radius:9px;color:#8a759e;background:#faf7fd;font-size:12px}
.publicnav .signin{order:1;display:inline-flex!important;align-items:center;justify-content:center;border:0;background:transparent;padding:10px 12px;font-size:13px;color:#665178;white-space:nowrap}
.publicnav .whatsappquick{order:2;border-radius:11px;padding:10px 14px;min-height:42px;font-size:12px;background:#effaf3;border-color:#bfe9cd}
.publicnav .primary{order:3;border-radius:11px;padding:11px 19px;min-height:42px;font-size:13px;white-space:nowrap;background:linear-gradient(110deg,#8953e9,#6552e9);box-shadow:0 4px 12px #8051d91c}
.publicnav .signin:hover{background:#faf7fe;border-radius:9px}.publicnav .langbutton:hover{background:#f0e8fb}
@media(max-width:760px){.landing>.publicnav{padding:13px 18px;gap:12px;flex-wrap:wrap}.publicnav .publicbrand{font-size:20px}.publicnav .publicbrand img{width:38px;height:38px}.publicnav .controls{width:100%;justify-content:space-between;gap:7px;padding-top:8px;border-top:1px solid #f2edf8}.publicnav .langbutton{min-width:32px;height:36px;font-size:11px}.publicnav .signin{padding:8px 5px;font-size:11px}.publicnav .whatsappquick{padding:8px 9px;min-height:36px;font-size:11px;gap:5px}.publicnav .whatsappquick svg{width:16px;height:16px}.publicnav .primary{padding:9px 12px;min-height:36px;font-size:11px}}

.publicbrand .brandtech{background:linear-gradient(115deg,#b87bf5 0%,#8e4ee9 35%,#6336d9 65%,#af6bed 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}
.teacherwelcome{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 30px;border:1px solid #e3d8f8;border-radius:18px;background:linear-gradient(110deg,#f0e9fc,#edfaff)}.teacherwelcome h2{font-size:25px;margin:15px 0 8px;color:#473061}.teacherwelcome p{font-size:14px;color:#9582a5;margin:0}.teacherfilters{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.tabstrip{display:flex;gap:4px;background:#f5f2fc;padding:5px;border-radius:10px}.tabstrip button{padding:8px 15px;border-radius:7px;color:#9484a8;background:transparent}.tabstrip .selected{background:white;color:#8050db;box-shadow:0 2px 6px #62468312}.teachersearch{border:1px solid #e5deed;padding:10px 14px;border-radius:9px;min-width:210px;color:#6d5982}.sessionline{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #eee8f4;align-items:center}.sessionline:last-child{border:0}.timeblock{background:#f5f0fd;border-radius:12px;padding:13px;min-width:90px;text-align:center}.timeblock b{display:block;font-family:Inter,sans-serif;font-size:20px;color:#8255ce}.timeblock small{font-size:10px;color:#ab95bc}.sessioninfo{flex:1}.sessioninfo h3{font-size:16px;margin:0 0 5px}.sessioninfo p{font-size:12px;color:#a090ac}.emptyteacher{text-align:center;padding:45px;color:#a294b1}.emptyteacher h3{color:#716080}.emptyteacher p{font-size:13px}@media(max-width:760px){.teacherwelcome{padding:22px;display:block}.teacherwelcome h2{font-size:22px}.teacherwelcome button{margin-top:20px}.sessionline{gap:12px;flex-wrap:wrap}.sessionline .pill{margin-inline-start:auto}.tabstrip button{padding:8px 10px}.teachersearch{width:100%}}
body[data-workspace]{background:#f5f4fa;color:#352b4b}body[data-workspace] aside{width:240px;padding:28px 20px;background:#fff;border:0;box-shadow:3px 0 25px #38285405}body[data-workspace] .main{margin-inline-start:240px}body[data-workspace] header{background:#ffffffbf;border:0;height:85px}body[data-workspace] .content{max-width:1360px;padding:30px 38px}body[data-workspace] .nav{gap:9px}body[data-workspace] .nav button{padding:14px 17px;font-size:14px}body[data-workspace] .nav button.active{background:linear-gradient(100deg,#f0e7ff,#f8f4ff);color:#7c4bcf}body[data-workspace] .card{border:1px solid #ece7f3;border-radius:20px;box-shadow:0 5px 15px #40215703}body[data-workspace] .primary{background:linear-gradient(110deg,#8c57e7,#7050dd);border-radius:12px;padding:12px 20px}body[data-workspace] .stat{border-radius:18px;padding:22px}body[data-workspace] .teacherwelcome{border:0;background:linear-gradient(110deg,#eee5fc,#e6f8ff);padding:35px;border-radius:23px}body[data-workspace] .sidebottom{background:#faf6ff;color:#9b84b2}body[data-workspace=student] .heading{margin-bottom:20px}body[data-workspace=student] .heading h1{font-size:24px}body[data-workspace=student] .nav button{font-size:16px}body[data-workspace=student] .primary,body[data-workspace=student] .pill{min-height:46px}body[data-workspace=student] .row h3{font-size:17px}body[data-workspace=student] .row p,body[data-workspace=student] .muted{font-size:14px}.kidhero{background:#342452;color:white;border-radius:25px;padding:33px 38px;display:flex;justify-content:space-between;gap:25px;align-items:center;overflow:hidden}.kidlabel{font-size:13px;color:#b795ec}.kidhero h2{font-size:37px;line-height:1.4;margin:12px 0}.kidhero p{font-size:15px;color:#ccbfdf;max-width:440px;line-height:1.9}.kidart{width:210px;min-width:180px;position:relative;background:linear-gradient(140deg,#a565f2,#14b4ef);height:170px;border-radius:50px 18px 50px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-7deg)}.kidart b{font:700 64px monospace;color:white}.kidart>span{position:absolute;color:#ffd850;font-size:55px;top:-30px;right:-15px}.kidart small{font-size:8px;letter-spacing:1px;color:#e8ddfc}.kidnext{display:flex;align-items:center;gap:20px;background:white;border:1px solid #e8def5;border-radius:20px;padding:22px 25px;margin-top:20px}.nexticon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#f1e7ff;color:#8755d2;font-size:31px}.kidnext h3{margin:4px 0;font-size:20px}.kidnext p{font-size:13px;color:#a08fac;margin:0}.kidnext button{margin-inline-start:auto}.kidsectiontitle{font-size:21px;margin:30px 0 18px}.kidchoices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kidchoice{text-align:start;border-radius:20px;padding:23px;display:flex;flex-direction:column;align-items:start;border:1px solid #e4d7f5;background:#f1e9fc;color:#65448a;transition:transform .2s}.kidchoice:hover{transform:translateY(-4px)}.kidchoice>span{font-size:35px}.kidchoice h3{font-size:19px;margin:12px 0 8px}.kidchoice p{font-size:13px;line-height:1.8;margin:0 0 20px;color:#9581ab}.kidchoice b{margin-top:auto;font-size:13px}.kidchoice.blue{background:#eaf7fd;border-color:#d7eaf5;color:#4585a8}.kidchoice.blue p{color:#80a0b4}.kidchoice.yellow{background:#fff8e4;border-color:#f1e7c8;color:#a58a3e}.kidchoice.yellow p{color:#ad9c6c}.kidjourney{display:flex;align-items:center;gap:25px;background:white;border-radius:20px;margin-top:23px;padding:26px;border:1px solid #eee8f6}.kidjourney>div{flex:1}.kidjourney h2{font-size:23px;margin:8px 0}.kidjourney p{font-size:14px;color:#a291ad;line-height:1.9}.journeydots{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.journeydots span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f6f3fa;color:#b5a6c1;font-size:12px}.journeydots .done{background:#e7f5ee;color:#6ca58a}.kidpageintro{background:#eee7fa;border-radius:21px;padding:25px 28px;margin-bottom:22px}.kidpageintro>span{font-size:32px;color:#9c70dc}.kidpageintro h2{font-size:26px;margin:10px 0}.kidpageintro p{font-size:15px;color:#9e88b2;line-height:1.8}.tasksteps{display:flex;gap:16px;margin:20px 0;flex-wrap:wrap}.tasksteps span{background:white;border-radius:12px;padding:12px 17px;font-size:14px;color:#8d799f}.tasksteps b{display:inline-grid;place-items:center;width:25px;height:25px;background:#efe6fb;color:#8a5bcc;border-radius:50%;margin-inline-end:10px}.achievementgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.achievementgrid>div{padding:24px;background:#fff;border:1px solid #ece4f5;border-radius:19px;text-align:center}.achievementgrid span{font-size:35px}.achievementgrid h3{font-size:17px}.achievementgrid p{font-size:13px;color:#a392b2}.workspacehelp{display:flex;gap:15px;align-items:center;margin-top:30px;padding:18px 22px;border-radius:15px;background:#ede7f7}.workspacehelp>span{font-size:25px}.workspacehelp>div{flex:1}.workspacehelp strong{font-size:14px;color:#806596}.workspacehelp p{font-size:12px;color:#a18dab;margin:5px 0}.workspacehelp .pill{background:#fff;border:0;color:#8c63b3}body[data-workspace] .notice{font-size:10px;color:#b7a8c2}@media(max-width:1000px){.kidchoices{gap:12px}.kidchoice{padding:18px}.kidchoice h3{font-size:16px}.kidhero h2{font-size:30px}body[data-workspace] .content{padding:25px}.kidart{min-width:140px;width:160px;height:150px}}@media(max-width:760px){body[data-workspace] aside{position:static;width:100%;padding:18px}body[data-workspace] .main{margin:0}body[data-workspace] .nav{display:flex;margin-top:18px}body[data-workspace] .nav button{font-size:13px;white-space:nowrap;padding:10px 12px}body[data-workspace] header{height:auto;padding:16px;flex-wrap:wrap}body[data-workspace] .content{padding:20px 15px}.kidhero{padding:26px}.kidhero h2{font-size:29px}.kidart{display:none}.kidnext{padding:18px;gap:12px;flex-wrap:wrap}.kidnext h3{font-size:17px}.kidnext button{width:100%;margin:8px 0 0}.kidchoices{grid-template-columns:1fr}.kidchoice{padding:22px}.kidchoice h3{font-size:19px}.kidjourney{display:block}.kidjourney button{margin-top:20px;width:100%}.achievementgrid{grid-template-columns:1fr}.workspacehelp{flex-wrap:wrap}.workspacehelp .pill{width:100%}.kidpageintro h2{font-size:23px}body[data-workspace] .teacherwelcome{padding:25px}}
.chatlayout{display:grid;grid-template-columns:245px 1fr;background:white;border:1px solid #e8dff3;border-radius:22px;overflow:hidden;min-height:570px}.chatlayout .chatgroups{position:static;width:auto;padding:23px 18px;border:0;border-inline-end:1px solid #eee7f5;box-shadow:none;background:#fcfaff;display:block;z-index:auto}.chatgroups h3{font-size:17px;margin:0 0 20px}.chatgroupactive{display:flex;gap:12px;padding:13px 10px;border-radius:12px;background:#eee4fc}.chatgroupactive b{font-size:13px}.chatgroupactive small{display:block;font-size:10px;color:#a089b6;margin-top:5px}.chatmembers{margin:27px 0}.chatmembers h4{font-size:12px;color:#aa96bb}.chatmembers p{font-size:13px;display:flex;align-items:center;gap:9px}.memberdot{width:7px;height:7px;background:#c6b4dd;border-radius:50%}.chatgroups .muted{font-size:11px;line-height:1.9}.chatmain{display:flex;flex-direction:column;min-width:0}.chatheader{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid #eee7f6}.chatheader h3{font-size:16px;margin:0}.chatheader p{font-size:11px;color:#ad98bb;margin:4px 0 0}.chatheader>.badge{margin-inline-start:auto}.chatguidance{text-align:center;font-size:11px;color:#a18cac;padding:9px;background:#fdfbff}.chatmessages{height:340px;overflow:auto;padding:22px;background:#f8f5fc;display:flex;flex-direction:column;gap:12px}.chatbubble{align-self:flex-start;max-width:82%;padding:12px 15px;border-radius:15px 15px 4px 15px;background:#fff;border:1px solid #eee6f6;min-width:110px}.chatbubble.mine{align-self:flex-end;background:#eee1fb;border-color:#e4d1f4;border-radius:15px 15px 15px 4px}.chatauthor{font-size:11px;font-weight:700;color:#9764bc;margin-bottom:6px}.chatauthor>span{font-size:9px;color:#aaa}.chattext{font-size:14px;line-height:1.8;overflow-wrap:anywhere;white-space:normal}.chattext a{color:#7450c9;text-decoration:underline}.chatbubble small{display:block;font-size:9px;color:#b09bc1;margin-top:6px;text-align:end}.chatbubble img{display:block;max-width:100%;max-height:220px;border-radius:10px;margin-bottom:6px}.chatcomposer{display:flex;align-items:center;gap:10px;padding:15px;border-top:1px solid #ece4f5}.chatcomposer textarea{flex:1;min-width:0;border:1px solid #e5d9f2;padding:11px;border-radius:13px;resize:vertical;background:#fcfaff;font-size:14px;max-height:140px}.chatattach{font-size:26px;cursor:pointer;color:#976ac1;padding:5px;margin:0}.askteacher{font-size:11px;color:#9874b1;background:#f5effb;padding:9px;border-radius:9px;white-space:nowrap}.chatdemohint{font-size:9px;color:#ae9cbb;line-height:1.8;text-align:center;padding:0 15px 10px;margin:0}.chatempty{text-align:center;margin:auto;color:#a594b4}.chatempty>span{font-size:45px;color:#b48ddb}.chatempty h3{font-size:20px}.chatempty p{font-size:13px}.chatattachment{display:flex;gap:14px;align-items:center;padding-inline:15px}.chatattachment:empty{display:none}.chatattachment img{height:65px;max-width:100px;object-fit:contain;margin-block:10px;border-radius:8px}@media(max-width:1000px){.chatlayout{grid-template-columns:190px 1fr}.chatcomposer{flex-wrap:wrap}.askteacher{order:4}.chatcomposer .primary{padding:10px}}@media(max-width:760px){.chatlayout{grid-template-columns:1fr}.chatlayout .chatgroups{display:none}.chatmessages{height:360px;padding:15px}.chatheader{padding:15px}.chatcomposer{gap:7px;padding:12px}.chatcomposer textarea{font-size:13px}.chatbubble{max-width:90%}.chatcomposer .primary{font-size:12px}}
.chatbubble{position:relative;padding-bottom:10px}.reactioncounts{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.reactioncounts:empty{display:none}.reactionchip{padding:3px 7px;border:1px solid #e8d9f4;border-radius:20px;background:#fff;font-size:12px;color:#997cae}.reactionchip.myreaction{background:#e9dcf9;border-color:#aa7fd5}.reactionpicker{position:relative;align-self:end;margin-top:6px;text-align:end}.reactionpicker summary{list-style:none;display:inline-grid;place-items:center;width:25px;height:25px;cursor:pointer;border-radius:50%;background:#ffffffb0;color:#a181ba;font-size:18px}.reactionpicker summary::-webkit-details-marker{display:none}.reactionpicker>div{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;margin-top:6px;border:1px solid #ebdff5;background:white;border-radius:30px;padding:5px;box-shadow:0 5px 15px #5428730d}.reactionpicker button{background:none;border-radius:50%;padding:5px;font-size:19px}.reactionpicker button:hover{background:#f3eafb}.chatcomposer textarea{min-height:48px}
.chatlayout{border-radius:23px;min-height:620px;grid-template-columns:220px 1fr;box-shadow:0 12px 35px #5c387608}.chatlayout .chatgroups{padding:26px 16px;background:#faf7fe}.chatgroupactive{padding:16px 12px;border:1px solid #e6d5f5;background:#f0e7fc;border-radius:15px}.chatheader{padding:20px 24px;background:white;gap:13px}.chatheader h3{font-size:17px}.chatheader p{font-size:12px;line-height:1.6}.chatheader>.badge{display:none}.chatcontext{margin-inline-start:auto;border-radius:20px;background:#f0e9fa;color:#a27bbe;padding:5px 12px;font-size:10px}.chatguidance{padding:10px 16px;background:#f8f3fe;border-bottom:1px solid #eee6f6;color:#a58db7}.chatmessages{height:390px;padding:25px;background:radial-gradient(circle at 1px 1px,#d9cbe23d 1px,transparent 0) 0 0/24px 24px,#f8f5fb;gap:17px}.chatbubble{max-width:76%;border-radius:17px 17px 17px 5px;background:#fff;border:0;box-shadow:0 2px 8px #4c286409;padding:13px 16px}.chatbubble.mine{border:0;background:#e9dcf8;border-radius:17px 17px 5px 17px}.chatbubble .chatauthor{margin-bottom:7px;font-size:11px}.chatbubble .chattext{font-size:15px;line-height:1.8}.chatbubble small{margin-top:9px}.reactionpicker{display:inline-block;margin-top:5px}.reactionpicker>div{border-radius:16px}.reactioncounts{margin-top:8px}.chatcomposer{background:white;padding:17px 20px 10px;gap:12px;flex-wrap:wrap;border-top:1px solid #eee6f6}.chatattach{width:40px;height:40px;border-radius:12px;background:#f5eefc;display:grid;place-items:center;padding:0;font-size:25px}.chatcomposer textarea{flex:1;min-width:120px;border:0;border-radius:15px;background:#f6f2fa;padding:12px 15px;min-height:50px;line-height:1.7}.chatcomposer .primary{min-height:44px;font-size:13px;padding:11px 17px;border-radius:13px}.chatcomposer .askteacher{order:4;padding:6px 12px;border-radius:20px;font-size:10px;margin-inline-start:52px;background:#f7f0fc}.chatkeyboardhint{font-size:9px;color:#b5a2c3;text-align:center;padding:4px 14px 8px}.chatdemohint{padding:5px 20px 12px;border-top:1px solid #f7f1fb;font-size:9px;color:#b6a5c1}.chatattachment{background:#fbf8fe}.chatattachment img{height:85px}.chatmembers p{padding:5px 0}.chatmembers h4{margin-bottom:13px}@media(max-width:1000px){.chatlayout{grid-template-columns:190px 1fr}.chatcomposer .askteacher{margin-inline-start:0}}@media(max-width:760px){.chatlayout{grid-template-columns:1fr;min-height:570px}.chatheader{padding:17px}.chatheader h3{font-size:15px}.chatheader p{font-size:10px}.chatmessages{height:365px;padding:17px 13px}.chatbubble{max-width:88%;padding:12px 14px}.chatbubble .chattext{font-size:14px}.chatcomposer{padding:12px;gap:8px}.chatattach{width:33px;height:38px}.chatcomposer .primary{padding:10px;font-size:12px}.chatcomposer textarea{padding:10px;font-size:13px}.chatcontext{font-size:9px;padding:5px 9px}}
.chatreplybutton{float:inline-end;background:transparent;color:#a385b9;font-size:10px;padding:2px 5px;border-radius:6px;margin-inline-start:15px}.chatreplybutton:hover{background:#f6eefb}.chatquoted{border-inline-start:3px solid #a170ce;background:#f4edf9;padding:9px 11px;margin-bottom:11px;border-radius:7px}.chatquoted b{font-size:10px;color:#9360b6}.chatquoted p{font-size:12px;color:#a08aad;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.chatreplypreview{display:flex;align-items:center;gap:15px;margin:10px 18px 0;padding:12px 15px;border-inline-start:4px solid #a575d0;background:#f2eafa;border-radius:11px}.chatreplypreview>div{flex:1;min-width:0}.chatreplypreview b{font-size:11px;color:#9465b7}.chatreplypreview p{font-size:12px;color:#a18bae;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatreplypreview button{font-size:23px;color:#a68db7;background:transparent;padding:2px 8px}
.paymentpreview{background:#f8f3fd;border:1px solid #eadcf7;padding:17px;border-radius:13px;margin:20px 0}.paymentpreview h3{font-size:17px}.consentlabel{font-size:12px;line-height:1.9}.consentlabel input{display:inline;width:auto;margin-inline-end:8px}

/* Preserve step visibility even when component styles set display. */
[hidden]{display:none!important}
.paymentScreenHeading h2{margin:13px 0}.paymentpreview{margin-top:18px}

.paymentchoices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.paymentchoices label{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dfcef3;background:white;padding:15px 10px;border-radius:12px;cursor:pointer;margin:0;font-size:14px}.paymentchoices input{display:inline;width:auto;margin:0;accent-color:#8650dd}.paymentchoices label:has(input:checked){background:#eee2fc;border:2px solid #aa7be4;color:#7946c1}.paymentrecipient{background:white;border:1px solid #e7daf5;border-radius:12px;padding:16px;margin-bottom:16px}.paymentrecipient span{display:block;color:#ad96be;font-size:11px}.paymentrecipient strong{display:block;font-size:16px;margin:6px 0 12px}.paymentrecipient p{font-size:12px;color:#a28ab5;line-height:1.8;margin:0}.confirmwhatsapp{border-top:1px solid #e5d7f1;margin-top:18px;padding-top:16px}.confirmwhatsapp span{display:block;font-size:12px;color:#9173a8}.confirmwhatsapp strong{display:block;font-size:21px;letter-spacing:1px;margin:8px 0;text-align:start}.confirmwhatsapp small{display:block;color:#ad98bc;font-size:11px;line-height:1.9}

.confirmnumberrow{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border:1px solid #e5d5f4;border-radius:12px;padding:13px 15px;margin:12px 0}.confirmwhatsapp .confirmnumberrow strong{margin:0;font-family:Inter,Arial,sans-serif;font-size:20px;letter-spacing:.5px;direction:ltr;unicode-bidi:isolate}.confirmwhatsapp .confirmnumberrow>span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:#85659e}.confirmnumberrow input{display:inline;width:18px;height:18px;margin:0;accent-color:#8650d9;cursor:pointer}@media(max-width:420px){.confirmnumberrow{flex-wrap:wrap}.confirmwhatsapp .confirmnumberrow strong{font-size:19px}}

.paymentpreview .consentlabel{display:flex;align-items:flex-start;gap:13px;background:#fff;border:2px solid #dac5f1;border-radius:12px;padding:16px;cursor:pointer;font-size:13px;line-height:1.9;margin-top:20px}.paymentpreview .consentlabel input{appearance:auto;display:block;flex:0 0 23px;width:23px;height:23px;margin:4px 0 0;accent-color:#8650d9;cursor:pointer}.consentlabel>span{display:block;color:#665078}.consentlabel b{display:block;color:#8855bd;font-size:12px;margin-bottom:5px}.paymentpreview .consentlabel:has(input:checked){border-color:#a875da;background:#f2e8fc}
.notificationbell{position:relative;width:40px;height:40px;border:1px solid #e6daf3;border-radius:12px;color:#9463bd;background:#f8f3fc;font-size:22px}.bellcount{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:1px 4px;display:grid;place-items:center;border-radius:20px;background:#a06ed1;color:white;font-size:10px}.navcounter{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:20px;background:#ad86d6;color:#fff;font-size:10px;float:inline-end;margin-inline-start:8px}aside .nav{overflow-y:auto;min-height:0}aside .sidebottom{margin-top:20px}.actions a.pill{text-decoration:none;font-size:12px}
.unifiedchattabs{display:flex;gap:6px;padding:10px 18px;background:#fff;border-bottom:1px solid #eee5f5}.unifiedchattabs button{background:#f8f3fc;border-radius:10px;padding:9px 20px;color:#a187b4;font-size:13px}.unifiedchattabs .selected{background:#ecdef9;color:#8952b8;font-weight:600}

.assignment-form{display:grid;gap:20px;margin-top:24px}.assignment-form>label{display:grid;gap:10px;font-weight:600}.assignment-form select,.assignment-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:14px;border:1px solid #ddd3f1;border-radius:14px;background:#faf8ff;color:#242c46}.assignment-form textarea{min-height:110px}.assignment-form>.primary{width:100%;margin-top:4px}.star-grade{border:1px solid #e4dbf5;background:#faf8ff;border-radius:18px;padding:20px;text-align:center}.star-grade legend{font-weight:700;padding:0 10px}.grade-stars{display:flex;direction:ltr;justify-content:center;gap:9px;margin:10px 0}.star-option{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#c2b8d7}.star-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.star-option span{display:grid;place-items:center;width:44px;height:48px;font-size:36px;border-radius:10px}.star-option:first-child span{font-size:22px}.star-option small{font-size:12px}.star-option.filled{color:#efac21}.star-option:has(input:checked) span{background:#eee5ff;outline:2px solid #8b50df}.star-option:has(input:focus-visible) span{outline:3px solid #7842ce}.star-grade output{font-size:24px;font-weight:800;color:#7842ce;display:block;margin-top:16px}@media(max-width:480px){.grade-stars{gap:3px}.star-option span{width:36px;font-size:30px}}

.student-grade-result{display:flex;align-items:flex-start;gap:18px;border:1px solid #e1d8f5;background:#f7f3ff;border-radius:20px;padding:22px;margin-top:16px;max-width:600px}.student-grade-result.celebrate{background:linear-gradient(125deg,#f3eaff,#ecfaff 65%,#fff7d9);border-color:#dcc3f6;position:relative;overflow:hidden}.grade-medal{font-size:42px;line-height:1.3}.student-grade-result h3{color:#6935b4;margin:0 0 8px;font-size:21px}.result-stars{display:flex;gap:4px;direction:ltr;justify-content:flex-start;font-size:31px;color:#d4cce3}.result-stars .earned{color:#efb124;text-shadow:0 2px 0 #fff}.result-score{display:block;font-size:22px;color:#54308e;margin-top:7px}.grade-feedback{background:#ffffffb3;padding:12px 15px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.assignment-locked{display:inline-flex;padding:12px 16px;border-radius:12px;background:#edf8f2;color:#277551;font-weight:600;font-size:14px}.student-grade-result.celebrate .grade-medal{animation:grade-pop .5s ease-out}@keyframes grade-pop{from{transform:scale(.6) rotate(-15deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.student-grade-result.celebrate .grade-medal{animation:none}}@media(max-width:520px){.student-grade-result{padding:16px;gap:10px}.grade-medal{font-size:32px}.student-grade-result h3{font-size:18px}}
.work-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.work-page-heading h2{font-size:27px;margin:14px 0 8px}.work-page-heading p{color:#858ba3;margin:0}.work-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.work-summary>div{display:flex;align-items:center;gap:15px;background:white;border:1px solid #e9e2f3;border-radius:18px;padding:20px}.work-summary-icon{display:grid;place-items:center;background:#f1eaff;color:#8552d4;width:44px;height:44px;border-radius:13px;font-size:23px}.work-summary strong{font-size:26px;display:block;line-height:1.2}.work-summary small{display:block;color:#858ba3;margin-top:6px}.work-assignment-list{display:grid;gap:18px}.work-assignment-card{background:#fff;border:1px solid #e6def2;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #40207004}.work-assignment-header{display:flex;align-items:center;gap:16px;padding:24px}.work-session-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#f0e5ff,#eaf6ff);color:#8051c4;font-size:21px;font-weight:800}.work-assignment-header h3{margin:5px 0 0;font-size:19px;overflow-wrap:anywhere}.work-assignment-header small{color:#9394aa}.work-total{margin-inline-start:auto;color:#71738f;font-size:13px;white-space:nowrap;background:#f8f6fc;padding:9px 12px;border-radius:9px}.work-assignment-details>summary,.work-group-details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.work-assignment-details>summary{padding:14px 24px;border-top:1px solid #eee8f5;color:#7c4cc7;background:#fbfaff;font-weight:600;font-size:14px}.work-assignment-details summary::-webkit-details-marker{display:none}.work-chevron{font-size:22px;line-height:1;transition:transform .2s}.work-assignment-details[open]>summary .work-chevron,.work-group-details[open]>summary .work-chevron{transform:rotate(180deg)}.work-count{background:#eee5fb;border-radius:7px;padding:2px 8px;margin-inline-start:7px;font-size:12px}.work-groups{padding:16px 20px;display:grid;gap:12px}.work-group-details{border:1px solid #e9e5f1;border-radius:13px;overflow:hidden}.work-group-details>summary{padding:16px 18px;background:#faf9fc}.work-group-details>summary strong{font-size:15px}.work-group-details>summary small{display:block;margin-top:5px;font-size:12px;color:#8b8fa3}.work-students{padding:0 18px}.work-student-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:17px 0;border-bottom:1px solid #efebf5}.work-student-row:last-child{border-bottom:0}.work-student-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.work-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#eee8fb;color:#8959c6;font-size:13px;font-weight:700}.work-student-identity strong{font-size:14px}.work-student-identity small{display:block;font-size:12px;color:#9297aa;margin-top:5px;overflow-wrap:anywhere}.work-student-actions{display:flex;align-items:center;gap:12px}.work-student-actions .pill{font-size:12px;padding:9px 12px}.work-grade{display:flex;align-items:center;gap:8px;background:#faf4e3;color:#996e15;border:1px solid #f3e4b6;border-radius:10px;padding:7px 12px}.work-grade>span{color:#eab02f;font-size:19px}.work-grade bdi{display:flex;gap:5px;align-items:baseline}.work-grade strong{font-size:19px}.work-grade small{font-size:12px;color:#aa9461}.work-status{display:flex;align-items:center;gap:6px;font-size:12px;border-radius:8px;padding:7px 10px}.work-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.work-status.waiting{background:#f3f3f7;color:#9093a5}.work-status.submitted{background:#f0eafd;color:#8955d0}.work-row-feedback{width:100%;margin:0;padding-inline-start:48px;font-size:12px;color:#81859a;white-space:pre-wrap;overflow-wrap:anywhere}.work-empty{text-align:center;padding:40px}@media(max-width:650px){.work-page-heading{align-items:flex-start;flex-direction:column}.work-summary{gap:8px}.work-summary>div{padding:12px;gap:8px;flex-direction:column;align-items:flex-start}.work-summary small{font-size:11px}.work-summary-icon{width:32px;height:32px}.work-assignment-header{padding:18px;flex-wrap:wrap}.work-total{margin-inline-start:64px}.work-groups{padding:12px}.work-student-actions{flex-wrap:wrap}.work-student-identity{flex-basis:100%}.work-student-actions{margin-inline-start:48px}}
.attendance-groups{display:grid;gap:22px}.attendance-group.card{padding:0;overflow:hidden}.attendance-group-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}.attendance-group-header h3{font-size:21px;margin:12px 0 7px}.attendance-group-header p{font-size:13px;margin:0}.attendance-session-label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:170px}.attendance-session-label select{font:inherit;padding:12px;background:#faf8ff;border:1px solid #e5dcf2;border-radius:12px}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#faf9fe;border-block:1px solid #eee8f6;padding:14px 24px;font-size:13px;color:#89859f}.attendance-all{color:#6e41af;background:#f0e8fc;border-color:#e3d4f7;font-weight:600}.attendance-roster{padding:0 24px}.attendance-person{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #eeeaf5}.attendance-person:last-child{border:0}.attendance-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attendance-choice{background:white;border:1px solid #e4e1ed;border-radius:10px;padding:10px 14px;color:#8b879d;cursor:pointer;font:inherit;font-size:13px;display:flex;align-items:center;gap:6px;transition:background .15s}.attendance-choice span{font-size:17px}.attendance-choice:hover{background:#f7f3fc}.attendance-choice.present.selected{background:#e9f8ef;border-color:#6ec39a;color:#24764d}.attendance-choice.absent.selected{background:#fff0f0;border-color:#edaaa9;color:#b44e4e}.attendance-choice.late.selected{background:#fff6e6;border-color:#edc47b;color:#a87923}.attendance-choice:focus-visible,.attendance-reset:focus-visible{outline:3px solid #b78deb;outline-offset:2px}.attendance-reset{border:0;background:transparent;color:#9585b0;font-size:22px;cursor:pointer;padding:6px}.attendance-person .work-student-identity small{font-size:12px}@media(max-width:650px){.attendance-group-header{padding:18px;align-items:flex-start;flex-direction:column}.attendance-session-label{width:100%}.attendance-toolbar{padding:12px 18px;flex-wrap:wrap}.attendance-roster{padding:0 18px}.attendance-person{flex-direction:column;align-items:flex-start;gap:14px}.attendance-choice{padding:9px 12px}}
.live-demo-room{text-align:center}.live-demo-icon{display:grid;place-items:center;width:90px;height:90px;margin:25px auto;background:linear-gradient(135deg,#f0e5ff,#e4faff);color:#8752d5;border-radius:26px;font-size:45px}.live-demo-room .primary{width:100%;margin-top:18px}.auto-attendance-student{padding:20px 0;border-bottom:1px solid #eeeaf4}.auto-attendance-student:last-child{border:0}.auto-attendance-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.auto-attendance-metrics{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0;background:#faf8fd;padding:14px;border-radius:12px;font-size:12px;color:#8e889f}.auto-attendance-metrics strong{display:block;color:#655079;font-size:14px;margin-top:6px}.auto-attendance-log summary{cursor:pointer;color:#8654c4;font-size:13px;padding:7px 0}.auto-attendance-log>div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-inline-start:2px solid #e1d6f3;font-size:12px;color:#8a8299}.auto-attendance-log .join{color:#348667}.auto-attendance-log .leave{color:#a57b45}@media(max-width:520px){.auto-attendance-top{align-items:flex-start;flex-direction:column}.auto-attendance-metrics{gap:14px}}
.report-group{background:white;border-radius:18px;border-color:#e5dcf1}.report-group>summary{padding:24px;background:white}.report-group>summary strong{font-size:19px}.report-group[open]>summary{background:#fbf9ff;border-bottom:1px solid #eee7f7}.report-criteria{display:grid;gap:15px}.report-criteria fieldset{border:1px solid #e5def0;border-radius:14px;padding:16px;margin:0}.report-criteria legend{font-size:14px;font-weight:600;padding:0 8px;color:#625177}.report-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.report-levels label{position:relative;cursor:pointer}.report-levels input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.report-levels span{display:block;text-align:center;padding:12px 5px;border:1px solid #e5def0;border-radius:10px;color:#8c839a;font-size:13px;background:#fff}.report-levels input:checked+span{color:#7540bf;background:#f0e6ff;border-color:#a475e0;font-weight:700}.report-levels input:focus-visible+span{outline:3px solid #bb93ed;outline-offset:2px}.report-preview-body{white-space:pre-wrap;line-height:2;background:#faf7ff;border:1px solid #e8ddf6;border-radius:16px;padding:20px;margin:20px 0}.report-form-heading h2{margin-top:15px}@media(max-width:480px){.report-levels{grid-template-columns:repeat(2,1fr)}}
.report-week-picker{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:190px}.report-week-picker select{font:inherit;padding:12px 16px;border:1px solid #ddd0f2;border-radius:12px;background:#fff;color:#7043a9}.report-parent-contact{padding:15px 18px;border:1px solid #e6def1;border-radius:14px;background:#faf8fd}.report-parent-contact small{display:block;color:#8a819a;margin-bottom:8px}.report-parent-contact strong{display:block;text-align:start;font-size:16px;overflow-wrap:anywhere}
.material-toolbar{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:16px}.material-toolbar>input{flex:1;min-width:130px;padding:12px;border:1px solid #eee7f5;border-radius:11px;font:inherit}.assignment-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.assignment-filters button{border:1px solid #e6deef;border-radius:999px;background:white;color:#77718a;padding:9px 15px;font:inherit;font-size:13px;cursor:pointer}.assignment-filters button.selected{color:#7141b3;background:#f0e8fb;border-color:#dbc8f2;font-weight:700}
.class-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0 24px}.class-picker-card{display:flex;align-items:center;gap:13px;padding:16px;background:#fff;border:1px solid #e6dfef;border-radius:15px;text-align:start;cursor:pointer;color:#37304b;font:inherit}.class-picker-card.active{border:2px solid #9561d6;background:#faf6ff;box-shadow:0 5px 18px #8051c41a}.class-picker-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0e8fb;color:#814ec1;font-size:20px}.class-picker-card strong,.class-picker-card small{display:block}.class-picker-card small{margin-top:5px;color:#8e899e;font-size:12px}.class-picker-arrow{margin-inline-start:auto;color:#8655c7}.selected-class-panel{margin-top:18px}.selected-class-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #eee9f5}.selected-class-title small{color:#8f899e}.selected-class-title h3{margin:6px 0;font-size:20px}.class-session-details{border-bottom:1px solid #eee9f5}.class-session-details>summary{display:flex;justify-content:space-between;align-items:center;padding:16px 5px;cursor:pointer;list-style:none}.class-session-details summary::-webkit-details-marker{display:none}.class-session-details summary small{display:block;color:#8e899f;margin-top:5px}.class-session-details>div{padding:0 12px}.class-student-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #eee9f5}.class-student-line:last-child{border-bottom:0}.assignment-class-filter{margin:0 0 18px;padding:16px;background:white;border:1px solid #e7e0f0;border-radius:15px}.assignment-class-filter label{display:flex;align-items:center;gap:15px;font-weight:700}.assignment-class-filter select{min-width:190px}@media(max-width:580px){.class-student-line{align-items:flex-start;flex-direction:column}.class-picker-grid{grid-template-columns:1fr}.assignment-class-filter label{align-items:stretch;flex-direction:column}}
.guide-upload-box{display:grid;gap:14px;padding:18px;border:1px solid #e7dcf3;background:#faf7ff;border-radius:15px}.guide-upload-box>b{color:#7043aa}.resource-library-admin{margin-top:20px}.resource-actions{margin-inline-start:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.resource-actions a{text-decoration:none;padding:10px 13px;border-radius:10px}.resource-card{align-items:flex-start}@media(max-width:600px){.resource-actions{width:100%;margin:0}.resource-card{flex-wrap:wrap}}
.track-empty{text-align:center;border:1px dashed #d9cbe9;border-radius:22px;background:#fff;padding:65px 24px;color:#89819a}.track-empty>span{display:grid;place-items:center;margin:0 auto 20px;width:70px;height:70px;border-radius:22px;background:#f4ecff;color:#9460d1;font-size:35px}.track-empty h3{color:#42354f}.track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.track-card{text-align:start;background:white;border:1px solid #e6ddef;padding:24px;border-radius:20px;font:inherit;cursor:pointer;color:#483456;transition:transform .15s,border-color .15s}.track-card:hover{transform:translateY(-3px);border-color:#a777df}.track-card-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(140deg,#f1e5ff,#e8f8ff);color:#7e42c7;font-size:23px}.track-card h3{font-size:20px;margin:20px 0 8px}.track-card p{color:#8a8198;font-size:14px}.track-card>span:last-child{color:#8850c4;font-size:14px}.track-session-list{display:grid;gap:13px}.track-session-row{display:flex;align-items:center;gap:18px;background:white;border:1px solid #e9e1f1;padding:22px;border-radius:18px}.track-session-number{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:#f5effb;color:#8e61be;font-weight:800}.track-session-copy{flex:1;min-width:0}.track-session-copy h3{margin:0 0 12px}.track-resource-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.track-missing{font-size:11px;color:#a29aac;padding:7px;background:#faf8fc;border-radius:8px}.track-session-end{display:grid;gap:10px;text-align:center}.track-session-end small{font-size:11px;color:#a197aa}.track-session-end .track-live{color:#27815c}.track-teacher-options,.track-resource-field{border:1px solid #e5d9f1;border-radius:14px;padding:17px;display:grid;gap:12px}.track-teacher-options label,.track-remove,.track-publish{display:flex!important;align-items:center;gap:10px}.track-teacher-options input,.track-remove input,.track-publish input{width:19px!important;height:19px;accent-color:#9157d0}.track-resource-field label{display:grid;gap:8px;font-size:14px}.track-existing{font-size:12px;color:#725190;overflow-wrap:anywhere;margin:0}.track-error{color:#b54654;font-size:13px;margin:0}.track-student-video{display:flex;align-items:center;gap:18px;margin-bottom:16px}.track-student-video>div{flex:1}.track-student-video h3{margin:7px 0}.track-student-video small{color:#968ca3}@media(max-width:650px){.track-session-row{align-items:flex-start;flex-wrap:wrap;padding:17px}.track-session-end{width:100%;grid-template-columns:1fr 1fr;align-items:center}.track-student-video{flex-wrap:wrap}.track-grid{grid-template-columns:1fr}}
.schedule-datetime{display:grid;grid-template-columns:1fr 1fr;gap:14px}.schedule-datetime label{display:grid;gap:8px;font-weight:600}.schedule-datetime input{font:inherit;padding:13px;border:1px solid #e5dced;background:#fff;border-radius:12px}.schedule-auto-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.schedule-auto-fields label{display:grid;gap:8px;font-weight:600}.schedule-auto-fields input[readonly]{font:inherit;padding:13px;border:1px solid #e5dced;background:#f8f5fc;border-radius:12px;color:#7554a4;cursor:default}.schedule-auto-fields input[type=hidden]{display:none}@media(max-width:520px){.schedule-datetime,.schedule-auto-fields{grid-template-columns:1fr}}
.admin-chat-page{display:grid;gap:18px}.admin-chat-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px;background:linear-gradient(120deg,#fff,#faf6ff);border:1px solid #e8def4;border-radius:18px}.admin-chat-intro h2{font-size:21px;margin:14px 0 5px}.admin-chat-intro p{color:#8a8298;margin:0;font-size:13px}.admin-chat-total{display:grid;place-items:center;min-width:82px;height:82px;border-radius:22px;background:#f0e8fb;color:#8150bd}.admin-chat-total strong{font-size:26px;line-height:1}.admin-chat-total span{font-size:11px}.admin-chat-layout{display:grid;grid-template-columns:minmax(250px,320px) 1fr;min-height:530px;background:#fff;border:1px solid #e8def4;border-radius:18px;overflow:hidden}.admin-chat-list{position:static;width:auto;background:#fcf9ff;border:0;border-inline-end:1px solid #eee7f5;padding:20px;display:block}.admin-chat-list h3{font-size:15px;margin:2px 0 15px}.admin-chat-group{display:flex;align-items:center;gap:11px;width:100%;padding:12px;text-align:start;background:transparent;color:#40354e;border-radius:13px;margin-bottom:7px}.admin-chat-group.active{background:#f0e6fc;color:#7040aa}.admin-chat-group-copy{display:grid;gap:5px;flex:1;min-width:0}.admin-chat-group-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-chat-group-copy small{font-size:11px;color:#91869d}.admin-chat-count{min-width:26px;padding:4px 7px;text-align:center;border-radius:20px;background:#fff;color:#8b64b4;font-size:11px}.admin-chat-window{display:flex;flex-direction:column;min-width:0}.admin-chat-window-head{height:auto;min-height:75px;padding:17px 22px;display:flex;align-items:center;justify-content:flex-start;gap:12px;border-bottom:1px solid #eee7f5}.admin-chat-window-head>div{flex:1}.admin-chat-window-head h3{margin:0 0 4px;font-size:16px}.admin-chat-window-head p{margin:0;color:#8e879b;font-size:12px}.admin-chat-history{display:flex;flex:1;flex-direction:column;gap:11px;max-height:560px;overflow:auto;padding:20px;background:radial-gradient(#eee7f5 1px,transparent 1px) 0 0/18px 18px,#fcfaff}.admin-chat-message{align-self:flex-start;max-width:min(85%,620px);padding:13px 15px;background:#fff;border:1px solid #eee7f4;border-radius:15px 15px 15px 5px;box-shadow:0 3px 12px #36204708}.admin-chat-message-head{display:flex;align-items:center;gap:15px;margin-bottom:8px}.admin-chat-message-head b{font-size:12px;color:#7650a4}.admin-chat-message-head time{font-size:10px;color:#a098a8}.admin-chat-message img{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:10px;margin:6px 0}.admin-chat-message .chattext{line-height:1.7}.admin-chat-reactions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.admin-chat-reactions span{padding:4px 8px;border-radius:20px;background:#f5effa;color:#7953a1;font-size:11px}.admin-chat-no-messages,.admin-chat-empty{text-align:center;color:#91879d;padding:42px 18px}.admin-chat-no-messages{display:grid;justify-items:center;gap:10px;margin:auto}.admin-chat-no-messages>span,.admin-chat-empty>span{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#f2eafa;color:#8b59c1;font-size:25px}.admin-chat-no-messages small{font-size:12px}.admin-chat-empty{display:grid;justify-items:center}.admin-chat-empty h2{color:#40354e}.admin-chat-note{text-align:center;color:#9b92a4;font-size:11px;padding:0 15px 13px;margin:0}.admin-chat-composer{display:flex;align-items:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #eee7f5;background:#fff}.admin-chat-composer textarea{flex:1;min-width:0;resize:vertical;min-height:48px;max-height:150px;padding:12px 14px;border:1px solid #e4d9ef;border-radius:12px;font:inherit}.admin-chat-composer textarea:focus{outline:3px solid #eadcf8;outline-offset:1px}.admin-chat-composer .primary{white-space:nowrap}@media(max-width:760px){.admin-chat-layout{grid-template-columns:1fr}.admin-chat-list{border-inline-end:0;border-bottom:1px solid #eee7f5;max-height:240px;overflow:auto}.admin-chat-history{max-height:55vh}.admin-chat-intro{align-items:flex-start;padding:18px}.admin-chat-total{min-width:63px;height:63px;border-radius:18px}.admin-chat-window-head{padding:14px}.admin-chat-window-head>.badge{display:none}.admin-chat-composer{align-items:stretch;flex-direction:column}.admin-chat-composer .primary{width:100%}}