@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(../media/tajawal-arabic-400-normal.0-580jniyhb-r.woff2)format("woff2"),url(../media/tajawal-arabic-400-normal.2ovv9_hbyh1uy.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(../media/tajawal-latin-400-normal.0y2leyagdmm4-.woff2)format("woff2"),url(../media/tajawal-latin-400-normal.2w3gqjel_ansn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(../media/tajawal-arabic-500-normal.305q4ldufnkkg.woff2)format("woff2"),url(../media/tajawal-arabic-500-normal.07977_sbs0ld2.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(../media/tajawal-latin-500-normal.0p2ns5yind3a6.woff2)format("woff2"),url(../media/tajawal-latin-500-normal.0ai59gr4vsmuc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(../media/tajawal-arabic-700-normal.0tgi04_e6au3n.woff2)format("woff2"),url(../media/tajawal-arabic-700-normal.3t7opmhqxdmj6.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(../media/tajawal-latin-700-normal.34i5dk2ouqd61.woff2)format("woff2"),url(../media/tajawal-latin-700-normal.20b98eip_w3el.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(../media/aref-ruqaa-arabic-400-normal.2gcv5_i6_251w.woff2)format("woff2"),url(../media/aref-ruqaa-arabic-400-normal.1eb2377y8-83w.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(../media/aref-ruqaa-latin-ext-400-normal.3k7wd_zw-f2ee.woff2)format("woff2"),url(../media/aref-ruqaa-latin-ext-400-normal.0dfd__54-ct61.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(../media/aref-ruqaa-latin-400-normal.1hpf-xkg8_-z_.woff2)format("woff2"),url(../media/aref-ruqaa-latin-400-normal.3utz374nuazsn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/aref-ruqaa-arabic-700-normal.14fjkyxt_x-zr.woff2)format("woff2"),url(../media/aref-ruqaa-arabic-700-normal.0l-43_moqdp_5.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/aref-ruqaa-latin-ext-700-normal.2hv1jgiv_bnpi.woff2)format("woff2"),url(../media/aref-ruqaa-latin-ext-700-normal.00ezmelx66hgf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/aref-ruqaa-latin-700-normal.29-ixn1ur40zq.woff2)format("woff2"),url(../media/aref-ruqaa-latin-700-normal.3x4y83fxjy24p.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--green-900:#0b3d2e;--green-800:#0f4a38;--green-700:#145c42;--gold-500:#c9a227;--gold-600:#b08d1e;--paper:#f7f4ec;--card:#fff;--ink:#16241d;--ink-soft:#5b6b60;--line:#e1d9c4;--quant:#1d5c8a;--verbal:#8a5a1d;--tahsili:#5b3e8a;--danger:#b3403a;--correct:#2e7d4f;--radius-card:14px;--radius-pill:999px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);min-height:100vh;font-family:Tajawal,sans-serif;line-height:1.6}h1,h2,h3,.display{margin:0;font-family:Aref Ruqaa,serif;font-weight:700}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px;border-radius:4px}
.ticker-wrap{background:var(--green-900);border-bottom:2px solid var(--gold-500);white-space:nowrap;align-items:center;height:38px;display:flex;position:relative;overflow:hidden}.ticker-label{background:var(--gold-500);color:var(--green-900);z-index:2;flex-shrink:0;align-items:center;height:100%;padding:6px 16px;font-size:13px;font-weight:700;display:flex}.ticker-track{color:#f1e9d2;gap:60px;padding-inline-start:40px;font-size:14px;animation:28s linear infinite ticker;display:inline-flex}.ticker-track span{flex-shrink:0}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}.site-header{background:var(--green-900);border-bottom:1px solid #c9a22759;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{border:2px solid var(--gold-500);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand-text{color:#f7f4ec;flex-direction:column;display:flex}.brand-name{font-family:Aref Ruqaa,serif;font-size:22px;font-weight:700}.brand-sub{color:#c9be9e;margin-top:2px;font-size:12.5px}.brand-location{color:#8fa898;margin-top:2px;font-size:11.5px}.main-nav{flex-wrap:wrap;gap:4px;display:flex}.nav-btn{color:#e7e1cc;border-radius:8px;padding:9px 16px;font-size:14.5px;transition:background .15s,color .15s}.nav-btn:hover{background:#ffffff14}.nav-btn.active{background:var(--gold-500);color:var(--green-900);font-weight:700}.nav-btn.admin-btn{border:1px solid #c9a22780}@media (max-width:1024px){.site-header{padding:14px 20px}.nav-btn{padding:8px 12px;font-size:13.5px}}@media (max-width:760px){.site-header{gap:10px;padding:12px 16px}.brand{gap:10px}.brand-mark{border-radius:10px;width:44px;height:44px}.brand-name{font-size:clamp(15px,4.4vw,19px)}.brand-sub{font-size:11px}.brand-location{display:none}.main-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:100%;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.nav-btn{flex-shrink:0;padding:8px 14px;font-size:13.5px}}@media (max-width:420px){.brand-sub{display:none}}main{max-width:1180px;margin:0 auto;padding:32px 24px 80px}@media (max-width:760px){main{padding:22px 16px 60px}}.tab-panel{display:none}.tab-panel.active{animation:.5s rise;display:block}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tab-panel.active{animation:none}}.hero{background:linear-gradient(160deg,var(--green-900),var(--green-700));color:#f7f4ec;border-radius:20px;padding:52px 40px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:radial-gradient(circle at 15% 20%,#c9a2272e 0,#0000 40%),radial-gradient(circle at 85% 85%,#c9a2271f 0,#0000 45%);position:absolute;inset:0}.hero-inner{max-width:640px;position:relative}.hero h1{color:#fbf8ef;font-size:clamp(26px,4.6vw,40px);line-height:1.35}.hero p.lead{color:#d9d2b8;max-width:520px;margin-top:14px;font-size:16px}.stats-row{flex-wrap:wrap;gap:36px;margin-top:34px;display:flex}.stat{flex-direction:column;display:flex}.stat .num{color:var(--gold-500);font-family:Aref Ruqaa,serif;font-size:34px}.stat .lbl{color:#c9be9e;margin-top:2px;font-size:13px}@media (max-width:760px){.hero{border-radius:16px;padding:32px 24px}.hero p.lead{font-size:14.5px}.stats-row{gap:22px;margin-top:24px}.stat .num{font-size:26px}}@media (max-width:420px){.hero{padding:26px 18px}}.section-previews{grid-template-columns:1fr 1fr;gap:22px;margin-top:32px;display:grid}@media (max-width:760px){.section-previews{grid-template-columns:1fr}}.preview-card{background:var(--card);border-radius:var(--radius-card);border-inline-start:5px solid var(--quant);cursor:pointer;padding:26px;transition:transform .15s;box-shadow:0 1px 3px #0f1e140f}.preview-card.verbal{border-inline-start-color:var(--verbal)}.preview-card.tahsili{border-inline-start-color:var(--tahsili)}.preview-card:hover{transform:translateY(-3px)}.preview-card h3{font-size:22px}.preview-card .count{color:var(--ink-soft);margin-top:6px;font-size:13px}.chip-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--ink-soft);background:#fbf9f3;padding:5px 12px;font-size:12.5px}.home-block{margin-top:44px}.home-block h2{margin-bottom:16px;font-size:22px}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.page-head h1{font-size:30px}.page-head .tag{border-radius:var(--radius-pill);padding:5px 14px;font-size:13px}.tag.quant{color:var(--quant);background:#1d5c8a1a}.tag.verbal{color:var(--verbal);background:#8a5a1d1a}.tag.tahsili{color:var(--tahsili);background:#5b3e8a1a}.topic{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden}.topic-head{justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;font-weight:700;display:flex}.topic-head .meta{color:var(--ink-soft);font-size:13px;font-weight:400}.topic-head .arrow{color:var(--gold-600);font-size:18px;transition:transform .2s}.topic.open .arrow{transform:rotate(90deg)}.topic-body{padding:0 20px 20px;display:none}.topic.open .topic-body{display:block}.empty-note{color:var(--ink-soft);padding:10px 2px 4px;font-size:14px}.q-card{border-top:1px solid var(--line);padding:18px 0;position:relative}.q-card:first-child{border-top:none}.q-num{color:var(--gold-600);margin-inline-end:6px;font-size:13px;font-weight:700}.q-text{margin-bottom:14px;font-size:15.5px;font-weight:500}.q-visual{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;justify-content:center;margin:0 0 14px;padding:14px 10px;display:flex}.q-visual svg{width:100%;max-width:280px;height:auto}.q-visual img{border-radius:8px;width:100%;max-width:280px;height:auto;display:block}.q-image-preview{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;align-items:flex-start;gap:12px;margin-top:10px;padding:10px;display:flex}.q-image-preview img{object-fit:contain;border-radius:8px;max-width:180px;max-height:150px;display:block}.level-q-row .q-thumb{object-fit:cover;border:1px solid var(--line);border-radius:6px;flex-shrink:0;width:44px;height:44px}
#appModalOverlay{z-index:9999;opacity:0;pointer-events:none;background:#0b3d2e73;justify-content:center;align-items:center;padding:20px;transition:opacity .15s;display:flex;position:fixed;inset:0}#appModalOverlay.show{opacity:1;pointer-events:auto}.app-modal-box{background:var(--card);border-radius:var(--radius-card);text-align:center;width:100%;max-width:380px;padding:26px;box-shadow:0 10px 30px #0000002e}.app-modal-msg{color:var(--ink);white-space:pre-line;margin-bottom:20px;font-size:15px;line-height:1.7}.app-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.app-modal-actions .save-btn{margin-top:0}.qc-compare{width:100%}.qc-note{text-align:center;color:var(--ink-soft);margin-bottom:10px;font-size:13px;font-style:italic}.qc-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;display:flex}.qc-col{background:var(--card);border:1.5px solid var(--quant);text-align:center;border-radius:10px;flex:150px;max-width:220px;padding:12px 10px}.qc-head{color:var(--quant);margin-bottom:8px;font-size:12px;font-weight:700}.qc-val{color:var(--ink);font-size:15px;font-weight:600}.qc-vs{color:var(--gold-600);align-self:center;padding:0 4px;font-family:Aref Ruqaa,serif;font-size:20px;font-weight:700}.choices{gap:8px;display:grid}.choice-btn{text-align:right;border:1px solid var(--line);background:#fcfbf7;border-radius:8px;padding:10px 14px;font-size:14.5px;transition:border-color .15s,background .15s}.choice-btn:hover{border-color:var(--gold-500)}.choice-btn.correct{border-color:var(--correct);color:var(--correct);background:#2e7d4f1f;font-weight:700}.choice-btn.incorrect{border-color:var(--danger);color:var(--danger);background:#b3403a1a}.choice-btn:disabled{cursor:default}.q-result-bar{border:1px solid var(--line);background:#fbf9f3;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:9px 14px;font-size:14px;font-weight:700;display:none}.q-result-bar.show{display:flex}.q-result-bar.is-correct{border-color:var(--correct);color:var(--correct);background:#2e7d4f14}.q-result-bar.is-incorrect{border-color:var(--danger);color:var(--danger);background:#b3403a14}.q-result-main{flex-direction:column;gap:3px;display:flex}.q-result-explain{opacity:.85;font-size:12.5px;font-weight:400;line-height:1.6}.q-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.q-card-top .q-text{flex:1;margin-bottom:0}.q-notebook-remove{white-space:nowrap;color:var(--gold-600);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card);flex-shrink:0;padding:4px 12px;font-size:12px}.q-notebook-remove:hover{border-color:var(--danger);color:var(--danger)}.q-retry-btn{color:inherit;white-space:nowrap;background:0 0;border:1.5px solid;border-radius:7px;padding:5px 16px;font-size:13px;font-weight:700;transition:background .15s}.q-retry-btn:hover{background:#0000000f}.q-delete{color:var(--ink-soft);border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;top:18px;left:0}.q-delete:hover{color:var(--danger)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.video-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);position:relative;overflow:hidden}.video-frame{aspect-ratio:16/9;background:var(--green-900);justify-content:center;align-items:center;display:flex}.video-frame iframe{border:0;width:100%;height:100%;display:block}.video-frame a.ext-link{color:var(--gold-500);text-align:center;padding:20px;font-size:14px;text-decoration:none}.video-info{padding:14px 16px}.video-info h3{font-family:Tajawal;font-size:15.5px;font-weight:700}.video-info .tag{margin-top:8px;display:inline-block}.video-del{color:#fff;z-index:2;background:#0f1e1499;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .15s;display:flex;position:absolute;top:8px;left:8px}.video-del:hover{background:var(--danger)}.news-hero{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:22px;padding:28px}.news-hero .date{color:var(--gold-600);font-size:13px;font-weight:700}.news-hero h2{margin-top:8px;font-size:24px}.news-hero p{color:var(--ink-soft);margin-top:12px;font-size:15px}.news-list{border-top:1px solid var(--line)}.news-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;gap:16px;padding:18px 4px;display:flex}.news-row .txt h3{font-family:Tajawal;font-size:16px;font-weight:700}.news-row .date{color:var(--ink-soft);white-space:nowrap;font-size:12.5px}.news-body{color:var(--ink-soft);border-bottom:1px solid var(--line);padding:0 4px 18px;font-size:14.5px;display:none}.news-body.open{display:block}.news-del{color:var(--ink-soft);align-self:start;padding:4px 8px;font-size:12px}.news-del:hover{color:var(--danger)}.login-card{max-width:420px;margin:0 auto}.login-card h2{text-align:center}.login-error{color:var(--danger);background:#b3403a14;border:1px solid #b3403a4d;border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:13.5px}.admin-session-bar{color:var(--correct);background:#2e7d4f14;border:1px solid #2e7d4f40;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 16px;font-size:13.5px;display:flex}.logout-btn{border:1px solid var(--correct);color:var(--correct);background:#fff;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.logout-btn:hover{background:var(--correct);color:#fff}.admin-toggle{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.admin-toggle button{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:10px 18px;font-size:14.5px}.admin-toggle button.active{background:var(--green-900);color:#f7f4ec;border-color:var(--green-900)}.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);max-width:640px;padding:28px}.form-card h2{margin-bottom:18px;font-size:19px}.field{margin-bottom:16px}.field label{color:var(--ink);margin-bottom:6px;font-size:13.5px;font-weight:700;display:block}.field input[type=text],.field input[type=url],.field input[type=email],.field input[type=number],.field input[type=password],.field input[type=date],.field textarea,.field select{border:1px solid var(--line);background:#fcfbf7;border-radius:8px;width:100%;padding:10px 12px;font-size:14.5px}.field input[type=file]{border:1px dashed var(--line);width:100%;color:var(--ink-soft);background:#fcfbf7;border-radius:8px;padding:9px 10px;font-size:13.5px}.field input[type=tel]{border:1px solid var(--line);background:#fcfbf7;border-radius:8px;width:100%;padding:10px 12px;font-size:14.5px}.field .pw-wrap input{padding-inline-end:48px}.field input[disabled]{color:var(--ink-soft);cursor:not-allowed;background:#efead8}.field textarea{resize:vertical;min-height:80px}.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.row2{grid-template-columns:1fr}}.choice-inputs{gap:10px;display:grid}.choice-inputs .ci{align-items:center;gap:8px;display:flex}.choice-inputs input[type=radio]{accent-color:var(--correct)}.choice-inputs input[type=text]{flex:1}sup,sub{font-size:.75em;font-weight:inherit}
.ex-check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:8px;margin:8px 0;font-size:13.5px;line-height:1.5;display:flex}.ex-check input[type=checkbox]{accent-color:var(--green-800);flex-shrink:0;margin-top:3px}.ex-manual-list{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;flex-direction:column;gap:6px;max-height:340px;padding:8px;display:flex;overflow-y:auto}.ex-manual-row{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.ex-manual-row.picked{border-color:var(--green-800);background:#f2f8f4}.ex-manual-row input[type=checkbox]{accent-color:var(--green-800);flex-shrink:0;margin-top:4px}.ex-manual-row .exq-meta{color:var(--ink-soft);margin-top:3px;font-size:11.5px;display:block}.exam-card{background:var(--card);border:1px solid var(--line);border-inline-start:5px solid var(--gold-500);border-radius:var(--radius-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.exam-card h3{margin:0 0 4px;font-family:Tajawal,sans-serif;font-size:17px;font-weight:700}.exam-card .exam-meta{color:var(--ink-soft);font-size:12.5px}.exam-badge{border-radius:var(--radius-pill);color:var(--quant);background:#1d5c8a1a;margin-inline-start:6px;padding:2px 9px;font-size:11.5px;display:inline-block}.exam-badge.done{color:var(--correct);background:#2e7d4f1f}.exam-badge.draft{color:var(--danger);background:#b3403a1a}.math-pad{border:1.5px solid var(--line);border-inline-start:4px solid var(--quant);background:#fbf9f3;border-radius:12px;margin-bottom:18px;padding:10px 12px}.math-pad-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.math-pad-head h4{color:var(--quant);margin:0;font-family:Tajawal,sans-serif;font-size:14.5px;font-weight:700}.math-pad-where{color:var(--ink-soft);font-size:12px}.math-pad-where b{color:var(--green-900);font-weight:700}.math-pad-body{flex-direction:column;gap:9px;margin-top:10px;display:flex}.math-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.math-row-label{color:var(--ink-soft);min-width:86px;padding-top:8px;font-size:11.5px}.math-keys{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.mkey{border:1px solid var(--line);background:var(--card);min-width:36px;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 9px;font-family:Tajawal,sans-serif;font-size:15px;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.mkey:hover{border-color:var(--quant);color:var(--quant)}.mkey:active{transform:translateY(1px)}.mkey.txt{font-size:12.5px;font-weight:700}.mkey.on{background:var(--quant);border-color:var(--quant);color:#fff}.math-preview{border:1px dashed var(--line);color:var(--ink);white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:10px;min-height:38px;margin-top:8px;padding:8px 10px;font-size:15px}.math-preview:empty{display:none}@media (max-width:640px){.math-row-label{min-width:100%;padding-top:0}.mkey{min-width:38px;height:36px}}.save-btn{background:var(--gold-500);color:var(--green-900);border-radius:8px;margin-top:6px;padding:12px 28px;font-size:15px;font-weight:700}.save-btn:hover{background:var(--gold-600)}.hint{color:var(--ink-soft);margin-top:-8px;margin-bottom:14px;font-size:12.5px}footer{background:var(--green-900);color:#c9be9e;text-align:center;padding:22px;font-size:13px}#toast{background:var(--green-900);color:#f7f4ec;border-radius:var(--radius-pill);border:1px solid var(--gold-500);opacity:0;pointer-events:none;z-index:10000;text-align:center;max-width:calc(100vw - 32px);padding:12px 24px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.loading-screen{background:var(--paper);color:var(--green-900);z-index:100;justify-content:center;align-items:center;font-family:Aref Ruqaa,serif;font-size:22px;display:flex;position:fixed;inset:0}
:root{--emerald-950:#072a20;--gold-300:#ebd27c;--gold-200:#f8ebb4;--ivory:#fffefa;--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%23C9A227' stroke-opacity='.18' stroke-width='1'%3E%3Crect x='22' y='22' width='44' height='44'/%3E%3Crect x='22' y='22' width='44' height='44' transform='rotate(45 44 44)'/%3E%3Ccircle cx='44' cy='44' r='9'/%3E%3Cpath d='M0 -7L7 0L0 7L-7 0Z'/%3E%3Cpath d='M88 -7L95 0L88 7L81 0Z'/%3E%3Cpath d='M0 81L7 88L0 95L-7 88Z'/%3E%3Cpath d='M88 81L95 88L88 95L81 88Z'/%3E%3Cpath d='M22 22L3.5 3.5M66 22L84.5 3.5M22 66L3.5 84.5M66 66L84.5 84.5'/%3E%3C/g%3E%3C/svg%3E");--emerald-backdrop:radial-gradient(1100px 640px at 50% 30%, #17674b 0%, #17674b00 62%), radial-gradient(900px 520px at 50% 115%, #c9a2272e 0%, #c9a22700 60%), linear-gradient(170deg,#072a20 0%,#0b3d2e 55%,#082f24 100%)}.welcome-gate{z-index:80;background:var(--emerald-backdrop);isolation:isolate;padding:36px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.welcome-gate:before,body.locked:before{content:"";z-index:-1;pointer-events:none;background-image:var(--pattern);background-size:88px 88px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 0%,#0006 55%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 0%,#0006 55%,#0000 100%)}.gate-stage{text-align:center;width:100%;max-width:700px;margin:auto;animation:.9s both gateIn}@keyframes gateIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.gate-crest{border:2px solid var(--gold-500);outline-offset:6px;background:#fff;border-radius:24px;outline:1px solid #c9a2278c;width:96px;height:96px;margin:0 auto 30px;overflow:hidden;box-shadow:0 0 0 6px #0b3d2e,0 0 50px #c9a22747,0 14px 30px #0006}.gate-crest img{object-fit:cover;width:100%;height:100%;display:block}.gate-title{text-wrap:balance;color:var(--gold-300);background:linear-gradient(100deg,#d8b540 0%,#efd682 18%,var(--gold-200) 34%,#d4af37 50%,#a98518 62%,#e4c55e 78%,#f3de94 92%,#d8b540 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 14px #00000059);background-position:100% 0;background-size:230% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Aref Ruqaa,serif;font-size:clamp(32px,6.4vw,56px);font-weight:700;line-height:1.55;animation:3.4s cubic-bezier(.3,.6,.3,1) .4s both foil}@keyframes foil{0%{background-position:100% 0}to{background-position:0 0}}.gate-tagline{color:var(--gold-300);letter-spacing:.2px;margin:10px 0 0;font-family:Tajawal,sans-serif;font-size:clamp(17px,3.4vw,22px);font-weight:600}.gate-genders{color:var(--gold-200);letter-spacing:.4px;margin:4px 0 0;font-family:Tajawal,sans-serif;font-size:clamp(15px,3vw,19px);font-weight:700}.gate-ornament{justify-content:center;align-items:center;gap:14px;width:min(340px,72%);margin:22px auto 16px;display:flex}.gate-ornament:before,.gate-ornament:after{content:"";flex:1;height:1px}.gate-ornament:before{background:linear-gradient(90deg,var(--gold-500),transparent)}.gate-ornament:after{background:linear-gradient(90deg,transparent,var(--gold-500))}.gate-ornament i{background:var(--gold-500);width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 0 4px #c9a22733}.gate-sub{color:#d9d2b8;margin:0;font-size:16px}.gate-choices{grid-template-columns:1fr 1fr;gap:18px;margin-top:38px;display:grid}.gate-choice{color:#fbf8ef;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff14,#ffffff06);border:1px solid #c9a22780;border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:30px 22px 28px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.gate-choice:before{content:"";pointer-events:none;border:1px solid #c9a22738;border-radius:13px;transition:border-color .2s;position:absolute;inset:6px}@media (hover:hover){.gate-choice:hover{border-color:var(--gold-500);background:linear-gradient(#c9a2272e,#c9a2270d);transform:translateY(-4px);box-shadow:0 20px 40px -18px #000000a6,0 0 0 1px #c9a22740}.gate-choice:hover:before{border-color:#c9a2278c}.gate-choice:hover .gate-ico{background:var(--gold-500);color:var(--green-900)}}.gate-choice:active{border-color:var(--gold-500);background:linear-gradient(#c9a2272e,#c9a2270d)}.gate-choice:focus-visible{outline-offset:4px;border-radius:18px}.gate-ico{width:58px;height:58px;color:var(--gold-500);background:#072a20b3;border:1px solid #c9a227b3;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.gate-ico svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.gate-choice strong{color:#fbf8ef;font-family:Aref Ruqaa,serif;font-size:25px;font-weight:700;line-height:1.4}.gate-choice small{color:#c9be9e;font-size:13.5px;line-height:1.75}.gate-foot{color:#8fa898;margin:40px 0 0;font-size:12.5px}@media (max-width:640px){.welcome-gate{padding:28px 18px}.gate-crest{border-radius:20px;width:80px;height:80px;margin-bottom:24px}.gate-tagline{margin-top:8px}.gate-ornament{margin:16px auto 12px}.gate-choices{grid-template-columns:1fr;gap:12px;margin-top:26px}.gate-choice{text-align:start;grid-template-columns:auto 1fr;grid-template-areas:"ico title""ico desc";place-items:center start;gap:2px 16px;padding:18px;display:grid}.gate-ico{grid-area:ico;width:52px;height:52px}.gate-choice strong{grid-area:title;font-size:22px}.gate-choice small{grid-area:desc}.gate-foot{margin-top:28px}}@media (min-width:641px) and (max-height:760px){.welcome-gate{padding:24px 20px}.gate-crest{border-radius:18px;width:72px;height:72px;margin-bottom:20px}.gate-title{font-size:clamp(30px,6.4vw,44px);line-height:1.45}.gate-tagline{margin-top:6px}.gate-ornament{margin:14px auto 10px}.gate-choices{margin-top:24px}.gate-choice{gap:10px;padding:20px 20px 18px}.gate-ico{width:48px;height:48px}.gate-choice strong{font-size:22px}.gate-foot{margin-top:22px}}@media (prefers-reduced-motion:reduce){.gate-stage{animation:none}.gate-title{background-position:50% 0;animation:none}.gate-choice,.gate-choice:hover{transition:none;transform:none}}body.locked{background-color:#0b3d2e;background-image:var(--emerald-backdrop);background-attachment:fixed}body.locked main{justify-content:center;align-items:center;max-width:none;min-height:100dvh;padding:56px 20px 40px;display:flex}body.locked main>.tab-panel.active{width:100%;max-width:520px}body.locked .page-head,body.locked footer{display:none}.form-card.auth-card{--crest-bezel:var(--ivory);background:linear-gradient(180deg,var(--ivory) 0%,#f8f4e8 100%);border:1px solid #c9a227bf;border-radius:18px;width:100%;max-width:460px;margin:48px auto 0;padding:62px 34px 28px;position:relative;box-shadow:0 34px 60px -24px #0009,0 0 0 6px #ffffff0a}.form-card.auth-card:before{content:"";pointer-events:none;border:1px solid #c9a22759;border-radius:13px;position:absolute;inset:6px}#studentRegisterCard.auth-card{max-width:520px}.auth-crest{border:2px solid var(--gold-500);width:88px;height:88px;box-shadow:0 0 0 6px var(--crest-bezel),0 12px 26px #00000059;outline-offset:6px;z-index:1;background:#fff;border-radius:22px;outline:1px solid #c9a22799;position:absolute;top:-44px;left:50%;overflow:hidden;transform:translate(-50%)}.auth-crest img{object-fit:cover;width:100%;height:100%;display:block}.auth-card h2{color:var(--green-900);text-align:center;margin:0 0 8px;font-size:29px;line-height:1.4}.auth-card .hint{text-align:center;color:var(--ink-soft);margin:0 0 24px;font-size:13.5px;line-height:1.85}.form-card.auth-card .field{margin-bottom:18px}.form-card.auth-card .field label{color:var(--green-900);margin-bottom:7px;font-size:13.5px}.form-card.auth-card .field input{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #d9cfb2;border-radius:10px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-card.auth-card .field input::placeholder{color:#a9ae9f}.form-card.auth-card .field input:focus,.form-card.auth-card .field input:focus-visible{border-color:var(--gold-500);border-radius:10px;outline:none;box-shadow:0 0 0 4px #c9a22733}.form-card.auth-card .field input:disabled{color:var(--ink-soft);cursor:not-allowed;background:#efead8}.pw-wrap{position:relative}.form-card.auth-card .pw-wrap input{padding-inline-end:48px}.pw-toggle{top:0;bottom:0;width:44px;color:var(--ink-soft);border-radius:8px;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;inset-inline-end:3px}.pw-toggle:hover{color:var(--green-800)}.pw-toggle:focus-visible{border-radius:8px}.pw-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pw-toggle .eye-off,.pw-toggle[aria-pressed=true] .eye{display:none}.pw-toggle[aria-pressed=true] .eye-off{display:block}.auth-card .login-error{border-radius:10px;padding:10px 14px;line-height:1.7}.auth-card .save-btn,.auth-card .save-btn:hover{width:100%;height:50px;color:var(--green-900);background:linear-gradient(#e3c24f 0%,#c9a227 55%,#b08d1e 100%);border-radius:11px;margin-top:6px;padding:0 20px;font-size:16px;font-weight:700;transition:filter .15s,transform .15s;box-shadow:inset 0 1px #ffffff80,0 10px 20px -10px #b08d1ee6}.auth-card .save-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.auth-card .save-btn:active{transform:none}.auth-card .save-btn:focus-visible{outline-offset:3px;border-radius:11px}.auth-back{color:var(--ink-soft);border-radius:8px;margin:14px auto 0;padding:6px 12px;font-size:13.5px;transition:color .15s;display:block}.auth-back:hover{color:var(--green-800);text-decoration:underline;-webkit-text-decoration-color:var(--gold-500);text-decoration-color:var(--gold-500);text-underline-offset:5px}@media (max-width:440px){.form-card.auth-card{padding:60px 20px 24px}.auth-card h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.auth-card .save-btn:hover{transform:none}}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:22px;display:grid}.admin-stat-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:12px;padding:16px}.admin-stat-card .num{color:var(--green-900);font-family:Aref Ruqaa,serif;font-size:26px}.admin-stat-card .lbl{color:var(--ink-soft);margin-top:4px;font-size:12px}.form-card.auth-card .field select{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #d9cfb2;border-radius:10px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-card.auth-card .field select:focus,.form-card.auth-card .field select:focus-visible{border-color:var(--gold-500);outline:none;box-shadow:0 0 0 4px #c9a22733}
.admin-table{border-collapse:collapse;width:100%;font-size:13.5px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:9px 10px}.admin-table th{color:var(--ink-soft);background:#fbf9f3;font-size:12.5px;font-weight:700}.admin-table tr:hover td{background:#fcfbf7}.row-actions{white-space:normal;flex-wrap:wrap;gap:6px;display:flex}.btn-mini{border:1px solid var(--line);white-space:nowrap;background:#fcfbf7;border-radius:6px;padding:5px 10px;font-size:12px}.btn-mini:hover{border-color:var(--gold-500)}.btn-mini:disabled{opacity:.5;cursor:not-allowed}.btn-mini.btn-danger{color:var(--danger);border-color:#b3403a66}.btn-mini.btn-danger:hover{background:#b3403a14}.badge{border-radius:var(--radius-pill);border:1px solid var(--line);padding:3px 9px;font-size:11.5px}.badge-used{color:var(--correct);border-color:var(--correct);background:#2e7d4f14}.badge-unused{color:var(--ink-soft)}.badge-suspended{color:var(--danger);border-color:var(--danger);background:#b3403a14}.level-q-row{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:14px;display:flex}.level-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.level-card{background:var(--card);border:1.5px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;transition:transform .15s,border-color .15s;display:flex}.level-card:hover{transform:translateY(-2px)}.level-card.done{border-color:var(--correct)}.level-card.current{border-color:var(--gold-500);box-shadow:0 0 0 3px #c9a22726}.level-card.locked{opacity:.55;cursor:not-allowed}.level-icon{font-size:26px}.level-name{font-size:15px;font-weight:700}.level-meta{color:var(--ink-soft);font-size:12px}.results-chart-wrap{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;margin:18px 0;padding:16px 10px}.results-chart-wrap svg{width:100%;height:auto;display:block}.test-meta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto 18px;display:flex}.test-timer{color:var(--green-900);border:1.5px solid var(--line);border-radius:var(--radius-pill);background:#fbf9f3;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0;padding:8px 22px;font-family:Aref Ruqaa,serif;font-size:22px;font-weight:700;transition:color .2s,border-color .2s,background .2s;display:flex}.test-timer.low{color:var(--danger);border-color:var(--danger);background:#b3403a14}.test-qcount{color:var(--gold-600);border:1.5px solid var(--gold-500);border-radius:var(--radius-pill);background:#fbf9f3;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0;padding:8px 20px;font-family:Aref Ruqaa,serif;font-size:20px;font-weight:700;display:flex}.review-list{text-align:start;margin-top:20px}.review-item{border:1.5px solid var(--line);background:#fcfbf7;border-radius:10px;margin-bottom:10px;padding:12px 14px}.review-item.correct{border-color:var(--correct)}.review-item.incorrect{border-color:var(--danger)}.review-item .ri-q{margin-bottom:8px;font-size:14.5px;font-weight:700}.review-item .ri-row{margin-bottom:3px;font-size:13.5px}.review-item .ri-row.correct-ans{color:var(--correct);font-weight:700}.review-item .ri-row.wrong-ans{color:var(--danger);font-weight:700}.review-item .ri-explain{color:var(--ink-soft);margin-top:8px;font-size:12.5px;line-height:1.7}.choice-btn input[type=radio]{accent-color:var(--correct);margin-inline-end:8px}.modal-overlay{z-index:90;background:#0b3d2e8c;justify-content:center;align-items:flex-start;padding:40px 16px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--card);border-radius:16px;width:100%;max-width:640px;padding:30px}.filter-bar{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.filter-bar .filter-item{flex-direction:column;gap:4px;min-width:140px;display:flex}.filter-bar label{color:var(--ink-soft);font-size:12px;font-weight:700}.filter-bar select,.filter-bar input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:13.5px}.filter-bar .filter-search{flex:1;min-width:180px}.badge-boys{color:#1f5f99;background:#1f5f9914;border-color:#1f5f99}.badge-girls{color:#a23a7a;background:#a23a7a14;border-color:#a23a7a}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-btn.danger{background:var(--danger);color:#fff}.save-btn.danger:hover:not(:disabled){background:#9a342f}.ye-section{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 18px;padding:16px 18px}.ye-section h3{margin:0 0 10px;font-size:16px}.ye-section .hint{margin-top:6px;margin-bottom:0}.ye-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ye-row input[type=text]{border:1px solid var(--line);background:#fcfbf7;border-radius:8px;flex:1;min-width:200px;padding:10px 12px;font-size:14.5px}.ye-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (max-width:640px){.ye-grid{grid-template-columns:1fr}}.ye-box{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;padding:12px 16px}.ye-box h4{margin:0 0 6px;font-size:14px}.ye-box.del{border-color:#b3403a73}.ye-box.del h4{color:var(--danger)}.ye-box.keep{border-color:#2e7d4f73}.ye-box.keep h4{color:var(--correct)}.ye-list{margin:0;padding-inline-start:20px;font-size:13.5px;line-height:1.95}.ye-danger{background:#b3403a09;border-color:#b3403a8c}.ye-danger h3{color:var(--danger)}.ye-result{background:#2e7d4f0f;border:1px solid #2e7d4f8c;border-radius:12px;margin:0 0 18px;padding:14px 18px}.ye-result h3{color:var(--correct);margin:0 0 8px;font-size:16px}.ye-err{color:var(--danger);margin:0 0 10px;font-size:13.5px;font-weight:700}
.rpt-panel .rpt-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;display:flex}.rpt-loading{opacity:.55;pointer-events:none;transition:opacity .15s}.rpt-btn{border:1px solid var(--line);background:#fcfbf7;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:700}.rpt-btn:hover:not(:disabled){border-color:var(--gold-500)}.rpt-btn.primary{background:var(--green-900);color:#f7f4ec;border-color:var(--green-900)}.rpt-btn:disabled{opacity:.5;cursor:not-allowed}.rpt-body{font-size:14px}.rpt-filters-line{color:var(--ink-soft);margin:0 0 12px;font-size:13px}.report-sheet .rpt-filters-line{display:none}.rpt-kpis{grid-template-columns:repeat(auto-fit,minmax(98px,1fr));gap:10px;margin:0 0 18px;display:grid}.rpt-kpi{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:12px 8px}.rpt-kpi .num{color:var(--green-900);font-family:Aref Ruqaa,serif;font-size:25px;line-height:1.3}.rpt-kpi .lbl{color:var(--ink-soft);margin-top:2px;font-size:11.5px}.rpt-section{margin:0 0 20px}.rpt-section h3{border-inline-start:4px solid var(--gold-500);margin:0 0 10px;padding-inline-start:9px;font-size:16px}.rpt-note{color:var(--ink-soft);margin:8px 0 0;font-size:12px}.rpt-grid{grid-template-columns:1fr 1fr;align-items:start;gap:6px 22px;display:grid}.rpt-muted{color:var(--ink-soft)}.rpt-plain{margin:0 0 10px;padding-inline-start:18px;font-size:13.5px;line-height:1.9}.rpt-chip{color:#fff;border-radius:var(--radius-pill);padding:2px 12px;font-size:12.5px;font-weight:700;display:inline-block}.rpt-verdict{margin:0 0 14px;font-size:14px}.rpt-insight{border:1px solid var(--line);background:#fff;border-radius:10px;margin:0 0 10px;padding:10px 14px}.rpt-insight h4{margin:0 0 6px;font-size:13.5px}.rpt-insight ul{margin:0;padding-inline-start:18px;font-size:13px;line-height:1.85}.rpt-insight.good{background:#2e7d4f0d;border-color:#2e7d4f73}.rpt-insight.good h4{color:var(--correct)}.rpt-insight.bad{background:#b3403a0b;border-color:#b3403a66}.rpt-insight.bad h4{color:var(--danger)}.rpt-insight.rec{background:#c9a22712;border-color:#b08d1e80}.rpt-insight.rec h4{color:var(--gold-600)}.rpt-bars{flex-direction:column;gap:11px;display:flex}.rpt-bar-head{justify-content:space-between;gap:10px;margin-bottom:3px;font-size:13px;display:flex}.rpt-bar-label{font-weight:700}.rpt-bar-val{font-variant-numeric:tabular-nums;white-space:nowrap}.rpt-bar-track{background:#efead8;border-radius:6px;height:11px;overflow:hidden}.rpt-bar-fill{border-radius:6px;min-width:2px;height:100%}.rpt-bar-sub{color:var(--ink-soft);margin-top:2px;font-size:11.5px}.rpt-cols{align-items:flex-end;gap:8px;height:190px;display:flex}.rpt-col{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.rpt-col-val{margin-bottom:3px;font-size:12px;font-weight:700}.rpt-col-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.rpt-col-bar{border-radius:5px 5px 0 0;width:100%;min-height:2px}.rpt-col-label{color:var(--ink-soft);text-align:center;white-space:nowrap;margin-top:5px;font-size:11px}.rpt-line{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;width:100%;height:auto;display:block}.rpt-legend{color:var(--ink-soft);gap:16px;margin-top:6px;font-size:12px;display:flex}.rpt-legend i{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-inline-end:5px;display:inline-block}.rpt-info{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 18px;margin:0 0 16px;padding:12px 14px;display:grid}.rpt-info span{color:var(--ink-soft);font-size:11.5px;display:block}.rpt-info b{font-size:13.5px}.rpt-rank{margin:0;padding-inline-start:20px;font-size:13.5px;line-height:2}.rpt-rank li{padding-inline-end:4px}.rpt-rank li b{float:left}.rpt-hard{margin:0;padding-inline-start:20px;font-size:13px;line-height:1.7}.rpt-hard li{margin-bottom:8px}.rpt-hard small{color:var(--ink-soft)}.rpt-trend.up{color:var(--correct);font-weight:700}.rpt-trend.down{color:var(--danger);font-weight:700}.rpt-trend.flat{color:var(--ink-soft)}.rpt-table-tools{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.rpt-table-tools input,.rpt-table-tools select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:13.5px}.rpt-table-tools input{flex:1;min-width:180px}.rpt-table-wrap{overflow-x:auto}.pp{border:1px solid var(--line);background:#fbf9f3;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.pp-row,.pp-dates{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pp-title{color:var(--ink-soft);font-size:12px;font-weight:700}.pp-seg{border:1px solid var(--line);background:#fff;border-radius:8px;display:inline-flex;overflow:hidden}.pp-seg button{border-inline-start:1px solid var(--line);padding:7px 14px;font-size:13.5px}.pp-seg button:first-child{border-inline-start:0}.pp-seg button[aria-pressed=true]{background:var(--green-900);color:#f7f4ec;font-weight:700}.pp-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pp-label{color:var(--green-900);font-size:13.5px;font-weight:700}.pp-dates label{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.pp-dates input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:7px 10px;font-size:13.5px}.pp-err{color:var(--danger);font-size:12.5px;font-weight:700}.pp-compact{background:0 0;border:0;flex-flow:wrap;align-items:center;gap:10px;margin:0;padding:0}.pp-compact .pp-seg{background:#f7f4ec;border-color:#f7f4ec80}.pp-compact .pp-label,.pp-compact .pp-dates label{color:#f7f4ec}.pp-compact .pp-err{color:#ffb9b3}.pp-compact .btn-mini{background:#f7f4ec}@media (max-width:520px){.pp-seg{flex-wrap:wrap}}.rpt-cmp td.num,.rpt-cmp th.num{text-align:center;font-variant-numeric:tabular-nums}.report-overlay{z-index:10000;background:#d9d6ca;padding:0 0 40px;position:fixed;inset:0;overflow-y:auto}body.report-open{overflow:hidden}.report-toolbar{z-index:2;background:var(--green-900);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0003}.report-toolbar .rpt-btn{background:#f7f4ec}.report-toolbar .rpt-btn.primary{background:var(--gold-500);color:var(--green-900);border-color:var(--gold-500)}.rpt-toolbar-hint{color:#cfe0d6;margin-inline-start:auto;font-size:12px}.report-sheet{background:#fff;max-width:794px;min-height:400px;margin:18px auto 0;padding:34px 38px;box-shadow:0 4px 22px #0000002e}.rpt-header{border-bottom:3px solid var(--gold-500);align-items:center;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.rpt-logo{object-fit:contain;border-radius:10px;width:62px;height:62px}.rpt-header-text{flex:1;min-width:0}.rpt-school{color:var(--green-900);font-family:Aref Ruqaa,serif;font-size:19px;font-weight:700}.rpt-year{color:var(--gold-600);margin-top:1px;font-size:13px;font-weight:700}.rpt-header h1{margin:2px 0 0;font-size:23px}.rpt-sub{color:var(--ink-soft);margin-top:2px;font-size:13.5px}.rpt-date{color:var(--ink-soft);text-align:center;white-space:nowrap;font-size:11.5px}.rpt-date strong{color:var(--ink);font-size:12.5px}.rpt-footer{border-top:1px solid var(--line);color:var(--ink-soft);text-align:center;margin-top:26px;padding-top:10px;font-size:11px}@media (max-width:700px){.rpt-grid{grid-template-columns:1fr}.report-sheet{margin-top:10px;padding:20px 14px}.rpt-header{flex-wrap:wrap}.rpt-toolbar-hint{display:none}}@page{size:A4;margin:12mm}@media print{html,body{background:#fff!important;height:auto!important;overflow:visible!important}body>:not(.report-overlay){display:none!important}.report-overlay{background:#fff!important;padding:0!important;position:static!important;inset:auto!important;overflow:visible!important}.report-toolbar,.no-print{display:none!important}.report-sheet{width:100%!important;max-width:none!important;box-shadow:none!important;min-height:0!important;margin:0!important;padding:0!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rpt-insight,.rpt-kpi,.rpt-cols,.rpt-line,.rpt-info,.rpt-bar-row,.rpt-hard li,.rpt-rank li,.rpt-legend{break-inside:avoid;page-break-inside:avoid}.rpt-section h3{break-after:avoid;page-break-after:avoid}.rpt-table-wrap{overflow:visible!important}.rpt-table thead{display:table-header-group}.rpt-table tr{break-inside:avoid;page-break-inside:avoid}.rpt-table th,.rpt-table td{white-space:normal;padding:5px 6px;font-size:11.5px}.rpt-grid{grid-template-columns:1fr 1fr!important}.rpt-body{font-size:12.5px}}
.tab-panel{display:none}.tab-panel.active,.route-panel{display:block}main{min-height:60vh}a.nav-btn{text-decoration:none;display:inline-block}