@import url('');:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#17233d;background:#f7f9fe;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:245px;background:white;border-right:1px solid #e8ecf5;padding:25px 15px;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 32px}.brandmark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#2466f1,#70a5ff);color:white;display:grid;place-items:center;font-weight:900;font-size:24px;box-shadow:0 8px 18px #3574ed40}.brand b{font-size:18px;letter-spacing:-.6px}.brand small{display:block;font-size:11px;color:#8590a3;letter-spacing:.35px;margin-top:2px}.caption,.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#8090a7}.caption{padding:0 18px;margin-bottom:12px}.nav{width:100%;text-align:left;border:0;background:transparent;padding:14px 16px;margin-bottom:6px;border-radius:12px;font-size:13px;font-weight:650;color:#69768c}.nav:hover,.nav.active{background:#edf4ff;color:#2563eb}.navspace{flex:1}.mini{font-size:9px;color:#64748b;margin-left:6px}.sidefoot{font-size:10px;color:#99a3b3;border-top:1px solid #edf0f5;padding:18px 7px 0}.statusdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#27bf87;margin-right:5px}.main{flex:1;min-width:0}.topbar{height:73px;background:rgba(255,255,255,.94);border-bottom:1px solid #e9edf5;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topcaption,.classlabel{color:#8993a5;font-size:12px}.topactions{display:flex;align-items:center;gap:11px}.topactions select{border:1px solid #e2e8f2;border-radius:10px;padding:8px 13px;background:white;font-weight:700;color:#243352}.avatar{height:35px;width:35px;background:#e4f0ff;color:#2864e8;display:grid;place-items:center;border-radius:50%;font-weight:800}.container{max-width:1320px;margin:0 auto;padding:38px 42px 100px}.hero{min-height:260px;border-radius:25px;background:linear-gradient(115deg,#2a65e8,#4b8ff1 64%,#8bc3ff);color:white;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:36px 47px;box-shadow:0 14px 34px #2a65e81a}.hero>div:first-child{max-width:560px;position:relative;z-index:1}.tinyhero{font-size:12px;color:#e4eeff;margin-bottom:12px}.hero h1{font-size:clamp(27px,3.2vw,42px);line-height:1.18;letter-spacing:-1.4px;margin:0 0 13px}.hero h1 em{font-style:normal;color:#fcefad}.hero p{font-size:13px;line-height:1.8;color:#e9f2ff;max-width:490px;margin-bottom:24px}.heroactions{display:flex;gap:12px;flex-wrap:wrap}.primary,.whitebtn,.outline{border:0;border-radius:11px;padding:12px 17px;font-weight:700;font-size:12px}.primary{background:#2563eb;color:white}.primary:hover{background:#164ed6}.hero .primary{background:white;color:#1a55dc}.whitebtn{background:#ffffff29;color:white;border:1px solid #ffffff55}.heroart{min-width:250px;height:230px;position:relative;display:grid;place-items:center}.bookart{font-size:120px;transform:rotate(-9deg);filter:drop-shadow(0 15px 12px #1b419e66)}.float{position:absolute;background:white;color:#2663e9;border-radius:16px;padding:11px 14px;font-size:21px;font-weight:900;box-shadow:0 14px 25px #254fa744}.f1{top:5px;left:5px;transform:rotate(-10deg)}.f2{top:12px;right:5px;color:#ffaf31}.f3{bottom:4px;left:40px;color:#9a59e9}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 40px}.stat{background:white;border:1px solid #e9eef8;border-radius:17px;padding:22px 23px;min-height:125px}.stat small{color:#8b97a7;font-weight:750;font-size:10px;letter-spacing:1px}.stat strong{font-size:32px;display:block;margin:7px 0 4px;line-height:1.2;letter-spacing:-1px}.stat span{font-size:11px;color:#8b97a7}.progressbar{width:100%;height:7px;border-radius:10px;background:#e7ecf7;overflow:hidden;margin-top:10px}.progressbar i{display:block;height:100%;background:#35bfa0}.sectiontitle{display:flex;justify-content:space-between;align-items:end;margin:27px 0 17px}.sectiontitle h2,.panel h2{font-size:21px;margin:6px 0;letter-spacing:-.5px}.tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.trackbox{display:flex;gap:18px;align-items:center;text-align:left;border:1px solid #d9e8ff;padding:22px;border-radius:17px}.trackbox.blue{background:#edf5ff}.trackbox.purple{background:#f3efff;border-color:#e6dcff}.trackemoji{width:54px;height:54px;background:white;border-radius:15px;display:grid;place-items:center;font-size:30px}.trackbox b{display:block;font-size:15px}.trackbox small{display:block;color:#758298;line-height:1.5;margin-top:5px;font-size:11px}.trackbox strong{margin-left:auto;font-size:20px;color:#5e70a0}.linkbtn{color:#2563eb;border:0;background:none;font-size:12px;font-weight:750}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.lessoncard{min-width:0;background:white;border:1px solid #e8edf6;border-radius:17px;padding:20px;display:flex;flex-direction:column;min-height:260px;box-shadow:0 3px 12px #e5eaf433}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:7px}.tag{display:inline-block;border-radius:6px;padding:6px 8px;background:#eaf2ff;color:#3268d1;font-size:10px;font-weight:750}.tag.violet{background:#f0eaff;color:#7a4ac9}.complete{font-size:10px;color:#059669;font-weight:750}.lessonicon{font-size:26px;font-weight:900;color:#4c7bea;background:#edf4ff;border-radius:13px;width:48px;height:48px;display:grid;place-items:center;margin:18px 0 10px}.lessoncard h3{font-size:16px;margin:0 0 8px;letter-spacing:-.3px}.lessoncard p{color:#8792a5;font-size:12px;line-height:1.7;margin:0 0 18px;flex:1}.bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.bottom span{color:#8b96a9;font-size:10px}.bottom button{border:0;background:none;color:#2563eb;font-size:11px;font-weight:800}.note{background:#eef5ff;border:1px solid #deebff;color:#597096;border-radius:12px;padding:15px 17px;font-size:12px;line-height:1.7;margin-top:27px}.pageheading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.pageheading h1,.lessonhead h1{font-size:30px;letter-spacing:-.8px;margin:7px 0}.pageheading p,.lessonhead p{font-size:13px;color:#8390a2;line-height:1.7}.pill{background:white;border:1px solid #e3e9f4;color:#64748b;padding:10px 15px;border-radius:20px;font-size:12px}.toolbar{display:flex;gap:12px;margin-bottom:22px}.toolbar input{flex:1}.toolbar input,.toolbar select,.panel input,.panel select,.panel textarea{border:1px solid #dfe6f2;border-radius:11px;padding:13px 14px;outline-color:#84a6ee;background:white;color:#24324b}.toolbar select{width:200px}.empty{grid-column:1/-1;background:white;border:1px dashed #d9e2f0;border-radius:14px;color:#778599;padding:35px 25px;font-size:13px;text-align:center}.back{border:0;background:none;color:#647895;font-weight:700;font-size:12px;margin-bottom:24px}.lessonhead{background:white;border:1px solid #e9eef7;border-radius:19px;padding:28px 30px;margin-bottom:20px}.lessonhead .tag{margin-bottom:11px}.lessonhead p{margin:7px 0 12px}.meta{color:#8b96a7;font-size:12px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}.reader,.rightpanel,.panel{background:white;border:1px solid #e9eef7;border-radius:18px;padding:25px}.readerintro{border-bottom:1px solid #eef2f8;padding-bottom:17px}.reader h2{font-size:20px;letter-spacing:-.4px}.reader p{font-size:13px;color:#596b83;line-height:1.9}.step{border-bottom:1px solid #edf1f6;padding:25px 0}.stepnumber{color:#477be3;font-weight:850;font-size:11px;letter-spacing:1px}.step h2{margin:10px 0}.example,.challenge{border-radius:12px;padding:16px 18px;margin:15px 0 0;background:#ecf5ff;border-left:3px solid #5a91ef}.challenge{background:#f3fdf6;border-color:#35bf91}.example b,.challenge b{font-size:12px}.example p,.challenge p{margin:5px 0 0}.rightpanel{position:sticky;top:20px;padding:21px}.rightpanel h3{font-size:14px;margin-top:0}.rightpanel a{display:flex;align-items:center;gap:10px;font-size:11px;color:#65758d;padding:10px 0}.rightpanel a span{display:grid;place-items:center;width:25px;height:25px;background:#eef4ff;color:#2e6fe7;border-radius:50%;font-weight:800;flex-shrink:0}.tip{background:#f6f8fd;padding:14px;border-radius:10px;margin-top:20px;font-size:11px}.tip p{color:#8190a5;line-height:1.6}.quiz{padding:24px 0 0}.question{padding:20px 0;border-bottom:1px solid #edf1f7}.question>b{font-size:14px;display:block;margin-bottom:14px}.option{display:flex;align-items:center;gap:10px;border:1px solid #e4e9f2;border-radius:10px;padding:12px;margin:8px 0;color:#52637b;font-size:12px;cursor:pointer}.option:has(input:checked){border-color:#8ab0ff;background:#f0f6ff}.option.correct{border-color:#56cba6;background:#e9fbf3}.option.incorrect{border-color:#f4aaaa;background:#fff0ef}.explain{font-size:11px;color:#6c7c91;margin-top:10px}.quizactions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:21px}.result{color:#19856b}.panel{margin-bottom:20px}.panel label{display:block;margin:15px 0;font-weight:650;color:#526279;font-size:12px}.panel input,.panel select,.panel textarea{display:block;width:100%;margin-top:7px;font-size:13px;font-weight:400;resize:vertical}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}.resultlist{margin-top:20px}.resultlist>div{padding:14px 6px;border-bottom:1px solid #edf1f7;display:flex;align-items:center;gap:12px}.resultlist b{font-size:13px;flex:1}.resultlist small{font-size:11px;color:#8792a5}.resultlist strong{color:#269c80;margin-left:auto}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.outline{background:white;color:#43648f;border:1px solid #dfe7f3}.outline.danger,.delete{color:#b55252}.delete{border:0;background:#fff0f0;padding:8px 10px;border-radius:8px;font-size:11px}.paneltop{display:flex;justify-content:space-between;gap:12px;align-items:center}.filebutton{cursor:pointer}.toast{position:fixed;bottom:25px;right:25px;background:#203555;color:white;padding:15px 18px;border-radius:12px;box-shadow:0 10px 30px #2435524d;font-size:13px;z-index:10}.toast[hidden]{display:none}.mobilebrand,.mobile-nav{display:none}@media(max-width:1100px){.sidebar{width:220px}.container{padding:28px 25px 95px}.topbar{padding:0 25px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{display:none}.mobilebrand{display:block;font-weight:850;font-size:15px}.topcaption{display:none}.topbar{height:62px;padding:0 17px}.container{padding:20px 14px 90px}.hero{padding:26px 22px;min-height:250px}.heroart{min-width:92px;opacity:.5;height:150px;position:absolute;right:15px;pointer-events:none}.bookart{font-size:85px}.float{display:none}.hero h1{font-size:29px}.hero p{font-size:12px}.hero>div:first-child{max-width:480px}.lesson-grid{grid-template-columns:1fr}.stats{gap:10px;margin:15px 0 28px}.stat{padding:16px;min-height:112px}.stat strong{font-size:25px}.tracks{grid-template-columns:1fr;gap:10px}.trackbox{padding:15px}.sectiontitle h2{font-size:18px}.pageheading h1,.lessonhead h1{font-size:24px}.lesson-layout{grid-template-columns:1fr}.rightpanel{display:none}.reader,.panel,.lessonhead{padding:19px}.toolbar{flex-direction:column}.toolbar select{width:100%}.formgrid{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:white;border-top:1px solid #e3eaf6;justify-content:space-around;box-shadow:0 -4px 17px #142c4f10;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:white;color:#718198;padding:9px 4px;font-size:21px;min-width:55px}.mobile-nav span{display:block;font-size:9px;font-weight:750}.paneltop{align-items:start;flex-direction:column}.resultlist>div{flex-wrap:wrap}.classlabel{display:none}.toast{bottom:85px;left:20px;right:20px}.lessonhead{margin-bottom:12px}}

/* Urdu right-to-left layout, preserving existing responsive styles */
html{direction:rtl} body{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",Tahoma,Arial,sans-serif;line-height:1.75} .layout{direction:rtl}.sidebar{border-right:0;border-left:1px solid #e4ebf6}.topbar,.container,.reader,.panel,.lessonhead,.rightpanel{text-align:right}.hero,.pageheading,.sectiontitle,.lessoncard,.lessonhead{text-align:right}.reader p,.step p,.example p,.challenge p{line-height:2}.option{direction:rtl;text-align:right}.question{direction:rtl}.stepnumber{letter-spacing:0}.rightpanel a{text-align:right}.formgrid label,.panel form label{text-align:right}input,textarea,select{font-family:inherit}input[type="email"],input[type="url"]{direction:ltr}.lesson-grid,.tracks,.stats{direction:rtl}.mobile-nav{direction:rtl}.back{direction:rtl}@media(max-width:720px){.container{padding-bottom:88px}.heroart{display:none}}