@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lexend:wght@500;600;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Lexend", var(--font-sans);--bg-app:#f7f9fb;--bg-card:#fff;--bg-card-hover:#eceef0;--border-clean:#e0e3e5;--border-clean-hover:#c0c8cd;--primary:#00475e;--primary-hover:#1a5f7a;--primary-glow:#c0e8ff;--on-primary:#fff;--secondary:#7d5700;--secondary-container:#fdbb38;--on-secondary-container:#6e4c00;--success:#004567;--success-glow:#e6f7ff;--success-border:#9bd7f7;--danger:#ba1a1a;--danger-glow:#ffdad6;--danger-border:#93000a;--text-primary:#191c1e;--text-secondary:#40484d;--text-muted:#70787d;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 12px 24px -8px #00000014;--shadow-lg:0 20px 40px -15px #002f5e1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=dark]{--bg-app:#191c1e;--bg-card:#2d3133;--bg-card-hover:#40484d;--border-clean:#40484d;--border-clean-hover:#70787d;--primary:#92cfee;--primary-hover:#c0e8ff;--primary-glow:#1a5f7a;--on-primary:#001e2b;--secondary:#fdbb38;--secondary-container:#fdbb38;--on-secondary-container:#271900;--success:#8ccdff;--success-glow:#004b6f;--success-border:#005e8a;--danger:#ffdad6;--danger-glow:#93000a;--danger-border:#ba1a1a;--text-primary:#eff1f3;--text-secondary:#c0c8cd;--text-muted:#70787d;--shadow-sm:0 2px 8px #0003;--shadow-md:0 12px 24px -8px #0006;--shadow-lg:0 20px 40px -15px #00000080}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .2s}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.icon-fill{font-variation-settings:"FILL" 1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-clean-hover);border-radius:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:600}.arabic-text{font-family:var(--font-sans);text-align:right;color:var(--text-secondary);direction:rtl;line-height:1.8}.portal-layout{width:100%;min-height:100vh;display:flex}.portal-main{flex-direction:column;flex:1;min-height:100vh;display:flex}@media (width>=768px){.portal-main{margin-left:256px}}.portal-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px}@media (width<=767px){.portal-container{padding-top:80px;padding-bottom:90px}}.glass-card{background:var(--bg-card);border:1px solid var(--border-clean);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-clean-hover);box-shadow:var(--shadow-md)}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.sidebar-nav{background-color:var(--bg-card);border-right:1px solid var(--border-clean);z-index:40;flex-direction:column;gap:16px;width:256px;height:100vh;padding:32px 0;display:flex;position:fixed;top:0;left:0}.sidebar-nav-logo{margin-bottom:24px;padding:0 32px}.sidebar-nav-logo h1{color:var(--primary);font-size:28px;font-weight:700}.sidebar-nav-profile{align-items:center;gap:12px;margin-bottom:24px;padding:0 32px;display:flex}.sidebar-nav-profile img{object-cover:cover;border:1px solid var(--border-clean);border-radius:50%;width:44px;height:44px}.sidebar-nav-links{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;align-items:center;gap:12px;margin:0 12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.nav-link.active{background-color:var(--primary-glow);color:var(--primary);font-weight:600}.mobile-top-header,.mobile-bottom-nav{display:none}@media (width<=767px){.sidebar-nav{display:none!important}.portal-main{min-width:0!important}.mobile-top-header{z-index:50;background-color:var(--bg-card);border-bottom:1px solid var(--border-clean);width:100%;height:64px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0}.mobile-top-header h1{color:var(--primary);font-size:20px}.mobile-bottom-nav{z-index:50;background-color:var(--bg-card);border-top:1px solid var(--border-clean);justify-content:space-around;align-items:center;width:100%;height:72px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #0000000d}.mobile-nav-link{color:var(--text-secondary);font-size:10px;font-family:var(--font-display);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-weight:500;text-decoration:none;display:flex}.mobile-nav-link:hover{color:var(--primary)}.mobile-nav-link.active{color:var(--primary);font-weight:700}.mobile-nav-link.active .material-symbols-outlined{background-color:var(--primary-glow);font-variation-settings:"FILL" 1;border-radius:16px;padding:4px 16px}}.bento-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.bento-grid{grid-template-columns:repeat(12,1fr)}.bento-span-8{grid-column:span 8}.bento-span-6{grid-column:span 6}.bento-span-4{grid-column:span 4}}.progress-fill{background-color:var(--secondary-container);border-radius:9999px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.performance-bars{justify-content:space-between;align-items:flex-end;gap:16px;height:160px;padding:0 8px;display:flex}.performance-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-track{background-color:var(--bg-app);border:1px solid var(--border-clean);border-radius:4px 4px 0 0;align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.bar-fill{background-color:var(--primary);border-radius:4px 4px 0 0;width:100%;transition:height 1s cubic-bezier(.34,1.56,.64,1)}.bar-fill.focus-area{background-color:var(--secondary-container)}.performance-col span{font-size:11px;font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.lectures-layout{flex-direction:column;gap:24px;display:flex}@media (width>=992px){.lectures-layout{flex-direction:row}.lectures-sidebar{flex-shrink:0;width:280px}.lectures-content{flex:1}}.category-list{flex-direction:column;gap:8px;list-style:none;display:flex}.category-btn{text-align:left;border-radius:var(--radius-sm);width:100%;font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.category-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.category-btn.active{background-color:var(--primary);color:var(--on-primary)}.category-btn.active span.count-badge{background-color:var(--primary-hover);color:var(--on-primary)}span.count-badge{background-color:var(--bg-app);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.btn{font-family:var(--font-display);border-radius:var(--radius-sm);border:1px solid var(--border-clean);cursor:pointer;background-color:var(--bg-card);color:var(--text-primary);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--border-clean-hover);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #00475e26}.btn-secondary{background-color:var(--bg-card);color:var(--text-secondary);border-color:var(--border-clean)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-app)}.btn-accent{background-color:var(--secondary-container);color:var(--on-secondary-container);border-color:var(--secondary-container)}.btn-accent:hover:not(:disabled){background-color:#fca91c;border-color:#fca91c;box-shadow:0 4px 12px #fdbb3833}.btn:disabled{opacity:.4;cursor:not-allowed}.chapter-grid{flex-direction:column;gap:12px;display:flex}.section-list{flex-direction:column;gap:8px;max-height:380px;margin-top:16px;padding-right:8px;display:flex;overflow-y:auto}.section-item{border-radius:var(--radius-sm);background-color:var(--bg-card);border:1px solid var(--border-clean);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.section-item:hover{background-color:var(--bg-app);border-color:var(--border-clean-hover);transform:translate(4px)}.section-item.selected{background-color:var(--primary-glow);border-color:var(--primary);font-weight:500}.quiz-option{border-radius:var(--radius-sm);background-color:var(--bg-card);border:1px solid var(--border-clean);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;outline:none;justify-content:space-between;align-items:center;padding:16px 24px;font-size:16px;line-height:1.5;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.quiz-option:hover:not(.disabled){background-color:var(--bg-card-hover);border-color:var(--border-clean-hover);transform:translate(4px)}.radio-letter{background-color:var(--bg-app);width:32px;height:32px;color:var(--text-secondary);font-family:var(--font-display);border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:background-color .2s,color .2s;display:flex}.radio-outer{border:2px solid var(--border-clean);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:border-color .2s;display:flex}.radio-inner{background-color:var(--primary);border-radius:50%;width:12px;height:12px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.quiz-option.selected{border-color:var(--primary);background-color:var(--primary-glow);transform:translate(4px);box-shadow:0 4px 12px #00475e0d}.quiz-option.selected .radio-letter{background-color:var(--primary);color:var(--on-primary)}.quiz-option.selected .radio-outer{border-color:var(--primary)}.quiz-option.selected .radio-inner{transform:scale(1)}@keyframes correct-shake{0%{transform:scale(1)translate(0)}50%{transform:scale(1.02)translate(4px)}to{transform:scale(1)translate(4px)}}@keyframes incorrect-shake{0%{transform:scale(1)translate(0)}20%{transform:translate(-2px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:scale(1)translate(4px)}}.quiz-option.correct{border-color:var(--primary);background-color:var(--success-glow);color:var(--primary);animation:.4s forwards correct-shake;transform:translate(4px)}.quiz-option.correct .radio-letter{background-color:var(--primary);color:var(--on-primary)}.quiz-option.correct .radio-outer{border-color:var(--primary)}.quiz-option.correct .radio-inner{background-color:var(--primary);transform:scale(1)}.quiz-option.incorrect{border-color:var(--danger);background-color:var(--danger-glow);color:var(--danger);animation:.5s forwards incorrect-shake;transform:translate(4px)}.quiz-option.incorrect .radio-letter{background-color:var(--danger);color:#fff}.quiz-option.incorrect .radio-outer{border-color:var(--danger)}.quiz-option.incorrect .radio-inner{background-color:var(--danger);transform:scale(1)}.quiz-option.disabled{opacity:.5;cursor:not-allowed}.progress-bar-container{background:var(--border-clean);border-radius:9999px;width:100%;height:8px;margin-bottom:24px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.quiz-layout{grid-template-columns:1fr;gap:24px;margin-top:16px;display:grid}@media (width>=992px){.quiz-layout.has-passage{grid-template-columns:1.1fr .9fr}}.passage-panel{max-height:55vh;font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border-clean);background-color:var(--bg-app);border-radius:var(--radius-sm);padding:16px;font-size:16px;line-height:1.8;overflow-y:auto}@media (width>=992px){.passage-panel{position:sticky;top:24px}}.passage-text{white-space:pre-wrap;text-align:justify}.badge{border:1px solid var(--border-clean);font-size:12px;font-weight:600;font-family:var(--font-display);border-radius:20px;align-items:center;padding:4px 10px;display:inline-flex}.badge-primary{background-color:var(--primary-glow);color:var(--primary);border-color:var(--primary-glow)}.badge-secondary{background-color:var(--bg-app);color:var(--text-secondary)}.badge-success{background-color:var(--success-glow);color:var(--primary);border-color:var(--success-border)}.score-circle{justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 24px;display:flex;position:relative}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-circle circle{fill:none;stroke-width:10px}.score-circle .bg-circle{stroke:var(--border-clean)}.score-circle .progress-circle{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.34,1.56,.64,1)}.score-value{font-family:var(--font-display);color:var(--primary);font-size:32px;font-weight:700;position:absolute}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portal-footer{background-color:var(--bg-card);border-top:1px solid var(--border-clean);flex-direction:column;align-items:center;gap:16px;width:100%;padding:24px 32px;display:flex}@media (width>=768px){.portal-footer{flex-direction:row;justify-content:space-between}}.portal-footer h3{color:var(--primary);font-size:18px}.portal-footer p{color:var(--text-muted);font-size:13px}.portal-footer-links{flex-wrap:wrap;gap:16px;display:flex}.portal-footer-links a{color:var(--text-secondary);font-size:13px;font-family:var(--font-display);text-decoration:none}.portal-footer-links a:hover{color:var(--primary)}.responsive-flex-row{flex-direction:column;gap:20px;display:flex}@media (width>=768px){.responsive-flex-row{flex-direction:row}}.responsive-flex-row-lg{flex-direction:column;gap:32px;display:flex}@media (width>=992px){.responsive-flex-row-lg{flex-direction:row}}@media (width<=991px){.lectures-sidebar{width:100%;margin-bottom:8px}.category-list{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:8px;overflow-x:auto;flex-direction:row!important;gap:12px!important}.category-list li{flex-shrink:0}.category-btn{min-width:180px;width:auto!important}}[dir=rtl] .sidebar-nav{border-right:none;border-left:1px solid var(--border-clean);left:auto;right:0}@media (width>=768px){[dir=rtl] .portal-main{margin-left:0;margin-right:256px}}[dir=rtl] .category-btn{text-align:right}[dir=rtl] .quiz-option{text-align:right;flex-direction:row-reverse}[dir=rtl] .section-list{padding-left:8px;padding-right:0}[dir=rtl] .section-item:hover,[dir=rtl] .quiz-option:hover:not(.disabled),[dir=rtl] .quiz-option.selected,[dir=rtl] .quiz-option.correct,[dir=rtl] .quiz-option.incorrect{transform:translate(-4px)}