@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#005fdb;--color-primary-light:#3d8aef;--color-primary-dark:#0047a3;--color-primary-50:#e8f1fd;--color-primary-100:#cce0fb;--color-primary-200:#99c1f7;--color-green:#16a34a;--color-green-light:#4ade80;--color-green-dark:#15803d;--color-blue:#005fdb;--color-blue-light:#3d8aef;--color-blue-dark:#0047a3;--color-yellow:#d97706;--color-yellow-light:#fbbf24;--color-yellow-dark:#b45309;--color-red:#dc2626;--color-red-light:#f87171;--color-red-dark:#b91c1c;--color-purple:#7c3aed;--color-purple-light:#a78bfa;--color-cyan:#0891b2;--color-orange:#ea580c;--color-bg:#f0f2f5;--color-bg-secondary:#e8eaf0;--color-bg-card:#ffffff73;--color-bg-card-hover:#ffffffa6;--color-surface:#ffffff4d;--color-border:#ffffff59;--color-border-light:#ffffff80;--color-text:#1a1d2e;--color-text-secondary:#4a4e69;--color-text-muted:#7b7f97;--gradient-primary:linear-gradient(135deg, #005fdb 0%, #7c3aed 100%);--gradient-green:linear-gradient(135deg, #16a34a 0%, #0891b2 100%);--gradient-warm:linear-gradient(135deg, #d97706 0%, #dc2626 100%);--gradient-cool:linear-gradient(135deg, #0891b2 0%, #005fdb 100%);--gradient-bg:linear-gradient(135deg, #dfe3ee 0%, #c9d6e8 30%, #e0dff0 60%, #d6e4ee 100%);--gradient-subtle:linear-gradient(135deg, #ffffff80 0%, #fff3 100%);--glass-bg:#ffffff40;--glass-bg-strong:#ffffff73;--glass-bg-card:#ffffff59;--glass-border:#ffffff73;--glass-border-subtle:#ffffff40;--glass-blur:blur(20px);--glass-blur-strong:blur(30px);--glass-inner-shadow:inset 0 1px 2px #fff9, inset 0 -1px 1px #0000000a;--glass-outer-glow:0 8px 32px #0000000f;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic:"Cairo", "Inter", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 12px 40px #00000014, 0 4px 12px #0000000a;--shadow-xl:0 20px 60px #0000001a, 0 8px 20px #0000000a;--shadow-glow-blue:0 4px 24px #005fdb2e;--shadow-glow-green:0 4px 24px #16a34a2e;--shadow-glow-yellow:0 4px 24px #d977062e;--shadow-glow-red:0 4px 24px #dc26262e;--shadow-card:0 2px 12px #0000000a, var(--glass-inner-shadow);--shadow-card-hover:0 12px 40px #005fdb1a, var(--glass-inner-shadow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--gradient-bg);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--font-size-base)}img{max-width:100%;display:block}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-shadow), var(--glass-outer-glow)}.glass-card{background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-shadow), var(--glass-outer-glow);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-card:hover{background:var(--color-bg-card-hover);box-shadow:var(--glass-inner-shadow), var(--shadow-lg);transform:translateY(-2px)}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-shadow), var(--glass-outer-glow)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #005fdb26}50%{box-shadow:0 0 25px #005fdb40}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes path-draw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.5s forwards fadeIn}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#00000008}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#005fdb26}::-webkit-scrollbar-thumb:hover{background:#005fdb40}@media (display-mode:standalone){body{overscroll-behavior:none;-webkit-user-select:none;-webkit-user-select:text;user-select:text}}.auth-container{min-height:100vh;padding:var(--space-lg);background:var(--gradient-bg);perspective:1000px;background-image:url(/background.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-mesh-bg{pointer-events:none;z-index:0;-webkit-backdrop-filter:blur(3px);position:absolute;inset:0;overflow:hidden}.mesh-blob{filter:blur(80px);opacity:.5;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate mesh-float;position:absolute}.mesh-blob-1{background:radial-gradient(circle,#005fdb1f 0%,#005fdb00 70%);width:60vw;height:60vw;top:-20vh;left:-20vw}.mesh-blob-2{background:radial-gradient(circle,#7c3aed1a 0%,#7c3aed00 70%);width:50vw;height:50vw;animation-delay:-5s;bottom:-20vh;right:-10vw}.mesh-blob-3{background:radial-gradient(circle,#16a34a14 0%,#16a34a00 70%);width:40vw;height:40vw;animation-delay:-10s;top:30vh;left:30vw}.mesh-grid-overlay{opacity:.5;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}@keyframes mesh-float{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,5%)scale(1.1)}to{transform:translate(-5%,-5%)scale(.9)}}.auth-card{width:100%;max-width:460px;padding:var(--space-2xl) var(--space-2xl) var(--space-xl);border-radius:var(--radius-2xl);z-index:1;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-inner-shadow), var(--shadow-xl);position:relative}.premium-glass{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-shadow), 0 24px 48px #0000000f;max-width:540px;transform-style:preserve-3d;border-radius:28px;padding:3rem;position:relative;overflow:visible}.auth-back{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);transition:color var(--transition-fast);font-family:var(--font-arabic);display:flex}.auth-back:hover{color:var(--color-primary)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo-wrapper{margin-bottom:1.5rem;display:inline-block;position:relative}.auth-logo-glow{background:var(--color-primary);filter:blur(25px);opacity:.15;z-index:-1;border-radius:50%;position:absolute;inset:0;transform:scale(1.5)}.auth-logo{margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:3rem;animation:3s ease-in-out infinite bounce-subtle;display:flex}.auth-logo-img{object-fit:contain;filter:drop-shadow(0 4px 16px #005fdb33);width:80px;height:80px;transition:transform var(--transition-spring)}.auth-logo-img:hover{transform:scale(1.08)}.auth-powered-by{font-family:var(--font-primary);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-sm);letter-spacing:.03em;display:block}.auth-powered-by strong{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.auth-title{font-family:var(--font-arabic);margin-bottom:var(--space-xs);color:var(--color-text);letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.text-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-subtitle{font-family:var(--font-arabic);color:var(--color-text-secondary);margin-bottom:2.5rem;font-size:1.05rem;font-weight:500}.role-cards{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.role-card{text-align:right;background:0 0;border:none;outline:none;width:100%;padding:0}.role-card-inner{background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-shadow);border-radius:20px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.role-card:hover .role-card-inner{background:var(--color-bg-card-hover);box-shadow:var(--glass-inner-shadow), 0 20px 40px #005fdb14;border-color:#005fdb33;transform:translateY(-4px)scale(1.01)}.role-card--active .role-card-inner{border-color:var(--color-primary);box-shadow:var(--glass-inner-shadow), 0 20px 40px #005fdb1f, inset 0 0 0 1px var(--color-primary);background:#005fdb14;transform:translateY(-4px)scale(1.02)}.role-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.role-icon-backdrop{background:linear-gradient(135deg,#005fdb1a 0%,#005fdb05 100%);border-radius:18px;transition:all .4s;position:absolute;inset:0;transform:rotate(-5deg)}.role-card:hover .role-icon-backdrop{background:linear-gradient(135deg,#005fdb26 0%,#005fdb0d 100%);transform:rotate(0)scale(1.05)}.role-card--active .role-icon-backdrop{background:var(--color-primary);opacity:.12;transform:rotate(0)scale(1.1)}.role-icon-img{z-index:1;filter:drop-shadow(0 8px 12px #0000001a);width:48px;height:48px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.role-card:hover .role-icon-img{transform:translateY(-2px)scale(1.1)}.role-content{flex:1}.role-title{font-family:var(--font-arabic);color:var(--color-text);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.35rem;font-weight:800;display:flex}.role-title-en{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);vertical-align:middle;background:#005fdb1a;border-radius:10px;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.role-desc{color:var(--color-text-secondary);font-size:.95rem;font-weight:500;line-height:1.5}.role-indicator{color:#0000;border:2px solid #005fdb33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.role-indicator.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 15px #005fdb66}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{font-family:var(--font-arabic);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.form-group input{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--color-text);font-size:var(--font-size-base);transition:all var(--transition-fast);direction:ltr;outline:none;padding:.8rem 1rem}.form-group input:focus{border-color:var(--color-primary);background:#ffffff80;box-shadow:0 0 0 3px #005fdb1a}.form-group input::placeholder{color:var(--color-text-muted)}.auth-btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);font-family:var(--font-arabic);font-size:var(--font-size-base);transition:all var(--transition-base);min-height:50px;padding:.8rem 1.5rem;font-weight:600;display:flex}.auth-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md), var(--shadow-glow-blue)}.auth-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-lg), var(--shadow-glow-blue);transform:translateY(-2px)}.auth-btn--primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn--large{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:16px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.1rem;font-size:1.15rem;display:flex;position:relative;overflow:hidden}.auth-btn--large:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-btn--large:hover:not(:disabled):before{left:100%}.auth-btn--large .btn-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s;display:flex}.auth-btn--large:hover:not(:disabled) .btn-icon{transform:translate(-4px)}.auth-btn--oauth{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--color-text);border:1px solid var(--glass-border);width:100%;box-shadow:var(--glass-inner-shadow)}.auth-btn--oauth:hover:not(:disabled){background:var(--color-bg-card-hover);box-shadow:var(--glass-inner-shadow), var(--shadow-sm);border-color:#005fdb33;transform:translateY(-1px)}.auth-btn--disabled{opacity:.5;cursor:not-allowed}.auth-divider{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--color-text-muted);font-family:var(--font-arabic);font-size:var(--font-size-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.oauth-buttons{gap:var(--space-sm);flex-direction:column;display:flex}.auth-toggle{text-align:center;margin-top:var(--space-lg);font-family:var(--font-arabic);color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-toggle-btn{color:var(--color-primary);font-weight:600;font-family:var(--font-arabic);margin-right:var(--space-xs);transition:color var(--transition-fast)}.auth-toggle-btn:hover{color:var(--color-primary-dark)}.auth-error{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-red);font-family:var(--font-arabic);font-size:var(--font-size-sm);margin-bottom:var(--space-md);background:#dc26260f;border:1px solid #dc262626;display:flex}.auth-spinner{border:2.5px solid #005fdb33;border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-indicator{margin-bottom:var(--space-lg);justify-content:center;align-items:center;gap:0;display:flex}.step-dot{width:36px;height:36px;font-size:var(--font-size-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--color-text-muted);border:1px solid var(--glass-border);transition:all var(--transition-base);box-shadow:var(--glass-inner-shadow);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step-dot--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 12px #005fdb40}.step-line{background:var(--glass-border);width:60px;height:2px}.location-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.location-grid input{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-arabic);transition:all var(--transition-fast);outline:none;padding:.8rem 1rem}.location-grid input:focus{border-color:var(--color-primary);background:#ffffff80;box-shadow:0 0 0 3px #005fdb1a}.location-grid input::placeholder{color:var(--color-text-muted)}.location-full{grid-column:1/-1}.form-label-row{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.form-label-row label{font-family:var(--font-arabic);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.geo-detect-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);color:var(--color-primary);font-family:var(--font-arabic);font-size:var(--font-size-xs);transition:all var(--transition-fast);background:#005fdb0f;border:1px solid #005fdb1a;padding:4px 10px;font-weight:600;display:flex}.geo-detect-btn:hover:not(:disabled){background:#005fdb1f}.geo-detect-btn:disabled{opacity:.6;cursor:wait}.form-select{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--color-text);font-size:var(--font-size-base);font-family:var(--font-arabic);transition:all var(--transition-fast);appearance:none;cursor:pointer;outline:none;width:100%;padding:.8rem 1rem}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:.3s slideRight}@media (width<=768px){.premium-glass{border-radius:20px;max-width:100%;margin:1rem;padding:2rem}.auth-title{font-size:1.75rem}.auth-subtitle{margin-bottom:2rem;font-size:.95rem}.role-card-inner{gap:1rem;padding:1rem}.role-icon-wrapper{width:56px;height:56px}.role-icon-img{width:36px;height:36px}.role-title{font-size:1.15rem}.role-desc{font-size:.85rem}}@media (width<=480px){.auth-container{padding:.5rem}.auth-card{padding:var(--space-xl)}.premium-glass{border-radius:16px;margin:0;padding:1.5rem 1rem}.auth-logo-img{width:60px;height:60px}.auth-title{font-size:1.5rem}.auth-subtitle{margin-bottom:1.5rem;font-size:.85rem}.role-cards{gap:.75rem;margin-bottom:1.5rem}.role-card-inner{border-radius:14px;gap:.75rem;padding:.75rem}.role-icon-wrapper{width:48px;height:48px}.role-icon-img{width:32px;height:32px}.role-title{font-size:1rem}.role-title-en{padding:.1rem .3rem;font-size:.55rem}.role-desc{font-size:.75rem;line-height:1.3}.role-indicator{width:22px;height:22px}.role-indicator svg{width:12px;height:12px}.auth-btn--large{border-radius:12px;padding:.9rem;font-size:1rem}.auth-btn--large .btn-icon{width:26px;height:26px}.auth-btn--large .btn-icon svg{width:16px;height:16px}.location-grid{grid-template-columns:1fr}}@media (width<=360px){.premium-glass{padding:1.25rem .75rem}.auth-title{font-size:1.35rem}.role-card-inner{text-align:center;flex-direction:column;align-items:center}.role-indicator{position:absolute;top:10px;right:10px}.role-title{justify-content:center}}:root{--admin-bg:#fafafc;--glass-bg:#fffc;--glass-bg-hover:#fffffff2;--glass-border:#0000000f;--glass-blur:20px;--glass-shadow:0 4px 20px #00000008;--admin-text:#111827;--admin-text-muted:#6b7280;--admin-primary:#005fdb;--admin-primary-glow:#005fdb33;--admin-secondary:#f6f6ff;--admin-green:#10b981;--admin-red:#ef4444;--admin-yellow:#f59e0b;--admin-purple:#8b5cf6;--admin-radius:12px;--admin-font:"Inter", "Cairo", sans-serif}.admin-clean-bg{z-index:0;pointer-events:none;background:radial-gradient(circle at 0 0,#f6f6ff,#fafafc);width:100vw;height:100vh;position:fixed;top:0;left:0}.admin-shell{min-height:100vh;color:var(--admin-text);font-family:var(--admin-font);z-index:1;display:flex;position:relative}.admin-sidebar{background:var(--glass-bg);width:280px;-webkit-backdrop-filter:blur(var(--glass-blur));border-left:1px solid var(--glass-border);z-index:10;flex-direction:column;flex-shrink:0;height:100vh;padding:32px 0;display:flex;position:sticky;top:0;overflow-y:auto}.admin-logo{border-bottom:1px solid var(--glass-border);align-items:center;gap:14px;margin-bottom:24px;padding:0 28px 32px;display:flex}.admin-logo-icon{background:var(--admin-primary);color:#fff;width:44px;height:44px;box-shadow:0 4px 12px var(--admin-primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.admin-logo h2{color:var(--admin-text);letter-spacing:-.5px;margin:0;font-size:1.35rem;font-weight:800}.admin-nav{flex-direction:column;flex:1;gap:4px;padding:0 16px;display:flex}.admin-nav-item{cursor:pointer;color:var(--admin-text-muted);text-align:start;background:0 0;border:none;border-radius:8px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.admin-nav-item:hover{color:var(--admin-text);background:#00000008}.admin-nav-item.active{background:var(--admin-secondary);color:var(--admin-primary);font-weight:700}.admin-nav-icon{text-align:center;width:24px;font-size:1.2rem}.admin-sidebar-footer{border-top:1px solid var(--glass-border);margin-top:auto;padding:24px 28px}.admin-sidebar-footer button{width:100%;color:var(--admin-red);cursor:pointer;background:0 0;border:1px solid #ef444433;border-radius:8px;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s}.admin-sidebar-footer button:hover{background:#ef44440d}.admin-mobile-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:100;justify-content:space-around;align-items:center;width:100%;padding:10px 16px 20px;display:none;position:fixed;bottom:0;left:0}.admin-mobile-nav-item{color:var(--admin-text-muted);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;transition:all .2s;display:flex}.admin-mobile-nav-item.active{color:var(--admin-primary);background:var(--admin-secondary)}.admin-main{z-index:2;flex:1;min-height:100vh;padding:40px;position:relative;overflow-y:auto}.admin-page-header{margin-bottom:32px;animation:.4s ease-out fadeIn}.admin-page-header h1{color:var(--admin-text);letter-spacing:-.5px;align-items:center;gap:12px;margin:0 0 8px;font-size:2rem;font-weight:800;display:flex}.admin-page-header p{color:var(--admin-text-muted);margin:0;font-size:1rem}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:40px;display:grid}.admin-stat-card{border:1px solid var(--glass-border);border-radius:var(--admin-radius);background:#fff;flex-direction:column;gap:8px;padding:24px;transition:all .2s;animation:.5s ease-out both fadeIn;display:flex;box-shadow:0 2px 8px #00000005}.admin-stat-card:first-child{animation-delay:50ms}.admin-stat-card:nth-child(2){animation-delay:.1s}.admin-stat-card:nth-child(3){animation-delay:.15s}.admin-stat-card:nth-child(4){animation-delay:.2s}.admin-stat-card:hover{border-color:#0000001a;transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}.admin-stat-label{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.admin-stat-value{color:var(--admin-text);font-size:2.5rem;font-weight:800;line-height:1.2}.admin-stat-value.blue{color:var(--admin-primary)}.admin-stat-value.green{color:var(--admin-green)}.admin-stat-value.red{color:var(--admin-red)}.admin-stat-value.yellow{color:var(--admin-yellow)}.admin-stat-value.purple{color:var(--admin-purple)}.admin-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn.primary{background:var(--admin-text);color:#fff;box-shadow:0 2px 8px #0000001a}.admin-btn.primary:hover{background:#333}.admin-btn.secondary{border-color:var(--glass-border);color:var(--admin-text);background:#fff}.admin-btn.secondary:hover{background:#f9f9f9;border-color:#00000026}.admin-btn.danger{color:var(--admin-red);background:#fff;border-color:#ef444433}.admin-btn.danger:hover{background:var(--admin-red);color:#fff}.admin-table-container{border:1px solid var(--glass-border);border-radius:var(--admin-radius);background:#fff;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000005}.table-responsive{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:right;width:100%;min-width:800px}.admin-table th{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--glass-border);background:#f9fafb;padding:16px 24px;font-size:.8rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;color:var(--admin-text);padding:16px 24px;font-size:.9rem}.admin-table tr{transition:background .2s}.admin-table tr:hover{background:#f9fafb}.admin-table tr:last-child td{border-bottom:none}.admin-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.admin-badge.active{color:var(--admin-green);background:#10b9811a}.admin-badge.inactive{color:var(--admin-text-muted);background:#f3f4f6}.admin-badge.locked{color:var(--admin-yellow);background:#f59e0b1a}.admin-badge.banned{color:var(--admin-red);background:#ef44441a}.admin-badge.admin{color:var(--admin-purple);background:#8b5cf61a}.admin-badge.student{color:var(--admin-primary);background:#005fdb1a}.admin-badge.parent{color:var(--admin-text-muted);background:#f3f4f6}.admin-actions{align-items:center;gap:8px;display:flex}.admin-action-btn{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--admin-text-muted);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-action-btn:hover{color:var(--admin-text);background:#f3f4f6}.admin-action-btn.primary:hover{color:var(--admin-primary);background:#005fdb0d;border-color:#005fdb33}.admin-action-btn.danger:hover{color:var(--admin-red);background:#ef44440d;border-color:#ef444433}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) modalScale;overflow-y:auto;box-shadow:0 20px 40px #0000001a}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-modal h3{color:var(--admin-text);letter-spacing:-.5px;margin:0 0 24px;font-size:1.4rem;font-weight:700}.admin-form-group{margin-bottom:20px}.admin-form-group label{color:var(--admin-text-muted);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{border:1px solid var(--glass-border);width:100%;color:var(--admin-text);background:#f9fafb;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:var(--admin-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #005fdb1a}.admin-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:16px;background-repeat:no-repeat;background-size:16px;padding-left:40px}.admin-modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.admin-question-modal{width:100%}.admin-segmented-control{background:#f3f4f6;border-radius:12px;padding:4px;display:flex}.admin-segmented-control .segment-btn{color:var(--admin-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.admin-segmented-control .segment-btn:hover{color:var(--admin-text)}.admin-segmented-control .segment-btn.active{color:var(--admin-primary);background:#fff;box-shadow:0 2px 8px #0000000f}.admin-input{border:1px solid var(--glass-border);width:100%;color:var(--admin-text);resize:vertical;background:#f9fafb;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.admin-input:focus{border-color:var(--admin-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #005fdb1a}.admin-options-section{border:1px solid var(--glass-border);background:#fafafc;border-radius:14px;margin-top:24px;padding:16px}.admin-options-list{flex-direction:column;gap:12px;display:flex}.admin-option-card{border:1px solid var(--glass-border);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:all .2s;display:flex;position:relative}.admin-option-card:hover{border-color:#d1d5db}.admin-option-card.is-correct{background:#10b98105;border-color:#10b981}.option-card-header{justify-content:space-between;align-items:center;display:flex}.option-badge{color:var(--admin-text-muted);background:#f3f4f6;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:700}.admin-icon-btn{cursor:pointer;color:var(--admin-text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.admin-icon-btn:hover{color:var(--admin-text);background:#f3f4f6}.admin-icon-btn.danger-text:hover{color:var(--admin-red);background:#ef44441a}.admin-correct-toggle{cursor:pointer;color:var(--admin-text-muted);align-items:center;gap:8px;font-size:.85rem;font-weight:600;transition:color .2s;display:flex}.admin-correct-toggle input[type=radio]{display:none}.admin-correct-toggle .toggle-circle{color:#fff;background:#fff;border:2px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.admin-correct-toggle.active{color:#10b981}.admin-correct-toggle.active .toggle-circle{background:#10b981;border-color:#10b981}.small-btn{padding:6px 12px;font-size:.8rem}.curr-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.curr-empty{text-align:center;border-radius:var(--admin-radius);border:1px dashed var(--glass-border);color:var(--admin-text-muted);background:#f9fafb;grid-column:1/-1;padding:60px 20px;font-size:1rem}.curr-card{border:1px solid var(--glass-border);border-radius:var(--admin-radius);background:#fff;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.curr-card:hover{border-color:#0000001a;transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}.curr-card-header{align-items:center;gap:12px;display:flex}.curr-card-color{background:currentColor;border-radius:2px;flex-shrink:0;width:4px;height:32px}.curr-card-title h3{color:var(--admin-text);margin:0;font-size:1.1rem;font-weight:700}.curr-card-subtitle{color:var(--admin-text-muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.curr-card-meta{color:var(--admin-text-muted);background:#f9fafb;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;display:flex}.curr-card-desc{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.curr-card-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.curr-breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.curr-breadcrumb-btn{color:var(--admin-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.9rem;font-weight:600;transition:all .2s}.curr-breadcrumb-btn:hover{color:var(--admin-text);background:#f3f4f6}.curr-breadcrumb-current{color:var(--admin-text);padding:4px 8px;font-size:.9rem;font-weight:700}.part-tabs{background:#f3f4f6;border-radius:10px;gap:8px;margin-bottom:24px;padding:6px;display:inline-flex}.part-tab{color:var(--admin-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.part-tab:hover{color:var(--admin-text)}.part-tab.active{color:var(--admin-text);background:#fff;font-weight:700;box-shadow:0 2px 8px #0000000d}.part-tab-content{border:1px solid var(--glass-border);border-radius:var(--admin-radius);background:#fff;min-height:300px;padding:32px;box-shadow:0 2px 8px #00000005}.question-card{border:1px solid var(--glass-border);background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.question-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.question-num{background:var(--admin-secondary);color:var(--admin-primary);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.question-text{color:var(--admin-text);margin:0 0 20px;font-size:1.05rem;font-weight:600}.question-opt{color:var(--admin-text-muted);background:#f9fafb;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:.95rem;display:flex}.question-opt.correct{color:var(--admin-green);background:#10b9810d;border-color:#10b98133;font-weight:600}.term-badge{text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.term-badge.term-1{background:var(--admin-secondary);color:var(--admin-primary)}.term-badge.term-2{color:var(--admin-red);background:#ef44440d}.upload-progress-bar{background:#f3f4f6;border-radius:4px;width:100%;max-width:400px;height:8px;overflow:hidden}.upload-progress-fill{background:var(--admin-text);border-radius:4px;height:100%;transition:width .3s}.admin-login-page{background:var(--admin-bg);justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.admin-login-card{border:1px solid var(--glass-border);z-index:10;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;position:relative;box-shadow:0 10px 30px #0000000d}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{color:var(--admin-text);letter-spacing:-.5px;margin:16px 0 8px;font-size:1.8rem;font-weight:800}.admin-login-header p{color:var(--admin-text-muted);margin:0;font-size:1rem}.admin-login-error{color:var(--admin-red);text-align:center;background:#ef44440d;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem;font-weight:600}.admin-login-btn{background:var(--admin-text);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:14px;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.admin-login-btn:hover:not(:disabled){background:#333}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{text-align:center;margin-top:24px}.admin-login-footer a{color:var(--admin-text-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.admin-login-footer a:hover{color:var(--admin-text)}@media (width<=1024px){.admin-sidebar{width:80px;padding:24px 0}.admin-logo h2,.admin-nav-item span:not(.admin-nav-icon),.admin-sidebar-footer button span{display:none}.admin-logo{justify-content:center;padding:0 0 24px}.admin-nav-item{justify-content:center;padding:14px}.admin-sidebar-footer{padding:24px 16px}}@media (width<=768px){.admin-sidebar{display:none}.admin-mobile-nav{display:flex}.admin-main{padding:24px 24px 100px}.admin-page-header{flex-direction:column;gap:12px;align-items:flex-start!important}.admin-page-header h1{font-size:1.6rem}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:16px}.curr-grid{grid-template-columns:1fr}.part-tabs{flex-wrap:wrap;display:flex}.admin-table-container{box-shadow:none;background:0 0;border:none;padding:0}.table-responsive{overflow:visible}.admin-table{min-width:100%;display:block}.admin-table thead{display:none}.admin-table tbody{flex-direction:column;gap:16px;display:flex}.admin-table tr{border:1px solid var(--glass-border);border-radius:var(--admin-radius);background:#fff;flex-direction:column;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.admin-table td{border-bottom:1px solid var(--glass-border);text-align:right;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.admin-table tr td:last-child{border-bottom:none;justify-content:flex-start;gap:12px;margin-top:8px;padding-bottom:0}.admin-table td:before{content:attr(data-label);color:var(--admin-text-muted);text-transform:uppercase;padding-left:16px;font-size:.8rem;font-weight:600}}@media (width<=600px){.admin-mobile-nav{justify-content:space-between;gap:2px;padding:6px 4px 10px}.admin-mobile-nav-item{flex:1;min-width:0;padding:6px}.admin-mobile-nav-item span:not(.admin-mobile-nav-icon){white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;overflow:hidden}}@media (width<=480px){.admin-stats-grid{grid-template-columns:1fr}.admin-main{padding:16px 16px 90px}.admin-modal{border-radius:16px;padding:20px}.admin-page-header h1{font-size:1.4rem}.admin-login-card{box-shadow:none;border:none;border-radius:0;padding:32px 24px}.admin-login-page{background:#fff;align-items:flex-start;padding-top:40px}.admin-mobile-nav-item span:not(.admin-mobile-nav-icon){display:none!important}.admin-mobile-nav-item{padding:10px 4px}.admin-mobile-nav-icon svg{width:22px;height:22px}.admin-page-header{gap:16px!important}.admin-page-header>div:last-child{width:100%;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.admin-search-input,.admin-filter-select{width:100%!important;min-width:0!important}.admin-table tr{padding:12px}.admin-table td{padding:8px 0;font-size:.85rem}.admin-table td:before{padding-left:8px;font-size:.75rem}}.grade-container{min-height:100vh;padding:var(--space-xl);background:var(--gradient-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.grade-bg-decoration{pointer-events:none;position:absolute;inset:0}.grade-bg-shape{filter:blur(120px);opacity:.4;border-radius:50%;position:absolute}.grade-bg-shape--1{background:#005fdb26;width:500px;height:500px;top:-200px;left:-100px}.grade-bg-shape--2{background:#16a34a1a;width:400px;height:400px;bottom:-150px;right:-100px}.grade-content{z-index:1;width:100%;max-width:900px;position:relative}.grade-header{text-align:center;margin-bottom:var(--space-3xl)}.grade-title{font-family:var(--font-arabic);font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:900}.grade-subtitle{font-family:var(--font-arabic);color:var(--color-text-muted);font-size:var(--font-size-lg)}.grade-cards{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grade-card{align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-2xl);background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:all var(--transition-base);cursor:pointer;opacity:0;box-shadow:var(--glass-inner-shadow), var(--glass-outer-glow);flex-direction:column;display:flex;position:relative;overflow:hidden}.grade-card-glow{background:radial-gradient(circle at 50% 0%, var(--card-color), transparent 70%);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.grade-card:hover .grade-card-glow{opacity:.08}.grade-card:hover{border-color:var(--card-color);background:var(--color-bg-card-hover);box-shadow:var(--glass-inner-shadow), var(--shadow-xl), 0 0 40px color-mix(in srgb, var(--card-color) 12%, transparent);transform:translateY(-8px)}.grade-emoji{z-index:1;justify-content:center;align-items:center;font-size:4rem;animation:3s ease-in-out infinite bounce-subtle;display:flex;position:relative}.grade-icon-img{object-fit:contain;filter:drop-shadow(0 6px 16px #0000001a);width:80px;height:80px;transition:transform var(--transition-spring)}.grade-card:hover .grade-icon-img{transform:scale(1.15)rotate(-5deg)}.grade-name-ar{font-family:var(--font-arabic);font-size:var(--font-size-xl);color:var(--color-text);z-index:1;font-weight:800;position:relative}.grade-name-en{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;z-index:1;position:relative}.grade-arrow{margin-top:var(--space-md);background:var(--card-color);color:#fff;z-index:1;width:44px;height:44px;transition:transform var(--transition-spring);box-shadow:0 4px 16px color-mix(in srgb, var(--card-color) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.grade-card:hover .grade-arrow{transform:scale(1.1)translate(-4px)}.grade-loading{justify-content:center;align-items:center;min-height:300px;display:flex}@media (width<=768px){.grade-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}.grade-title{font-size:var(--font-size-2xl)}}@media (width<=360px){.grade-container{padding:var(--space-md) var(--space-sm)}.grade-header{margin-bottom:var(--space-xl)}.grade-title{font-size:1.5rem}.grade-subtitle{font-size:var(--font-size-sm)}.grade-cards{gap:var(--space-md)}.grade-card{padding:var(--space-xl) var(--space-md);gap:var(--space-sm)}.grade-icon-img{width:60px;height:60px}.grade-name-ar{font-size:var(--font-size-lg)}.grade-arrow{width:36px;height:36px;margin-top:var(--space-sm)}}.subjects-page-wrapper{background:var(--gradient-bg);min-height:calc(100vh - 64px);display:block;position:relative}.terms-sidebar{top:calc(64px + var(--space-xl));bottom:var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;width:60px;left:var(--space-xl);background:#fff6;border:1px solid #ffffff80;border-radius:30px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 30px #00000014}[dir=rtl] .terms-sidebar{left:var(--space-xl);right:auto}[dir=ltr] .terms-sidebar{left:auto;right:var(--space-xl)}.term-btn{writing-mode:vertical-rl;font-family:var(--font-arabic);font-size:var(--font-size-lg);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;font-weight:700;transition:all .3s;display:flex;transform:rotate(180deg)}.term-btn:hover{color:var(--color-text);background:#005fdb0d}.term-btn.active{color:var(--color-primary);background:#005fdb1a}.subjects-container{padding:var(--space-xl);padding-left:calc(60px + var(--space-xl) * 2);position:relative;overflow:hidden}[dir=rtl] .subjects-container{padding-left:calc(60px + var(--space-xl) * 2);padding-right:var(--space-xl)}[dir=ltr] .subjects-container{padding-right:calc(60px + var(--space-xl) * 2);padding-left:var(--space-xl)}.subjects-bg{pointer-events:none;position:absolute;inset:0}.subjects-bg-orb{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.subjects-bg-orb--1{background:#16a34a1f;width:350px;height:350px;top:10%;right:5%}.subjects-bg-orb--2{background:#005fdb1f;width:300px;height:300px;bottom:10%;left:10%}.subjects-bg-orb--3{background:#d977061a;width:200px;height:200px;top:40%;left:30%}.subjects-content{z-index:1;max-width:1100px;padding-top:var(--space-3xl);margin:0 auto;position:relative}.subjects-header{text-align:center;margin-bottom:var(--space-3xl)}.subjects-title{font-family:var(--font-arabic);font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:900}.subjects-subtitle{font-family:var(--font-arabic);color:var(--color-text-muted);font-size:var(--font-size-lg)}.subjects-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.subject-card{align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-2xl);background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:all var(--transition-base);cursor:pointer;opacity:0;box-shadow:var(--glass-inner-shadow), var(--glass-outer-glow);flex-direction:column;display:flex;position:relative;overflow:hidden}.subject-card-shine{background:conic-gradient(from 0deg, transparent, var(--subject-color), transparent 30%);opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);animation:4s linear infinite paused rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{to{transform:rotate(360deg)}}.subject-card:hover .subject-card-shine{opacity:.04;animation-play-state:running}.subject-card:hover{border-color:var(--subject-color);background:var(--color-bg-card-hover);box-shadow:var(--glass-inner-shadow), var(--shadow-xl);transform:translateY(-8px)}.subject-icon-wrap{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-subtle);z-index:1;width:88px;height:88px;transition:transform var(--transition-spring);box-shadow:var(--glass-inner-shadow);background:#ffffff4d;justify-content:center;align-items:center;display:flex;position:relative}.subject-card:hover .subject-icon-wrap{transform:scale(1.1)rotate(-3deg)}.subject-icon{font-size:2.5rem}.subject-icon-img{object-fit:contain;filter:drop-shadow(0 4px 10px #0000001a);width:56px;height:56px;transition:transform var(--transition-spring)}.subject-card:hover .subject-icon-img{transform:scale(1.1)rotate(-3deg)}.subject-name-ar{font-family:var(--font-arabic);font-size:var(--font-size-xl);color:var(--color-text);z-index:1;font-weight:700;position:relative}.subject-name-en{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;z-index:1;position:relative}.subject-indicator{border-radius:var(--radius-full);background:var(--subject-color);z-index:1;width:40px;height:4px;transition:width var(--transition-base);position:relative}.subject-card:hover .subject-indicator{width:80px}.subjects-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=768px){.subjects-grid{grid-template-columns:repeat(2,1fr)}.terms-sidebar,[dir=rtl] .terms-sidebar,[dir=ltr] .terms-sidebar{top:auto;bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));left:var(--space-md);right:var(--space-md);border-radius:30px;flex-direction:row;width:auto;height:60px;box-shadow:0 -5px 20px #0000001a}.term-btn,[dir=rtl] .term-btn,[dir=ltr] .term-btn{writing-mode:horizontal-tb;font-size:var(--font-size-base);transform:none}.subjects-container,[dir=rtl] .subjects-container,[dir=ltr] .subjects-container{padding-left:var(--space-md);padding-right:var(--space-md);padding-bottom:calc(90px + var(--space-xl) + env(safe-area-inset-bottom,0px))}}@media (width<=480px){.subjects-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto}}@media (width<=360px){.subjects-container,[dir=rtl] .subjects-container,[dir=ltr] .subjects-container{padding-left:var(--space-sm);padding-right:var(--space-sm);padding-bottom:calc(80px + var(--space-lg))}.subjects-content{padding-top:var(--space-xl)}.subjects-header{margin-bottom:var(--space-xl)}.subjects-title{font-size:1.5rem}.subjects-subtitle{font-size:var(--font-size-base)}.subject-card{padding:var(--space-xl) var(--space-md);gap:var(--space-sm)}.subject-icon-wrap{border-radius:var(--radius-lg);width:64px;height:64px}.subject-icon-img{width:40px;height:40px}.subject-name-ar{font-size:var(--font-size-lg)}.terms-sidebar,[dir=rtl] .terms-sidebar,[dir=ltr] .terms-sidebar{height:52px;bottom:8px;left:8px;right:8px}.term-btn,[dir=rtl] .term-btn,[dir=ltr] .term-btn{font-size:.85rem}}.roadmap-container{background:var(--gradient-bg);min-height:calc(100vh - 64px);position:relative;overflow:hidden}.roadmap-container--lessons{background:linear-gradient(135deg,#dfe3ee 0%,#d6e4ee 50%,#e0dff0 100%)}.roadmap-bg{pointer-events:none;position:absolute;inset:0}.roadmap-stars{background-image:radial-gradient(2px 2px at 10% 20%,#005fdb14 50%,#0000 50%),radial-gradient(1px 1px at 30% 60%,#005fdb0d 50%,#0000 50%),radial-gradient(2px 2px at 60% 30%,#005fdb0f 50%,#0000 50%),radial-gradient(1px 1px at 80% 70%,#005fdb14 50%,#0000 50%),radial-gradient(1px 1px at 50% 90%,#005fdb0d 50%,#0000 50%);animation:20s ease-in-out infinite float;position:absolute;inset:0}.roadmap-header{z-index:2;text-align:center;padding:var(--space-xl) var(--space-xl) 0;position:relative}.roadmap-back{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-family:var(--font-arabic);font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:all var(--transition-fast);box-shadow:var(--glass-inner-shadow);display:inline-flex}.roadmap-back:hover{color:var(--color-primary);box-shadow:var(--glass-inner-shadow), var(--shadow-md);border-color:#005fdb33}.roadmap-title{font-family:var(--font-arabic);font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:900}.roadmap-title--lessons{color:var(--color-green-dark)}.roadmap-subtitle{font-family:var(--font-arabic);color:var(--color-text-muted);font-size:var(--font-size-base)}.roadmap-scroll{z-index:1;padding:var(--space-xl);padding-bottom:var(--space-3xl);justify-content:center;display:flex;position:relative;overflow:auto}.roadmap-svg{width:100%;max-width:800px;height:auto}.road-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s forwards path-draw}.road-dashes{animation:20s linear infinite dash-flow}@keyframes dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200px}}.chapter-node,.lesson-node{transition:transform var(--transition-base)}.chapter-glow,.lesson-glow{transition:r var(--transition-base), opacity var(--transition-base);opacity:.3}.chapter-node--hovered .chapter-glow,.lesson-node--hovered .lesson-glow{opacity:.6}.chapter-label{transition:opacity var(--transition-base)}.roadmap-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=768px){.roadmap-scroll{padding:var(--space-md)}.roadmap-svg{min-width:600px}.roadmap-title{font-size:var(--font-size-2xl)}}@media (width<=360px){.roadmap-header{padding:var(--space-md) var(--space-sm) 0}.roadmap-title{font-size:1.4rem}.roadmap-subtitle{font-size:var(--font-size-sm)}.roadmap-back{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm)}.roadmap-scroll{padding:var(--space-xs)}.roadmap-svg{min-width:480px}}.lesson-page-wrapper{background:var(--gradient-bg,linear-gradient(135deg, #f0f4f9 0%, #e6eef8 100%));flex-direction:column;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow-x:hidden}.lesson-page-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.lesson-bg-orb{filter:blur(140px);opacity:.2;will-change:transform, opacity;border-radius:50%;position:absolute;transform:translateZ(0)}.lesson-bg-orb--1{background:#005fdb59;width:600px;height:600px;animation:20s ease-in-out infinite alternate orb-float;top:-10%;left:-10%}.lesson-bg-orb--2{background:#22c55e40;width:500px;height:500px;animation:25s ease-in-out infinite alternate-reverse orb-float;bottom:-15%;right:-5%}.lesson-bg-orb--3{background:#f59e0b2e;width:400px;height:400px;animation:12s ease-in-out infinite alternate orb-pulse;top:30%;left:45%}@keyframes orb-float{0%{transform:translate(0)scale(1)translateZ(0)}to{transform:translate(60px,40px)scale(1.15)translateZ(0)}}@keyframes orb-pulse{0%{opacity:.12;transform:scale(.85)translateZ(0)}to{opacity:.28;transform:scale(1.15)translateZ(0)}}.lesson-topbar{z-index:10;padding:var(--space-xl) var(--space-2xl);align-items:center;gap:var(--space-lg);display:flex;position:relative}.lesson-back-btn{-webkit-backdrop-filter:blur(20px)saturate(180%);cursor:pointer;width:52px;height:52px;color:var(--color-text);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #0000000a,inset 0 2px #ffffffe6}.lesson-back-btn:hover{color:var(--color-primary);background:#fff;transform:translateY(-4px)scale(1.08);box-shadow:0 12px 30px #005fdb26,inset 0 2px #fff}.lesson-back-btn:active{transform:translateY(0)scale(.95)}.lesson-header-info{flex-direction:column;gap:6px;display:flex}.lesson-main-title{font-family:var(--font-arabic);color:var(--color-text);letter-spacing:-.01em;text-shadow:0 2px 4px #00000005;margin:0;font-size:2rem;font-weight:900;line-height:1.3}.lesson-part-badge{color:var(--color-primary);font-size:var(--font-size-sm);width:fit-content;font-weight:800;font-family:var(--font-arabic);background:linear-gradient(135deg,#005fdb1f,#005fdb0f);border:1px solid #005fdb2e;border-radius:24px;align-items:center;padding:6px 18px;display:inline-flex;box-shadow:inset 0 1px #ffffff80}.lesson-stepper{z-index:10;padding:var(--space-md) var(--space-xl) var(--space-xl);justify-content:center;align-items:center;gap:0;width:100%;max-width:600px;margin:0 auto;display:flex;position:relative}.stepper-item{flex:1;align-items:center;display:flex;position:relative}.stepper-item:last-child{flex:0}.stepper-circle{-webkit-backdrop-filter:blur(16px)saturate(150%);z-index:2;background:linear-gradient(135deg,#ffffffe6,#ffffff80);border:2px solid #fffffff2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 10px 20px #0000000a,inset 0 2px 4px #fff}@keyframes active-pulse{0%{box-shadow:0 0 #005fdb66,0 12px 24px #005fdb26}70%{box-shadow:0 0 0 14px #005fdb00,0 12px 24px #005fdb26}to{box-shadow:0 0 #005fdb00,0 12px 24px #005fdb26}}.stepper-item.active .stepper-circle{border-color:var(--color-primary);background:linear-gradient(135deg,#005fdb2e,#005fdb14);animation:2.2s infinite active-pulse;transform:scale(1.08)}.stepper-item.done .stepper-circle{border-color:var(--color-green);background:linear-gradient(135deg,#22c55e2e,#22c55e14);box-shadow:0 10px 20px #22c55e1a,inset 0 2px 4px #ffffffd9}.stepper-icon{object-fit:contain;filter:grayscale(.8)opacity(.45);width:32px;height:32px;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.stepper-item.active .stepper-icon{filter:drop-shadow(0 4px 8px #005fdb59);transform:scale(1.15)rotate(5deg)}.stepper-item.done .stepper-icon{filter:drop-shadow(0 4px 8px #22c55e40)}.stepper-label{font-family:var(--font-arabic);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;letter-spacing:.02em;font-weight:800;transition:all .3s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.stepper-item.active .stepper-label{color:var(--color-primary);font-weight:900;transform:translate(-50%)scale(1.08)}.stepper-item.done .stepper-label{color:var(--color-green)}.stepper-line{z-index:1;background:#0000000d;border-radius:6px;flex:1;height:5px;margin:0 -8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000005}.stepper-item.done .stepper-line{background:linear-gradient(90deg, var(--color-green), var(--color-green-light))}.stepper-item.active .stepper-line:after{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);border-radius:6px;width:60%;height:100%;animation:2s ease-in-out infinite shimmer-line;display:block}@keyframes shimmer-line{0%{transform:translate(-100%)}to{transform:translate(200%)}}.lesson-content-area{z-index:10;padding:var(--space-lg) var(--space-xl) var(--space-3xl);flex-direction:column;flex:1;width:100%;max-width:960px;margin:0 auto;display:flex;position:relative}.lesson-content-card{-webkit-backdrop-filter:blur(24px)saturate(180%);padding:var(--space-2xl) var(--space-3xl);transition:box-shadow var(--transition-slow);background:linear-gradient(135deg,#fffc,#ffffff73);border:1px solid #ffffffd9;border-radius:36px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000000d,inset 0 2px 4px #fff,inset 0 -2px 10px #00000003}.lesson-step-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);z-index:2;display:flex;position:relative}.lesson-step-header-icon{filter:drop-shadow(0 8px 12px #0000001f);width:48px;height:48px}.lesson-step-title{font-family:var(--font-arabic);font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:-.01em;margin:0;font-weight:900}.lesson-media-wrapper{aspect-ratio:16/9;width:100%;margin-bottom:var(--space-2xl);z-index:2;transition:all var(--transition-slow) cubic-bezier(.34, 1.56, .64, 1);background:#090d16;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040,0 0 0 1px #ffffff14}.lesson-media-wrapper:hover{transform:translateY(-4px);box-shadow:0 30px 60px #005fdb2e,0 0 0 1px #005fdb33}.lesson-media-wrapper:after{content:"";pointer-events:none;border-radius:28px;position:absolute;inset:0;box-shadow:inset 0 2px 10px #ffffff1a}.lesson-media-wrapper iframe{background:#090d16;border:none;width:100%;height:100%}.media-empty-state{width:100%;height:100%;color:var(--color-text-secondary);font-family:var(--font-arabic);font-weight:800;font-size:var(--font-size-lg);background:linear-gradient(135deg,#005fdb1f,#22c55e14);flex-direction:column;justify-content:center;align-items:center;display:flex}.media-empty-state.game-bg{background:linear-gradient(135deg,#f59e0b1f,#ef444414)}.media-empty-icon{width:88px;height:88px;margin-bottom:var(--space-md);filter:drop-shadow(0 12px 24px #0000001f)}.media-empty-icon.bounce{animation:2.5s cubic-bezier(.4,0,.2,1) infinite bounce-icon}@keyframes bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.lesson-step-actions{justify-content:center;align-items:center;gap:var(--space-lg);z-index:2;width:100%;display:flex;position:relative}.lesson-btn-prev{justify-content:center;align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(10px);color:var(--color-text-secondary);font-family:var(--font-arabic);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base) var(--transition-spring);background:#ffffffb3;border:1px solid #00000014;border-radius:36px;padding:15px 36px;font-weight:800;display:inline-flex}.lesson-btn-prev:hover{color:var(--color-primary);background:#fff;border-color:#00000026;transform:translateY(-3px);box-shadow:0 10px 20px #0000000d}.lesson-btn-next{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;font-family:var(--font-arabic);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base) var(--transition-spring);z-index:2;border:1px solid #ffffff40;border-radius:36px;padding:16px 40px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #005fdb47,inset 0 2px #ffffff40}.lesson-btn-next:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:50%;height:100%;animation:4.5s ease-in-out infinite btn-shine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes btn-shine{0%{left:-100%}25%,to{left:200%}}.lesson-btn-next:hover:not(:disabled){transform:translateY(-5px)scale(1.03);box-shadow:0 20px 45px #005fdb61,inset 0 2px #ffffff59}.lesson-btn-next:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 8px 18px #005fdb47}.lesson-btn-next:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1;border-color:#0000;transform:none}.lesson-btn-next.success{background:linear-gradient(135deg, var(--color-green), var(--color-green-light));box-shadow:0 12px 30px #16a34a47,inset 0 2px #ffffff40}.lesson-btn-next.success:hover:not(:disabled){box-shadow:0 20px 45px #16a34a61,inset 0 2px #ffffff59}.lesson-btn-next.retry{background:linear-gradient(135deg, var(--color-yellow), var(--color-red));box-shadow:0 12px 30px #dc262647,inset 0 2px #ffffff40}.lesson-btn-next.retry:hover:not(:disabled){box-shadow:0 20px 45px #dc262661,inset 0 2px #ffffff59}.quiz-container{gap:var(--space-xl);width:100%;margin-bottom:var(--space-2xl);z-index:2;flex-direction:column;display:flex;position:relative}.quiz-question-card{padding:var(--space-xl) var(--space-2xl);background:linear-gradient(135deg,#ffffffd9,#ffffff8c);border:1px solid #fffffff2;border-radius:28px;box-shadow:0 10px 30px #00000005,inset 0 2px 4px #ffffffd9}.quiz-q-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.quiz-q-number{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;width:40px;height:40px;font-size:var(--font-size-base);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex;transform:rotate(-4deg);box-shadow:0 6px 14px #005fdb52}.quiz-question{font-family:var(--font-arabic);color:var(--color-text);margin:0;padding-top:2px;font-size:1.2rem;font-weight:800;line-height:1.6}.quiz-options{gap:var(--space-md);flex-direction:column;display:flex}.quiz-options.tf-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.tf-grid .quiz-option{text-align:center;justify-content:center;padding:26px}.tf-grid .quiz-option:first-child{background:#ffffffb3;border:2px solid #16a34a26}.tf-grid .quiz-option:first-child:hover{border-color:var(--color-green);background:#16a34a0d;box-shadow:0 10px 24px #16a34a14}.tf-grid .quiz-option:first-child.selected{background:linear-gradient(135deg, var(--color-green), var(--color-green-light));color:#fff;border-color:#0000;box-shadow:0 12px 28px #16a34a4d}.tf-grid .quiz-option:last-child{background:#ffffffb3;border:2px solid #dc262626}.tf-grid .quiz-option:last-child:hover{border-color:var(--color-red);background:#dc26260d;box-shadow:0 10px 24px #dc262614}.tf-grid .quiz-option:last-child.selected{background:linear-gradient(135deg, var(--color-red), var(--color-red-light));color:#fff;border-color:#0000;box-shadow:0 12px 28px #dc26264d}.quiz-options.order-list{gap:var(--space-md);flex-direction:column;display:flex}.order-item{align-items:center;gap:var(--space-md);transition:all var(--transition-base);background:#ffffffb3;border:1px solid #0000000a;border-radius:18px;padding:14px 20px;display:flex;box-shadow:0 4px 10px #00000003}.order-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000008}.order-number{width:34px;height:34px;color:var(--color-text-secondary);background:#0000000d;border-radius:10px;justify-content:center;align-items:center;font-weight:900;display:flex}.order-text{font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text);flex:1;font-weight:700}.order-controls{flex-direction:column;gap:4px;display:flex}.order-btn{width:30px;height:30px;color:var(--color-primary);cursor:pointer;background:#005fdb14;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:11px;transition:all .2s;display:flex}.order-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.order-btn:disabled{opacity:.35;cursor:not-allowed}.quiz-option{align-items:center;gap:var(--space-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-base) var(--transition-spring);text-align:start;background:#ffffffa6;border:1px solid #fffc;border-radius:20px;padding:18px 24px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000004}.quiz-option:hover{background:#fffffff2;border-color:#005fdb59;transform:translate(-5px)translateY(-2px);box-shadow:0 10px 24px #005fdb0f}.quiz-option.selected{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;border-color:#0000;transform:scale(1.02);box-shadow:0 12px 28px #005fdb47,inset 0 2px 4px #ffffff40}.quiz-option-letter{width:34px;height:34px;font-weight:900;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:#0000000a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.quiz-option.selected .quiz-option-letter{color:#fff;background:#ffffff38}.quiz-feedback-card{gap:var(--space-xl)}.quiz-feedback-score-ring{filter:drop-shadow(0 12px 24px #0000000f);width:150px;height:150px;position:relative}.quiz-feedback-score-ring svg{width:100%;height:100%}.quiz-feedback-score-ring circle{transition:stroke-dasharray 1.2s cubic-bezier(.34,1.56,.64,1)}.score-ring-text{color:var(--color-text);font-size:2.2rem;font-weight:900;font-family:var(--font-arabic);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.quiz-feedback-title{font-family:var(--font-arabic);color:var(--color-text);margin:0;font-size:1.4rem;font-weight:800}.quiz-feedback-list{gap:var(--space-md);width:100%;margin-bottom:var(--space-md);flex-direction:column;display:flex}.feedback-item{align-items:center;gap:var(--space-md);font-family:var(--font-arabic);font-size:var(--font-size-sm);background:#ffffffd9;border:1px solid #0000000a;border-radius:18px;padding:16px 22px;font-weight:700;display:flex}.feedback-item.correct{color:var(--color-green-dark);background:linear-gradient(135deg,#22c55e1a,#22c55e0a);border-color:#22c55e33}.feedback-item.wrong{color:var(--color-red-dark);background:linear-gradient(135deg,#ef44441a,#ef44440a);border-color:#ef444433}.feedback-icon{flex-shrink:0;font-size:1.5rem;font-weight:900}.feedback-q{color:var(--color-text);line-height:1.5}.lesson-results-card{-webkit-backdrop-filter:blur(28px)saturate(180%);padding:var(--space-3xl) var(--space-2xl);text-align:center;align-items:center;gap:var(--space-lg);background:linear-gradient(135deg,#ffffffd9,#ffffff80);border:1px solid #fffffff2;border-radius:40px;flex-direction:column;width:100%;max-width:760px;display:flex;box-shadow:0 24px 70px #0000000d,inset 0 2px 4px #fff}.results-hero-icon{filter:drop-shadow(0 20px 30px #0000001f);width:140px;height:140px;animation:.85s cubic-bezier(.34,1.56,.64,1) both pop-in-bounce}@keyframes pop-in-bounce{0%{opacity:0;transform:scale(.2)translateY(50px)}60%{opacity:1;transform:scale(1.1)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.results-title{font-family:var(--font-arabic);color:var(--color-text);letter-spacing:-.01em;margin:0;font-size:2rem;font-weight:900}.results-score-big{font-family:system-ui,-apple-system,sans-serif;font-size:5rem;font-weight:900;line-height:1}.results-score-big.passed{background:linear-gradient(135deg, var(--color-green), var(--color-green-light));-webkit-text-fill-color:transparent;filter:drop-shadow(0 12px 24px #22c55e38);-webkit-background-clip:text}.results-score-big.failed{background:linear-gradient(135deg, var(--color-red), var(--color-orange));-webkit-text-fill-color:transparent;filter:drop-shadow(0 12px 24px #dc262638);-webkit-background-clip:text}.results-threshold{font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text-secondary);background:#0000000a;border-radius:24px;margin:0;padding:6px 18px;font-weight:800}.results-breakdown{width:100%;margin-top:var(--space-xl);gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl);background:#ffffffa6;border:1px solid #ffffffd9;border-radius:28px;flex-direction:column;display:flex}.breakdown-title{font-family:var(--font-arabic);font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--space-sm) 0;text-align:start;font-weight:800}.breakdown-row{align-items:center;gap:var(--space-lg);display:flex}.breakdown-part-name{font-family:var(--font-arabic);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:start;min-width:110px;font-weight:800}.breakdown-bar-track{background:#0000000d;border-radius:10px;flex:1;height:14px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.breakdown-bar-fill{border-radius:10px;height:100%;transition:width 1.2s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px #ffffff26}.breakdown-score{font-size:var(--font-size-base);color:var(--color-text);text-align:end;min-width:50px;font-weight:900}.results-actions{margin-top:var(--space-xl);gap:var(--space-md);display:flex}@media (width<=768px){.lesson-topbar{padding:var(--space-md) var(--space-lg)}.lesson-main-title{font-size:1.6rem}.lesson-content-area{padding:var(--space-sm) var(--space-md) var(--space-2xl)}.lesson-content-card,.lesson-results-card{padding:var(--space-xl) var(--space-md);border-radius:28px}.lesson-stepper{padding:var(--space-sm) var(--space-md) var(--space-lg)}.stepper-circle{width:54px;height:54px}.stepper-icon{width:26px;height:26px}.results-hero-icon{width:110px;height:110px}.results-score-big{font-size:4rem}.quiz-option{padding:16px 20px}.tf-grid .quiz-option{padding:18px}}@media (width<=360px){.lesson-page-wrapper{padding-top:80px}.lesson-topbar{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.lesson-back-btn{width:40px;height:40px}.lesson-main-title{font-size:1.25rem}.lesson-part-badge{padding:4px 12px;font-size:.75rem}.lesson-stepper{padding:var(--space-xs) var(--space-sm) var(--space-md);gap:0}.stepper-circle{border-width:1px;width:40px;height:40px}.stepper-icon{width:20px;height:20px}.stepper-label{font-size:.65rem;top:calc(100% + 6px)}.lesson-content-area{padding:var(--space-xs) var(--space-xs) var(--space-xl)}.lesson-content-card{padding:var(--space-md) var(--space-sm);border-radius:20px}.lesson-step-header{margin-bottom:var(--space-md);gap:var(--space-xs)}.lesson-step-header-icon{width:32px;height:32px}.lesson-step-title{font-size:1.05rem}.lesson-media-wrapper{margin-bottom:var(--space-md);border-radius:16px}.lesson-btn-prev,.lesson-btn-next{border-radius:24px;padding:10px 16px;font-size:.85rem}.lesson-step-actions{gap:var(--space-sm)}.quiz-container{gap:var(--space-md);margin-bottom:var(--space-lg)}.quiz-question-card{padding:var(--space-md) var(--space-sm);border-radius:18px}.quiz-q-header{gap:var(--space-xs);margin-bottom:var(--space-md)}.quiz-q-number{width:30px;height:30px;font-size:var(--font-size-sm);border-radius:8px}.quiz-question{font-size:1rem}.quiz-option{gap:var(--space-xs);border-radius:14px;padding:12px 16px;font-size:.85rem}.quiz-option-letter{border-radius:6px;width:26px;height:26px;font-size:.75rem}.order-item{gap:var(--space-sm);border-radius:12px;padding:10px 14px}.order-number{border-radius:6px;width:26px;height:26px;font-size:.85rem}.order-text{font-size:.85rem}.order-btn{border-radius:6px;width:24px;height:24px;font-size:9px}.lesson-results-card{padding:var(--space-xl) var(--space-sm);gap:var(--space-md);border-radius:24px}.results-hero-icon{width:80px;height:80px}.results-title{font-size:1.4rem}.results-score-big{font-size:3rem}.results-threshold{font-size:var(--font-size-xs);padding:4px 12px}.results-breakdown{padding:var(--space-md) var(--space-sm);margin-top:var(--space-md);gap:var(--space-md);border-radius:20px}.breakdown-title{font-size:var(--font-size-base);margin-bottom:0}.breakdown-row{gap:var(--space-sm)}.breakdown-part-name{min-width:80px;font-size:.85rem}.breakdown-score{font-size:var(--font-size-sm);min-width:35px}.results-actions{margin-top:var(--space-md);gap:var(--space-sm);flex-direction:column;width:100%}.results-actions button{width:100%}}.animate-slide-up{animation:.65s cubic-bezier(.34,1.56,.64,1) both slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}.animate-stagger-item{animation:.5s cubic-bezier(.34,1.56,.64,1) both slideInRightFade}@keyframes slideInRightFade{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}.resources-grid-layout{gap:var(--space-2xl);width:100%;margin-top:var(--space-md);grid-template-columns:1.1fr 1fr;display:grid}@media (width<=900px){.resources-grid-layout{gap:var(--space-xl);grid-template-columns:1fr}}.attachments-wrapper{gap:var(--space-md);flex-direction:column;display:flex}.attachment-tile{align-items:center;gap:var(--space-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#ffffff73;border:1px solid #ffffffb3;border-radius:20px;padding:16px 20px;display:flex}.attachment-tile:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);background:#ffffffbf;transform:translateY(-3px)}.attachment-tile-icon{filter:drop-shadow(0 4px 8px #0000000d);font-size:2.2rem}.attachment-tile-details{text-align:start;flex:1;min-width:0}.attachment-tile-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;font-family:var(--font-arabic);margin:0 0 4px;overflow:hidden}.attachment-tile-size{color:var(--color-text-muted);font-size:.8rem}.attachment-download-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;font-size:.85rem;font-weight:700;font-family:var(--font-arabic);transition:all var(--transition-fast);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #005fdb26}.attachment-download-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #005fdb40}.comments-wrapper{gap:var(--space-md);border-inline-start:1px solid #0000000f;flex-direction:column;padding-inline-start:var(--space-2xl);display:flex}@media (width<=900px){.comments-wrapper{margin-top:var(--space-md);padding-inline-start:0;padding-top:var(--space-lg);border-inline-start:none;border-top:1px solid #0000000f}}.comments-header-subtitle{font-family:var(--font-arabic);color:var(--color-text);text-align:start;align-items:center;gap:8px;margin-bottom:12px;font-size:1.15rem;font-weight:800;display:flex}.comments-bubble-list{scrollbar-width:thin;flex-direction:column;gap:12px;max-height:380px;padding-inline-end:8px;display:flex;overflow-y:auto}.comment-bubble-item{box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff6;border:1px solid #fff9;border-radius:20px 20px 20px 0;gap:12px;padding:14px 18px;display:flex}[dir=rtl] .comment-bubble-item{border-radius:20px 20px 0}.comment-bubble-item:hover{box-shadow:var(--shadow-md);background:#ffffff8c;border-color:#fffffff2}.comment-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 10px #005fdb33}.comment-bubble-content{flex:1;min-width:0}.comment-bubble-meta{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comment-bubble-author{color:var(--color-text);font-size:.9rem;font-weight:800;font-family:var(--font-arabic)}.comment-bubble-date{color:var(--color-text-muted);font-size:.75rem}.comment-bubble-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;font-family:var(--font-arabic);text-align:start;margin:0}.comment-form-container{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.comment-textarea{resize:none;font-family:var(--font-arabic);transition:all var(--transition-base);box-shadow:var(--shadow-sm);color:var(--color-text);background:#ffffffbf;border:1px solid #00000014;border-radius:18px;outline:none;flex:1;padding:14px 18px;font-size:.95rem}.comment-textarea:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #005fdb26}.comment-submit-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;height:50px;font-weight:800;font-family:var(--font-arabic);cursor:pointer;transition:all var(--transition-base);border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:flex;box-shadow:0 6px 16px #005fdb33}.comment-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #005fdb59}.comment-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;background:#cbd5e1}@media (width<=480px){.comment-form-container{flex-direction:column;align-items:stretch}.comment-submit-btn{width:100%;height:46px}}.reports-page-wrapper{max-width:1000px;min-height:80vh;margin:2rem auto;padding:0 1.5rem}.reports-header-section{text-align:center;margin-bottom:3rem;animation:.6s ease-out fadeInDown}.reports-header-icon{object-fit:contain;filter:drop-shadow(0 8px 16px #005fdb33);width:90px;height:90px;margin-bottom:1rem;animation:3s ease-in-out infinite float}.reports-page-title{background:linear-gradient(135deg, var(--color-primary-light,#3b82f6) 0%, var(--color-primary,#005fdb) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.reports-page-subtitle{color:var(--color-text-muted,#64748b);font-size:1.1rem}.reports-loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:50vh;display:flex}.spinner-ring{border:4px solid #0000000d;border-top-color:var(--color-primary,#005fdb);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.reports-empty-state{text-align:center;border-radius:var(--border-radius-xl,24px);-webkit-backdrop-filter:blur(8px);border:1px solid #fff3;margin-top:2rem;padding:4rem 2rem;box-shadow:0 8px 32px #1f26870d}.reports-empty-icon{object-fit:contain;width:120px;height:120px;margin-bottom:1.5rem}.reports-empty-state h2{color:var(--color-text-main,#1e293b);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.reports-empty-state p{color:var(--color-text-muted,#64748b);max-width:500px;margin:0 auto;font-size:1.1rem}.reports-list-container{flex-direction:column;gap:1.5rem;animation:.6s ease-out fadeInUp;display:flex}.report-item-card{border-radius:var(--border-radius-lg,16px);border:1px solid #fff3;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 16px #00000005}.report-item-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 12px 24px #0000000d}.report-item-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.report-main-info{align-items:center;gap:1.5rem;display:flex}.report-index{color:var(--color-primary,#005fdb);opacity:.5;font-size:1.5rem;font-weight:800}.report-title-block h3{color:var(--color-text-main,#1e293b);margin-bottom:.2rem;font-size:1.3rem;font-weight:700}.report-date{color:var(--color-text-muted,#64748b);font-size:.85rem}.report-badges{align-items:center;gap:1.5rem;display:flex}.report-score-badge{background:var(--color-primary-light-rgba,#3b82f61a);color:var(--color-primary,#005fdb);border-radius:var(--border-radius-md,8px);text-align:center;min-width:70px;padding:.5rem 1rem;font-size:1.4rem;font-weight:800}.report-item-card.passed .report-score-badge{color:var(--color-green,#10b981);background:#10b9811a}.report-item-card.failed .report-score-badge{color:var(--color-red,#ef4444);background:#ef44441a}.report-status-badge{border-radius:20px;padding:.4rem 1rem;font-size:.9rem;font-weight:700}.report-status-badge.success{background:var(--color-green,#10b981);color:#fff}.report-status-badge.danger{background:var(--color-red,#ef4444);color:#fff}.expand-indicator-arrow{color:var(--color-text-muted,#64748b);font-size:.8rem;transition:transform .3s}.report-item-details{background:#ffffff4d;border-top:1px solid #0000000d;padding:2rem}.details-summary-bar h4{color:var(--color-text-main,#1e293b);margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.details-answers-list{flex-direction:column;gap:1.2rem;display:flex}.answer-detail-row{border-radius:var(--border-radius-md,8px);background:#fff9;border:1px solid #00000005;padding:1.2rem}.answer-detail-row.correct{border-inline-start:4px solid var(--color-green,#10b981)}.answer-detail-row.wrong{border-inline-start:4px solid var(--color-red,#ef4444)}.answer-q-header{align-items:flex-start;gap:.8rem;margin-bottom:.8rem;display:flex}.q-num{background:var(--color-primary,#005fdb);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.8rem;font-weight:700;display:flex}.q-text{color:var(--color-text-main,#1e293b);font-size:1.05rem;font-weight:600}.answer-choices-block{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.student-choice{color:var(--color-text-main,#1e293b);font-size:.95rem}.choice-text{background:#0000000a;border-radius:4px;padding:.2rem .6rem;font-weight:600}.correct-feedback-badge{color:var(--color-green,#10b981);font-size:.9rem;font-weight:700}.wrong-feedback-badge{color:var(--color-red,#ef4444);font-size:.9rem;font-weight:700}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=360px){.reports-page-wrapper{margin:1rem auto;padding:0 .5rem}.reports-header-section{margin-bottom:1.5rem}.reports-header-icon{width:60px;height:60px}.reports-page-title{font-size:1.5rem}.reports-page-subtitle{font-size:.9rem}.report-item-header{padding:1rem .75rem}.report-main-info{gap:.5rem}.report-index{font-size:1.1rem}.report-title-block h3{font-size:.95rem}.report-badges{gap:.5rem}.report-score-badge{min-width:50px;padding:.4rem .6rem;font-size:1rem}.report-status-badge{padding:.3rem .6rem;font-size:.75rem}.report-item-details{padding:1rem}.details-summary-bar h4{margin-bottom:1rem;font-size:.95rem}.answer-choices-block{flex-direction:column;align-items:flex-start;gap:.5rem}.q-text{font-size:.95rem}.student-choice{font-size:.85rem}}.parent-container{background:var(--gradient-bg);min-height:calc(100vh - 64px);padding:var(--space-xl)}.parent-loading{background:var(--gradient-bg);justify-content:center;align-items:center;min-height:calc(100vh - 64px);display:flex}.parent-welcome{max-width:1200px;margin:0 auto var(--space-xl)}.parent-welcome-title{font-family:var(--font-arabic);font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:800}.parent-welcome-sub{font-family:var(--font-arabic);color:var(--color-text-muted);font-size:var(--font-size-base)}.parent-stats-grid{max-width:1200px;margin:0 auto var(--space-xl);gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;transition:all var(--transition-base);box-shadow:var(--glass-inner-shadow), var(--glass-outer-glow)}.stat-card:hover{background:var(--color-bg-card-hover);box-shadow:var(--glass-inner-shadow), var(--shadow-lg);transform:translateY(-4px)}.stat-icon{margin-bottom:var(--space-sm);justify-content:center;align-items:center;font-size:2rem;display:flex}.stat-icon-img{object-fit:contain;filter:drop-shadow(0 3px 8px #0000001a);width:44px;height:44px;transition:transform var(--transition-spring)}.stat-card:hover .stat-icon-img{transform:scale(1.1)}.stat-value{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:800}.stat-card--children .stat-value{color:var(--color-primary)}.stat-card--completed .stat-value{color:var(--color-green)}.stat-card--progress .stat-value{color:var(--color-yellow)}.stat-card--score .stat-value{color:var(--color-purple)}.stat-label{font-family:var(--font-arabic);font-size:var(--font-size-sm);color:var(--color-text-muted)}.parent-section{max-width:1200px;margin:0 auto var(--space-xl)}.parent-section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.parent-section-title{font-family:var(--font-arabic);font-size:var(--font-size-2xl);color:var(--color-text);font-weight:700}.parent-add-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;font-family:var(--font-arabic);font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-base);box-shadow:var(--shadow-glow-blue);display:flex}.parent-add-btn:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-blue);transform:translateY(-2px)}.parent-empty{padding:var(--space-2xl);text-align:center;border-radius:var(--radius-xl);color:var(--color-text-muted);font-family:var(--font-arabic);background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-shadow)}.parent-empty-icon{margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:3rem;display:flex}.parent-empty-icon-img{object-fit:contain;filter:drop-shadow(0 3px 8px #0000001a);width:56px;height:56px}.parent-empty .parent-add-btn{margin:var(--space-lg) auto 0}.children-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.child-card{padding:var(--space-lg);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);border:1px solid var(--glass-border);background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-inner-shadow), var(--glass-outer-glow)}.child-card:hover{background:var(--color-bg-card-hover);box-shadow:var(--glass-inner-shadow), var(--shadow-lg);border-color:#005fdb33;transform:translateY(-2px)}.child-card--active{box-shadow:var(--glass-inner-shadow), var(--shadow-glow-blue);border-color:var(--color-primary)!important}.child-card-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.child-avatar{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:var(--glass-inner-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden}.child-avatar img{object-fit:cover;width:100%;height:100%}.child-info{flex:1;min-width:0}.child-name{font-family:var(--font-arabic);font-size:var(--font-size-lg);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.child-grade{font-family:var(--font-arabic);font-size:var(--font-size-xs);color:var(--color-text-muted)}.child-remove-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.child-remove-btn:hover{color:var(--color-red);background:#dc262614}.child-mini-stats{margin-top:var(--space-sm)}.child-progress-bar{height:6px;margin-bottom:var(--space-xs);background:#0000000f;border-radius:3px;overflow:hidden}.child-progress-fill{background:var(--color-primary);border-radius:3px;min-width:2px;height:100%;transition:width .5s}.child-stats-row{font-family:var(--font-arabic);font-size:var(--font-size-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.child-rate{color:var(--color-primary);font-weight:700}.subjects-progress-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.subject-progress-card{padding:var(--space-lg);border-radius:var(--radius-xl);background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-shadow), var(--glass-outer-glow)}.subject-progress-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.subject-progress-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.subject-progress-name{font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text);font-weight:700}.subject-progress-bar{height:8px;margin-bottom:var(--space-sm);background:#0000000f;border-radius:4px;overflow:hidden}.subject-progress-fill{border-radius:4px;min-width:2px;height:100%;transition:width .6s}.subject-progress-stats{font-family:var(--font-arabic);font-size:var(--font-size-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.subject-score{font-family:var(--font-arabic);font-size:var(--font-size-xs);color:var(--color-yellow-dark);margin-top:var(--space-xs);align-items:center;gap:var(--space-xs);display:flex}.subject-score-icon{align-items:center;display:inline-flex}.subject-score-icon-img{object-fit:contain;width:18px;height:18px}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:200;padding:var(--space-lg);background:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:440px;padding:var(--space-2xl);border-radius:var(--radius-2xl);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-inner-shadow), var(--shadow-xl)}.modal-title{font-family:var(--font-arabic);font-size:var(--font-size-2xl);color:var(--color-text);text-align:center;margin-bottom:var(--space-xl);font-weight:700}.modal-actions{gap:var(--space-md);margin-top:var(--space-lg);display:flex}.modal-actions .auth-btn{flex:1}.form-select{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--color-text);font-size:var(--font-size-base);font-family:var(--font-arabic);transition:all var(--transition-fast);appearance:none;cursor:pointer;outline:none;padding:.8rem 1rem}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #005fdb1a}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.2s scaleIn}@media (width<=768px){.parent-stats-grid{grid-template-columns:repeat(2,1fr)}.children-grid{grid-template-columns:1fr}.parent-section-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}@media (width<=480px){.parent-stats-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-md)}.stat-value{font-size:var(--font-size-2xl)}.parent-container{padding:var(--space-md)}}.app-header{top:var(--space-md);z-index:100;width:90%;max-width:1200px;padding:0 var(--space-xl);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--glass-inner-shadow), 0 8px 32px #00000014;margin:0 auto;position:sticky}.header-inner{align-items:center;gap:var(--space-md);grid-template-columns:1fr auto 1fr;max-width:1200px;height:64px;margin:0 auto;display:grid}.header-left{align-items:center;gap:var(--space-sm);justify-self:start;display:flex}.header-menu-btn{border-radius:var(--radius-lg);cursor:pointer;z-index:1001;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.header-menu-btn:hover{background:#005fdb14}.hamburger-line{background:var(--color-text-secondary);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .35s cubic-bezier(.4,0,.2,1);display:block}.header-menu-btn.active .hamburger-line:first-child{background:#fff;transform:translateY(7px)rotate(45deg)}.header-menu-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.header-menu-btn.active .hamburger-line:nth-child(3){background:#fff;transform:translateY(-7px)rotate(-45deg)}.header-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-arabic);color:var(--color-text);transition:opacity var(--transition-fast);justify-self:center;display:flex}.header-logo:hover{opacity:.8}.header-logo-icon-img{object-fit:contain;filter:drop-shadow(0 2px 8px #005fdb33);width:auto;height:36px;transition:transform var(--transition-fast)}.header-logo:hover .header-logo-icon-img{transform:scale(1.05)}.header-logo-text{font-weight:800;font-size:var(--font-size-xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.header-right{align-items:center;gap:var(--space-md);justify-self:end;display:flex}.header-user-profile{align-items:center;gap:var(--space-sm);display:flex}.header-user-details{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.header-avatar{border:2px solid var(--glass-border);object-fit:cover;width:36px;height:36px;box-shadow:var(--glass-inner-shadow);border-radius:50%}.header-avatar--placeholder{background:var(--gradient-primary);color:#fff;font-weight:700;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.header-user-name{font-family:var(--font-arabic);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:600;overflow:hidden}.header-user-grade{font-family:var(--font-arabic);color:var(--color-text-muted);font-size:11px}.header-nav-link{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-family:var(--font-arabic);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;display:flex}.header-nav-link:hover{color:var(--color-primary);background:#005fdb14}.menu-overlay{z-index:999;pointer-events:none;position:fixed;inset:0}.menu-overlay.open{pointer-events:all}.menu-backdrop{clip-path:circle(0% at var(--ripple-x) var(--ripple-y));background:#000a28eb;transition:clip-path .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.menu-overlay.open .menu-backdrop{clip-path:circle(150% at var(--ripple-x) var(--ripple-y))}.menu-content{padding:var(--space-2xl);opacity:0;justify-content:center;align-items:center;transition:opacity .3s .2s;display:flex;position:absolute;inset:0}.menu-overlay.open .menu-content{opacity:1}.menu-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);width:100%;max-width:560px;display:grid}.menu-card{justify-content:center;align-items:center;gap:var(--space-md);aspect-ratio:1;padding:var(--space-xl);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffd9;font-family:var(--font-arabic);cursor:pointer;opacity:0;background:#ffffff0f;border:1px solid #ffffff1a;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:scale(.7)translateY(30px)}.menu-overlay.open .menu-card{opacity:1;transition-delay:var(--card-delay);transform:scale(1)translateY(0)}.menu-card:before{content:"";background:var(--card-gradient);opacity:0;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.menu-card:hover:before{opacity:.15}.menu-card:hover{border-color:#ffffff40;transform:scale(1.05)translateY(-4px);box-shadow:0 20px 60px #0000004d}.menu-card.active{background:#005fdb1f;border-color:#005fdb80}.menu-card.active:after{content:"";background:#3b82f6;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px;box-shadow:0 0 12px #3b82f699}.menu-card-icon{border-radius:var(--radius-xl);z-index:1;background:#ffffff14;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .3s,background .3s;display:flex;position:relative}.menu-card:hover .menu-card-icon{background:#ffffff1f;transform:scale(1.1)}.menu-card-label{font-size:var(--font-size-base);z-index:1;text-align:center;font-weight:600;position:relative}@media (width<=640px){.header-user-name,.header-user-grade,.header-logo-text{display:none}.app-header{padding:0 var(--space-md)}.menu-grid{gap:var(--space-md);max-width:340px}.menu-card{padding:var(--space-lg)}.menu-card-icon{width:52px;height:52px}.menu-card-label{font-size:var(--font-size-sm)}}@media (width<=360px){.app-header{width:95%;padding:0 var(--space-xs);top:var(--space-xs)}.header-inner{height:52px}.header-logo-icon-img{height:28px}.menu-content{padding:var(--space-md)}.menu-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);max-width:270px}.menu-card{padding:var(--space-md)}.menu-card-icon{width:44px;height:44px}.menu-card-label{font-size:.75rem}}.ambient-bg{z-index:-1;pointer-events:none;background:#e8eef5;position:fixed;inset:0}.ambient-lights{position:absolute;inset:0}.ambient-orb{filter:blur(80px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.ambient-orb--1{background:radial-gradient(circle,#005fdb2e 0%,#0000 70%);width:45vw;height:45vw;animation:18s ease-in-out infinite alternate orb-drift-1;top:-15vh;left:-10vw}.ambient-orb--2{background:radial-gradient(circle,#7c3aed24 0%,#0000 70%);width:35vw;height:35vw;animation:22s ease-in-out infinite alternate orb-drift-2;bottom:-10vh;right:-5vw}.ambient-orb--3{background:radial-gradient(circle,#16a34a1a 0%,#0000 70%);width:30vw;height:30vw;animation:15s ease-in-out infinite alternate orb-drift-3;top:40%;left:50%}.ambient-orb--4{background:radial-gradient(circle,#0891b21f 0%,#0000 70%);width:25vw;height:25vw;animation:20s ease-in-out infinite alternate orb-drift-4;top:10%;right:20%}@keyframes orb-drift-1{0%{transform:translate(0)scale(1)}50%{transform:translate(8vw,6vh)scale(1.15)}to{transform:translate(-5vw,10vh)scale(.9)}}@keyframes orb-drift-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-6vw,-4vh)scale(1.1)}to{transform:translate(4vw,-8vh)scale(.95)}}@keyframes orb-drift-3{0%{transform:translate(0)scale(1)}50%{transform:translate(-10vw,5vh)scale(1.2)}to{transform:translate(5vw,-3vh)scale(.85)}}@keyframes orb-drift-4{0%{transform:translate(0)scale(1)}50%{transform:translate(5vw,8vh)scale(1.1)}to{transform:translate(-8vw,-5vh)scale(.9)}}.ambient-frost{-webkit-backdrop-filter:blur(2px);background:#c8dcf559;position:absolute;inset:0}.certificates-page{max-width:900px;padding:var(--space-xl) var(--space-lg);min-height:60vh;margin:0 auto}.certificates-header{text-align:center;margin-bottom:var(--space-2xl);position:relative}.certificates-trophy{margin-bottom:var(--space-md);z-index:1;font-size:4rem;animation:3s ease-in-out infinite trophy-float;position:relative}.certificates-trophy-glow{filter:blur(20px);background:radial-gradient(circle,#d9770640 0%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:3s ease-in-out infinite glow-pulse;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes trophy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.2)}}.certificates-title{font-family:var(--font-arabic);background:linear-gradient(135deg,#d97706,#f59e0b);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800}.certificates-subtitle{font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text-muted)}.certificates-stats{justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}.cert-stat{align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);flex-direction:column;min-width:100px;display:flex}.cert-stat-value{color:var(--color-primary);font-size:1.8rem;font-weight:800}.cert-stat-label{font-family:var(--font-arabic);font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.certificates-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.certificate-card{border-radius:var(--radius-2xl);padding:var(--space-xl);border:1px solid var(--glass-border);cursor:pointer;animation:.6s cubic-bezier(.4,0,.2,1) both cert-appear;animation-delay:var(--cert-delay);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@keyframes cert-appear{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.certificate-card:hover{border-color:var(--cert-color);transform:translateY(-6px)scale(1.02);box-shadow:0 20px 50px #0000001f}.cert-ribbon{background:var(--cert-color);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.cert-badge{background:var(--cert-color);color:#fff;width:42px;height:42px;box-shadow:0 4px 16px color-mix(in srgb, var(--cert-color) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex;position:absolute;top:16px;right:16px}.cert-content{gap:var(--space-sm);padding-top:var(--space-sm);flex-direction:column;display:flex}.cert-icon{margin-bottom:var(--space-xs);font-size:2.5rem}.cert-title{font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text);font-weight:700;line-height:1.4}.cert-subject{font-family:var(--font-arabic);font-size:var(--font-size-sm);color:var(--cert-color);font-weight:600}.cert-date{font-family:var(--font-arabic);font-size:var(--font-size-xs);color:var(--color-text-muted)}.cert-shine{pointer-events:none;background:linear-gradient(45deg,#0000 40%,#ffffff0d 50%,#0000 60%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}.certificate-card:hover .cert-shine{transform:rotate(-45deg)translate(50%)}.certificates-empty{text-align:center;padding:var(--space-3xl)}.certificates-empty .empty-icon{margin-bottom:var(--space-md);font-size:4rem}.certificates-empty h2{font-family:var(--font-arabic);font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:700}.certificates-empty p{font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text-muted)}@media (width<=640px){.certificates-stats{gap:var(--space-sm)}.cert-stat{padding:var(--space-md);min-width:80px}.cert-stat-value{font-size:1.4rem}.certificates-title{font-size:1.6rem}}@media (width<=360px){.certificates-page{padding:var(--space-md) var(--space-xs)}.certificates-header{margin-bottom:var(--space-lg)}.certificates-trophy{font-size:3rem}.certificates-trophy-glow{width:90px;height:90px}.certificates-title{font-size:1.3rem}.certificates-subtitle{font-size:var(--font-size-sm)}.certificates-stats{gap:6px}.cert-stat{border-radius:var(--radius-xl);min-width:70px;padding:8px}.cert-stat-value{font-size:1.2rem}.cert-stat-label{font-size:.7rem}.certificates-grid{gap:var(--space-md);grid-template-columns:1fr}.certificate-card{padding:var(--space-md)}}.games-page{max-width:700px;padding:var(--space-xl) var(--space-lg);flex-direction:column;align-items:center;min-height:60vh;margin:0 auto;display:flex}.games-header{text-align:center;margin-bottom:var(--space-2xl)}.games-controller{margin-bottom:var(--space-md);font-size:3.5rem;animation:2s ease-in-out infinite controller-bounce}@keyframes controller-bounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(-5deg)}75%{transform:translateY(-4px)rotate(5deg)}}.games-title{font-family:var(--font-arabic);background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.games-subtitle{font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text-muted)}.games-coming-soon{padding:var(--space-3xl) var(--space-xl);border-radius:var(--radius-3xl);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--glass-inner-shadow);text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.coming-soon-visual{width:160px;height:160px;margin-bottom:var(--space-xl);position:relative}.cs-rocket{z-index:2;font-size:3rem;animation:3s ease-in-out infinite rocket-hover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rocket-hover{0%,to{transform:translate(-50%,-50%)rotate(-15deg)}50%{transform:translate(-50%,-60%)rotate(-15deg)}}.cs-circle{opacity:.3;border:2px dashed;border-radius:50%;position:absolute}.cs-circle-1{border-color:var(--color-purple);width:80%;height:80%;animation:12s linear infinite orbit-spin;top:10%;left:10%}.cs-circle-2{border-color:var(--color-primary);width:60%;height:60%;animation:8s linear infinite reverse orbit-spin;top:20%;left:20%}.cs-circle-3{border-color:#ec4899;width:40%;height:40%;animation:5s linear infinite orbit-spin;top:30%;left:30%}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coming-soon-title{font-family:var(--font-arabic);color:var(--color-text);margin-bottom:var(--space-sm);font-size:1.8rem;font-weight:800}.coming-soon-text{font-family:var(--font-arabic);font-size:var(--font-size-base);color:var(--color-text-muted);max-width:400px;line-height:1.8}.coming-soon-dots{margin-top:var(--space-xl);gap:8px;display:flex}.cs-dot{background:var(--color-purple);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite dot-pulse}.cs-dot:nth-child(2){background:var(--color-primary);animation-delay:.2s}.cs-dot:nth-child(3){background:#ec4899;animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@media (width<=640px){.games-title{font-size:1.5rem}.coming-soon-visual{width:120px;height:120px}.cs-rocket{font-size:2.2rem}}