:root{--canvas:#F2ECDF;--card:#FFFDF8;--navy:#12364A;--navy9:#0E2C3C;--navy2:#1C4A5E;--gold:#C3A864;--gold6:#8A6D2E;--gold2:#F0E6CF;--flame:#E8854A;--line:#E4DECF;--ink60:#6B7E89;--mut:#9AA4AB;--mutb:#D9D2C2;--sky1:#13384D;--good:#E3F2E8;--goodic:#2E7D5B;--goodln:#A7D3B6;--sideMut:#9FB2BB;--sideIc:#8CA0AC;--fiqh:#E4EFE6;--fiqhic:#3E7B4F;--aq:#E2EFEE;--aqic:#1F6F6B;--qa:#EEE3EF;--qaic:#7A4E7E;--qu:#F0E6CF;--quic:#8A6D2E;--ak:#F3E4DD;--akic:#B5654A;--hd:"Fredoka","Poppins",system-ui,sans-serif;--ui:"Manrope",system-ui,sans-serif;--bo:"Nunito Sans",system-ui,sans-serif;--ar:"Tajawal","Noto Sans Arabic",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--canvas);font-family:var(--bo);color:var(--navy)}a{color:inherit}button{font-family:inherit}.app{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:248px 1fr;align-items:start}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:var(--navy);padding:30px 22px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.brand .tile{width:46px;height:46px;border-radius:12px;background:var(--canvas);display:grid;place-items:center}.brand b{font-family:var(--hd);font-weight:600;color:#fff;font-size:20px;display:block;line-height:1}.brand small{font-family:var(--ui);font-weight:600;color:var(--sideMut);font-size:10px;letter-spacing:.04em}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;background:none;border:0;cursor:pointer;color:var(--sideMut);font-family:var(--ui);font-weight:600;font-size:14.5px;text-align:left;width:100%}.nav button svg{color:var(--sideIc)}.nav button.active{background:var(--navy2);color:#fff}.nav button.active svg{color:var(--gold)}.streakcard{margin-top:auto;background:var(--navy2);border-radius:14px;padding:16px}.streakcard .r{display:flex;align-items:center;gap:8px;color:#fff;font-family:var(--ui);font-weight:600;font-size:13px}.streakcard .r svg{color:#ffd27a}.streakcard p{color:var(--sideMut);font-size:11.5px;margin-top:6px}.main{padding:34px 40px;display:flex;flex-direction:column;gap:26px;min-height:100vh}.h2{font-family:var(--hd);font-weight:600;font-size:20px}.bar{height:9px;border-radius:100px;background:#ede6d5;overflow:hidden}.bar i{display:block;height:100%;border-radius:100px;background:var(--gold)}.note{color:var(--ink60);font-size:13px}.row{display:flex;align-items:center}.btn{display:inline-block;text-align:center;border-radius:100px;padding:13px 22px;font-family:var(--ui);font-weight:600;font-size:14.5px;text-decoration:none;border:0;cursor:pointer}.btn.gold{background:var(--gold);color:#0a2230}.btn.outline{border:1px solid var(--mutb);color:var(--navy);background:none}.btn.block{display:block;width:100%}.chip{display:inline-flex;align-items:center;gap:7px;background:#fbefd8;border-radius:100px;padding:9px 14px;font-family:var(--ui);font-weight:600;color:var(--gold6);font-size:14px}.chip svg{color:var(--gold6)}.avatar{width:44px;height:44px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:#fff}.eyebrow{font-family:var(--ui);font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--gold6)}.muted{color:var(--ink60)}.center{display:flex;justify-content:center}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px}.card .ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card .ch b{font-family:var(--ui);font-weight:600;font-size:16px}.done-chip{display:inline-flex;align-items:center;gap:6px;color:var(--goodic);font-family:var(--ui);font-weight:600;font-size:13px}.done-chip svg{color:var(--goodic)}.ring{--p:0;width:132px;height:132px;border-radius:50%;flex:0 0 auto;background:conic-gradient(var(--gold) calc(var(--p)*1%),#27485a 0);display:grid;place-items:center}.ring:after{content:"";position:absolute;width:102px;height:102px;border-radius:50%;background:var(--navy9)}.ring .lbl{position:relative;text-align:center;z-index:1}.ring .lbl b{font-family:var(--hd);font-weight:600;font-size:26px;color:#fff;display:block;line-height:1}.ring .lbl span{font-size:11px;color:var(--sideMut)}.ring.sm{width:64px;height:64px}.ring.sm:after{width:48px;height:48px}.ring.sm .lbl b{font-size:15px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.greet{display:flex;align-items:center;gap:18px}.greet h1{font-family:var(--hd);font-weight:600;font-size:28px}.greet p{color:var(--ink60);font-size:15px;margin-top:4px}.topright{display:flex;align-items:center;gap:14px}.herorow{display:grid;grid-template-columns:1fr 388px;gap:24px;align-items:stretch}.hero{background:var(--navy);border-radius:24px;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;gap:20px}.hero .chip2{display:inline-flex;align-items:center;gap:7px;background:var(--navy2);border-radius:100px;padding:6px 12px;font-family:var(--ui);font-weight:600;font-size:12px;color:#f1ece0}.hero .chip2 svg{color:#ffd27a}.hero h3{font-family:var(--hd);font-weight:600;font-size:30px;margin:10px 0 6px}.hero .sub{color:#c9d6dc;font-size:14.5px;max-width:360px}.hero .cta{display:inline-block;margin-top:16px;background:var(--gold);color:#0a2230;border-radius:100px;padding:13px 24px;font-family:var(--ui);font-weight:600;font-size:15px;border:0;cursor:pointer}.nightsky{position:relative;overflow:hidden;background:var(--sky1);border-radius:24px;padding:28px;color:#f1ece0;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px}.nightsky .moon{position:absolute;top:24px;right:28px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fef3d6,#e7c98c)}.nightsky .st{position:absolute;border-radius:50%;background:#ffefc2}.nightsky .e{font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--gold)}.nightsky b{font-family:var(--hd);font-weight:600;font-size:30px;display:block;margin:4px 0}.nightsky p{color:#c9d6dc;font-size:13px}.subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.subjcard{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;text-align:left;width:100%;font:inherit}.subjcard .tile{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.subjcard .col{flex:1;min-width:0}.subjcard .col b{font-family:var(--ui);font-weight:600;font-size:16px}.subjcard .meta{display:flex;justify-content:space-between;align-items:center;margin:9px 0 8px;font-size:12.5px}.subjcard .meta .p{font-family:var(--ui);font-weight:600;color:var(--gold6)}.bottomrow{display:grid;grid-template-columns:1fr 1fr;gap:24px}.badges{display:flex;gap:14px;margin-top:4px}.badge{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--mutb);background:#efeadd}.badge svg{color:var(--mut)}.badge.on{background:var(--gold2);border-color:var(--gold)}.badge.on svg{color:var(--gold6)}.backbar{display:flex;align-items:center;gap:16px}.circlebtn{width:42px;height:42px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto;cursor:pointer}.vunit{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 28px}.vuh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.vuh .l{display:flex;align-items:center;gap:14px}.vuh .tile{width:50px;height:50px;border-radius:14px;background:var(--fiqh);display:grid;place-items:center}.vuh h4{font-family:var(--hd);font-weight:600;font-size:20px}.vuh .frac{display:flex;align-items:center;gap:8px;color:var(--ink60);font-family:var(--ui);font-weight:600;font-size:14px}.vunit.locked .tile{background:#efe9da}.vunit.locked h4{color:var(--mut)}.vnode{display:flex;align-items:stretch;gap:16px}.vnode.click{cursor:pointer}.beadcol{display:flex;flex-direction:column;align-items:center}.vbead{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-family:var(--ui);font-weight:600;font-size:16px;flex:0 0 auto}.vbead.done{background:var(--gold);color:var(--navy)}.vbead.done svg{color:var(--navy)}.vbead.current{background:var(--navy);color:#fff;box-shadow:0 0 0 3px var(--gold)}.vbead.upcoming{background:#fff;border:2px solid var(--mutb);color:var(--mut)}.vbead.locked{background:#f1ecdf;border:2px solid var(--mutb);color:var(--mut)}.vconn{width:3px;flex:1;min-height:22px;background:var(--mutb);border-radius:2px}.vconn.done{background:var(--gold)}.vtxt{padding:14px 0 22px;font-family:var(--ui);font-weight:600;font-size:15px;color:var(--navy)}.vnode.upcoming .vtxt,.vnode.locked .vtxt{color:var(--mut)}.locked-note{background:var(--canvas);border-radius:14px;padding:16px 18px;color:var(--ink60);font-size:13.5px}.lesgrid{display:grid;grid-template-columns:1fr 384px;gap:28px;align-items:start}.lestitle{font-family:var(--hd);font-weight:600;font-size:32px;margin-top:4px}.illus{position:relative;overflow:hidden;height:200px;background:var(--fiqh);border-radius:20px;display:grid;place-items:center;margin:16px 0}.illus .halo{position:absolute;width:170px;height:170px;border-radius:50%;background:#fff;opacity:.45}.lbody p{font-size:16px;line-height:1.55;margin-bottom:12px}.kernidee{background:var(--gold2);border-radius:16px;padding:18px 20px;margin:6px 0 16px}.kernidee .k{display:flex;align-items:center;gap:8px;color:var(--gold6);font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.06em}.kernidee p{font-family:var(--ui);font-weight:600;font-size:16px;margin-top:6px}.arabic{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 22px}.arabic .l b{font-family:var(--ui);font-weight:600;font-size:15px;display:block}.arabic .l span{color:var(--ink60);font-size:13px}.arabic .ar{font-family:var(--ar);font-weight:700;font-size:34px}.rail{display:flex;flex-direction:column;gap:16px}.railcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px}.railcard b{font-family:var(--ui);font-weight:600;font-size:15px;display:block;margin-bottom:10px}.railcard small{color:var(--ink60);font-size:13px;display:block;margin-top:8px}.noorcard{display:flex;align-items:center;gap:14px}.quiz{width:860px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:22px}.qtop{display:flex;align-items:center;gap:16px}.qtop .lbl{font-family:var(--ui);font-weight:600;font-size:13px;color:var(--ink60);white-space:nowrap}.progress{flex:1;height:9px;border-radius:100px;background:#e5dece;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--flame));border-radius:100px}.hearts{display:flex;gap:4px;color:var(--flame)}.hearts .off{color:var(--mutb)}.qhead{display:flex;align-items:flex-start;gap:18px}.qhead h3{font-family:var(--hd);font-weight:600;font-size:26px;line-height:1.25}.options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.opt{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;font-family:var(--ui);font-weight:600;font-size:15.5px;cursor:pointer;text-align:left}.opt.correct{background:var(--good);border:2px solid var(--goodln)}.opt.correct svg{color:var(--goodic)}.opt.wrong{background:#f7e7e2;border:2px solid #E2B6A8}.opt.wrong svg{color:#b5654a}.opt.disabled{cursor:default;opacity:.92}.feedback{display:flex;align-items:flex-start;gap:14px;background:var(--good);border:1px solid var(--goodln);border-radius:16px;padding:16px 18px}.feedback.bad{background:#f7e7e2;border-color:#e2b6a8}.feedback b{color:var(--goodic);font-family:var(--ui);font-weight:600;font-size:15px}.feedback.bad b{color:#b5654a}.feedback p{font-size:13.5px;margin-top:3px}.result-wrap{display:flex;justify-content:center}.result{position:relative;overflow:hidden;width:600px;max-width:100%;background:var(--navy);border-radius:28px;padding:46px 40px;text-align:center;color:#fff}.confetti{position:absolute}.result .stars{display:flex;justify-content:center;align-items:center;gap:10px;margin:18px 0 6px;color:var(--gold)}.result h2{font-family:var(--hd);font-weight:600;font-size:32px;margin-top:6px}.result .sub{color:#c9d6dc;font-size:16px;margin-top:6px}.result .xp{display:inline-block;margin-top:18px;background:var(--gold);color:#0a2230;font-family:var(--hd);font-weight:600;font-size:22px;border-radius:100px;padding:10px 28px}.result .lvl{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--navy2);border-radius:100px;padding:8px 16px;font-family:var(--ui);font-weight:600;font-size:13px;color:#f1ece0}.result .acts{display:flex;gap:14px;justify-content:center;margin-top:26px;flex-wrap:wrap}.result .acts .btn.outline{border-color:#2f5468;color:#fff}.breakdown{margin-top:16px;display:flex;flex-direction:column;gap:6px;max-width:320px;margin-left:auto;margin-right:auto;text-align:left}.breakdown .b{display:flex;justify-content:space-between;font-family:var(--ui);font-weight:600;font-size:13px;color:#c9d6dc}.medal-big{width:150px;height:150px;border-radius:50%;background:var(--gold);display:grid;place-items:center;margin:0 auto;position:relative;box-shadow:0 0 0 10px #c3a8642e}.medal-big:after{content:"";position:absolute;width:118px;height:118px;border-radius:50%;background:var(--navy9)}.medal-big .inner{position:relative;text-align:center;color:#fff;z-index:1}.medal-big .inner small{font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.12em;color:#ffd27a;display:block}.medal-big .inner b{font-family:var(--hd);font-weight:600;font-size:52px;display:block;line-height:1}.vstat{background:var(--navy);border-radius:24px;padding:30px 32px;display:flex;align-items:center;gap:34px;color:#fff;flex-wrap:wrap}.vstat .stats{display:flex;flex-direction:column;gap:16px;flex:1;min-width:220px}.vstat .srow{display:flex;align-items:center;gap:14px}.vstat .srow .si{width:44px;height:44px;border-radius:12px;background:var(--navy2);display:grid;place-items:center;flex:0 0 auto}.vstat .srow .si svg{color:#ffd27a}.vstat .srow b{font-family:var(--hd);font-weight:600;font-size:22px;display:block;line-height:1}.vstat .srow span{color:var(--sideMut);font-size:13px}.badgegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.badgecard{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.badgecard .circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--mutb);background:#efeadd;flex:0 0 auto}.badgecard .circle svg{color:var(--mut)}.badgecard.on .circle{background:var(--gold2);border-color:var(--gold)}.badgecard.on .circle svg{color:var(--gold6)}.badgecard b{font-family:var(--ui);font-weight:600;font-size:14.5px;display:block}.badgecard small{color:var(--ink60);font-size:12.5px}.badgecard.on small{color:var(--goodic)}.certcard{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px}.certcard .l{display:flex;align-items:center;gap:14px}.certcard .tile{width:50px;height:50px;border-radius:14px;background:var(--gold2);display:grid;place-items:center;flex:0 0 auto}.certcard .tile svg{color:var(--gold6)}.certcard b{font-family:var(--ui);font-weight:600;font-size:15px;display:block}.certcard small{color:var(--ink60);font-size:13px}.profhead{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;flex-wrap:wrap}.profhead .pav{width:72px;height:72px;border-radius:50%;background:var(--gold);display:grid;place-items:center;flex:0 0 auto;color:#fff}.profhead h3{font-family:var(--hd);font-weight:600;font-size:24px}.profhead .meta{color:var(--ink60);font-size:14px;margin-top:3px}.cardpad{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 24px}.cardpad>b{font-family:var(--ui);font-weight:600;font-size:16px;display:block;margin-bottom:6px}.seg{display:inline-flex;background:#ede6d5;border-radius:100px;padding:4px;gap:4px}.seg button{padding:8px 15px;border-radius:100px;border:0;background:none;cursor:pointer;font-family:var(--ui);font-weight:600;font-size:13px;color:var(--ink60)}.seg button.on{background:var(--card);color:var(--navy);box-shadow:0 1px 3px #0000001a}.toggle{width:46px;height:27px;border-radius:100px;background:var(--mutb);position:relative;flex:0 0 auto;border:0;cursor:pointer}.toggle.on{background:var(--goodic)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff}.toggle.on:after{left:22px}.setrow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.setrow:first-of-type{border-top:0}.setrow .lab{font-family:var(--ui);font-weight:600;font-size:14.5px;color:var(--navy)}.setrow .sub{color:var(--ink60);font-size:12.5px;margin-top:2px}.listrow{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);cursor:pointer}.listrow:first-of-type{border-top:0}.listrow .l{display:flex;align-items:center;gap:12px}.listrow .l svg{color:var(--gold6)}.listrow .lab{font-family:var(--ui);font-weight:600;font-size:14.5px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.authcard{width:400px;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px 30px;text-align:center}.authcard .tile{width:70px;height:70px;border-radius:18px;background:var(--navy);display:grid;place-items:center;margin:0 auto 16px}.authcard h1{font-family:var(--hd);font-weight:600;font-size:26px}.authcard p{color:var(--ink60);font-size:14px;margin-top:4px;margin-bottom:20px}.field{text-align:left;margin-bottom:14px}.field label{font-family:var(--ui);font-weight:600;font-size:13px;color:var(--navy);display:block;margin-bottom:6px}.field input{width:100%;border:1px solid var(--mutb);border-radius:12px;padding:13px 14px;font-family:var(--bo);font-size:15px;background:#fff;color:var(--navy)}.field input:focus{outline:2px solid var(--gold);border-color:var(--gold)}.err{background:#f7e7e2;color:#9c4a32;border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:14px}.hint{color:var(--ink60);font-size:12.5px;margin-top:14px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--ink60);font-family:var(--ui);font-weight:600}@media (max-width:920px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:6px;padding:12px 14px;overflow-x:auto}.brand{margin-bottom:0;margin-right:8px}.brand small,.streakcard{display:none}.nav{flex-direction:row;gap:4px}.nav button span{display:none}.main{padding:22px 18px}.herorow,.lesgrid,.bottomrow,.subjects,.badgegrid,.options{grid-template-columns:1fr}}.langpick{display:inline-flex;gap:6px;margin-top:18px;justify-content:center}.langpick button{border:1px solid var(--mutb);background:#fff;border-radius:100px;padding:6px 13px;font-family:var(--ui);font-weight:600;font-size:12.5px;color:var(--ink60);cursor:pointer}.langpick button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.authlink{display:inline-block;margin-top:16px;background:none;border:0;color:var(--gold6);font-family:var(--ui);font-weight:600;font-size:13.5px;cursor:pointer;text-decoration:underline}:lang(fa){font-family:var(--ar)}:lang(fa) .h2,:lang(fa) .hero h3,:lang(fa) .lestitle,:lang(fa) .result h2,:lang(fa) .greet h1{font-family:var(--ar)}[dir=rtl] .field,[dir=rtl] .vtxt,[dir=rtl] .feedback,[dir=rtl] .breakdown,[dir=rtl] .opt{text-align:right}[dir=rtl] .nightsky .moon{right:auto;left:28px}[dir=rtl] .nightsky .st{left:auto}[dir=rtl] .chevL use{transform:scaleX(-1);transform-origin:center}[dir=rtl] .chevR use{transform:scaleX(-1);transform-origin:center}[dir=rtl] .breakdown .b{flex-direction:row-reverse}.admin-wrap{display:flex;flex-direction:column;gap:20px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.admin-note{background:var(--gold2);border-radius:14px;padding:14px 18px;color:var(--gold6);font-size:13.5px;font-family:var(--ui);font-weight:600}.tree-course{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px}.tree-course>.ch{display:flex;justify-content:space-between;align-items:center;gap:10px}.tree-title{display:flex;align-items:center;gap:12px}.tree-title .tile{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.tree-title b{font-family:var(--hd);font-weight:600;font-size:18px}.pill{display:inline-block;border-radius:100px;padding:3px 10px;font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.03em}.pill.pub{background:var(--good);color:var(--goodic)}.pill.draft{background:#f1ecdf;color:var(--ink60)}.tree-unit{margin-top:12px;padding:12px 14px;background:var(--canvas);border-radius:12px}.tree-unit>.uh{display:flex;justify-content:space-between;align-items:center;gap:8px}.tree-unit .ut{font-family:var(--ui);font-weight:600;font-size:14.5px}.tree-lesson{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--line)}.tree-lesson .lt{font-family:var(--ui);font-weight:600;font-size:13.5px}.tree-lesson small{color:var(--ink60);font-size:12px}.iconbtn{border:1px solid var(--mutb);background:#fff;border-radius:9px;padding:6px 9px;cursor:pointer;font-family:var(--ui);font-weight:600;font-size:12px;color:var(--navy)}.iconbtn.danger{color:#9c4a32;border-color:#e2b6a8}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1e2880;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--card);border-radius:20px;padding:24px;width:560px;max-width:100%;max-height:90vh;overflow:auto}.modal h3{font-family:var(--hd);font-weight:600;font-size:20px;margin-bottom:14px}.modal .field textarea{width:100%;border:1px solid var(--mutb);border-radius:12px;padding:12px 14px;font-family:var(--bo);font-size:14.5px;min-height:120px;resize:vertical}.modal .field select{width:100%;border:1px solid var(--mutb);border-radius:12px;padding:12px 14px;font-family:var(--bo);font-size:14.5px;background:#fff}.modal .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .acts{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.opt-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.opt-row input[type=radio]{width:18px;height:18px;flex:0 0 auto}.qedit{background:var(--canvas);border-radius:12px;padding:14px;margin-bottom:10px}.qedit .qh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.qaida-intro{color:var(--ink60);font-size:15px;max-width:640px}.letters{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.letter{aspect-ratio:1;background:var(--card);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .08s}.letter:hover{transform:translateY(-2px);border-color:var(--gold)}.letter .glyph{font-family:var(--ar);font-weight:700;font-size:34px;color:var(--navy);line-height:1}.letter small{font-family:var(--ui);font-weight:600;font-size:11px;color:var(--ink60)}.letter.on{background:var(--gold2);border-color:var(--gold)}.letterdetail{background:var(--navy);border-radius:20px;padding:28px;color:#fff;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.letterdetail .big{font-family:var(--ar);font-weight:700;font-size:80px;line-height:1;background:var(--navy2);border-radius:18px;width:130px;height:130px;display:grid;place-items:center;flex:0 0 auto}.letterdetail .info b{font-family:var(--hd);font-weight:600;font-size:26px;display:block}.letterdetail .info .row{display:flex;gap:26px;margin-top:12px}.letterdetail .info .row .k{font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.08em;color:var(--gold);display:block}.letterdetail .info .row .v{font-family:var(--ui);font-weight:600;font-size:17px}@media (max-width:920px){.letters{grid-template-columns:repeat(4,1fr)}.modal .row2{grid-template-columns:1fr}}.qhero{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:760px){.qhero{grid-template-columns:1fr}}.qstat{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 24px;position:relative;overflow:hidden}.qstat .ic{position:absolute;top:18px;right:18px;opacity:.5}[dir=rtl] .qstat .ic{right:auto;left:18px}.qstat .lab{font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink60)}.qstat .big{font-family:var(--hd);font-weight:600;font-size:38px;line-height:1.05;margin-top:8px;color:var(--navy)}.qstat .big small{font-size:17px;color:var(--mut);font-weight:600}.qstat .sub{font-family:var(--ui);font-size:13px;color:var(--ink60);margin-top:2px}.qstat .bar{margin-top:16px;height:9px;background:var(--gold2);border-radius:100px;overflow:hidden}.qstat .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--flame));border-radius:100px}.qstat.green .bar{background:#dcefe3}.qstat.green .bar i{background:linear-gradient(90deg,var(--goodic),#3FA776)}.qsection{margin-top:8px}.qsection .h2{margin-bottom:4px}.qsection .hint{font-family:var(--ui);font-size:12.5px;color:var(--ink60);margin-bottom:14px}.juzbar{display:grid;grid-template-columns:repeat(30,1fr);gap:5px;align-items:end;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 16px 12px}.juzcol{display:flex;flex-direction:column;align-items:center;gap:6px}.juzcol .col{width:100%;height:52px;background:var(--canvas);border-radius:6px;position:relative;overflow:hidden;border:1px solid var(--line)}.juzcol .col i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--gold),var(--gold6));border-radius:0 0 6px 6px}.juzcol.read .col i{background:linear-gradient(180deg,#3FA776,var(--goodic))}.juzcol small{font-family:var(--ui);font-weight:600;font-size:9px;color:var(--mut)}@media (max-width:760px){.juzbar{grid-template-columns:repeat(15,1fr)}}.qtriad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:760px){.qtriad{grid-template-columns:1fr}}.qtri{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;border-top:4px solid var(--gold)}.qtri.sabqi{border-top-color:var(--flame)}.qtri.manzil{border-top-color:var(--navy2)}.qtri .t{display:flex;align-items:baseline;gap:8px}.qtri .t b{font-family:var(--hd);font-weight:600;font-size:20px;color:var(--navy)}.qtri .t span{font-family:var(--ui);font-size:12px;color:var(--ink60)}.qtri .v{font-family:var(--ui);font-weight:600;font-size:15px;color:var(--navy2);margin-top:10px}.qtri .v.empty{color:var(--mut);font-weight:500}.surahgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.surahcell{aspect-ratio:1;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);cursor:default;transition:transform .07s}.surahcell .n{font-family:var(--hd);font-weight:600;font-size:15px;line-height:1}.surahcell .ar{font-family:var(--ar);font-size:11px;margin-top:1px;opacity:.85}.surahcell.memorized{background:var(--good);border-color:var(--goodln)}.surahcell.memorized .n{color:var(--goodic)}.surahcell.in_progress{background:var(--gold2);border-color:var(--gold)}.surahcell.in_progress .n{color:var(--gold6)}.surahcell.not_started .n{color:var(--mut)}.surahcell.clk{cursor:pointer}.surahcell.clk:hover{transform:translateY(-2px);border-color:var(--gold)}.surahlegend{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 16px}.surahlegend span{display:inline-flex;align-items:center;gap:7px;font-family:var(--ui);font-size:12.5px;color:var(--ink60)}.surahlegend i{width:14px;height:14px;border-radius:4px;display:inline-block}.lg-mem{background:var(--good);border:1px solid var(--goodln)}.lg-prog{background:var(--gold2);border:1px solid var(--gold)}.lg-not{background:var(--card);border:1px solid var(--line)}.qloglist{display:flex;flex-direction:column;gap:8px}.qlogrow{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 14px}.qlogrow .kind{font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:100px;background:var(--gold2);color:var(--gold6);flex:0 0 auto}.qlogrow .kind.nazira{background:#dcefe3;color:var(--goodic)}.qlogrow .kind.repeat{background:#f6e2da;color:#a4503a}.qlogrow .body{flex:1;min-width:0}.qlogrow .body b{font-family:var(--ui);font-weight:600;font-size:13.5px;color:var(--navy)}.qlogrow .body small{display:block;font-family:var(--ui);font-size:12px;color:var(--ink60)}.qlogrow .date{font-family:var(--ui);font-size:11.5px;color:var(--mut);flex:0 0 auto}.troster{display:flex;flex-direction:column;gap:18px}.tclass{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 22px}.tclass>h3{font-family:var(--hd);font-weight:600;font-size:19px;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:10px}.tstudents{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tstudent{display:flex;align-items:center;gap:13px;background:var(--canvas);border:1px solid var(--line);border-radius:14px;padding:13px 15px;cursor:pointer;transition:transform .07s,border-color .07s;text-align:start}.tstudent:hover{transform:translateY(-2px);border-color:var(--gold)}.tstudent .pa{width:44px;height:44px;border-radius:12px;background:var(--navy);display:grid;place-items:center;flex:0 0 auto}.tstudent .info{flex:1;min-width:0}.tstudent .info b{font-family:var(--ui);font-weight:700;font-size:14.5px;color:var(--navy);display:block}.tstudent .info .mini{display:flex;gap:12px;margin-top:3px}.tstudent .info .mini span{font-family:var(--ui);font-size:11.5px;color:var(--ink60);display:inline-flex;align-items:center;gap:4px}.detailhead{display:flex;align-items:center;gap:14px;margin-bottom:6px}.detailhead .pa{width:52px;height:52px;border-radius:14px;background:var(--navy);display:grid;place-items:center;flex:0 0 auto}.detailhead h2{font-family:var(--hd);font-weight:600;font-size:24px;color:var(--navy)}.detailhead .meta{font-family:var(--ui);font-size:13px;color:var(--ink60)}.logwrap{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;margin-top:18px}.logtabs{display:inline-flex;background:var(--canvas);border-radius:100px;padding:4px;gap:4px;margin-bottom:18px}.logtabs button{border:0;background:transparent;border-radius:100px;padding:8px 16px;font-family:var(--ui);font-weight:600;font-size:13px;color:var(--ink60);cursor:pointer}.logtabs button.on{background:var(--navy);color:#fff}.logrow2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logrow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width:620px){.logrow2,.logrow3{grid-template-columns:1fr 1fr}}.logfield label{display:block;font-family:var(--ui);font-weight:600;font-size:12px;color:var(--ink60);margin-bottom:5px}.logfield input,.logfield select{width:100%;border:1px solid var(--mutb);border-radius:10px;padding:10px 12px;font-family:var(--bo);font-size:14px;background:#fff}.logseg{display:inline-flex;background:var(--canvas);border-radius:10px;padding:3px;gap:3px}.logseg button{border:0;background:transparent;border-radius:8px;padding:7px 13px;font-family:var(--ui);font-weight:600;font-size:12.5px;color:var(--ink60);cursor:pointer}.logseg button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px #00000014}.logseg button.on.ok{color:var(--goodic)}.logseg button.on.no{color:#a4503a}.fluencypick{display:flex;gap:6px}.fluencypick button{width:38px;height:38px;border-radius:10px;border:1px solid var(--mutb);background:#fff;font-family:var(--hd);font-weight:600;color:var(--ink60);cursor:pointer}.fluencypick button.on{background:var(--gold);border-color:var(--gold);color:#fff}.logactions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;align-items:center}.savedflash{font-family:var(--ui);font-weight:600;font-size:13px;color:var(--goodic);display:inline-flex;align-items:center;gap:6px}.parentbanner{background:var(--navy);color:#fff;border-radius:16px;padding:14px 20px;font-family:var(--ui);font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:10px;margin-bottom:18px}.childcard{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;cursor:pointer;transition:transform .07s,border-color .07s;text-align:start;width:100%}.childcard:hover{transform:translateY(-2px);border-color:var(--gold)}.childcard .pa{width:54px;height:54px;border-radius:15px;background:var(--navy);display:grid;place-items:center;flex:0 0 auto}.childcard .info{flex:1}.childcard .info b{font-family:var(--hd);font-weight:600;font-size:18px;color:var(--navy);display:block}.childcard .info .mini{display:flex;gap:16px;margin-top:6px;flex-wrap:wrap}.childcard .info .mini span{font-family:var(--ui);font-size:12.5px;color:var(--ink60);display:inline-flex;align-items:center;gap:5px}.childgrid{display:flex;flex-direction:column;gap:14px}