@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);.cw-feature-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:var(--cw-radius-lg);display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;transition:all .4s var(--cw-ease-bounce)}.cw-feature-icon:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px) rotate(5deg)}.cw-feature-icon:after{background:linear-gradient(135deg,#ffffff4d,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.cw-feature-icon-sm{border-radius:var(--cw-radius-md);height:40px;width:40px}.cw-feature-icon-md{border-radius:var(--cw-radius-lg);height:56px;width:56px}.cw-feature-icon-lg{border-radius:var(--cw-radius-xl);height:72px;width:72px}.cw-feature-icon-xl{border-radius:var(--cw-radius-2xl);height:92px;width:92px}.cw-feature-icon-ocean{background:var(--cw-ocean-grad);box-shadow:var(--cw-shadow-ocean);color:#fff}.cw-feature-icon-sky{background:var(--cw-sky-grad);color:var(--cw-ocean-600)}.cw-feature-icon-sun{background:var(--cw-sun-grad);color:#432818}.cw-feature-icon-sunshine{background:var(--cw-sunshine-grad);box-shadow:0 4px 15px #fbbf2466;color:#7c2d12}.cw-feature-icon-success{background:linear-gradient(135deg,var(--cw-success-400),var(--cw-success-600));color:#fff}.cw-feature-icon-gray{background:var(--cw-gray-100);color:var(--cw-gray-400)}.ml-3{margin-left:var(--cw-space-3)}.mb-6{margin-bottom:var(--cw-space-6)}.mt-6{margin-top:var(--cw-space-6)}.w-full{width:100%}.cw-btn{align-items:center;border:none;border-radius:var(--cw-radius-lg);cursor:pointer;display:inline-flex;font-family:var(--cw-font-display);font-weight:var(--cw-weight-bold);gap:var(--cw-space-2);justify-content:center;text-decoration:none;touch-action:manipulation;transition:all var(--cw-duration-base) var(--cw-ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.cw-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.cw-btn-sm{font-size:var(--cw-text-sm);padding:8px 16px}.cw-btn-md{font-size:var(--cw-text-base);padding:12px 24px}.cw-btn-lg{font-size:var(--cw-text-lg);padding:16px 32px}.cw-btn-full{width:100%}.cw-btn-primary{background:var(--cw-ocean-grad);box-shadow:var(--cw-shadow-ocean);color:#fff}.cw-btn-primary:hover:not(:disabled){box-shadow:0 16px 32px #066af266;transform:translateY(-3px)}.cw-btn-primary:active:not(:disabled){transform:translateY(-1px)}.cw-btn-secondary{background:#fff;border:2px solid var(--cw-ocean-500);box-shadow:var(--cw-shadow-sm);color:var(--cw-ocean-500)}.cw-btn-secondary:hover:not(:disabled){background:var(--cw-ocean-50);box-shadow:var(--cw-shadow-md);transform:translateY(-2px)}.cw-btn-sunshine{background:var(--cw-sun-grad);box-shadow:var(--cw-shadow-sun);color:#4b3202}.cw-btn-sunshine:hover:not(:disabled){box-shadow:0 16px 32px #ffb85c80;transform:translateY(-3px) scale(1.02)}.cw-card{background:var(--cw-bg-card);border:2px solid #ffffffe6;border-radius:var(--cw-radius-xl);box-shadow:var(--cw-shadow-md);contain:layout;padding:var(--cw-space-5);transition:all var(--cw-duration-base) var(--cw-ease-out)}.cw-card-hoverable{cursor:pointer}.cw-card-hoverable:hover{box-shadow:var(--cw-shadow-lg);transform:translateY(-6px)}.cw-lesson-card{display:flex;flex-direction:column;gap:var(--cw-space-4)}.cw-lesson-icon-wrapper{align-items:center;background:var(--cw-sky-grad);border-radius:var(--cw-radius-lg);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.cw-lesson-icon{font-size:3rem;position:relative;z-index:2}.cw-lesson-icon-wrapper:before{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.cw-lesson-content{flex:1 1}.cw-lesson-title{color:var(--cw-gray-900);font-size:var(--cw-text-xl);font-weight:var(--cw-weight-bold);margin:0 0 var(--cw-space-2) 0}.cw-lesson-description{color:var(--cw-gray-600);font-size:var(--cw-text-sm);line-height:var(--cw-leading-relaxed);margin:0}.cw-lesson-progress{align-items:center;display:flex;gap:var(--cw-space-3)}.cw-lesson-progress-text{color:var(--cw-ocean-500);font-size:var(--cw-text-sm);font-weight:var(--cw-weight-semibold);white-space:nowrap}.cw-achievement-card{overflow:hidden;position:relative;text-align:center}.cw-achievement-card.locked{filter:grayscale(1);opacity:.5}.cw-achievement-card.unlocked{border:2px solid var(--cw-sun-400);box-shadow:var(--cw-shadow-sun)}.cw-achievement-icon{font-size:4rem;margin-bottom:var(--cw-space-3)}.cw-achievement-title{color:var(--cw-gray-900);font-size:var(--cw-text-lg);font-weight:var(--cw-weight-bold);margin:0 0 var(--cw-space-2) 0}.cw-achievement-description{color:var(--cw-gray-600);font-size:var(--cw-text-sm);margin:0 0 var(--cw-space-2) 0}.cw-achievement-date{color:var(--cw-gray-500);font-size:var(--cw-text-xs)}.cw-progress-wrapper{align-items:center;display:flex;gap:var(--cw-space-3)}.cw-progress{background:var(--cw-gray-100);border-radius:var(--cw-radius-full);flex:1 1;overflow:hidden;position:relative}.cw-progress-sm{height:8px}.cw-progress-md{height:12px}.cw-progress-lg{height:16px}.cw-progress-fill{background:var(--cw-sky-grad);border-radius:var(--cw-radius-full);height:100%;position:relative;transition:width .6s var(--cw-ease-out)}.cw-progress-animated:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{to{left:100%}}.cw-progress-label{color:var(--cw-ocean-500);font-size:var(--cw-text-sm);font-weight:var(--cw-weight-semibold);white-space:nowrap}.cw-xp-bar-container{background:var(--cw-bg-card);border-radius:var(--cw-radius-lg);box-shadow:var(--cw-shadow-sm);padding:var(--cw-space-4)}.cw-xp-header{justify-content:space-between;margin-bottom:var(--cw-space-3)}.cw-level-badge,.cw-xp-header{align-items:center;display:flex}.cw-level-badge{background:var(--cw-ocean-grad);border-radius:var(--cw-radius-full);color:#fff;gap:var(--cw-space-2);padding:var(--cw-space-2) var(--cw-space-4)}.cw-level-label{font-size:var(--cw-text-xs);font-weight:var(--cw-weight-medium)}.cw-level-number{font-size:var(--cw-text-lg);font-weight:var(--cw-weight-black)}.cw-xp-text{color:var(--cw-gray-600);font-size:var(--cw-text-sm)}.cw-badge,.cw-xp-text{font-weight:var(--cw-weight-semibold)}.cw-badge{align-items:center;border-radius:var(--cw-radius-full);display:inline-flex;gap:var(--cw-space-1);white-space:nowrap}.cw-badge-sm{font-size:var(--cw-text-xs);padding:4px 10px}.cw-badge-md{font-size:var(--cw-text-sm);padding:6px 14px}.cw-badge-lg{font-size:var(--cw-text-base);padding:8px 18px}.cw-badge-ocean{background:var(--cw-ocean-100);color:var(--cw-ocean-600)}.cw-badge-sky{background:var(--cw-sky-grad);color:#003049}.cw-badge-sun{background:var(--cw-sun-grad);color:#4b3202}.cw-badge-success{background:var(--cw-success-100);color:var(--cw-success-600)}.cw-badge-warning{background:var(--cw-warning-100);color:var(--cw-warning-600)}.cw-badge-error{background:var(--cw-error-100);color:var(--cw-error-600)}.cw-input-group{display:flex;flex-direction:column;gap:var(--cw-space-2)}.cw-input-label{color:var(--cw-gray-700);font-size:var(--cw-text-sm);font-weight:var(--cw-weight-bold)}.cw-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.cw-input-icon{align-items:center;color:var(--cw-gray-400);display:flex;justify-content:center;pointer-events:none;position:absolute;right:14px;transition:color .3s ease}.cw-input-wrapper.has-icon .cw-input{padding-right:44px}.cw-input-wrapper .cw-input:focus+.cw-input-icon{color:var(--cw-ocean-500)}.cw-required{color:var(--cw-error-500);margin-right:4px}.cw-input,.cw-textarea{background:#fff;border:2px solid var(--cw-gray-200);border-radius:var(--cw-radius-xl);color:var(--cw-gray-900);font-family:var(--cw-font-body);font-size:var(--cw-text-base);outline:none;padding:12px 16px;transition:all var(--cw-duration-fast) var(--cw-ease-out);width:100%}.cw-input:focus,.cw-textarea:focus{border-color:var(--cw-ocean-400);box-shadow:0 0 0 4px #066af21a}.cw-input::placeholder,.cw-textarea::placeholder{color:var(--cw-gray-500)}.cw-input-error{border-color:var(--cw-error-500)}.cw-input-error:focus{box-shadow:0 0 0 4px #ef44441a}.cw-input-error-text{color:var(--cw-error-500);font-size:var(--cw-text-xs);font-weight:var(--cw-weight-medium)}.cw-textarea{min-height:80px;resize:vertical}.cw-stat-card{text-align:center}.cw-stat-header{align-items:center;display:flex;gap:var(--cw-space-2);justify-content:center;margin-bottom:var(--cw-space-3)}.cw-stat-icon{font-size:2rem}.cw-stat-title{color:var(--cw-gray-600);font-size:var(--cw-text-sm);font-weight:var(--cw-weight-medium)}.cw-stat-value{color:var(--cw-ocean-500);font-size:var(--cw-text-4xl);font-weight:var(--cw-weight-black);margin-bottom:var(--cw-space-2)}.cw-stat-trend{font-size:var(--cw-text-sm);font-weight:var(--cw-weight-semibold)}.cw-stat-trend-up{color:var(--cw-success-500)}.cw-stat-trend-down{color:var(--cw-error-500)}.cw-streak-counter{align-items:center;background:var(--cw-bg-card);border:2px solid var(--cw-warning-100);border-radius:var(--cw-radius-lg);box-shadow:var(--cw-shadow-sm);display:flex;gap:var(--cw-space-3);padding:var(--cw-space-4)}.cw-streak-icon{font-size:3rem}.cw-streak-content{display:flex;flex-direction:column}.cw-streak-value{color:var(--cw-warning-500);font-size:var(--cw-text-2xl);font-weight:var(--cw-weight-black)}.cw-streak-label{color:var(--cw-gray-600);font-size:var(--cw-text-sm)}.cw-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--cw-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:var(--cw-space-5);position:fixed;right:0;top:0;z-index:var(--cw-z-modal)}.cw-modal{animation:scaleIn .3s var(--cw-ease-bounce);background:var(--cw-bg-card);border-radius:var(--cw-radius-2xl);box-shadow:var(--cw-shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:100%;overflow:hidden}.cw-modal-sm{width:400px}.cw-modal-md{width:600px}.cw-modal-lg{width:800px}.cw-modal-header{align-items:center;border-bottom:1px solid var(--cw-gray-200);display:flex;justify-content:space-between;padding:var(--cw-space-5)}.cw-modal-title{color:var(--cw-gray-900);font-size:var(--cw-text-2xl);font-weight:var(--cw-weight-bold);margin:0}.cw-modal-close{background:none;border:none;border-radius:var(--cw-radius-sm);color:var(--cw-gray-500);cursor:pointer;font-size:var(--cw-text-xl);padding:var(--cw-space-2);transition:all var(--cw-duration-fast)}.cw-modal-close:hover{background:var(--cw-gray-100);color:var(--cw-gray-900)}.cw-modal-body{flex:1 1;overflow-y:auto;padding:var(--cw-space-5)}.cw-modal-footer{border-top:1px solid var(--cw-gray-200);display:flex;gap:var(--cw-space-3);justify-content:flex-end;padding:var(--cw-space-5)}.cw-score-content{padding:var(--cw-space-6) 0;text-align:center}.cw-score-icon{font-size:5rem;margin-bottom:var(--cw-space-4)}.cw-score-circle{align-items:center;background:var(--cw-sky-grad);border:5px solid #fff;border-radius:50%;box-shadow:var(--cw-shadow-sky);display:flex;height:140px;justify-content:center;margin:0 auto var(--cw-space-4);width:140px}.cw-score-percentage{color:#003049;font-size:var(--cw-text-4xl);font-weight:var(--cw-weight-black)}.cw-score-result{color:var(--cw-gray-900);font-size:var(--cw-text-2xl);font-weight:var(--cw-weight-bold);margin:0 0 var(--cw-space-3) 0}.cw-score-message{color:var(--cw-gray-600);font-size:var(--cw-text-base);margin:0 0 var(--cw-space-5) 0}.cw-spinner{display:inline-block}.cw-spinner-sm .cw-spinner-circle{border-width:2px;height:20px;width:20px}.cw-spinner-md .cw-spinner-circle{border-width:3px;height:32px;width:32px}.cw-spinner-lg .cw-spinner-circle{border-width:4px;height:48px;width:48px}.cw-spinner-circle{animation:spin .8s linear infinite;border:3px solid var(--cw-gray-200);border-radius:50%;border-top-color:var(--cw-ocean-500)}.cw-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--cw-gray-200) 25%,var(--cw-gray-100) 50%,var(--cw-gray-200) 75%);background-size:200% 100%;border-radius:var(--cw-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.cw-alert{align-items:flex-start;border:2px solid;border-radius:var(--cw-radius-md);display:flex;gap:var(--cw-space-3);padding:var(--cw-space-4)}.cw-alert-icon{flex-shrink:0;font-size:var(--cw-text-xl)}.cw-alert-content{flex:1 1;font-size:var(--cw-text-sm);line-height:var(--cw-leading-relaxed)}.cw-alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--cw-text-lg);opacity:.6;padding:0;transition:opacity var(--cw-duration-fast)}.cw-alert-close:hover{opacity:1}.cw-alert-success{background:var(--cw-success-50);border-color:var(--cw-success-500);color:var(--cw-success-600)}.cw-alert-warning{background:var(--cw-warning-50);border-color:var(--cw-warning-500);color:var(--cw-warning-600)}.cw-alert-error{background:var(--cw-error-50);border-color:var(--cw-error-500);color:var(--cw-error-600)}.cw-alert-info{background:var(--cw-info-50);border-color:var(--cw-info-500);color:var(--cw-info-600)}@media (max-width:768px){.cw-modal-lg,.cw-modal-md,.cw-modal-sm{max-width:100%;width:100%}.cw-modal-overlay{padding:var(--cw-space-3)}.cw-modal-body,.cw-modal-footer,.cw-modal-header{padding:var(--cw-space-4)}}.notification-container{margin-right:1rem;position:relative}.notification-bell-btn{align-items:center;background:none;border:none;border-radius:50%;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background .3s ease}.notification-bell-btn:hover{background-color:#0000000d}.notification-badge{align-items:center;background-color:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:0;top:0}.notification-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px -10px #0003;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:120%;width:350px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.notification-header h3{color:#111827;font-size:1rem;font-weight:600;margin:0}.mark-all-read{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.8rem;font-weight:500}.mark-all-read:hover{text-decoration:underline}.notification-list{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:1rem;transition:background-color .2s}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff}.notification-item.unread:hover{background-color:#dbeafe}.notif-icon-box{align-items:center;background-color:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notif-content{flex:1 1}.notif-title{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:4px}.notif-message{color:#6b7280;font-size:.85rem;line-height:1.4;margin-bottom:8px}.notif-time{color:#9ca3af;font-size:.75rem}.notification-empty{color:#6b7280;padding:2rem;text-align:center}.notification-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:.75rem;text-align:center}.view-all-btn{color:#4b5563;font-size:.85rem;font-weight:500;text-decoration:none}.view-all-btn:hover{color:#2563eb}.type-quiz .notif-icon-box{background-color:#fee2e2;color:#dc2626}.type-lesson .notif-icon-box{background-color:#dbeafe;color:#2563eb}.type-announcement .notif-icon-box{background-color:#fef3c7;color:#d97706}.type-achievement .notif-icon-box{background-color:#d1fae5;color:#059669}.type-system .notif-icon-box{background-color:#f3f4f6;color:#4b5563}.main-header{align-items:center;background:#0000;direction:rtl;display:flex;height:var(--cw-header-height);left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:var(--cw-z-sticky)}.main-header.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;box-shadow:var(--cw-shadow-sm);height:var(--cw-header-height-scrolled)}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 var(--cw-space-6);width:100%}.brand .logo-link{align-items:center;display:flex;gap:var(--cw-space-3);text-decoration:none}.logo-icon-wrapper{align-items:center;background:#fff;border-radius:10px;box-shadow:var(--cw-shadow-sm);display:flex;height:42px;justify-content:center;overflow:hidden;padding:2px;transform:rotate(-5deg);transition:transform .3s ease;width:42px}.logo-img{height:100%;object-fit:cover;width:100%}.brand .logo-link:hover .logo-icon-wrapper{transform:rotate(0deg) scale(1.1)}.brand-text,.logo-wave-icon{font-size:1.5rem}.brand-text{font-family:var(--cw-font-display);font-weight:900}.code-text{color:var(--cw-gray-900)}.wave-text{color:var(--cw-ocean-500)}.desktop-nav{display:flex;gap:var(--cw-space-6)}.nav-link{color:var(--cw-gray-600);font-size:var(--cw-text-base);font-weight:var(--cw-weight-semibold);padding:var(--cw-space-1) 0;position:relative;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--cw-ocean-500)}.nav-link:after{background:var(--cw-ocean-grad);border-radius:99px;bottom:-4px;content:"";height:3px;position:absolute;right:0;transition:width .3s ease;width:0}.nav-link.active{color:var(--cw-ocean-600)}.nav-link.active:after{width:100%}.admin-link{color:var(--cw-info-600)}.header-actions{gap:var(--cw-space-6)}.auth-buttons,.header-actions{align-items:center;display:flex}.auth-buttons{gap:var(--cw-space-4)}.login-link{color:var(--cw-gray-700);font-weight:var(--cw-weight-bold);text-decoration:none;transition:color .2s}.login-link:hover{color:var(--cw-ocean-500)}.user-profile-nav{align-items:center;display:flex;gap:var(--cw-space-5)}.notification-bell{color:var(--cw-gray-500);cursor:pointer;position:relative;transition:color .2s}.notification-bell:hover{color:var(--cw-ocean-500)}.bell-dot{background:var(--cw-error-500);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.user-avatar-menu{background:var(--cw-gray-50);border-radius:var(--cw-radius-full);gap:var(--cw-space-3);padding:var(--cw-space-1) var(--cw-space-2)}.avatar,.user-avatar-menu{align-items:center;display:flex}.avatar{background:var(--cw-ocean-500);border-radius:50%;color:#fff;font-weight:700;height:34px;justify-content:center;width:34px}.user-dropdown-info{align-items:center;display:flex;gap:var(--cw-space-2)}.user-name-label{color:var(--cw-gray-700);font-size:var(--cw-text-sm);font-weight:var(--cw-weight-bold)}.logout-icon-btn{background:none;border:none;color:var(--cw-gray-400);cursor:pointer;display:flex;transition:color .2s}.logout-icon-btn:hover{color:var(--cw-error-500)}.mobile-toggle{background:none;border:none;color:var(--cw-gray-900);cursor:pointer;display:none}.mobile-nav-overlay{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0f172ab3;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%;z-index:99998}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa!important;box-shadow:-15px 0 35px #0000001a;direction:rtl;display:flex;flex-direction:column;height:100vh;max-width:320px;overflow-y:auto;padding:var(--cw-space-6);position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:85%;z-index:99999}.mobile-nav-overlay.open .mobile-nav-content{right:0}.mobile-nav-header{align-items:center;border-bottom:2px solid var(--cw-gray-100);display:flex;justify-content:space-between;margin-bottom:var(--cw-space-8);padding-bottom:var(--cw-space-4)}.mobile-nav-header .logo-text{color:var(--cw-ocean-500);font-family:var(--cw-font-display);font-size:1.5rem;font-weight:900}.mobile-nav-header button{background:none;border:none;color:var(--cw-gray-900)}.mobile-links{display:flex;flex-direction:column;flex-grow:1;gap:var(--cw-space-6)}.mobile-links a{align-items:center;border-bottom:1px solid var(--cw-gray-50);border-radius:var(--cw-radius-lg);color:var(--cw-gray-800);display:flex;font-size:1.25rem;font-weight:var(--cw-weight-bold);opacity:0;padding:var(--cw-space-4) var(--cw-space-2);text-decoration:none;transform:translateX(30px);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.mobile-nav-overlay.open .mobile-links a{opacity:1;transform:translateX(0)}.mobile-nav-overlay.open .mobile-links a:first-child{transition-delay:.2s}.mobile-nav-overlay.open .mobile-links a:nth-child(2){transition-delay:.25s}.mobile-nav-overlay.open .mobile-links a:nth-child(3){transition-delay:.3s}.mobile-nav-overlay.open .mobile-links a:nth-child(4){transition-delay:.35s}.mobile-nav-overlay.open .mobile-links a:nth-child(5){transition-delay:.4s}.mobile-links a.active{border-right:4px solid var(--cw-ocean-500);color:var(--cw-ocean-600);padding-right:var(--cw-space-3)}.mobile-auth{border-top:1px solid var(--cw-gray-100);padding-top:var(--cw-space-6)}.mobile-auth-btns{display:flex;flex-direction:column;gap:var(--cw-space-4)}.mobile-login-btn{color:var(--cw-gray-700)}.mobile-login-btn,.mobile-register-btn{font-weight:var(--cw-weight-bold);padding:var(--cw-space-3);text-align:center;text-decoration:none}.mobile-register-btn{background:var(--cw-ocean-grad);border-radius:var(--cw-radius-md);color:#fff}.mobile-user-actions{display:flex;flex-direction:column;gap:var(--cw-space-4)}.mobile-user-info{align-items:center;display:flex;font-weight:var(--cw-weight-bold);gap:var(--cw-space-3)}.avatar-large{align-items:center;background:var(--cw-ocean-500);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.mobile-logout-btn{background:var(--cw-error-50);border:1px solid var(--cw-error-100);border-radius:var(--cw-radius-md);color:var(--cw-error-600);cursor:pointer;font-weight:var(--cw-weight-bold);padding:var(--cw-space-3);width:100%}@media (max-width:968px){.desktop-nav,.header-actions .auth-buttons,.user-profile-nav{display:none}.mobile-toggle{display:block}}.main-footer{background:var(--cw-gray-900);border-top:4px solid var(--cw-ocean-500);color:#fff;direction:rtl;padding:var(--cw-space-12) 0 0 0}.footer-container{grid-gap:var(--cw-space-10);display:grid;gap:var(--cw-space-10);grid-template-columns:2fr 1fr 1fr 1.5fr;margin:0 auto;max-width:1280px;padding:0 var(--cw-space-6) var(--cw-space-12)}.footer-column{display:flex;flex-direction:column;gap:var(--cw-space-4)}.footer-logo{align-items:center;display:flex;gap:var(--cw-space-3);margin-bottom:var(--cw-space-2)}.footer-logo-img{background:#fff;border-radius:8px;box-shadow:0 0 15px #ffffff1a;height:48px;object-fit:contain;padding:2px;width:48px}.logo-text{font-family:var(--cw-font-display);font-size:1.8rem;font-weight:900;letter-spacing:-.5px}.footer-desc{color:var(--cw-gray-300);font-size:.95rem;line-height:1.8;margin:0}.social-links{display:flex;gap:var(--cw-space-4);margin-top:var(--cw-space-2)}.social-links a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.social-links a:hover{background:var(--cw-ocean-500);box-shadow:0 5px 15px #066af266;transform:translateY(-4px)}.footer-title{color:#fff;font-family:var(--cw-font-display);font-size:1.2rem;font-weight:var(--cw-weight-bold);margin:0 0 var(--cw-space-2) 0;position:relative}.footer-title:after{background:var(--cw-ocean-500);border-radius:99px;bottom:-8px;content:"";height:3px;position:absolute;right:0;width:40px}.footer-links{display:flex;flex-direction:column;gap:var(--cw-space-3);list-style:none;margin:0;padding:0}.footer-links a{color:var(--cw-gray-400);font-size:.95rem;text-decoration:none;transition:all .2s}.footer-links a:hover{color:var(--cw-ocean-400);padding-right:8px}.contact-list{display:flex;flex-direction:column;gap:var(--cw-space-4);list-style:none;margin:0;padding:0}.contact-list li{align-items:center;color:var(--cw-gray-300);display:flex;font-size:.95rem;gap:var(--cw-space-3)}.contact-icon{color:var(--cw-ocean-400);flex-shrink:0}.footer-bottom{background:#0a1118;border-top:1px solid #ffffff0d;padding:var(--cw-space-6) 0}.footer-bottom-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cw-space-4);justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 var(--cw-space-6)}.copyright{color:var(--cw-gray-500);font-size:.85rem;margin:0}.legal-links{display:flex;gap:var(--cw-space-6)}.legal-links a{color:var(--cw-gray-500);font-size:.85rem;text-decoration:none}.legal-links a:hover{color:#fff}@media (max-width:1024px){.footer-container{grid-template-columns:1fr 1fr}}@media (max-width:640px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-logo{justify-content:center}.footer-title:after{right:50%;transform:translateX(50%)}.contact-list li,.social-links{justify-content:center}.footer-bottom-container{flex-direction:column}.legal-links{justify-content:center}}.feedback-section{contain-intrinsic-size:0 400px;content-visibility:auto;margin:0 auto;max-width:1200px;overflow:hidden;padding:24px var(--cw-space-4)}.feedback-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:32px}.feedback-title{color:var(--cw-gray-900);font-size:clamp(1.5rem,6vw,2.2rem);font-weight:900;letter-spacing:-.02em;margin:0;position:relative;text-align:center}.feedback-icon-wrapper{align-items:center;background:var(--cw-ocean-100);border-radius:16px;box-shadow:var(--cw-shadow-sm);color:var(--cw-ocean-600);display:flex;height:56px;justify-content:center;width:56px}.feedback-marquee-container{mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;padding-bottom:24px;position:relative;width:100%}.feedback-track{animation:scrollRight 60s linear infinite;display:flex;gap:24px;width:-webkit-max-content;width:max-content;will-change:transform}.feedback-track:hover{animation-play-state:paused}@keyframes scrollRight{0%{transform:translateZ(0)}to{transform:translate3d(50%,0,0)}}.feedback-card{background:#fff;border:2px solid #0000;border-radius:24px;box-shadow:0 4px 12px #b8d4e866;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;max-width:320px;min-width:300px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.feedback-card:hover{border-color:#b8d4e8;box-shadow:0 8px 16px #005b9626;transform:translateY(-5px)}.feedback-text{color:#4a5568;font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:16px;position:relative}.feedback-text:before{color:#b8d4e8;content:"“";font-size:3rem;left:-10px;opacity:.5;position:absolute;top:-20px}.feedback-user{border-top:1px solid #f0f4f8;gap:12px;margin-top:auto;padding-top:16px}.feedback-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#b8d4e8;border-radius:50%;font-size:1.5rem;height:48px;justify-content:center;width:48px}.user-details h4{color:#005b96;font-size:1rem;font-weight:700;margin:0}.user-details p{color:#718096;font-size:.85rem;margin:0}.video-link{align-items:center;color:#e63946;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;margin-top:12px;text-decoration:none;transition:opacity .2s}.video-link:hover{opacity:.8;text-decoration:underline}.whatsapp-gallery-title{color:#003049;font-size:1.5rem;font-weight:800;margin-bottom:30px;margin-top:60px;opacity:.9;text-align:center}.whatsapp-gallery-container{mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;padding:30px 0;position:relative;width:100%}.whatsapp-track{animation:scrollWhatsapp 35s linear infinite;display:flex;gap:24px;width:-webkit-max-content;width:max-content;will-change:transform}.whatsapp-track:hover{animation-play-state:paused}.whatsapp-card{background:#fff;border:4px solid #f0f2f5;border-radius:20px;box-shadow:0 4px 15px #0000001a;flex-shrink:0;overflow:hidden;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease;width:260px;will-change:transform,opacity}.animate-in .whatsapp-card,.whatsapp-card{opacity:1;transform:scale(1)}@keyframes appearZoom{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes scrollWhatsapp{0%{transform:translateZ(0)}to{transform:translate3d(50%,0,0)}}.whatsapp-card:hover{border-color:#25d366;box-shadow:0 10px 30px #25d3664d;transform:scale(1.05)!important;z-index:10}.whatsapp-card img{display:block;height:auto;width:100%}@media (max-width:768px){.feedback-card{min-width:250px;padding:20px}.feedback-track{animation-duration:30s;gap:16px}.whatsapp-track{animation-duration:20s;gap:16px}.feedback-header{flex-direction:column;gap:12px;margin-bottom:24px}.feedback-icon-wrapper{height:48px;width:48px}}.home-container{direction:rtl}.hero-section{grid-gap:var(--cw-space-10);align-items:center;display:grid;gap:var(--cw-space-10);grid-template-columns:1fr 1fr;margin-bottom:var(--cw-space-12);min-height:600px;padding:var(--cw-space-10) var(--cw-space-4)}@media (max-width:968px){.hero-section{gap:var(--cw-space-8);grid-template-columns:1fr;padding:var(--cw-space-6) var(--cw-space-4);text-align:center}}.hero-content{display:flex;flex-direction:column;gap:var(--cw-space-6)}.hero-welcome{align-items:center;color:var(--cw-gray-700);display:flex;font-size:var(--cw-text-lg);gap:var(--cw-space-3)}.hero-wave{animation:wave 2s ease-in-out infinite;font-size:2rem}.hero-greeting{font-weight:var(--cw-weight-semibold)}.hero-title{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:clamp(2rem,8vw,var(--cw-text-5xl));font-weight:var(--cw-weight-black);line-height:var(--cw-leading-tight);margin:0}.hero-highlight{-webkit-text-fill-color:#0000;background:var(--cw-ocean-grad);-webkit-background-clip:text;background-clip:text;position:relative}.hero-subtitle{color:var(--cw-gray-600);font-family:var(--cw-font-body);font-size:var(--cw-text-lg);line-height:var(--cw-leading-relaxed);margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--cw-space-4);margin-top:var(--cw-space-4)}.free-session-cta{animation:gradientShift 3s ease infinite,pulse 2s ease-in-out infinite!important;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)!important;background-size:200% 200%!important;box-shadow:0 10px 30px #667eea66,0 0 20px #f093fb4d!important;overflow:hidden;position:relative}.free-session-cta:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.free-session-cta:hover{box-shadow:0 15px 40px #667eea99,0 0 30px #f093fb80!important;transform:translateY(-3px) scale(1.05)!important}@keyframes pulse{0%,to{box-shadow:0 10px 30px #667eea66,0 0 20px #f093fb4d}50%{box-shadow:0 10px 30px #667eea99,0 0 30px #f093fb80}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.hero-stats{grid-gap:var(--cw-space-5);border-top:2px solid var(--cw-gray-100);display:grid;gap:var(--cw-space-5);grid-template-columns:repeat(3,1fr);margin-top:var(--cw-space-6);padding:var(--cw-space-6) var(--cw-space-4) 0}@media (max-width:640px){.hero-stats{background:var(--cw-gray-50);border-radius:var(--cw-radius-xl);gap:var(--cw-space-4);grid-template-columns:1fr;padding:var(--cw-space-6)}}.hero-stat{display:flex;flex-direction:column;gap:var(--cw-space-1)}.stat-number{color:var(--cw-ocean-500);font-family:var(--cw-font-display);font-size:var(--cw-text-3xl);font-weight:var(--cw-weight-black)}.stat-label{color:var(--cw-gray-600);font-size:var(--cw-text-sm)}.hero-visual{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:var(--cw-radius-3xl);box-shadow:var(--cw-shadow-ocean);display:flex;justify-content:center;min-height:500px;overflow:hidden;padding:var(--cw-space-10);position:relative}.hero-visual:before{animation:rotate-bg 20s linear infinite;background:radial-gradient(circle,#6366f126 0,#0000 70%);content:"";height:300%;position:absolute;width:300%;z-index:2}@keyframes rotate-bg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.visual-image-wrapper{inset:0;position:absolute;z-index:1}.hero-static-img{height:100%;object-fit:cover;transition:transform 20s linear;width:100%}.hero-visual:hover .hero-static-img{transform:scale(1.1)}.hero-visual-gradient{background:linear-gradient(135deg,#0f172ab3,#1e3a8a66);inset:0;position:absolute;z-index:2}.code-snippet{background:#0f263de6;border:2px solid #ffffff1a;border-radius:var(--cw-radius-xl);box-shadow:var(--cw-shadow-2xl);font-family:var(--cw-font-code);font-size:var(--cw-text-lg);line-height:1.8;padding:var(--cw-space-6);position:relative;z-index:10}.code-comment{color:#6ab04c}.code-function{color:#eb4d4b}.code-paren{color:#f0932b}.code-string{color:#686de0}.ticker-section{margin:var(--cw-space-12) auto;max-width:1000px}.ticker-title{color:var(--cw-gray-500);font-size:var(--cw-text-sm);font-weight:var(--cw-weight-bold);letter-spacing:1px;margin-bottom:var(--cw-space-5);text-align:center;text-transform:uppercase}.ticker-wrap{background:#fff;border-radius:var(--cw-radius-xl);box-shadow:var(--cw-shadow-sm);display:flex;mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;padding:var(--cw-space-5) 0}.ticker-track{animation:scroll 25s linear infinite;display:flex;gap:var(--cw-space-10);will-change:transform}.ticker-item{align-items:center;color:var(--cw-gray-500);display:flex;font-size:1.1rem;font-weight:var(--cw-weight-bold);gap:var(--cw-space-2);padding:0 var(--cw-space-2);transition:all .3s ease;white-space:nowrap}.ticker-icon-svg{color:var(--cw-gray-400);transition:color .3s ease}.ticker-item:hover{transform:translateY(-2px)}.ticker-item:hover,.ticker-item:hover .ticker-icon-svg{color:var(--cw-ocean-500)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(50%)}}.courses-section{margin:var(--cw-space-12) 0}.section-header{margin-bottom:var(--cw-space-8);text-align:center}.section-title{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-4xl);font-weight:var(--cw-weight-black);margin:0 0 var(--cw-space-3) 0}.section-subtitle{color:var(--cw-gray-600);font-size:var(--cw-text-lg);margin:0}.cw-grid{grid-gap:var(--cw-space-5);display:grid;gap:var(--cw-space-5)}.cw-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.features-section{background:radial-gradient(circle at top right,var(--cw-ocean-50) 0,#0000 60%);border-radius:var(--cw-radius-3xl);margin:var(--cw-space-16) auto;max-width:1200px;padding:var(--cw-space-12) var(--cw-space-6)}.features-grid{grid-gap:var(--cw-space-6);direction:rtl;gap:var(--cw-space-6);grid-auto-rows:minmax(200px,auto);grid-template-columns:repeat(3,1fr)}.feature-card.f-ai{grid-column:1/3;grid-row:1/3}.feature-card.f-progress{grid-column:3/4;grid-row:1/2}.feature-card.f-cert{grid-column:3/4;grid-row:2/3}.feature-card.f-updates{grid-column:1/2;grid-row:3/4}.feature-card.f-community{grid-column:2/4;grid-row:3/4}.feature-card.f-lessons{align-items:center;flex-direction:row!important;gap:var(--cw-space-8);grid-column:1/4;grid-row:4/5}.feature-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:var(--cw-radius-2xl);box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;overflow:hidden;padding:var(--cw-space-8);position:relative;transition:all .5s var(--cw-ease-out);z-index:1}.feature-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";inset:0;position:absolute;z-index:-1}.feature-card:hover{border-color:var(--cw-ocean-200);box-shadow:0 20px 40px #0f172a14;transform:translateY(-8px)}.feature-card.tier-primary{background:linear-gradient(165deg,#fff,#f1f5f9);border:2px solid var(--cw-ocean-50);display:flex;flex-direction:column;justify-content:flex-start}.feature-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cw-space-4);margin-bottom:var(--cw-space-2)}.feature-card.tier-primary .feature-badge{margin-top:0}.feature-glow{background:radial-gradient(circle,var(--cw-sunshine-200) 0,#0000 70%);filter:blur(60px);height:60%;left:-20%;opacity:.3;pointer-events:none;position:absolute;top:-20%;transition:all .5s ease;width:60%}.feature-card.tier-primary:hover .feature-glow{left:10%;opacity:.5;top:10%}.feature-badge{background:var(--cw-sunshine-100);border-radius:99px;color:var(--cw-sunshine-700);display:inline-flex;font-size:var(--cw-text-xs);font-weight:var(--cw-weight-bold);margin-top:var(--cw-space-4);padding:4px 12px;width:-webkit-fit-content;width:fit-content}.feature-icon-wrapper{display:flex;margin-bottom:var(--cw-space-5);transition:transform .6s var(--cw-ease-bounce)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.15) rotate(5deg)}.tier-primary .feature-icon-wrapper{margin-bottom:var(--cw-space-4)}.feature-card.tier-secondary{background:#fff;border-bottom:4px solid var(--cw-ocean-500)}.feature-card.tier-supporting{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9}.feature-card.f-lessons .feature-icon-wrapper{margin-bottom:0;transform:scale(1.4)}.feature-card h3{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-xl);font-weight:var(--cw-weight-black);line-height:1.3;margin:0 0 var(--cw-space-3) 0}.tier-primary h3{font-size:var(--cw-text-3xl);max-width:80%}.feature-card p{color:var(--cw-gray-600);font-family:var(--cw-font-body);font-size:var(--cw-text-base);line-height:var(--cw-leading-relaxed);margin:0}.tier-primary p{font-size:var(--cw-text-lg);max-width:90%}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card.f-ai,.feature-card.f-cert,.feature-card.f-community,.feature-card.f-lessons,.feature-card.f-progress,.feature-card.f-updates{align-items:flex-start!important;flex-direction:column!important;gap:var(--cw-space-4);grid-column:span 1;grid-row:auto}.feature-card.f-ai{grid-column:span 2}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.feature-card.f-ai{grid-column:span 1}.tier-primary h3{font-size:var(--cw-text-2xl)}.tier-primary .feature-icon-wrapper{position:relative;right:0;top:0}}.video-modal-overlay{background:var(--cw-bg-overlay)}.video-modal-content{border:4px solid var(--cw-ocean-500);border-radius:var(--cw-radius-2xl);box-shadow:var(--cw-shadow-2xl);max-width:900px}.close-video-btn{z-index:100}@media (max-width:968px){.hero-section{gap:var(--cw-space-8);grid-template-columns:1fr;min-height:auto;padding:var(--cw-space-8) 0}.hero-title{font-size:var(--cw-text-3xl)}.hero-subtitle{font-size:var(--cw-text-base)}.hero-visual{min-height:400px;order:-1}.hero-stats{grid-template-columns:1fr 1fr;text-align:center}.hero-stat{align-items:center}.stat-number{font-size:var(--cw-text-2xl)}.features-grid{grid-template-columns:1fr}.code-snippet{font-size:var(--cw-text-base)}.floating-element{font-size:2rem}}@media (max-width:640px){.hero-actions{flex-direction:column;width:100%}.hero-actions button{width:100%}.hero-stats{gap:var(--cw-space-4);grid-template-columns:1fr;text-align:center}.section-title{font-size:var(--cw-text-2xl)}.ticker-item{font-size:var(--cw-text-base)}}.lessons-page{direction:rtl;padding-bottom:var(--cw-space-12)}.lessons-header{margin-bottom:var(--cw-space-8);padding:var(--cw-space-12) 0;text-align:center}.lessons-title{color:var(--cw-ocean-600);font-family:var(--cw-font-display);font-size:var(--cw-text-5xl);font-weight:var(--cw-weight-black);margin-bottom:var(--cw-space-4)}.lessons-subtitle{color:var(--cw-gray-600);font-family:var(--cw-font-body);font-size:var(--cw-text-xl);margin:0 auto;max-width:700px}.lessons-grid{grid-gap:var(--cw-space-8);display:grid;gap:var(--cw-space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:480px){.lessons-grid{gap:var(--cw-space-6);grid-template-columns:1fr;padding:0 var(--cw-space-2)}}.lesson-item{display:flex;flex-direction:column;height:100%;position:relative}.lesson-item>:first-child{display:flex;flex-direction:column;flex-grow:1}.lesson-item>:first-child>*{flex-grow:1}.lesson-card-locked{filter:grayscale(.5);opacity:.7;pointer-events:none}.lock-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f263dd9;border:2px solid #ffffff1a;border-radius:var(--cw-radius-xl);color:#fff;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.lock-content{padding:var(--cw-space-6);text-align:center}.lock-icon{color:var(--cw-sky-light);filter:drop-shadow(0 0 10px var(--cw-sky-light));margin-bottom:var(--cw-space-4)}.lock-title{display:block;font-size:var(--cw-text-2xl);font-weight:var(--cw-weight-bold);margin-bottom:var(--cw-space-2)}.lock-desc{font-size:var(--cw-text-sm);opacity:.8}.lesson-actions{grid-gap:var(--cw-space-3);display:grid;gap:var(--cw-space-3);grid-template-columns:1fr 1fr;margin-top:var(--cw-space-4)}.lesson-btn{width:100%}.video-modal-overlay{background:#000000e6;inset:0;padding:var(--cw-space-5);z-index:var(--cw-z-modal)}.video-modal-content{animation:scaleIn .3s var(--cw-ease-bounce)}.close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;position:absolute;top:-50px;transition:transform .2s;width:40px}.close-btn:hover{transform:scale(1.1) rotate(90deg)}.video-player-wrapper{background:#000;border:4px solid var(--cw-ocean-500);border-radius:var(--cw-radius-xl);box-shadow:var(--cw-shadow-2xl);height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.lessons-title{font-size:var(--cw-text-3xl)}.lessons-subtitle{font-size:var(--cw-text-lg)}.lesson-actions{grid-template-columns:1fr}}.ai-page{background:#fff;bottom:0;direction:rtl;display:flex;left:0;overflow:hidden;position:fixed;right:0;top:var(--cw-header-height);z-index:10}.sidebar-backdrop{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;position:fixed;z-index:999}.ai-sidebar{background:#fff;border-left:1px solid var(--cw-gray-200);display:flex;flex-direction:column;flex-shrink:0;height:100%;transition:all .3s ease;width:280px}.sidebar-header{align-items:center;border-bottom:1px solid var(--cw-gray-100);color:var(--cw-gray-800);display:flex;font-size:var(--cw-text-base);font-weight:var(--cw-weight-bold);gap:var(--cw-space-2);padding:var(--cw-space-5) var(--cw-space-4)}.close-sidebar-btn{background:none;border:none;color:var(--cw-gray-500);cursor:pointer;display:none;margin-right:auto;padding:4px}.new-chat-btn{align-items:center;background:var(--cw-ocean-grad);border:none;border-radius:var(--cw-radius-lg);box-shadow:var(--cw-shadow-sm);color:#fff;cursor:pointer;display:flex;font-weight:var(--cw-weight-bold);gap:var(--cw-space-2);justify-content:center;margin:var(--cw-space-4);padding:var(--cw-space-3);transition:all .2s}.new-chat-btn:hover{box-shadow:var(--cw-shadow-md);transform:translateY(-2px)}.history-list{flex:1 1;overflow-y:auto;padding:var(--cw-space-2)}.history-item{border:1px solid #0000;border-radius:var(--cw-radius-md);color:var(--cw-gray-700);cursor:pointer;gap:var(--cw-space-3);margin-bottom:var(--cw-space-1);padding:var(--cw-space-3) var(--cw-space-4);transition:all .2s}.history-item:hover{border-color:var(--cw-ocean-100)}.history-item.active{background:var(--cw-ocean-50);border-color:var(--cw-ocean-200);color:var(--cw-ocean-700);font-weight:var(--cw-weight-bold)}.history-title{flex:1 1;font-size:var(--cw-text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-chat-btn{background:none;border:none;color:var(--cw-gray-400);cursor:pointer;opacity:0;padding:4px;transition:all .2s}.history-item:hover .delete-chat-btn{opacity:1}.delete-chat-btn:hover{background:var(--cw-error-50);border-radius:4px;color:var(--cw-error-500)}.ai-main{background:#fdfdfe;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.ai-header{align-items:center;background:#fff;border-bottom:1px solid var(--cw-gray-100);display:flex;flex-shrink:0;height:64px;justify-content:space-between;padding:0 var(--cw-space-4)}.header-left,.header-right{align-items:center;display:flex;gap:var(--cw-space-3)}.menu-toggle-btn{background:#f1f5f9;color:var(--cw-gray-600)}.menu-toggle-btn,.mobile-new-chat-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:none;height:40px;justify-content:center;width:40px}.mobile-new-chat-btn{background:var(--cw-ocean-50);color:var(--cw-ocean-600)}.ai-title-wrapper{align-items:center;display:flex;flex-direction:column;text-align:center}.ai-title{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:1.25rem;font-weight:var(--cw-weight-black);margin:0}.desktop-only{display:flex}.bot-status-compact{align-items:center;background:#f8fafc;border:1px solid var(--cw-gray-100);border-radius:100px;color:var(--cw-gray-500);display:flex;font-size:.75rem;gap:8px;padding:4px 12px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{background:var(--cw-success-500)}.status-dot.offline{background:var(--cw-gray-300)}.chat-layout{overflow:hidden}.chat-layout,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{background:#f8fafc;gap:var(--cw-space-5);overflow-y:auto;padding:var(--cw-space-6)}.message-wrapper{display:flex;gap:var(--cw-space-3);max-width:85%}.user-wrapper{align-self:flex-start;flex-direction:row-reverse}.message-content{max-width:100%}.bot-wrapper{align-self:flex-end}.message-avatar{align-items:center;background:#fff;border:1px solid var(--cw-gray-100);border-radius:10px;box-shadow:var(--cw-shadow-sm);color:var(--cw-gray-400);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.user-wrapper .message-avatar{background:var(--cw-ocean-600);color:#fff}.message-content{display:flex;flex-direction:column;gap:var(--cw-space-1)}.message-bubble{border-radius:18px;box-shadow:0 2px 5px #00000005;padding:var(--cw-space-4)}.bot-wrapper .message-bubble{background:#fff;border:1px solid var(--cw-gray-100);border-bottom-right-radius:4px;color:var(--cw-gray-800)}.user-wrapper .message-bubble{background:var(--cw-ocean-grad);border-bottom-left-radius:4px;box-shadow:0 4px 12px #066af233;color:#fff}.message-time{color:var(--cw-gray-400);font-size:var(--cw-text-xs);padding:0 var(--cw-space-2)}.markdown-content{font-family:var(--cw-font-body);line-height:1.6}.markdown-content p{margin:0 0 8px}.markdown-content p:last-child{margin-bottom:0}.markdown-content pre{background:#1e293b;border-radius:var(--cw-radius-md);color:#e2e8f0;direction:ltr;font-family:var(--cw-font-code);font-size:var(--cw-text-sm);margin:var(--cw-space-3) 0;overflow-x:auto;padding:var(--cw-space-4);text-align:left}.markdown-content code{background:#0000000d;border-radius:4px;font-family:var(--cw-font-code);font-size:.9em;padding:2px 4px}.user-wrapper .markdown-content code{background:#fff3;color:#fff}.suggestions-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestion-item{align-items:center;background:#fff;border:1px solid var(--cw-ocean-200);border-radius:100px;box-shadow:var(--cw-shadow-sm);color:var(--cw-ocean-600);cursor:pointer;display:flex;font-size:.9rem;font-weight:var(--cw-weight-medium);gap:6px;padding:8px 16px;transition:all .2s}.suggestion-item:hover{background:var(--cw-ocean-600);border-color:var(--cw-ocean-600);color:#fff}.typing-bubble{background:#fff;padding:var(--cw-space-3) var(--cw-space-5)}.typing-indicator{display:flex;gap:4px}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite both;background:var(--cw-gray-300);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{background:#fff;border-top:1px solid var(--cw-gray-100);padding:var(--cw-space-4) var(--cw-space-6);position:relative}.connection-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.input-box-container{align-items:flex-end;background:#f1f5f9;border-radius:20px;display:flex;gap:12px;margin:0 auto;max-width:800px;padding:8px 12px;transition:all .3s ease}.input-box-container:focus-within{background:#e2e8f0}.chat-textarea{background:#0000;border:none;color:var(--cw-gray-800);flex:1 1;font-family:inherit;font-size:1rem;max-height:120px;outline:none;padding:8px 4px;resize:none}.send-action-btn{align-items:center;background:var(--cw-ocean-grad);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.send-action-btn:hover:not(.disabled){transform:scale(1.05)}.send-action-btn.disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.ai-page{top:var(--cw-header-height-scrolled)}.ai-sidebar{border-left:none;bottom:0;box-shadow:-10px 0 30px #00000040;max-width:320px;position:fixed;right:-100%;top:0;width:85%;z-index:1000}.ai-sidebar.show{right:0}.sidebar-backdrop{display:block}.menu-toggle-btn{background:var(--cw-ocean-50);color:var(--cw-ocean-600);display:flex}.mobile-new-chat-btn{display:flex}.close-sidebar-btn{display:block;padding:8px}.ai-badge-desktop{display:none!important}.message-wrapper{gap:var(--cw-space-2);max-width:92%}.message-avatar{height:32px;width:32px}.message-bubble{font-size:1rem;line-height:1.5;padding:var(--cw-space-3) var(--cw-space-4)}.chat-messages{gap:var(--cw-space-4);padding:var(--cw-space-4) var(--cw-space-2)}.chat-input-area{background:#fff;box-shadow:0 -4px 20px #0000000d;padding:var(--cw-space-3) var(--cw-space-3) calc(var(--cw-space-3) + env(safe-area-inset-bottom))}.ai-header{height:60px;padding:0 var(--cw-space-3)}.ai-title{font-size:1.25rem}.input-box-container{background:var(--cw-gray-100);border:1px solid var(--cw-gray-200);border-radius:24px;gap:8px;padding:8px 12px}.chat-textarea{font-size:1.05rem;padding:4px 0}.send-action-btn{height:44px;width:44px}.suggestion-item{font-size:.95rem;padding:10px 18px}}.quiz-page{direction:rtl;padding-bottom:var(--cw-space-12);padding-top:var(--cw-space-16)}.empty-quiz{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--cw-space-20) 0;text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;color:var(--cw-ocean-200);margin-bottom:var(--cw-space-6)}.empty-icon.error{color:var(--cw-error-400)}.quiz-loading-fullscreen{align-items:center;color:var(--cw-gray-600);display:flex;flex-direction:column;gap:var(--cw-space-4);justify-content:center;min-height:400px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.quiz-header{margin-bottom:var(--cw-space-8)}.back-btn{background:none;border:none;color:var(--cw-gray-500);font-weight:var(--cw-weight-bold);gap:var(--cw-space-2);margin-bottom:var(--cw-space-4);transition:color .2s}.back-btn:hover{color:var(--cw-ocean-500)}.quiz-header-content{text-align:center}.quiz-title{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-4xl);font-weight:var(--cw-weight-black);margin:0}.quiz-subtitle{color:var(--cw-gray-600);font-family:var(--cw-font-body);font-size:var(--cw-text-lg)}.quiz-container{background:#fff;overflow:hidden;padding:0!important}.quiz-top-bar{align-items:center;background:var(--cw-gray-50);border-bottom:1px solid var(--cw-gray-100);display:flex;flex-wrap:wrap;gap:var(--cw-space-4);justify-content:space-between;padding:var(--cw-space-6)}.quiz-subject{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-xl);font-weight:var(--cw-weight-bold);margin-bottom:var(--cw-space-1)}.quiz-loading{padding:var(--cw-space-20) 0;text-align:center}.questions-list{display:flex;flex-direction:column;gap:var(--cw-space-10);padding:var(--cw-space-8)}.question-item{border-bottom:2px dashed var(--cw-gray-100);padding-bottom:var(--cw-space-10)}.question-item:last-child{border-bottom:none}.question-text{gap:var(--cw-space-4);margin-bottom:var(--cw-space-6)}.question-number{align-items:center;background:var(--cw-ocean-500);border-radius:var(--cw-radius-md);box-shadow:var(--cw-shadow-sm);color:#fff;display:flex;flex-shrink:0;font-weight:var(--cw-weight-black);height:32px;justify-content:center;width:32px}.question-text p{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-xl);font-weight:var(--cw-weight-bold);line-height:1.4;margin:0}.options-grid{grid-gap:var(--cw-space-4);gap:var(--cw-space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.option-card{align-items:center;background:#fff;border:2px solid var(--cw-gray-200);border-radius:var(--cw-radius-lg);cursor:pointer;display:flex;gap:var(--cw-space-4);padding:var(--cw-space-4);position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.option-card input{height:0;opacity:0;position:absolute;width:0}.option-marker{align-items:center;background:var(--cw-gray-100);border-radius:var(--cw-radius-md);color:var(--cw-gray-500);display:flex;font-weight:var(--cw-weight-black);height:36px;justify-content:center;transition:all .2s;width:36px}.option-label{color:var(--cw-gray-700);font-family:var(--cw-font-body);font-weight:var(--cw-weight-semibold)}.option-card:hover{background:var(--cw-ocean-50);border-color:var(--cw-ocean-300)}.option-card.selected{background:var(--cw-ocean-50);border-color:var(--cw-ocean-500);box-shadow:0 4px 12px #066af21a}.option-card.selected .option-marker{background:var(--cw-ocean-500);color:#fff}.option-card.disabled{cursor:default}.option-card.disabled,.option-card.disabled:hover{background:var(--cw-gray-50);border-color:var(--cw-gray-200)}.option-card.selected.disabled{background:var(--cw-ocean-50);border-color:var(--cw-ocean-300)}.option-card.selected.disabled .option-marker{background:var(--cw-ocean-300)}.option-card.selected .option-label{color:var(--cw-ocean-700)}.tf-options{display:flex;gap:var(--cw-space-4);width:100%}.tf-card{flex:1 1;flex-direction:column;justify-content:center;padding:var(--cw-space-6)}.tf-icon{font-size:2.5rem;margin-bottom:var(--cw-space-2)}.tf-label{font-size:var(--cw-text-lg);font-weight:var(--cw-weight-bold)}.tf-card.selected.success{background:var(--cw-success-50);border-color:var(--cw-success-500)}.tf-card.selected.error{background:var(--cw-error-50);border-color:var(--cw-error-500)}.fill-input{border:2px solid var(--cw-gray-200);border-radius:var(--cw-radius-lg);font-family:var(--cw-font-body);font-size:var(--cw-text-lg);outline:none;padding:var(--cw-space-4);transition:border-color .2s;width:100%}.fill-input:focus{border-color:var(--cw-ocean-500)}.quiz-footer{background:var(--cw-gray-50);border-top:1px solid var(--cw-gray-100);padding:var(--cw-space-8);text-align:center}.submit-quiz-btn{max-width:400px;width:100%}@media (max-width:768px){.quiz-title{font-size:var(--cw-text-2xl)}.questions-list{padding:var(--cw-space-4)}.options-grid{grid-template-columns:1fr}.tf-options{flex-direction:column}.ai-gen-btn{width:100%}}.progress-page{direction:rtl;padding-bottom:var(--cw-space-12)}.progress-header{margin-bottom:var(--cw-space-10)}.progress-welcome{align-items:center;display:flex;gap:var(--cw-space-5);padding:var(--cw-space-6) 0}.user-avatar-large{align-items:center;background:var(--cw-ocean-grad);border-radius:20px;box-shadow:var(--cw-shadow-ocean);color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.progress-title{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-4xl);font-weight:var(--cw-weight-black);margin-bottom:var(--cw-space-1)}.progress-subtitle{color:var(--cw-gray-600);font-family:var(--cw-font-body);font-size:var(--cw-text-lg)}.progress-stats-row{grid-gap:var(--cw-space-6);display:grid;gap:var(--cw-space-6);grid-template-columns:repeat(3,1fr)}.level-progress-section,.progress-stats-row{margin-bottom:var(--cw-space-10)}.level-card-main{padding:var(--cw-space-8)}.level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--cw-space-4)}.level-header h3{font-size:var(--cw-text-xl);margin:0}.pct-label{color:var(--cw-ocean-600);font-family:var(--cw-font-display);font-size:var(--cw-text-2xl);font-weight:var(--cw-weight-black)}.xp-hint{color:var(--cw-gray-500);font-size:var(--cw-text-sm);margin-top:var(--cw-space-4);text-align:center}.progress-details-grid{grid-gap:var(--cw-space-8);display:grid;gap:var(--cw-space-8);grid-template-columns:1fr 1fr}.section-title-wrapper{align-items:center;border-bottom:2px solid var(--cw-gray-50);display:flex;gap:var(--cw-space-3);margin-bottom:var(--cw-space-6);padding-bottom:var(--cw-space-4)}.section-title-wrapper h3{margin:0}.title-icon{color:var(--cw-ocean-500)}.badges-list{display:flex;flex-wrap:wrap;gap:var(--cw-space-4)}.badge-item{flex-direction:column;gap:var(--cw-space-2);width:100px}.badge-icon-bubble,.badge-item{align-items:center;display:flex}.badge-icon-bubble{background:var(--cw-sun-grad);border-radius:50%;box-shadow:var(--cw-shadow-md);font-size:1.8rem;height:60px;justify-content:center;transition:transform .2s;width:60px}.badge-item:hover .badge-icon-bubble{transform:scale(1.1) rotate(10deg)}.badge-name{color:var(--cw-gray-700);font-size:var(--cw-text-xs);font-weight:var(--cw-weight-bold);text-align:center}.completed-lessons-list{display:flex;flex-direction:column;gap:var(--cw-space-3)}.completed-lesson-item{align-items:center;background:var(--cw-gray-50);border-radius:var(--cw-radius-lg);display:flex;justify-content:space-between;padding:var(--cw-space-4);transition:all .2s}.completed-lesson-item:hover{background:var(--cw-ocean-50)}.lesson-info{display:flex;flex-direction:column;gap:4px}.lesson-id-tag{color:var(--cw-gray-900);font-weight:var(--cw-weight-bold)}.lesson-score-result{color:var(--cw-ocean-600);font-size:var(--cw-text-xs);font-weight:var(--cw-weight-bold)}.empty-msg{color:var(--cw-gray-400);font-style:italic;padding:var(--cw-space-10) 0;text-align:center}@media (max-width:968px){.progress-details-grid,.progress-stats-row{grid-template-columns:1fr}.progress-welcome{flex-direction:column;text-align:center}}.parent-dashboard-page{direction:rtl;padding-bottom:var(--cw-space-12);padding-top:var(--cw-space-16)}.parent-header{margin-bottom:var(--cw-space-10)}.parent-title{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-3xl);font-weight:var(--cw-weight-black)}.parent-subtitle{color:var(--cw-gray-500);font-family:var(--cw-font-body);font-size:var(--cw-text-lg)}.parent-summary-cards{grid-gap:var(--cw-space-6);display:grid;gap:var(--cw-space-6);grid-template-columns:repeat(3,1fr);margin-bottom:var(--cw-space-10)}.child-profile-section{margin-bottom:var(--cw-space-12)}.child-main-card{padding:var(--cw-space-8)}.child-header{gap:var(--cw-space-5);margin-bottom:var(--cw-space-8)}.child-avatar,.child-header{align-items:center;display:flex}.child-avatar{background:var(--cw-ocean-grad);border-radius:18px;color:#fff;font-size:2rem;height:70px;justify-content:center;width:70px}.child-info .profile-label{color:var(--cw-ocean-600);display:block;font-size:var(--cw-text-xs);font-weight:var(--cw-weight-bold);letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.child-info h3{color:var(--cw-gray-900);font-size:1.8rem;margin:0 0 4px}.child-progress-summary{background:var(--cw-gray-50);border-radius:var(--cw-radius-xl);padding:var(--cw-space-6)}.summary-label{color:var(--cw-gray-700);display:flex;font-weight:var(--cw-weight-bold);justify-content:space-between;margin-bottom:var(--cw-space-3)}.activity-section h2{font-size:var(--cw-text-2xl);margin-bottom:var(--cw-space-6)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--cw-space-4)}.activity-item{align-items:center;padding:var(--cw-space-4) var(--cw-space-6)}.activity-icon{font-size:1.5rem}.activity-details{flex-grow:1}.activity-details h4{color:var(--cw-gray-900);margin:0}.activity-score{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.score-val{color:var(--cw-ocean-600);font-family:var(--cw-font-display);font-size:var(--cw-text-xl);font-weight:var(--cw-weight-black)}@media (max-width:768px){.parent-summary-cards{grid-template-columns:1fr}.child-header{flex-direction:column;text-align:center}}.about-page{direction:rtl;padding-bottom:var(--cw-space-8);padding-top:var(--cw-space-12)}.about-hero{background:var(--cw-ocean-grad);border-radius:0 0 50% 50%/5%;color:#fff;margin-bottom:var(--cw-space-8);overflow:hidden;padding:var(--cw-space-12) var(--cw-space-4) var(--cw-space-16);position:relative;text-align:center}.about-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='m0 192 48 5.3c48 5.7 144 15.7 240 32 96 15.7 192 37.7 288 21.4 96-15.7 192-69.7 288-69.4 96-.3 192 53.7 288 53.4 96 .3 192-53.7 240-80l48-26.7v192H0Z'/%3E%3C/svg%3E");background-size:cover;content:"";inset:0;pointer-events:none;position:absolute}.about-hero-logo{background:#fff;border-radius:20px;box-shadow:var(--cw-shadow-lg);height:100px;object-fit:contain;padding:8px;width:100px}.about-hero-logo,.hero-tag{margin-bottom:var(--cw-space-4)}.hero-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:var(--cw-radius-full);display:inline-block;font-size:var(--cw-text-sm);font-weight:var(--cw-weight-bold);padding:var(--cw-space-1) var(--cw-space-4)}.hero-heading{font-family:var(--cw-font-display);font-size:clamp(2rem,8vw,var(--cw-text-5xl));font-weight:var(--cw-weight-black);margin:0 0 var(--cw-space-4) 0}.hero-text{font-size:clamp(1rem,4vw,var(--cw-text-xl));line-height:var(--cw-leading-relaxed);margin:0 auto;max-width:800px;opacity:.9}.mission-container{margin:0 auto var(--cw-space-12);max-width:900px;text-align:center}.mission-card{background:#fff;border-radius:var(--cw-radius-2xl);border-right:6px solid var(--cw-ocean-500);box-shadow:var(--cw-shadow-lg);padding:var(--cw-space-10)}.mission-title{color:var(--cw-ocean-600);font-size:var(--cw-text-2xl);margin-bottom:var(--cw-space-4)}.mission-quote{color:var(--cw-gray-700);font-size:var(--cw-text-xl);line-height:1.8}.about-section-title{font-size:var(--cw-text-3xl);margin-bottom:var(--cw-space-8);text-align:center}.learning-grid{grid-gap:var(--cw-space-6);display:grid;gap:var(--cw-space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--cw-space-12)}.learning-card{background:#fff;border:1px solid var(--cw-gray-100);border-radius:var(--cw-radius-xl);padding:var(--cw-space-8);text-align:center;transition:all .3s var(--cw-ease-bounce)}.learning-card:hover{border-color:var(--cw-ocean-200);box-shadow:var(--cw-shadow-xl);transform:translateY(-10px)}.card-icon-wrapper{align-items:center;background:var(--cw-ocean-50);border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto var(--cw-space-4);width:80px}.perspective-split{grid-gap:var(--cw-space-6);display:grid;gap:var(--cw-space-6);grid-template-columns:1fr 1fr;margin-bottom:var(--cw-space-12)}.split-item{border-radius:var(--cw-radius-2xl);overflow:hidden;padding:var(--cw-space-10);position:relative}.kids-view{background:var(--cw-sun-grad);color:#432818}.parents-view{background:var(--cw-sky-grad);color:#003049}.split-title{align-items:center;display:flex;font-size:var(--cw-text-2xl);gap:var(--cw-space-3);margin-bottom:var(--cw-space-6)}.benefit-list{list-style:none;margin:0;padding:0}.benefit-list li{align-items:center;display:flex;font-size:var(--cw-text-lg);font-weight:var(--cw-weight-bold);gap:var(--cw-space-3);margin-bottom:var(--cw-space-4)}.mentors-section{margin-bottom:var(--cw-space-12)}.mentors-grid{grid-gap:var(--cw-space-6);display:grid;gap:var(--cw-space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mentor-card{background:#fff;border-radius:var(--cw-radius-xl);box-shadow:var(--cw-shadow-md);padding:var(--cw-space-6);text-align:center}.mentor-avatar{align-items:center;background:var(--cw-gray-50);border:3px solid var(--cw-ocean-400);border-radius:50%;display:flex;font-size:3rem;height:100px;justify-content:center;margin:0 auto var(--cw-space-4);width:100px}.about-cta{background:var(--cw-ocean-grad);border-radius:var(--cw-radius-3xl);box-shadow:var(--cw-shadow-2xl);color:#fff;padding:var(--cw-space-12);text-align:center}.cta-heading{font-size:var(--cw-text-4xl);margin-bottom:var(--cw-space-4)}.cta-button{background:#fff!important;color:var(--cw-ocean-600)!important}@media (max-width:968px){.about-page{padding-top:var(--cw-space-8)}.about-hero{padding:var(--cw-space-12) var(--cw-space-4) var(--cw-space-14)}.perspective-split{gap:var(--cw-space-4);grid-template-columns:1fr}.split-item{padding:var(--cw-space-6)}.about-hero-logo{height:80px;width:80px}.cta-heading{font-size:var(--cw-text-2xl)}}.pricing-page{background:radial-gradient(circle at top left,var(--cw-ocean-50),#0000 40%),radial-gradient(circle at bottom right,var(--cw-sky-50),#0000 40%);direction:rtl;padding:0 var(--cw-space-6) var(--cw-space-16)}.pricing-header{padding:var(--cw-space-16) 0 var(--cw-space-12);text-align:center}.header-badge{align-items:center;background:#fff;border:1px solid var(--cw-ocean-100);border-radius:var(--cw-radius-full);box-shadow:0 4px 15px #0000000d;color:var(--cw-ocean-600);display:inline-flex;font-weight:var(--cw-weight-bold);gap:var(--cw-space-2);margin-bottom:var(--cw-space-6);padding:var(--cw-space-2) var(--cw-space-6)}.pricing-title{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--cw-weight-black);line-height:1.1;margin:0 0 var(--cw-space-4) 0}.pricing-title .highlight{-webkit-text-fill-color:#0000;background:var(--cw-ocean-grad);-webkit-background-clip:text;background-clip:text;position:relative}.pricing-subtitle{color:var(--cw-gray-600);font-family:var(--cw-font-body);font-size:var(--cw-text-xl);line-height:1.6;margin:0 auto;max-width:700px}.trust-stats{grid-gap:var(--cw-space-8);display:grid;gap:var(--cw-space-8);grid-template-columns:repeat(3,1fr);margin-bottom:var(--cw-space-16);margin-left:auto;margin-right:auto;max-width:1200px}.plans-section{margin:0 auto;max-width:1200px;padding:0 var(--cw-space-4)}.plans-grid{grid-gap:var(--cw-space-8);align-items:stretch;display:grid;gap:var(--cw-space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.plan-card-wrapper{height:100%;padding-top:var(--cw-space-10);position:relative}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc!important;border:1px solid #ffffff80!important;border-radius:var(--cw-radius-3xl)!important;box-shadow:0 10px 30px #00000008!important;display:flex;flex-direction:column;height:100%;padding:var(--cw-space-10)!important;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important}.pricing-card:hover{box-shadow:0 20px 40px #00000014!important;transform:translateY(-10px)}.plan-card-wrapper.featured .pricing-card{background:#fff!important;border:2px solid var(--cw-sunshine-400)!important;box-shadow:0 25px 50px #ffb74d33!important;transform:scale(1.02)}.plan-card-wrapper.featured .pricing-card:hover{transform:scale(1.04) translateY(-10px)}.featured-badge{align-items:center;background:var(--cw-sunshine-grad);border-radius:var(--cw-radius-full);box-shadow:0 10px 20px #ffb74d66;color:#fff;display:flex;font-size:var(--cw-text-sm);font-weight:var(--cw-weight-bold);gap:var(--cw-space-2);left:50%;padding:var(--cw-space-2) var(--cw-space-8);position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;z-index:20}.plan-visual{display:flex;justify-content:center;margin-bottom:var(--cw-space-8)}.plan-name{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-2xl);font-weight:var(--cw-weight-black);margin-bottom:var(--cw-space-4)}.price-area{border-bottom:1px solid var(--cw-gray-100);border-top:1px solid var(--cw-gray-100);margin-bottom:var(--cw-space-8);padding:var(--cw-space-6) 0;position:relative}.price-discount-badge{background:var(--cw-success-500);border-radius:var(--cw-radius-full);color:#fff;font-size:.75rem;font-weight:var(--cw-weight-bold);left:50%;padding:2px 10px;position:absolute;top:-12px;transform:translateX(-50%)}.original-price{color:var(--cw-gray-400);display:block;font-size:var(--cw-text-sm);text-decoration:line-through}.original-price,.price-main{margin-bottom:var(--cw-space-1)}.price-main{align-items:baseline;display:flex;gap:var(--cw-space-2);justify-content:center}.currency{color:var(--cw-gray-500);font-size:1.25rem;font-weight:var(--cw-weight-bold)}.amount{color:var(--cw-gray-900);font-size:3.5rem;font-weight:var(--cw-weight-black);letter-spacing:-2px}.duration-label{color:var(--cw-gray-600);font-size:var(--cw-text-sm);font-weight:var(--cw-weight-semibold);letter-spacing:1px;text-transform:uppercase}.benefits-list{flex-grow:1;list-style:none;margin:0 0 var(--cw-space-10) 0;padding:0;text-align:right}.benefits-list li{align-items:center;color:var(--cw-gray-800);display:flex;font-size:1.05rem;gap:var(--cw-space-3);line-height:1.4;margin-bottom:var(--cw-space-4)}.benefit-check{align-items:center;background:var(--cw-success-50);border-radius:50%;color:var(--cw-success-600);display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.plan-card-wrapper.featured .benefit-check{background:var(--cw-sunshine-50);color:var(--cw-sunshine-600)}.plan-actions{display:flex;flex-direction:column;gap:var(--cw-space-4)}.plan-main-btn{box-shadow:0 10px 20px #0000001a;transform:translateZ(0)}.plan-main-btn:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-2px)}.view-details-btn{background:none;border:none;color:var(--cw-gray-400);cursor:pointer;font-size:var(--cw-text-sm);font-weight:var(--cw-weight-semibold);transition:all .2s}.view-details-btn:hover{color:var(--cw-ocean-500);text-decoration:underline}.trial-banner{align-items:center;background:var(--cw-ocean-grad);border-radius:var(--cw-radius-3xl);box-shadow:0 20px 40px #0096ff33;color:#fff;display:flex;justify-content:space-between;margin-top:var(--cw-space-20);overflow:hidden;padding:var(--cw-space-12);position:relative}.trial-banner:after{background:#ffffff1a;border-radius:50%;content:"";height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.banner-content h3{align-items:center;display:flex;font-family:var(--cw-font-display);font-size:var(--cw-text-3xl);font-weight:var(--cw-weight-black);gap:var(--cw-space-4);margin:0 0 var(--cw-space-2) 0}.banner-content p{font-size:var(--cw-text-lg);margin:0;opacity:.9}@media (max-width:1024px){.trust-stats{gap:var(--cw-space-4)}}@media (max-width:768px){.pricing-page{padding:0 var(--cw-space-2) var(--cw-space-12)}.pricing-header{padding:var(--cw-space-10) var(--cw-space-4) var(--cw-space-8)}.pricing-title{font-size:clamp(1.8rem,8vw,2.5rem)}.pricing-subtitle{font-size:1.1rem;padding:0 var(--cw-space-2)}.trust-stats{gap:var(--cw-space-4);padding:0 var(--cw-space-4)}.plans-grid,.trust-stats{grid-template-columns:1fr}.plans-grid{gap:var(--cw-space-12)}.pricing-card{padding:var(--cw-space-8) var(--cw-space-6)!important}.plan-card-wrapper.featured{padding-top:var(--cw-space-12);transform:scale(1)}.trial-banner{flex-direction:column;gap:var(--cw-space-8);margin:var(--cw-space-12) var(--cw-space-4);padding:var(--cw-space-10) var(--cw-space-6);text-align:center}.amount{font-size:clamp(2.5rem,12vw,3.5rem)}.benefits-list{display:inline-block;text-align:right;width:100%}.benefits-list li{direction:rtl;justify-content:flex-start;text-align:right}}.bg-layout-root{background-color:#fff;min-height:100vh;position:relative;width:100%;z-index:0}.bg-layer{inset:0;pointer-events:none;position:fixed}.bg-grid{background-image:radial-gradient(circle,#0000000a 1px,#0000 0);background-size:32px 32px;z-index:1}.bg-glow{background:radial-gradient(circle at 50% 40%,#3b82f608 0,#0000 100%);z-index:2}.bg-blob{border-radius:50%;filter:blur(80px);position:absolute;will-change:transform,opacity}.bg-blob-blue{animation:blobFloat 20s ease-in-out infinite alternate;background:#3b82f60f;height:600px;right:-100px;top:-100px;width:600px;z-index:3}.bg-blob-purple{animation:blobFloat 25s ease-in-out infinite alternate-reverse;background:#6366f10d;bottom:-80px;height:500px;left:-50px;width:500px;z-index:3}.bg-blob-cyan{animation:blobFloat 18s ease-in-out infinite alternate;animation-delay:-5s;background:#06b6d40a;height:400px;left:45%;top:40%;width:400px;z-index:3}@keyframes blobFloat{0%{opacity:.6;transform:translate(0) scale(1)}33%{opacity:.8;transform:translate(30px,-20px) scale(1.05)}66%{opacity:.7;transform:translate(-20px,40px) scale(.95)}to{opacity:.6;transform:translate(10px,-10px) scale(1.02)}}.bg-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.4;z-index:4}.bg-content-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--cw-space-10) var(--cw-space-6);position:relative;width:100%;z-index:10}@media (max-width:768px){.bg-blob-blue{height:350px;width:350px}.bg-blob-purple{height:300px;width:300px}.bg-blob-cyan{height:250px;width:250px}.bg-content-container{padding:var(--cw-space-6) var(--cw-space-4)}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100%;overflow:hidden;padding:var(--cw-space-12) var(--cw-space-4);position:relative;width:100%;z-index:20}.auth-page:before{content:"تواصل معنا";left:4%;transform:translateY(-50%) rotate(-90deg)}.auth-page:after,.auth-page:before{color:var(--cw-ocean-500);display:block;font-family:var(--cw-font-display);font-size:clamp(3rem,8vw,6rem);font-weight:900;opacity:.04;pointer-events:none;position:absolute;top:50%;white-space:nowrap}.auth-page:after{content:"مسارات التعلم";right:4%;transform:translateY(-50%) rotate(90deg)}@media (max-width:1200px){.auth-page:after,.auth-page:before{display:none}}.auth-container{max-width:480px;position:relative;width:100%;z-index:30}.auth-container:before{animation:authBlobFloat 10s ease-in-out infinite alternate;background:radial-gradient(circle,#066af226 0,#0000 70%);height:200px;right:-50px;top:-50px;width:200px}.auth-container:after,.auth-container:before{border-radius:50%;content:"";position:absolute;z-index:-1}.auth-container:after{animation:authBlobFloat 12s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#ffb85c1a 0,#0000 70%);bottom:-40px;height:180px;left:-40px;width:180px}@keyframes authBlobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.1)}}.auth-card{animation:authCardPop .7s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:var(--cw-radius-3xl);box-shadow:0 20px 50px #00000014,inset 0 0 0 1px #fffc,0 0 100px #066af20d;display:flex;flex-direction:column;overflow:hidden;padding:var(--cw-space-8) var(--cw-space-8);position:relative}@keyframes authCardPop{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{align-items:center;display:flex;flex-direction:column;gap:var(--cw-space-3);margin-bottom:var(--cw-space-8);text-align:center}.auth-logo-img{transition:transform .4s var(--cw-ease-bounce)}.auth-title{color:var(--cw-gray-900);font-size:var(--cw-text-2xl);font-weight:var(--cw-weight-black);letter-spacing:var(--cw-tracking-tight);line-height:var(--cw-leading-tight);margin:0}.auth-subtitle{color:var(--cw-gray-500);font-size:var(--cw-text-base);font-weight:var(--cw-weight-medium);margin:0}.auth-form{gap:var(--cw-space-6)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--cw-space-3)}.form-label{color:var(--cw-gray-800);font-size:var(--cw-text-sm);font-weight:var(--cw-weight-black);padding-right:var(--cw-space-1)}.auth-btn{border-radius:var(--cw-radius-xl)!important;font-size:var(--cw-text-base)!important;font-weight:var(--cw-weight-black)!important;height:54px;margin-top:var(--cw-space-2);width:100%}.quick-login-section{border-top:2px solid var(--cw-gray-50);margin-top:var(--cw-space-8);padding-top:var(--cw-space-8)}.quick-login-title{color:var(--cw-gray-400);font-size:var(--cw-text-xs);font-weight:var(--cw-weight-black);letter-spacing:.2rem;margin-bottom:var(--cw-space-6);text-align:center;text-transform:uppercase}.quick-login-grid{grid-gap:var(--cw-space-4);display:grid;gap:var(--cw-space-4);grid-template-columns:repeat(3,1fr)}.quick-btn{align-items:center;background:var(--cw-gray-50);border:2px solid #0000;border-radius:var(--cw-radius-2xl);color:var(--cw-gray-500);cursor:pointer;display:flex;flex-direction:column;font-size:var(--cw-text-xs);font-weight:var(--cw-weight-black);gap:var(--cw-space-2);justify-content:center;padding:var(--cw-space-5) var(--cw-space-2);transition:all .4s var(--cw-ease-soft)}.quick-btn:hover{background:#fff;border-color:var(--cw-ocean-400);box-shadow:0 10px 20px #066af214;color:var(--cw-ocean-500);transform:translateY(-5px)}.quick-btn svg{color:var(--cw-gray-400);transition:all .3s var(--cw-ease-bounce)}.quick-btn:hover svg{color:var(--cw-ocean-500);transform:scale(1.2) rotate(8deg)}.auth-footer{color:var(--cw-gray-600);font-size:var(--cw-text-base);font-weight:var(--cw-weight-medium);margin-top:var(--cw-space-10);text-align:center}.auth-link{border-bottom:2px solid #0000;color:var(--cw-ocean-500);font-weight:var(--cw-weight-black);margin-right:var(--cw-space-2);text-decoration:none;transition:all .3s ease}.auth-link:hover{border-bottom-color:var(--cw-ocean-700);color:var(--cw-ocean-700)}@media (max-width:480px){.auth-card{border-radius:var(--cw-radius-2xl);padding:var(--cw-space-8) var(--cw-space-6)}.auth-title{font-size:var(--cw-text-2xl)}.quick-login-grid{gap:var(--cw-space-3);grid-template-columns:1fr}.quick-btn{flex-direction:row;gap:var(--cw-space-4);justify-content:flex-start;padding:var(--cw-space-4) var(--cw-space-6)}}.password-input-container{position:relative;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:var(--cw-gray-400);cursor:pointer;display:flex;justify-content:center;left:14px;padding:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.password-toggle-btn:hover{color:var(--cw-ocean-500);transform:translateY(-50%) scale(1.1)}.password-input-container .cw-input{padding-left:48px}.free-session-page{align-items:center;background-color:#f8fafc;background:radial-gradient(circle at 0 0,#066af21f 0,#0000 40%),radial-gradient(circle at 100% 0,#5df0ff1f 0,#0000 40%),radial-gradient(circle at 100% 100%,#8b5cf61a 0,#0000 40%),radial-gradient(circle at 0 100%,#ffd86b14 0,#0000 40%);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;position:relative}.free-session-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.03;pointer-events:none;position:absolute;right:0;top:0}.free-session-page:after{animation:pulseBg 10s ease-in-out infinite alternate;background:radial-gradient(circle,#066af21a 0,#0000 70%);content:"";filter:blur(80px);height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px;z-index:0}@keyframes pulseBg{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes gridMove{0%{transform:translate(0) rotate(0deg)}to{transform:translate(50px,50px) rotate(1turn)}}.free-session-container{margin:0 auto;max-width:800px;padding:30px 20px;position:relative;z-index:1}.free-session-card{animation:cardFadeIn .8s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#ffffffd9;border:1px solid #fff3;border-radius:32px;box-shadow:0 25px 50px #00000014,inset 0 0 0 1px #ffffffb3,0 0 100px #066af21a;padding:40px 50px;position:relative;z-index:2}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.free-session-header{margin-bottom:30px;text-align:center}.free-session-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#066af2,#3aa0ff 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.2rem;font-weight:900;gap:12px;justify-content:center;letter-spacing:-.5px;margin:16px 0 8px}.title-icon{animation:sparkle 1.5s ease-in-out infinite;color:#f093fb}.auth-logo-img{filter:drop-shadow(0 8px 16px rgba(6,106,242,.2));height:auto;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:80px}.auth-logo-img:hover{transform:scale(1.1) rotate(5deg)}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}@keyframes titlePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.free-session-subtitle{color:#64748b;font-size:1.1rem;font-weight:500}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.feature-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:12px;overflow:hidden;padding:14px 18px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-item:hover{border-color:#066af2;box-shadow:0 20px 25px -5px #066af21a,0 10px 10px -5px #066af20a;transform:translateY(-8px) scale(1.02)}.feature-icon{align-items:center;background:linear-gradient(135deg,#066af2,#3aa0ff);border-radius:14px;box-shadow:0 8px 16px #066af240;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;position:relative;transition:all .4s ease;width:42px;z-index:1}.feature-item:hover .feature-icon{box-shadow:0 12px 30px #066af266;transform:scale(1.1) rotate(5deg)}.feature-content{flex:1 1;position:relative;z-index:1}.feature-content h3{color:#1e293b;font-size:.95rem;font-weight:700;margin:0 0 2px}.feature-content p{color:#64748b;font-size:.8rem;margin:0}.free-session-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.form-row{gap:24px;grid-template-columns:1fr}}.form-label{align-items:center;color:#334155;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:8px}.form-label svg{color:#066af2}.required{color:#ef4444;margin-right:4px}.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-family:inherit;font-size:.95rem;padding:12px 14px;transition:all .3s ease;width:100%}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:.95rem;padding:12px 14px;resize:vertical;transition:all .3s ease;width:100%}.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-textarea::placeholder{color:#94a3b8}.free-session-btn{animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#066af2,#3aa0ff 50%,#066af2);background-size:200% 200%;border:none;border-radius:16px;box-shadow:0 10px 20px #066af24d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:800;margin-top:16px;padding:16px 28px;transition:all .4s cubic-bezier(.16,1,.3,1)}.free-session-btn:hover{box-shadow:0 20px 40px #066af266;letter-spacing:.5px;transform:translateY(-4px)}.free-session-btn:active{transform:translateY(0)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.form-note{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:2px solid #22c55e33;border-radius:12px;color:#059669;font-size:.95rem;font-weight:600;gap:8px;padding:16px}.form-note,.success-container{align-items:center;display:flex;justify-content:center}.success-container{min-height:100vh;padding:20px}.success-card{animation:successPop .8s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#ffffffd9;border:1px solid #fff3;border-radius:40px;box-shadow:0 20px 60px #00000014,0 0 100px #22c55e1a;max-width:500px;padding:60px 40px;text-align:center}@keyframes successPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-icon-wrapper{margin-bottom:30px}.success-icon{animation:successBounce .8s ease-out;color:#22c55e}@keyframes successBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:16px}.success-message{color:#64748b;font-size:1.2rem;line-height:1.8;margin-bottom:32px}.success-footer{align-items:center;border-top:2px solid #e2e8f0;color:#94a3b8;display:flex;font-size:.95rem;gap:12px;justify-content:center;padding-top:24px}@media (max-width:768px){.free-session-card{border-radius:24px;padding:32px 24px}.free-session-title{font-size:1.8rem}.features-grid,.form-row{grid-template-columns:1fr}.success-card{padding:40px 24px}.success-title{font-size:1.6rem}.success-message{font-size:1rem}}@media (max-width:480px){.free-session-container{padding:20px 12px}.free-session-card{padding:24px 16px}.free-session-title{flex-direction:column;font-size:1.5rem}.free-session-subtitle{font-size:1rem}.feature-item{padding:16px}.feature-icon{height:40px;width:40px}}.ia-page{align-items:stretch;background:#f8fafc;display:flex;font-family:Inter,system-ui,sans-serif;height:100vh;height:100dvh;overflow:hidden;position:relative}.ia-page:before{background:radial-gradient(ellipse 70% 50% at 0 0,#066af20f 0,#0000 60%),radial-gradient(ellipse 50% 40% at 100% 100%,#5df0ff0d 0,#0000 55%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.ia-page:after{display:none}.ia-left-panel{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:48px 36px;position:relative;width:340px;z-index:1}.ia-panel-hero{display:flex;flex:1 1;flex-direction:column;justify-content:center}.ia-panel-title{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1.2;margin:0 0 16px}.ia-panel-title span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#066af2,#0ea5e9);-webkit-background-clip:text;background-clip:text}.ia-panel-desc{color:#64748b;font-size:14px;line-height:1.7;margin:0 0 36px}.ia-steps-list{display:flex;flex-direction:column;gap:14px}.ia-step-item{gap:14px}.ia-step-dot,.ia-step-item{align-items:center;display:flex}.ia-step-dot{border-radius:50%;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;transition:all .3s;width:32px}.ia-step-dot--done{background:linear-gradient(135deg,#066af2,#5df0ff);box-shadow:0 4px 12px #066af266;color:#fff}.ia-step-dot--active{background:#066af233;border:2px solid #066af2;color:#5df0ff}.ia-step-dot--pending{background:#f1f5f9;border:1px solid #e2e8f0;color:#94a3b8}.ia-step-label{color:#94a3b8;font-size:13px;font-weight:600;transition:color .3s}.ia-step-label--active{color:#0f172a}.ia-step-label--done{color:#94a3b8;text-decoration:line-through;-webkit-text-decoration-color:#cbd5e1;text-decoration-color:#cbd5e1}.ia-panel-footer{color:#94a3b8;font-size:11px;line-height:1.6;margin-top:40px}.ia-right-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative;z-index:1}.ia-topbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;padding:16px 28px}.ia-topbar,.ia-topbar-status{align-items:center;display:flex}.ia-topbar-status{gap:8px}.ia-status-dot{animation:pulse-green 2s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px #22c55e40;height:8px;width:8px}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #22c55e40}50%{box-shadow:0 0 0 6px #22c55e1a}}.ia-status-text{color:#64748b;font-size:13px;font-weight:600}.ia-progress-wrap{align-items:center;display:flex;gap:10px}.ia-progress-track{background:#e2e8f0;border-radius:99px;height:4px;overflow:hidden;width:120px}.ia-progress-fill{background:linear-gradient(90deg,#066af2,#5df0ff);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.ia-progress-pct{color:#94a3b8;font-size:12px;font-weight:700;min-width:32px}.ia-lang-toggle{background:#f1f5f9;border-radius:8px;display:flex;gap:3px;padding:3px}.ia-lang-btn{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:5px 12px;transition:all .2s}.ia-lang-btn.active{background:#066af2;box-shadow:0 2px 8px #066af266;color:#fff}.ia-chat{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:28px 28px 12px;scrollbar-color:#e2e8f0 #0000;scrollbar-width:thin}.ia-chat::-webkit-scrollbar{width:4px}.ia-chat::-webkit-scrollbar-track{background:#0000}.ia-chat::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.ia-message{align-items:flex-end;animation:msgIn .3s cubic-bezier(.4,0,.2,1);display:flex;gap:10px}@keyframes msgIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ia-message--user{flex-direction:row-reverse}.ia-avatar{align-items:center;background:linear-gradient(135deg,#066af24d,#5df0ff26);border:1px solid #5df0ff33;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;width:34px}.ia-avatar--user{background:linear-gradient(135deg,#066af280,#5df0ff33);border-color:#066af266}.ia-bubble{border-radius:18px;font-size:14px;line-height:1.65;max-width:75%;padding:13px 18px;word-break:break-word}.ia-message--bot .ia-bubble{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:5px;box-shadow:0 1px 4px #0000000d;color:#334155}.ia-message--user .ia-bubble{background:linear-gradient(135deg,#066af2,#0452c8);border:none;border-bottom-right-radius:5px;box-shadow:0 6px 24px #066af240;color:#fff}.ia-bubble p{margin:3px 0}.ia-bubble strong{color:#066af2;font-weight:700}.ia-message--user .ia-bubble strong{color:#fffffff2}.ia-bubble code{background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;color:#1d4ed8;font-family:SF Mono,Fira Code,monospace;font-size:12px;padding:1px 6px}.ia-typing{align-items:center;display:flex;gap:5px;min-width:64px;padding:14px 18px}.ia-typing span{animation:typeBounce 1.3s ease-in-out infinite;background:#cbd5e1;border-radius:50%;height:7px;width:7px}.ia-typing span:nth-child(2){animation-delay:.15s}.ia-typing span:nth-child(3){animation-delay:.3s}@keyframes typeBounce{0%,70%,to{opacity:.5;transform:translateY(0)}35%{opacity:1;transform:translateY(-7px)}}.ia-input-area{align-items:flex-end;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:10px;padding:16px 28px 24px}.ia-input-wrap{flex:1 1;position:relative}.ia-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:14px;line-height:1.55;max-height:120px;outline:none;overflow-y:auto;padding:13px 18px;resize:none;transition:border-color .2s,box-shadow .2s;width:100%}.ia-input:focus{background:#fff;border-color:#066af2;box-shadow:0 0 0 4px #066af214}.ia-input::placeholder{color:#94a3b8}.ia-send-btn{align-items:center;background:linear-gradient(135deg,#066af2,#0452c8);border:none;border-radius:14px;box-shadow:0 4px 16px #066af259;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;transition:all .2s;width:50px}.ia-send-btn:hover:not(:disabled){box-shadow:0 8px 28px #066af280;transform:translateY(-2px) scale(1.05)}.ia-send-btn:disabled{cursor:not-allowed;opacity:.35;transform:none}.ia-hint{background:#fff;color:#cbd5e1;font-size:11px;padding:0 28px 8px}.ia-done-banner,.ia-hint{flex-shrink:0;text-align:center}.ia-done-banner{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:16px;color:#1d4ed8;font-size:14px;font-weight:700;margin:12px 28px;padding:20px 24px}@media (max-width:900px){.ia-left-panel{display:none}}@media (max-width:600px){.ia-page{flex-direction:column;height:100vh;height:100dvh;height:100svh}.ia-right-panel{display:flex;flex-direction:column;height:100%;width:100%}.ia-topbar{flex-wrap:nowrap;gap:8px;min-height:52px;padding:10px 14px}.ia-topbar-status{display:none}.ia-progress-wrap{flex:1 1;gap:6px}.ia-progress-track{flex:1 1;height:5px;width:auto}.ia-progress-pct{font-size:11px;min-width:28px}.ia-lang-btn{font-size:11px;padding:4px 10px}.ia-chat{-webkit-overflow-scrolling:touch;flex:1 1;gap:12px;overflow-y:auto;padding:14px 12px 8px}.ia-bubble{font-size:13.5px;line-height:1.6;max-width:88%;padding:11px 14px}.ia-avatar{font-size:15px;height:30px;width:30px}.ia-done-banner{font-size:13px;margin:8px 12px;padding:14px 16px}.ia-hint{font-size:10px;padding:0 14px 6px}.ia-input-area{flex-shrink:0;gap:8px;padding:10px 12px max(14px,env(safe-area-inset-bottom))}.ia-input{border-radius:12px;font-size:16px;padding:11px 14px}.ia-send-btn{border-radius:12px;flex-shrink:0;font-size:18px;height:46px;width:46px}}@media (max-width:380px){.ia-bubble{font-size:13px;max-width:92%;padding:10px 12px}.ia-topbar{padding:8px 12px}.ia-chat{padding:12px 10px 6px}.ia-input-area{padding:8px 10px max(12px,env(safe-area-inset-bottom))}}.final-quizzes-page{direction:rtl;padding-bottom:var(--cw-space-12)}.final-error,.final-loading{align-items:center;display:flex;flex-direction:column;gap:var(--cw-space-4);justify-content:center;min-height:400px}.final-header{margin-bottom:var(--cw-space-8);padding:var(--cw-space-10) 0;text-align:center}.header-icon-box{align-items:center;background:var(--cw-ocean-grad);border-radius:20px;box-shadow:var(--cw-shadow-ocean);display:flex;height:70px;justify-content:center;margin:0 auto var(--cw-space-5);overflow:hidden;width:70px}.final-header-logo{height:100%;object-fit:cover;width:100%}.final-title{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-4xl);font-weight:var(--cw-weight-black);margin-bottom:var(--cw-space-2)}.final-subtitle{color:var(--cw-gray-600);font-family:var(--cw-font-body);font-size:var(--cw-text-lg)}.final-grid{grid-gap:var(--cw-space-8);display:grid;gap:var(--cw-space-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.final-item-wrapper{height:100%;position:relative}.final-card-main{background:#fff;border:1px solid var(--cw-gray-100);border-radius:var(--cw-radius-2xl);box-shadow:var(--cw-shadow-md);display:flex;flex-direction:column;height:100%;padding:var(--cw-space-8);transition:all .3s var(--cw-ease-bounce)}.final-card-main:hover{border-color:var(--cw-ocean-200);box-shadow:var(--cw-shadow-xl);transform:translateY(-8px)}.card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--cw-space-5)}.track-badge{background:var(--cw-gray-50);border-radius:var(--cw-radius-md);color:var(--cw-gray-600);font-size:var(--cw-text-xs);padding:var(--cw-space-1) var(--cw-space-3)}.quiz-name,.track-badge{font-weight:var(--cw-weight-bold)}.quiz-name{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-xl);margin-bottom:var(--cw-space-3)}.quiz-desc{color:var(--cw-gray-500);flex-grow:1;font-size:var(--cw-text-sm);line-height:1.6;margin-bottom:var(--cw-space-6)}.quiz-meta-info{grid-gap:var(--cw-space-4);background:var(--cw-gray-50);border-radius:var(--cw-radius-lg);display:grid;gap:var(--cw-space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--cw-space-8);padding:var(--cw-space-4)}.meta-item{align-items:center;color:var(--cw-gray-700);font-size:var(--cw-text-xs);font-weight:var(--cw-weight-semibold);gap:var(--cw-space-2)}.locked-info{align-items:center;color:var(--cw-gray-400);display:flex;flex-direction:column;flex-grow:1;gap:var(--cw-space-3);justify-content:center;margin-bottom:var(--cw-space-8)}.is-locked .final-card-main{filter:grayscale(.5);opacity:.7}.card-actions{margin-top:auto}.empty-final{grid-column:1/-1;padding:var(--cw-space-20) 0;text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--cw-space-4);opacity:.3}@media (max-width:768px){.final-title{font-size:var(--cw-text-2xl)}}.final-quiz-container{margin:40px auto;max-width:900px;min-height:60vh;padding:24px}.quiz-intro{margin-bottom:40px;text-align:center}.quiz-intro h1{color:#003049;font-size:2.5rem;margin-bottom:12px}.quiz-intro p{color:#666;font-size:1.1rem}.tracks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.track-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 15px #0000000d;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.track-card:hover{border-color:#b8d4e8;box-shadow:0 10px 25px #0000001a;transform:translateY(-8px)}.track-icon{display:block;font-size:4rem;margin-bottom:20px}.track-card h3{color:#003049;font-size:1.5rem;margin-bottom:10px}.track-card p{color:#718096}.quiz-interface{background:#fff;border-radius:24px;box-shadow:0 8px 30px #0000000f;overflow:hidden;padding:40px;position:relative}.quiz-header-bar{justify-content:space-between;margin-bottom:30px}.quiz-header-bar,.timer{align-items:center;display:flex}.timer{background:#fee;border-radius:50px;color:#e63946;font-weight:700;gap:8px;padding:8px 16px}.progress-track{background:#f0f4f8;border-radius:5px;flex-grow:1;height:10px;margin:0 20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe)}.question-area{margin-bottom:40px}.question-text{color:#2d3748;font-size:1.4rem;font-weight:700;line-height:1.5;margin-bottom:24px}.code-block{background:#1e1e1e;border-radius:12px;color:#d4d4d4;direction:ltr;font-family:Fira Code,monospace;margin-bottom:24px;padding:16px;text-align:left}.options-grid{grid-gap:16px;display:grid;gap:16px}.option-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;color:#4a5568;cursor:pointer;font-family:inherit;font-size:1.1rem;padding:18px 24px;text-align:right;transition:all .2s}.option-btn:hover{background:#ebf8ff;border-color:#bee3f8;color:#2b6cb0}.option-btn.selected{background:#ebf8ff;border-color:#3182ce;color:#2b6cb0;font-weight:700}.quiz-footer{align-items:center;border-top:1px solid #edf2f7;display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.next-btn{background:#003049;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 32px;transition:transform .2s}.next-btn:hover{box-shadow:0 4px 12px #0030494d;transform:translateY(-2px)}.next-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.result-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000001a;padding:50px;text-align:center}.result-icon{display:block;font-size:5rem;margin-bottom:20px}.score-display{color:#003049;font-size:3rem;font-weight:800;margin:20px 0}.score-display span{color:#718096;font-size:1.5rem;font-weight:400}.badge-container{align-items:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);background:gold;border-radius:50%;box-shadow:0 0 20px #ffd70066;font-size:3rem;height:120px;margin:30px auto;width:120px}.action-buttons,.badge-container{display:flex;justify-content:center}.action-buttons{gap:16px;margin-top:30px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.quiz-interface{padding:24px}.question-text{font-size:1.2rem}}.portal-container{direction:rtl;padding-bottom:var(--cw-space-12)}.portal-loading{align-items:center;display:flex;flex-direction:column;gap:var(--cw-space-4);justify-content:center;min-height:400px}.loading-text{color:var(--cw-gray-600);font-family:var(--cw-font-body);font-size:var(--cw-text-lg)}.portal-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--cw-space-6);justify-content:space-between;padding:var(--cw-space-10) 0 var(--cw-space-6)}.welcome-section{flex-direction:column}.welcome-badge,.welcome-section{display:flex;gap:var(--cw-space-2)}.welcome-badge{align-items:center;color:var(--cw-gray-600);font-size:var(--cw-text-lg)}.wave-emoji{animation:wave 2s ease-in-out infinite;font-size:2rem}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.student-name{color:var(--cw-gray-900);font-family:var(--cw-font-display);font-size:var(--cw-text-4xl);font-weight:var(--cw-weight-black);margin:0}.progress-section{margin-bottom:var(--cw-space-8)}.progress-card{align-items:center;background:#fff;border:2px solid var(--cw-ocean-100);border-radius:var(--cw-radius-2xl);box-shadow:var(--cw-shadow-lg);display:flex;gap:var(--cw-space-8);overflow:hidden;padding:var(--cw-space-6);position:relative}.progress-card:after{background:var(--cw-ocean-grad);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.level-badge-large{align-items:center;background:var(--cw-ocean-grad);border-radius:50%;box-shadow:var(--cw-shadow-ocean);color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100px;justify-content:center;width:100px}.level-label{font-size:var(--cw-text-xs);font-weight:var(--cw-weight-bold);text-transform:uppercase}.level-number{font-size:var(--cw-text-4xl);font-weight:var(--cw-weight-black);line-height:1}.xp-container{flex:1 1}.xp-header{display:flex;font-family:var(--cw-font-display);justify-content:space-between;margin-bottom:var(--cw-space-3)}.xp-title{color:var(--cw-gray-900)}.xp-title,.xp-value{font-weight:var(--cw-weight-bold)}.xp-value{color:var(--cw-ocean-600)}.stats-grid{grid-gap:var(--cw-space-5);display:grid;gap:var(--cw-space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--cw-space-10)}.energy-connector{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:var(--cw-space-6);position:relative}.energy-line{background:linear-gradient(180deg,var(--cw-ocean-100) 0,var(--cw-sky-light) 50%,var(--cw-ocean-100) 100%);height:100%;width:2px}.energy-orb{animation:flow-down 4s linear infinite;background:var(--cw-sky-light);border-radius:50%;box-shadow:0 0 15px var(--cw-sky-light);height:12px;position:absolute;width:12px}@keyframes flow-down{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:100%}}.inspiration-area{margin-bottom:var(--cw-space-10)}.quotes-card{background:var(--cw-sky-grad);border-radius:var(--cw-radius-xl);box-shadow:var(--cw-shadow-md);color:#003049;flex-direction:column;gap:var(--cw-space-4);padding:var(--cw-space-6);position:relative;text-align:center}.quote-icon,.quotes-card{align-items:center;display:flex}.quote-icon{background:#fff;border-radius:50%;box-shadow:var(--cw-shadow-sm);font-size:2.5rem;height:60px;justify-content:center;width:60px}.quote-text{font-family:var(--cw-font-body);font-size:var(--cw-text-xl);font-weight:var(--cw-weight-semibold);line-height:var(--cw-leading-relaxed);margin:0}.quote-dots{display:flex;gap:var(--cw-space-2)}.quote-dot{background:#00304933;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.quote-dot.active{background:#003049;border-radius:4px;width:24px}.missions-area{margin-bottom:var(--cw-space-12)}.area-header{margin-bottom:var(--cw-space-6);text-align:center}.area-title{align-items:center;color:var(--cw-gray-900);display:flex;font-family:var(--cw-font-display);font-size:var(--cw-text-3xl);font-weight:var(--cw-weight-black);gap:var(--cw-space-3);justify-content:center;margin:0}.area-subtitle{color:var(--cw-gray-600);font-size:var(--cw-text-lg)}.mission-wrapper{position:relative}.locked-card{filter:grayscale(.5);opacity:.6;pointer-events:none}.card-overlay{align-items:center;background:#fff6;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:5}.lock-icon{font-size:3rem;margin-bottom:var(--cw-space-2)}.lock-text{color:var(--cw-gray-700);font-weight:var(--cw-weight-bold)}.mission-meta{display:flex;justify-content:center;margin-top:var(--cw-space-3)}.history-section{background:#fff;border-radius:var(--cw-radius-2xl);box-shadow:var(--cw-shadow-md);padding:var(--cw-space-6)}.history-list{display:flex;flex-direction:column;gap:var(--cw-space-4);margin-top:var(--cw-space-4)}.history-item{align-items:center;background:var(--cw-gray-50);border-radius:var(--cw-radius-lg);display:flex;justify-content:space-between;padding:var(--cw-space-4);transition:all .2s ease}.history-item:hover{background:var(--cw-ocean-50);transform:scale(1.01)}.history-info{display:flex;flex-direction:column;gap:var(--cw-space-1)}.history-quiz-title{color:var(--cw-gray-900);font-weight:var(--cw-weight-bold)}.history-date{color:var(--cw-gray-500);font-size:var(--cw-text-xs)}.history-result{align-items:center;display:flex;gap:var(--cw-space-4)}.history-score{color:var(--cw-ocean-500);font-family:var(--cw-font-display);font-size:var(--cw-text-xl);font-weight:var(--cw-weight-black)}@media (max-width:768px){.portal-header{align-items:center;flex-direction:column;padding:var(--cw-space-6) var(--cw-space-4);text-align:center}.portal-container{padding:0 var(--cw-space-2) var(--cw-space-12)}.progress-card{flex-direction:column;gap:var(--cw-space-4);padding:var(--cw-space-6);text-align:center}.student-name{font-size:clamp(1.75rem,8vw,var(--cw-text-3xl))}.stats-highlight,.welcome-badge{justify-content:center}.stats-highlight{display:flex;width:100%}.history-item{flex-direction:column;gap:var(--cw-space-3);text-align:center}.history-result{justify-content:center;width:100%}.area-title{font-size:var(--cw-text-2xl)}.quote-text{font-size:1.15rem}}:root{--admin-sidebar-width:280px;--admin-topbar-height:70px;--admin-max-width:1440px;--admin-padding-x:2rem;--admin-padding-y:2.5rem;--admin-gap:2rem;--admin-bg:#f8fafc;--admin-card-bg:#fff;--admin-text-main:#0f172a;--admin-text-muted:#64748b;--admin-border:#e2e8f0;--admin-primary:#066af2;--admin-accent:#0f172a}.admin-root-container{background-color:#f8fafc;background-color:var(--admin-bg);color:#0f172a;color:var(--admin-text-main);display:flex;height:100vh;margin:0;overflow:hidden;padding:0;width:100%}.admin-layout-sidebar{background:#fff;border-right:1px solid #e2e8f0;border-right:1px solid var(--admin-border);display:flex;flex-direction:column;flex-shrink:0;height:100%;width:280px;width:var(--admin-sidebar-width);z-index:100}.admin-sidebar-brand{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);display:flex;flex-direction:column;height:70px;height:var(--admin-topbar-height);justify-content:center;padding:0 1.5rem}.admin-sidebar-nav{gap:.35rem;overflow-y:auto;padding:1.5rem 1rem}.admin-layout-main,.admin-sidebar-nav{display:flex;flex:1 1;flex-direction:column}.admin-layout-main{height:100%;min-width:0}.admin-layout-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);display:flex;flex-shrink:0;height:70px;height:var(--admin-topbar-height);justify-content:space-between;padding:0 2rem;padding:0 var(--admin-padding-x);width:100%}.admin-layout-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:2.5rem 0;padding:var(--admin-padding-y) 0;scroll-behavior:smooth}.admin-container{margin:0 auto;max-width:1440px;max-width:var(--admin-max-width);padding:0 2rem;padding:0 var(--admin-padding-x);width:100%}.admin-page-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2.5rem}.admin-page-header-text h1{color:#0f172a;color:var(--admin-text-main);font-size:2.5rem;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:.5rem}.admin-page-header-text p{color:#64748b;color:var(--admin-text-muted);font-size:1.125rem;font-weight:500}.admin-stats-card-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}.stat-card-base{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:1rem;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:1.75rem;transition:transform .2s,box-shadow .2s}.stat-card-base:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-card-label{color:#64748b;color:var(--admin-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.stat-card-value{color:#0f172a;color:var(--admin-text-main);font-size:2.75rem;font-weight:900;letter-spacing:-.05em;margin:.5rem 0}.admin-table-section-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:1rem;box-shadow:0 1px 3px #00000005;padding:2.5rem}.admin-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -1rem;overflow-x:auto;padding:0 1rem;width:100%}.admin-standard-table{border-collapse:initial;border-spacing:0;min-width:800px;width:100%}.admin-standard-table th{border-bottom:2px solid #f8fafc;border-bottom:2px solid var(--admin-bg);color:#64748b;color:var(--admin-text-muted);font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:1.25rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-standard-table td{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--admin-bg);color:#0f172a;color:var(--admin-text-main);font-size:1rem;padding:1.5rem 1rem}.sidebar-link-item{align-items:center;border-radius:.75rem;color:#64748b;color:var(--admin-text-muted);display:flex;font-size:1rem;font-weight:600;gap:.875rem;padding:.875rem 1.25rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-link-item:hover{background:#f1f5f9;color:#0f172a;color:var(--admin-text-main);transform:translateX(4px)}.sidebar-link-item.active{background:#0f172a;background:var(--admin-accent);box-shadow:0 4px 12px #0f172a26;color:#fff}.status-pill{border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:.4rem 1rem;text-transform:uppercase}.status-active{background:#dcfce7;color:#15803d}.status-pending{background:#fef9c3;color:#a16207}.status-inactive{background:#fee2e2;color:#dc2626}.admin-grid-cols-3{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.admin-grid-cols-2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a80;display:flex;inset:0;padding:2rem;position:fixed;z-index:1000}.admin-hamburger-btn,.modal-overlay{align-items:center;justify-content:center}.admin-hamburger-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.75rem;color:#0f172a;color:var(--admin-text-main);cursor:pointer;display:none;flex-shrink:0;height:40px;transition:all .2s;width:40px}.admin-hamburger-btn:hover{background:#f8fafc;border-color:#cbd5e1}.admin-sidebar--desktop{display:flex;flex-direction:column}.admin-sidebar--mobile{box-shadow:4px 0 20px #0000001f;display:none;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:500}.admin-sidebar--mobile.open{transform:translateX(0)}.admin-sidebar-overlay{animation:overlayFadeIn .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:none;inset:0;position:fixed;z-index:499}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.admin-sidebar-close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.5rem;color:#0f172a;color:var(--admin-text-main);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px;z-index:10}.admin-sidebar-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.admin-table-scroll,.admin-table-wrapper,.finance-table-wrapper,.instructor-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:12px;margin-bottom:1.5rem;overflow-x:auto;width:100%}.admin-standard-table,.finance-data-table{min-width:650px;width:100%}@media (max-width:1280px){:root{--admin-sidebar-width:250px}}@media (max-width:1024px){.admin-hamburger-btn{display:flex}.admin-sidebar--desktop{display:none}.admin-sidebar--mobile{display:flex;flex-direction:column;width:280px;width:var(--admin-sidebar-width)}.admin-sidebar-overlay{display:block}.admin-grid-cols-3,.admin-stats-card-grid{grid-template-columns:repeat(2,1fr)}.admin-topbar-divider,.admin-topbar-search{display:none}}@media (max-width:768px){:root{--admin-padding-x:1rem;--admin-padding-y:1.5rem}.admin-page-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.admin-page-header-text h1{font-size:1.75rem}.admin-page-header-text p{font-size:.95rem}.admin-stats-card-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.admin-grid-cols-2,.admin-grid-cols-3{grid-template-columns:1fr}.admin-table-section-card{border-radius:.875rem;padding:1.25rem}.stat-card-base{min-height:110px;padding:1.25rem}.stat-card-value{font-size:2rem}.admin-topbar-user-text{display:none}.modal-overlay{align-items:flex-end;padding:0}}@media (max-width:480px){:root{--admin-padding-x:0.875rem}.admin-stats-card-grid{gap:.75rem;grid-template-columns:1fr}.admin-page-header h1,.admin-page-header-text h1{font-size:1.5rem}.btn-action{font-size:.8rem;height:38px;padding:0 .875rem}.admin-table-section-card{padding:1rem}.table-pagination-footer{flex-direction:column;gap:.75rem;text-align:center}}.btn-action{align-items:center;border:1px solid #0000;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:.625rem;height:42px;justify-content:center;line-height:1;outline:none;padding:0 1.25rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-action.primary{background:#066af2;background:var(--admin-primary);box-shadow:0 4px 12px #066af226;color:#fff}.btn-action.primary:hover{background:#0559cc;box-shadow:0 6px 16px #066af240;transform:translateY(-1px)}.btn-action.secondary{background:#fff;border-color:#e2e8f0;border-color:var(--admin-border);color:#0f172a;color:var(--admin-text-main)}.btn-action.secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.btn-action.warning{background:#fffbeb;border-color:#fef3c7;color:#92400e}.btn-action.warning:hover{background:#fef3c7;border-color:#fde68a;transform:translateY(-1px)}.btn-action.success{background:#ecfdf5;border-color:#d1fae5;color:#059669}.btn-action.success:hover{background:#d1fae5;border-color:#a7f3d0;transform:translateY(-1px)}.btn-action.danger{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.btn-action.danger:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c;transform:translateY(-1px)}.btn-action.icon-only{flex-shrink:0;padding:0;width:46px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0f172a;border-top:4px solid var(--admin-accent);height:48px;width:48px}.finance-management-page{animation:fadeIn .4s ease-out}.finance-main-title{color:#0f172a;color:var(--admin-text-main);font-size:2.25rem;font-weight:850;letter-spacing:-.04em;margin-bottom:.25rem}.finance-subtitle{color:#64748b;color:var(--admin-text-muted);font-size:1rem;font-weight:500}.finance-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem}.finance-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1.2fr}.finance-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000000d;padding:1.75rem}.card-header-flex{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.card-title-group{align-items:center;display:flex;gap:1rem}.card-title-group .title-icon-wrapper{align-items:center;background:#f1f5f9;border-radius:12px;color:#066af2;color:var(--admin-primary);display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.card-title-group h3{color:#0f172a;color:var(--admin-text-main);font-size:1.25rem;font-weight:800;margin:0}.card-title-group p{color:#64748b;color:var(--admin-text-muted);font-size:.875rem;margin:0}.finance-table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.75rem;overflow-x:auto}.finance-data-table{border-collapse:collapse;font-size:.9375rem;width:100%}.finance-data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);color:#475569;font-weight:700;padding:1rem;text-align:left;white-space:nowrap}.finance-data-table td{border-bottom:1px solid #f1f5f9;padding:1rem;vertical-align:middle}.student-info-cell{align-items:center;display:flex;gap:.75rem}.student-avatar-sm{align-items:center;background:#0f172a;background:var(--admin-accent);border-radius:8px;color:#fff;display:flex;font-size:.75rem;font-weight:800;height:32px;justify-content:center;width:32px}.amount-text{color:#066af2;color:var(--admin-primary);font-weight:800}.collector-badge{background:#eff6ff;border-radius:6px;color:#1e40af;display:inline-flex;font-size:.8125rem;font-weight:700;padding:.25rem .75rem}.date-text{color:#64748b;color:var(--admin-text-muted);font-size:.875rem}.remaining-text{font-weight:800}.remaining-text.pending{color:#dc2626}.remaining-text.settled{color:#10b981}.table-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.table-action-btn.delete:hover{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.edit-fees-btn{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.5rem;cursor:pointer;font-size:.8125rem;font-weight:700;padding:.4rem .8rem}.edit-fees-btn:hover{background:#fff;border-color:#066af2;border-color:var(--admin-primary);color:#066af2;color:var(--admin-primary)}.standings-section{display:flex;flex-direction:column}.standings-table-container{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.875rem;flex:1 1;max-height:520px;overflow-y:auto;position:relative}.standings-table{background:#fff;border-collapse:collapse;width:100%}.standings-table thead th{background:#f8fafc;border-bottom:2px solid #f1f5f9;color:#64748b;font-size:.75rem;font-weight:800;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.standings-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s ease}.standings-table tbody tr:hover{background:#f8fafc}.standings-table td{padding:1rem 1.5rem;vertical-align:middle}.student-avatar-cell{align-items:center;display:flex;gap:1rem}.avatar-circle{align-items:center;background:#eff6ff;border-radius:10px;color:#2563eb;display:flex;font-size:.875rem;font-weight:800;height:36px;justify-content:center;width:36px}.student-meta{display:flex;flex-direction:column}.st-name{color:#0f172a;color:var(--admin-text-main);cursor:pointer;font-size:.9375rem;font-weight:700}.st-name:hover{color:#066af2;color:var(--admin-primary);text-decoration:underline}.st-track{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.amount-col{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;text-align:right!important}.amount-label{font-size:.9375rem}.status-col{text-align:center!important}.standings-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;min-width:60px;padding:.25rem .75rem;white-space:nowrap}.standings-badge.paid{background-color:#dcfce7;color:#166534}.standings-badge.unpaid{background-color:#fee2e2;color:#991b1b}.standings-badge.partial{background-color:#fef9c3;color:#854d0e}.actions-col{text-align:right!important}.adjust-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.625rem;color:#64748b;color:var(--admin-text-muted);cursor:pointer;font-size:.75rem;font-weight:700;padding:.4rem .8rem;transition:all .2s}.adjust-btn:hover{background:#f0f7ff;border-color:#066af2;border-color:var(--admin-primary);color:#066af2;color:var(--admin-primary)}.finance-content-grid{align-items:stretch}.finance-modal-form{padding-top:.5rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.full-width{grid-column:span 2}.modal-actions-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.table-filters{gap:.75rem}.search-box,.table-filters{align-items:center;display:flex}.search-box{position:relative}.search-box svg{color:#94a3b8;left:.75rem;position:absolute}.search-box input{padding:.5rem 1rem .5rem 2.25rem;width:220px}.filter-select,.search-box input{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.75rem;font-size:.875rem;outline:none}.filter-select{background:#fff;cursor:pointer;padding:.5rem 1rem}@media (max-width:1200px){.finance-content-grid{grid-template-columns:1fr}.finance-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.finance-summary-grid,.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.student-financial-profile{animation:fadeIn .4s ease-out}.profile-header-nav{justify-content:space-between;margin-bottom:2rem}.back-btn,.profile-header-nav{align-items:center;display:flex}.back-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.75rem;color:#0f172a;color:var(--admin-text-main);cursor:pointer;font-weight:700;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.back-btn:hover{background:#f8fafc;transform:translateX(-4px)}.profile-main-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:350px 1fr}.student-info-card{padding:2.5rem 1.5rem;text-align:center}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#066af2,#0f172a);background:linear-gradient(135deg,var(--admin-primary),var(--admin-accent));border-radius:24px;box-shadow:0 10px 15px -3px #066af233;color:#fff;display:flex;font-size:2rem;font-weight:800;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.student-name-title{color:#0f172a;color:var(--admin-text-main);font-size:1.5rem;font-weight:850;margin-bottom:.5rem}.info-badge-group{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.contact-info-list{background:#f8fafc;border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.25rem}.info-item{align-items:center;color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.9rem;gap:.75rem}.info-item svg{color:#066af2;color:var(--admin-primary)}.fees-summary-v2{display:flex;flex-direction:column;gap:1rem;text-align:left}.fee-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.fee-row.highlight{background:#f0fdf4;border-radius:.75rem;margin:0 -.5rem;padding:.75rem}.fee-row.large{font-size:1.1rem;font-weight:800}.fee-divider{background:#e2e8f0;height:1px;margin:.5rem 0}.fee-row .label{color:#64748b;color:var(--admin-text-muted)}.fee-row .value{font-weight:800}.summary-stats-card{margin-top:1.5rem;padding:1.5rem}.card-sub-title{align-items:center;color:#0f172a;color:var(--admin-text-main);display:flex;font-size:1rem;font-weight:800;gap:.5rem;margin-bottom:1.25rem}.stat-mini-grid{display:flex;flex-direction:column;gap:1rem}.mini-stat{align-items:center;display:flex;justify-content:space-between}.mini-label{color:#64748b;color:var(--admin-text-muted);font-size:.8rem}.mini-value{font-size:.9rem;font-weight:700}.mini-value.date{font-family:monospace;font-size:.85rem}.installment-timeline{display:flex;flex-direction:column;padding:1rem}.timeline-item{display:flex;gap:1.5rem;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;width:20px}.marker-dot{background:#066af2;background:var(--admin-primary);border:3px solid #eff6ff;border-radius:50%;height:12px;width:12px;z-index:1}.marker-line{background:#e2e8f0;flex:1 1;width:2px}.timeline-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;flex:1 1;margin-bottom:2rem;padding:1.5rem;position:relative;transition:all .2s}.timeline-box:hover{background:#fff;border-color:#066af2;border-color:var(--admin-primary);box-shadow:0 4px 12px #066af20d}.box-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.installment-title{display:flex;flex-direction:column;gap:.25rem}.inst-num{color:#0f172a;color:var(--admin-text-main);font-size:1.05rem;font-weight:800}.inst-date{align-items:center;color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.8rem;gap:.25rem}.inst-amount{color:#066af2;color:var(--admin-primary);font-size:1.25rem;font-weight:900}.box-details{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-tag{color:#0f172a;color:var(--admin-text-main);font-size:.85rem}.detail-tag strong{color:#64748b;color:var(--admin-text-muted);font-weight:500;margin-right:.25rem}.detail-notes{align-items:flex-start;background:#fffbeb;border-radius:.75rem;color:#92400e;display:flex;font-size:.85rem;gap:.5rem;margin-top:1rem;padding:.75rem;width:100%}.delete-payment-mini{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:1rem;top:1rem;transition:all .2s;width:28px}.timeline-box:hover .delete-payment-mini{opacity:1}.empty-timeline{color:#64748b;color:var(--admin-text-muted);padding:4rem 2rem;text-align:center}.empty-timeline svg{margin-bottom:1rem;opacity:.2}.clickable-student-name{color:#066af2;color:var(--admin-primary);cursor:pointer;font-weight:800}.clickable-student-name:hover{text-decoration:underline}@media (max-width:1024px){.profile-main-grid{grid-template-columns:1fr}}.filter-grid-history{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.time-col{display:flex;flex-direction:column;gap:.15rem}.date-txt{color:#0f172a;color:var(--admin-text-main);font-size:.9rem;font-weight:700}.time-txt{align-items:center;color:#64748b;color:var(--admin-text-muted);display:flex;font-family:monospace;font-size:.75rem;gap:.25rem}.admin-cell{font-weight:700;gap:.75rem}.admin-avatar-xs{background:#0f172a;border-radius:8px;font-size:.75rem;font-weight:900;height:28px;width:28px}.description-cell{font-size:.9rem;max-width:400px}.btn-action-sm{background:#f1f5f9;border-radius:.5rem;font-size:.8rem;font-weight:700;gap:.4rem;padding:.4rem .8rem}.btn-action-sm:hover{background:#066af2;background:var(--admin-primary);border-color:#066af2;border-color:var(--admin-primary);color:#fff}.log-details-container h2{font-size:1.5rem;font-weight:850;letter-spacing:-.02em;margin-bottom:1.5rem}.log-meta-grid{grid-gap:1.5rem;background:#f8fafc;border-radius:1rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;padding:1.5rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:#64748b;color:var(--admin-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.meta-value{color:#0f172a;color:var(--admin-text-main);font-size:1rem;font-weight:700}.state-comparison{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;margin-bottom:2rem}.state-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem}.state-box h3{align-items:center;display:flex;font-size:.9rem;font-weight:800;gap:.5rem;margin-bottom:1rem}.state-box.old h3{color:#dc2626}.state-box.new h3{color:#15803d}.state-box pre{background:#0f172a;border-radius:.5rem;color:#34d399;font-size:.8rem;margin:0;max-height:250px;overflow-x:auto;padding:1rem}.state-arrow{align-items:center;color:#94a3b8;display:flex;justify-content:center;padding-top:4rem}@media (max-width:768px){.filter-grid-history{grid-template-columns:repeat(2,1fr)}.state-comparison{grid-template-columns:1fr}.state-arrow{padding:1rem 0;transform:rotate(90deg)}}.mini-history-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.history-item-mini{background:#f8fafc;border-left:3px solid #066af2;border-left:3px solid var(--admin-primary);border-radius:.75rem;padding:1rem}.hist-meta{color:#64748b;color:var(--admin-text-muted);display:flex;font-size:.75rem;font-weight:700;justify-content:space-between;margin-bottom:.4rem}.hist-desc{color:#0f172a;color:var(--admin-text-main);font-size:.9rem;font-weight:500}.wallet-actions-banner{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;margin-bottom:2.5rem;overflow:hidden}.wallet-banner-card{border:1px dashed #cbd5e1}.banner-content{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 2rem}.banner-text h3{color:#0f172a;color:var(--admin-text-main);font-size:1.25rem;margin:0}.banner-text p{font-size:.95rem;margin:.25rem 0 0}.banner-text p,.cw-stat-description{color:#64748b;color:var(--admin-text-muted)}.cw-stat-description{border-top:1px solid #f1f5f9;font-size:.75rem;margin-top:.5rem;padding-top:.5rem}@media (max-width:768px){.banner-content{flex-direction:column;gap:1.5rem;text-align:center}}.collector-info-cell{align-items:center;display:flex;gap:.75rem}.collector-mini-avatar{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.collector-mini-avatar.abdullah{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.collector-mini-avatar.mohamed{background:linear-gradient(135deg,#6366f1,#4f46e5)}.notes-cell{color:#64748b;color:var(--admin-text-muted);font-size:.85rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-danger{color:#dc2626!important}.mt-8{margin-top:2rem}.mt-6{margin-top:1.5rem}.finance-full-width{width:100%}.mb-10{margin-bottom:2.5rem}.mb-8{margin-bottom:2rem}.table-actions-row{display:flex;gap:.5rem;justify-content:flex-start}.table-action-btn.edit{background:#e0f2fe;color:#066af2;color:var(--admin-primary)}.table-action-btn.edit:hover{background:#bae6fd}.table-pagination-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:auto;padding-top:1.5rem}.pagination-info{color:#64748b;color:var(--admin-text-muted);font-size:.85rem}.pagination-btns{display:flex;gap:.5rem}.pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;color:var(--admin-text-main);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#066af2;border-color:var(--admin-primary);color:#066af2;color:var(--admin-primary)}.pagination-btn:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.5}.finance-card{display:flex;flex-direction:column}.finance-table-wrapper{flex-grow:1;min-height:400px}.finance-data-table tbody tr{height:64px}.finance-data-table thead th{height:48px}.admin-tabs-container{background:#f1f5f9;border-radius:.875rem;display:flex;gap:.5rem;padding:.4rem;width:-webkit-fit-content;width:fit-content}.admin-tab-item{align-items:center;background:#0000;border:none;border-radius:.625rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.6rem;padding:.6rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-tab-item:hover{background:#0ea5e90d;color:#066af2;color:var(--admin-primary)}.admin-tab-item.active{background:#fff;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;color:#066af2;color:var(--admin-primary)}.instructor-cell{align-items:center;display:flex;gap:.75rem}.avatar-mini{background:#066af2;background:var(--admin-primary);border-radius:6px;color:#fff;font-size:.75rem;font-weight:800;height:28px;width:28px}.avatar-mini,.cycle-selector-bar{align-items:center;display:flex;justify-content:center}.cycle-selector-bar{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:1.5rem;padding:1rem}.current-cycle-display{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:800}.cycle-nav-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.cycle-nav-btn:hover{background:#f8fafc;border-color:#066af2;border-color:var(--admin-primary);color:#066af2;color:var(--admin-primary)}.history-grid{display:flex;flex-direction:column;gap:.75rem}.history-snapshot-row{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.snap-date{color:#475569;flex:1 1;font-weight:700}.snap-date,.snap-metrics{align-items:center;display:flex}.snap-metrics{flex:2 1;gap:1.5rem;justify-content:center}.snap-metrics span{color:#64748b;font-size:.9rem}.snap-rate{color:#94a3b8;flex:1 1;font-size:.75rem;font-weight:600;text-align:right}.badge-job-code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;letter-spacing:.02em;padding:.2rem .6rem;text-transform:uppercase}.group-info-cell{display:flex;flex-direction:column;gap:.15rem}.group-name-bold{color:#0f172a;color:var(--admin-text-main);font-weight:800}.group-desc-small{color:#64748b;color:var(--admin-text-muted);font-size:.75rem}.admin-groups-page .finance-table-wrapper{min-height:auto}.admin-filters-bar{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 1px 3px #0000000d;padding:1.25rem}.cw-input-wrapper,.cw-select-wrapper{position:relative;width:100%}.cw-input,.cw-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;color:#0f172a;font-size:.875rem;font-weight:600;outline:none;padding:.75rem 1rem;transition:all .2s;width:100%}.cw-input:focus,.cw-select:focus{background:#fff;border-color:#066af2;border-color:var(--admin-primary);box-shadow:0 0 0 4px #066af21a}.form-grid-2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1.5fr 1fr}@media (max-width:768px){.form-grid-2{grid-template-columns:1fr}}.admin-audit-logs-page{animation:fadeIn .4s ease-out}.admin-avatar-xs{border-radius:7px;color:#fff;flex-shrink:0;font-size:.68rem;font-weight:800;height:26px;justify-content:center;width:26px}.admin-avatar-xs,.admin-cell{align-items:center;display:flex}.admin-cell{gap:.5rem}.time-col .date-txt{color:#334155;font-size:.78rem;font-weight:700;line-height:1.3}.time-col .time-txt{align-items:center;color:#94a3b8;display:flex;font-size:.7rem;font-weight:600;gap:.25rem}.description-cell{color:#475569;font-size:.8rem;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-cell-right{display:flex;justify-content:flex-end}.btn-action-sm{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-action-sm:hover{background:#f1f5f9;border-color:#cbd5e1;color:#066af2;color:var(--admin-primary)}.audit-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.audit-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:1rem;box-shadow:0 1px 3px #00000008;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s}.audit-stat-card:hover{box-shadow:0 4px 14px #0000000f;transform:translateY(-2px)}.audit-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.audit-stat-info{display:flex;flex-direction:column}.audit-stat-value{color:#0f172a;color:var(--admin-text-main);font-size:1.75rem;font-weight:900;letter-spacing:-.03em;line-height:1}.audit-stat-label{color:#64748b;color:var(--admin-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-top:.2rem;text-transform:uppercase}.filter-grid-audit{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr}@media (max-width:1200px){.filter-grid-audit{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.filter-grid-audit{grid-template-columns:1fr 1fr}.audit-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.audit-stats-grid,.filter-grid-audit{grid-template-columns:1fr}}.audit-row-critical{background:#fef2f2!important;border-left:3px solid #ef4444}.audit-row-critical:hover{background:#fee2e2!important}.audit-pagination{border-top:1px solid #f1f5f9;gap:1rem;padding:1.25rem}.audit-page-btn,.audit-pagination{align-items:center;display:flex;justify-content:center}.audit-page-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:10px;color:#0f172a;color:var(--admin-text-main);cursor:pointer;height:36px;transition:all .2s;width:36px}.audit-page-btn:hover:not(:disabled){background:#0f172a;background:var(--admin-accent);border-color:#0f172a;border-color:var(--admin-accent);color:#fff}.audit-page-btn:disabled{cursor:not-allowed;opacity:.35}.audit-page-info{color:#64748b;color:var(--admin-text-muted);font-size:.8rem;font-weight:700}.audit-detail-modal{padding:.5rem}.audit-meta-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.audit-meta-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;display:flex;flex-direction:column;gap:.3rem;padding:.875rem 1rem}.audit-meta-label{color:#64748b;color:var(--admin-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.audit-meta-value{align-items:center;color:#0f172a;color:var(--admin-text-main);display:flex;font-size:.9rem;font-weight:700}.audit-state-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.audit-state-box{border-radius:12px;overflow:auto;padding:1rem}.audit-state-box h4{align-items:center;display:flex;font-size:.78rem;font-weight:800;gap:.4rem;letter-spacing:.04em;margin-bottom:.75rem;text-transform:uppercase}.audit-state-box pre{border-radius:8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.6;margin:0;max-height:200px;overflow:auto;padding:.75rem;white-space:pre-wrap;word-break:break-word}.audit-state-box.previous{background:#fef2f2;border:1px solid #fecaca}.audit-state-box.previous h4{color:#dc2626}.audit-state-box.previous pre{background:#fff5f5;color:#7f1d1d}.audit-state-box.current{background:#f0fdf4;border:1px solid #bbf7d0}.audit-state-box.current h4{color:#16a34a}.audit-state-box.current pre{background:#f0fdf4;color:#14532d}@media (max-width:768px){.audit-meta-grid,.audit-state-section{grid-template-columns:1fr}}:root{--id-primary:#3b82f6;--id-primary-dark:#1d4ed8;--id-primary-light:#60a5fa;--id-sidebar-bg:#0f172a;--id-sidebar-collapsed:72px;--id-sidebar-expanded:270px;--id-main-bg:#f1f5f9;--id-card-bg:#fff;--id-text-main:#1e293b;--id-text-muted:#64748b;--id-border:#e2e8f0;--id-border-light:#f1f5f9;--id-shadow-sm:0 1px 3px #0000000a;--id-shadow:0 4px 16px #0000000f;--id-shadow-lg:0 10px 30px #00000014;--id-shadow-xl:0 20px 50px #0000001f;--id-radius:1rem;--id-radius-lg:1.25rem;--id-radius-xl:1.5rem;--id-transition:0.25s cubic-bezier(0.4,0,0.2,1);--id-font:"Inter",system-ui,-apple-system,sans-serif}.instructor-root-container{height:100vh;margin:0;overflow:hidden;padding:0;width:100%}.id-root{background:#f1f5f9;background:var(--id-main-bg);color:#1e293b;color:var(--id-text-main);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--id-font);width:100%}.id-root,.id-sidebar{display:flex;height:100%;overflow:hidden}.id-sidebar{background:#0f172a;background:var(--id-sidebar-bg);flex-direction:column;flex-shrink:0;min-width:270px;min-width:var(--id-sidebar-expanded);padding:1.75rem 1.25rem;position:relative;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);transition:width var(--id-transition),min-width var(--id-transition),padding var(--id-transition);width:270px;width:var(--id-sidebar-expanded);z-index:100}.id-sidebar.collapsed{min-width:72px;min-width:var(--id-sidebar-collapsed);padding:1.75rem .75rem;width:72px;width:var(--id-sidebar-collapsed)}.id-collapse-btn{align-items:center;background:#3b82f6;background:var(--id-primary);border:3px solid #f1f5f9;border:3px solid var(--id-main-bg);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-14px;top:1.5rem;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);transition:transform var(--id-transition),background var(--id-transition);width:28px;z-index:110}.id-collapse-btn:hover{background:#1d4ed8;background:var(--id-primary-dark);transform:scale(1.1)}.id-sidebar.collapsed .id-collapse-btn{right:-14px}.id-brand{color:#fff;font-size:1.5rem;font-weight:900;letter-spacing:-.04em;margin-bottom:.15rem;overflow:hidden;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--id-transition);white-space:nowrap}.id-sidebar.collapsed .id-brand,.id-sidebar.collapsed .id-brand-sub{height:0;margin:0;opacity:0;overflow:hidden}.id-brand span{color:#3b82f6;color:var(--id-primary)}.id-brand-sub{color:#475569;font-size:.6rem;font-weight:800;letter-spacing:.2em;margin-bottom:2.5rem;overflow:hidden;text-transform:uppercase;transition:opacity .25s cubic-bezier(.4,0,.2,1),margin .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--id-transition),margin var(--id-transition);white-space:nowrap}.id-nav{display:flex;flex-direction:column;gap:.4rem}.id-nav-link{align-items:center;border-radius:.75rem;color:#94a3b8;display:flex;font-size:.9rem;font-weight:600;gap:.85rem;overflow:hidden;padding:.8rem .9rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition);white-space:nowrap}.id-nav-link svg{flex-shrink:0}.id-sidebar.collapsed .id-nav-link{justify-content:center;padding:.8rem 0}.id-sidebar.collapsed .id-nav-link span{display:none}.id-nav-link:hover{background:#ffffff0f;color:#e2e8f0;transform:translateX(2px)}.id-sidebar.collapsed .id-nav-link:hover{transform:none}.id-nav-link.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--id-primary),var(--id-primary-dark));box-shadow:0 4px 12px #3b82f640;color:#fff}.id-sidebar-spacer{flex:1 1}.id-user-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:1rem;border-radius:var(--id-radius);display:flex;gap:.85rem;margin-bottom:1rem;overflow:hidden;padding:.85rem;transition:background .25s cubic-bezier(.4,0,.2,1);transition:background var(--id-transition)}.id-sidebar.collapsed .id-user-card{justify-content:center;padding:.6rem}.id-sidebar.collapsed .id-user-info{display:none}.id-user-card:hover{background:#ffffff12}.id-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--id-primary),var(--id-primary-dark));border-radius:.75rem;box-shadow:0 2px 8px #3b82f633;color:#fff;display:flex;font-size:1.05rem;font-weight:800;height:40px;justify-content:center;min-width:40px;width:40px}.id-user-info{min-width:0;overflow:hidden}.id-user-name{color:#f1f5f9;font-size:.85rem;font-weight:700}.id-user-email,.id-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-user-email{color:#64748b;font-size:.7rem}.id-logout-btn{align-items:center;background:#0000;border:1px solid #f8717133;border-radius:.75rem;color:#f87171;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.6rem;justify-content:center;overflow:hidden;padding:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition);white-space:nowrap;width:100%}.id-sidebar.collapsed .id-logout-btn span{display:none}.id-logout-btn:hover{background:#f871711a;border-color:#f8717159;color:#ef4444}.id-main{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.id-mobile-topbar{display:none}.id-topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--id-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 2.5rem;z-index:90}.id-title{color:#1e293b;color:var(--id-text-main);font-size:1.45rem;font-weight:900;letter-spacing:-.04em;margin:0}.id-subtitle{font-weight:500;margin-top:.2rem}.id-refresh-btn,.id-subtitle{color:#64748b;color:var(--id-text-muted);font-size:.82rem}.id-refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--id-border);border-radius:.75rem;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.55rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition)}.id-refresh-btn:hover{background:#eff6ff;border-color:#3b82f6;border-color:var(--id-primary);box-shadow:0 2px 8px #3b82f614;color:#3b82f6;color:var(--id-primary)}.id-scroll-area{flex:1 1;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.id-content{margin:0 auto;max-width:1400px;padding:2rem 2.5rem 3rem;width:100%}.id-slider{border-radius:1.5rem;border-radius:var(--id-radius-xl);box-shadow:0 10px 30px #00000014;box-shadow:var(--id-shadow-lg);margin-bottom:2rem;min-height:180px;overflow:hidden;position:relative;width:100%}.id-slider-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.id-slide{display:flex;flex-direction:column;justify-content:center;min-width:100%;overflow:hidden;padding:2.5rem 3rem;position:relative}.id-slide:before{background:#ffffff0f;height:400px;right:-20%;top:-50%;width:400px}.id-slide:after,.id-slide:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.id-slide:after{background:#ffffff0a;bottom:-30%;height:300px;left:-10%;width:300px}.id-slide--1{background:linear-gradient(135deg,#1e3a5f,#2563eb 50%,#3b82f6)}.id-slide--2{background:linear-gradient(135deg,#312e81,#6366f1 50%,#818cf8)}.id-slide--3{background:linear-gradient(135deg,#134e4a,#0d9488 50%,#14b8a6)}.id-slide--4{background:linear-gradient(135deg,#7c2d12,#ea580c 50%,#f97316)}.id-slide--5{background:linear-gradient(135deg,#581c87,#9333ea 50%,#a855f7)}.id-slide-content-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;width:100%;z-index:1}.id-slide-headline{color:#fff;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1.35;margin:0 0 .5rem;max-width:650px;text-shadow:0 1px 3px #0000001a}.id-slide-subtitle{color:#ffffffd9;font-size:.95rem;font-weight:500;max-width:600px}.id-slider-dots{bottom:1rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.id-slider-dot{background:#ffffff59;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.id-slider-dot.active{background:#fff;border-radius:4px;box-shadow:0 1px 4px #00000026;width:24px}.id-slider-arrow{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition);width:36px;z-index:3}.id-slider-arrow:hover{background:#ffffff40}.id-slider-arrow--prev{left:1rem}.id-slider-arrow--next{right:1rem}.id-stats{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.id-stat{align-items:center;background:#fff;background:var(--id-card-bg);border:1px solid #f1f5f9;border:1px solid var(--id-border-light);border-radius:1.25rem;border-radius:var(--id-radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--id-shadow-sm);display:flex;gap:1.15rem;overflow:hidden;padding:1.35rem 1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition)}.id-stat:after{border-radius:50%;content:"";height:80px;opacity:.04;position:absolute;right:0;top:0;transform:translate(30%,-30%);transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--id-transition);width:80px}.id-stat:first-child:after{background:#2563eb}.id-stat:nth-child(2):after{background:#9333ea}.id-stat:nth-child(3):after{background:#16a34a}.id-stat:hover{border-color:#e2e8f0;border-color:var(--id-border);box-shadow:0 4px 16px #0000000f;box-shadow:var(--id-shadow);transform:translateY(-3px)}.id-stat:hover:after{opacity:.08}.id-stat-icon{align-items:center;border-radius:.85rem;display:flex;flex-shrink:0;height:46px;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--id-transition);width:46px}.id-stat:hover .id-stat-icon{transform:scale(1.08)}.id-stat-val{font-size:1.65rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:.2rem}.id-stat-label{color:#64748b;color:var(--id-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.id-table-card{background:#fff;background:var(--id-card-bg);border:1px solid #f1f5f9;border:1px solid var(--id-border-light);border-radius:1.5rem;border-radius:var(--id-radius-xl);box-shadow:0 1px 3px #0000000a;box-shadow:var(--id-shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--id-transition)}.id-table-card:hover{box-shadow:0 4px 16px #0000000f;box-shadow:var(--id-shadow)}.id-table-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--id-border);display:flex;justify-content:space-between;padding:1.35rem 1.75rem}.id-table-header h2{align-items:center;color:#1e293b;color:var(--id-text-main);display:flex;font-size:1.05rem;font-weight:800;gap:.65rem;margin:0}.id-badge{background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--id-border);border-radius:2rem;color:#475569;font-size:.72rem;font-weight:700;padding:.35rem .75rem}.id-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.id-table{border-collapse:collapse;min-width:640px;width:100%}.id-table th{background:#fafbfc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--id-border);color:#64748b;color:var(--id-text-muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:.85rem 1.75rem;text-align:left;text-transform:uppercase}.id-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--id-border-light);padding:1.1rem 1.75rem;vertical-align:middle}.id-table tbody tr{transition:background .25s cubic-bezier(.4,0,.2,1);transition:background var(--id-transition)}.id-table tbody tr:hover{background:#fafbfd}.id-table tbody tr:last-child td{border-bottom:none}.id-cell-name{gap:.85rem}.id-cell-avatar,.id-cell-name{align-items:center;display:flex}.id-cell-avatar{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f614;border-radius:.6rem;color:#3b82f6;color:var(--id-primary);flex-shrink:0;font-size:.95rem;font-weight:800;height:38px;justify-content:center;width:38px}.id-cell-fullname{color:#1e293b;color:var(--id-text-main);font-size:.9rem;font-weight:700}.id-cell-email{color:#64748b;color:var(--id-text-muted);font-size:.75rem;margin-top:.1rem}.id-track{border-radius:.4rem;font-size:.62rem;font-weight:800;letter-spacing:.05em;padding:.25rem .6rem;text-transform:uppercase}.id-track--web{background:#dcfce7;color:#15803d}.id-track--scratch{background:#fef9c3;color:#a16207}.id-track--python{background:#dbeafe;color:#1d4ed8}.id-hours-badge{border-radius:.45rem;font-family:JetBrains Mono,SF Mono,monospace;font-size:.88rem;font-weight:800;padding:.3rem .6rem}.id-hours--green{background:#f0fdf4;color:#16a34a}.id-hours--yellow{background:#fffbeb;color:#d97706}.id-hours--red{background:#fef2f2;color:#dc2626}.id-open-btn{background:#fff;border:1.5px solid #3b82f6;border:1.5px solid var(--id-primary);border-radius:.65rem;color:#3b82f6;color:var(--id-primary);cursor:pointer;font-size:.8rem;font-weight:700;padding:.5rem 1.15rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition)}.id-open-btn:hover{background:#3b82f6;background:var(--id-primary);box-shadow:0 4px 12px #3b82f633;color:#fff;transform:translateY(-1px)}.id-student-cards{display:none}.id-pagination{border-top:1px solid #f1f5f9;border-top:1px solid var(--id-border-light);gap:.75rem;padding:1.25rem}.id-pagination,.id-pagination button{align-items:center;display:flex;justify-content:center}.id-pagination button{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--id-border);border-radius:.6rem;color:#64748b;color:var(--id-text-muted);cursor:pointer;height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition);width:36px}.id-pagination button:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;border-color:var(--id-primary);color:#3b82f6;color:var(--id-primary)}.id-pagination button:disabled{cursor:not-allowed;opacity:.4}.id-pagination span{color:#64748b;color:var(--id-text-muted);font-size:.82rem;font-weight:600}.id-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.id-empty p{color:#64748b;color:var(--id-text-muted);font-weight:600;margin-top:.75rem}.id-loading{align-items:center;background:#f1f5f9;background:var(--id-main-bg);display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.id-spinner{animation:id-spin .7s ease-in-out infinite;border:3px solid #e2e8f0;border-top-color:#3b82f6;border:3px solid var(--id-border);border-radius:50%;border-top-color:var(--id-primary);height:42px;width:42px}@keyframes id-spin{to{transform:rotate(1turn)}}.id-loading p{color:#64748b;color:var(--id-text-muted);font-size:.9rem;font-weight:600}.id-toast{align-items:center;animation:id-toast-in .35s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.85rem;box-shadow:0 10px 30px #00000014;box-shadow:var(--id-shadow-lg);display:flex;font-size:.85rem;font-weight:700;gap:.6rem;padding:.85rem 1.25rem;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}@keyframes id-toast-in{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.id-toast-ok{background:#dcfce7f2;border:1px solid #bbf7d0;color:#15803d}.id-toast-err{background:#fee2e2f2;border:1px solid #fecaca;color:#dc2626;cursor:pointer}.id-overlay{align-items:center;animation:id-overlay-in .25s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}@keyframes id-overlay-in{0%{opacity:0}to{opacity:1}}.id-modal{animation:id-modal-in .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:1.5rem;border-radius:var(--id-radius-xl);box-shadow:0 20px 50px #0000001f;box-shadow:var(--id-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:550px;overflow:hidden;width:100%}@keyframes id-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.id-modal-scrollable{flex:1 1;overflow-y:auto;padding:1.75rem}.id-modal-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.35rem}.id-modal-title{color:#1e293b;color:var(--id-text-main);font-size:1.4rem;font-weight:900;letter-spacing:-.04em;margin:0}.id-modal-email{color:#64748b;color:var(--id-text-muted);font-size:.82rem;margin-top:.2rem}.id-modal-x{align-items:center;background:#f1f5f9;border:none;border-radius:.65rem;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition);width:34px}.id-modal-x:hover{background:#fee2e2;color:#ef4444}.id-modal-stats{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.75rem}.id-ms-card{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:.7rem;display:flex;flex-direction:column;gap:.2rem;padding:.7rem .85rem}.id-ms-label{color:#64748b;color:var(--id-text-muted);font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.id-ms-val{color:#1e293b;color:var(--id-text-main);font-size:1.1rem;font-weight:900}.id-modal-section-title{color:#64748b;color:var(--id-text-muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;margin:1.35rem 0 .65rem;text-transform:uppercase}.id-modal-table-wrap{background:#f8fafc;border:1px solid #f1f5f9;border:1px solid var(--id-border-light);border-radius:.75rem;margin-bottom:1.75rem;max-height:200px;overflow-y:auto;padding:.4rem}.id-table--compact th{background:#f1f5f9;border-radius:.35rem;padding:.45rem .85rem}.id-table--compact td{padding:.45rem .85rem}.id-dur-pill{background:#eff6ff;border-radius:.35rem;color:#3b82f6;color:var(--id-primary);font-size:.78rem;font-weight:700;padding:.2rem .5rem}.id-modal-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#dc2626;display:flex;font-size:.82rem;font-weight:700;gap:.5rem;margin-top:1rem;padding:.85rem 1rem}.id-modal-form{border-top:1px solid #e2e8f0;border-top:1px solid var(--id-border);padding-top:1.35rem}.id-form-row{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.id-form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.id-form-group label{color:#1e293b;color:var(--id-text-main);font-size:.78rem;font-weight:700}.id-form-group input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--id-border);border-radius:.65rem;color:#1e293b;color:var(--id-text-main);font-size:.85rem;font-weight:600;outline:none;padding:.6rem .8rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition)}.id-form-group input:focus{border-color:#3b82f6;border-color:var(--id-primary);box-shadow:0 0 0 3px #3b82f61a}.id-modal-save-wrap{background:#fafbfc;border-top:1px solid #e2e8f0;border-top:1px solid var(--id-border);padding:1rem 1.75rem 1.35rem}.id-save-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:.8rem;box-shadow:0 6px 14px #22c55e40;color:#fff;cursor:pointer;display:flex;font-size:.92rem;font-weight:800;gap:.5rem;justify-content:center;padding:.85rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition);width:100%}.id-save-btn:hover{box-shadow:0 10px 20px #22c55e4d;transform:translateY(-2px)}.id-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1200px){.id-sidebar:not(.collapsed){min-width:240px;width:240px}.id-stats{gap:1rem}.id-content{padding:1.75rem 2rem 3rem}}@media (max-width:1024px){.id-sidebar:not(.collapsed){min-width:220px;width:220px}.id-topbar{padding:1.25rem 1.75rem}.id-content{padding:1.5rem 1.75rem 2.5rem}.id-slide-headline{font-size:1.25rem}.id-slide-subtitle{font-size:.85rem}}@media (max-width:768px){.id-collapse-btn,.id-sidebar{display:none}.id-mobile-topbar{align-items:center;background:#0f172a;background:var(--id-sidebar-bg);display:flex;flex-shrink:0;justify-content:space-between;padding:.85rem 1.25rem}.id-mobile-brand{color:#fff;font-size:1.15rem;font-weight:900;letter-spacing:-.04em}.id-mobile-brand span{color:#3b82f6;color:var(--id-primary)}.id-mobile-logout{background:#0000;border:none;color:#f87171;cursor:pointer;padding:.5rem}.id-root{flex-direction:column}.id-topbar{padding:1rem 1.25rem}.id-title{font-size:1.2rem}.id-content{padding:1.15rem}.id-slider{border-radius:1rem;border-radius:var(--id-radius);min-height:160px}.id-slide{padding:1.75rem 1.5rem}.id-slide-headline{font-size:1.05rem}.id-slide-subtitle{font-size:.78rem}.id-slider-arrow{display:none}.id-stats{gap:.75rem;grid-template-columns:1fr}.id-table-scroll{display:none}.id-student-cards{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.id-student-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--id-border-light);border-radius:1rem;border-radius:var(--id-radius);box-shadow:0 1px 3px #0000000a;box-shadow:var(--id-shadow-sm);display:flex;gap:.85rem;padding:1.15rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--id-transition)}.id-student-card:active{background:#fafbfc}.id-student-card-info{flex:1 1;min-width:0}.id-student-card-name{color:#1e293b;color:var(--id-text-main);font-size:.9rem;font-weight:700}.id-student-card-email{color:#64748b;color:var(--id-text-muted);font-size:.72rem;margin-top:.1rem}.id-student-card-meta{align-items:center;display:flex;gap:.5rem;margin-top:.4rem}.id-modal{border-radius:1.25rem 1.25rem 0 0;max-height:95vh}.id-modal-stats{gap:.5rem;grid-template-columns:1fr 1fr 1fr}.id-form-row{grid-template-columns:1fr}.id-pagination{padding:1rem .75rem}}@media (max-width:480px){.id-slide{padding:1.5rem 1.15rem}.id-slide-headline{font-size:.95rem}.id-modal-stats{grid-template-columns:1fr}}@keyframes id-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.id-animate-in{animation:id-fade-up .4s ease-out both}.id-animate-in:first-child{animation-delay:0ms}.id-animate-in:nth-child(2){animation-delay:60ms}.id-animate-in:nth-child(3){animation-delay:.12s}.id-animate-in:nth-child(4){animation-delay:.18s}:root{--cw-ocean-50:#e6f4ff;--cw-ocean-100:#b3dbff;--cw-ocean-400:#3aa0ff;--cw-ocean-500:#066af2;--cw-ocean-600:#004a9a;--cw-ocean-700:#003875;--cw-sky-light:#5df0ff;--cw-sky-soft:#c7f9ff;--cw-sun-400:#ffd86b;--cw-sunshine-400:#ffd86b;--cw-sun-500:#ffb85c;--cw-sunshine-500:#ffb85c;--cw-sunshine-600:#e6a04e;--cw-sunshine-50:#fffbeb;--cw-success-50:#ecfdf5;--cw-success-100:#d1fae5;--cw-success-500:#10b981;--cw-success-600:#059669;--cw-warning-50:#fffbeb;--cw-warning-100:#fef3c7;--cw-warning-500:#f59e0b;--cw-warning-600:#d97706;--cw-error-50:#fef2f2;--cw-error-100:#fee2e2;--cw-error-500:#ef4444;--cw-error-600:#dc2626;--cw-info-50:#faf5ff;--cw-info-100:#ede9fe;--cw-info-500:#8b5cf6;--cw-info-600:#7c3aed;--cw-gray-50:#f8fafc;--cw-gray-100:#f1f5f9;--cw-gray-200:#e2e8f0;--cw-gray-300:#cbd5e1;--cw-gray-400:#94a3b8;--cw-gray-500:#64748b;--cw-gray-600:#475569;--cw-gray-700:#334155;--cw-gray-800:#1e293b;--cw-gray-900:#0f263d;--cw-ocean-grad:linear-gradient(135deg,#066af2,#3aa0ff);--cw-sky-grad:linear-gradient(135deg,#5df0ff,#066af2);--cw-sun-grad:linear-gradient(135deg,#ffe47a,#ffb85c);--cw-sunshine-grad:linear-gradient(135deg,#ffe47a,#ffb85c);--cw-success-grad:linear-gradient(135deg,#34d399,#10b981);--cw-bg-primary:linear-gradient(180deg,#eaf3ff,#f7fbff);--cw-bg-card:#fff;--cw-bg-elevated:#fff;--cw-bg-overlay:#0f263df2;--cw-font-display:"Tajawal","Poppins",system-ui,-apple-system,sans-serif;--cw-font-body:"Cairo","Inter",system-ui,-apple-system,sans-serif;--cw-font-code:"Fira Code","Cascadia Code","Consolas",monospace;--cw-text-xs:0.75rem;--cw-text-sm:0.875rem;--cw-text-base:1rem;--cw-text-lg:1.125rem;--cw-text-xl:1.25rem;--cw-text-2xl:1.5rem;--cw-text-3xl:1.875rem;--cw-text-4xl:2.25rem;--cw-text-5xl:3rem;--cw-weight-light:300;--cw-weight-regular:400;--cw-weight-medium:500;--cw-weight-semibold:600;--cw-weight-bold:700;--cw-weight-black:900;--cw-leading-tight:1.25;--cw-leading-snug:1.375;--cw-leading-normal:1.5;--cw-leading-relaxed:1.625;--cw-leading-loose:2;--cw-tracking-tight:-0.025em;--cw-tracking-normal:0;--cw-tracking-wide:0.025em;--cw-space-0:0;--cw-space-1:0.25rem;--cw-space-2:0.5rem;--cw-space-3:0.75rem;--cw-space-4:1rem;--cw-space-5:1.5rem;--cw-space-6:2rem;--cw-space-8:3rem;--cw-space-10:4rem;--cw-space-12:6rem;--cw-space-16:8rem;--cw-radius-sm:8px;--cw-radius-md:12px;--cw-radius-lg:16px;--cw-radius-xl:20px;--cw-radius-2xl:24px;--cw-radius-3xl:32px;--cw-radius-full:9999px;--cw-shadow-xs:0 1px 2px #0000000d;--cw-shadow-sm:0 2px 8px #0000000f;--cw-shadow-md:0 6px 16px #00000014;--cw-shadow-lg:0 12px 28px #0000001f;--cw-shadow-xl:0 20px 40px #00000029;--cw-shadow-2xl:0 30px 60px #0003;--cw-shadow-ocean:0 12px 28px #066af24d;--cw-shadow-sky:0 8px 20px #5df0ff66;--cw-shadow-sun:0 8px 20px #ffb85c66;--cw-shadow-success:0 8px 20px #10b9814d;--cw-shadow-inner:inset 0 2px 4px #0000000f;--cw-shadow_premium_icon:0 20px 40px #0003,0 15px 15px #0000001a;--cw-glow-ocean:0 0 30px #066af280;--cw-glow-sun:0 0 30px #ffb85c80;--cw-glow-white:0 0 40px #fff6;--cw-border-width-thin:1px;--cw-border-width-base:2px;--cw-border-width-thick:3px;--cw-border-width-heavy:4px;--cw-z-base:0;--cw-z-dropdown:1000;--cw-z-sticky:1020;--cw-z-fixed:1030;--cw-z-modal:1040;--cw-z-popover:1050;--cw-z-tooltip:1060;--cw-duration-instant:100ms;--cw-duration-fast:150ms;--cw-duration-base:250ms;--cw-duration-slow:400ms;--cw-duration-slower:600ms;--cw-ease-linear:linear;--cw-ease-in:cubic-bezier(0.4,0,1,1);--cw-ease-out:cubic-bezier(0,0,0.2,1);--cw-ease-in-out:cubic-bezier(0.4,0,0.2,1);--cw-ease-bounce:cubic-bezier(0.68,-0.55,0.27,1.55);--cw-ease-soft:cubic-bezier(0.34,1.56,0.64,1);--cw-anim-pulse-glow:pulse-glow-premium 3s ease-in-out infinite;--cw-anim-float-soft:float-premium 4s ease-in-out infinite;--cw-header-height:80px;--cw-header-height-scrolled:64px;--cw-container-sm:640px;--cw-container-md:768px;--cw-container-lg:1024px;--cw-container-xl:1200px;--cw-container-2xl:1400px;--cw-breakpoint-sm:640px;--cw-breakpoint-md:768px;--cw-breakpoint-lg:1024px;--cw-breakpoint-xl:1280px;--cw-breakpoint-2xl:1536px}@media (max-width:768px){:root{--cw-text-xl:1.125rem;--cw-text-2xl:1.25rem;--cw-text-3xl:1.5rem;--cw-text-4xl:1.875rem;--cw-text-5xl:2.25rem;--cw-space-5:1.25rem;--cw-space-6:1.75rem;--cw-space-8:2.5rem}}@media (prefers-reduced-motion:reduce){:root{--cw-duration-instant:0ms;--cw-duration-fast:0ms;--cw-duration-base:0ms;--cw-duration-slow:0ms;--cw-duration-slower:0ms}*{animation-duration:0ms!important;transition-duration:0ms!important}}.shadow-sm{box-shadow:0 2px 8px #0000000f;box-shadow:var(--cw-shadow-sm)}.shadow-md{box-shadow:0 6px 16px #00000014;box-shadow:var(--cw-shadow-md)}.shadow-lg{box-shadow:0 12px 28px #0000001f;box-shadow:var(--cw-shadow-lg)}.shadow-xl{box-shadow:0 20px 40px #00000029;box-shadow:var(--cw-shadow-xl)}.rounded-sm{border-radius:8px;border-radius:var(--cw-radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--cw-radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--cw-radius-lg)}.rounded-xl{border-radius:20px;border-radius:var(--cw-radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--cw-radius-full)}.text-ocean{color:#066af2;color:var(--cw-ocean-500)}.text-success{color:#10b981;color:var(--cw-success-500)}.text-warning{color:#f59e0b;color:var(--cw-warning-500)}.text-error{color:#ef4444;color:var(--cw-error-500)}.text-gray{color:#475569;color:var(--cw-gray-600)}.bg-ocean{background:#066af2;background:var(--cw-ocean-500)}.bg-ocean-grad{background:linear-gradient(135deg,#066af2,#3aa0ff);background:var(--cw-ocean-grad)}.bg-sky-grad{background:linear-gradient(135deg,#5df0ff,#066af2);background:var(--cw-sky-grad)}.bg-sun-grad{background:linear-gradient(135deg,#ffe47a,#ffb85c);background:var(--cw-sun-grad)}@media print{:root{--cw-shadow-sm:none;--cw-shadow-md:none;--cw-shadow-lg:none;--cw-shadow-xl:none;--cw-shadow-2xl:none}}body,html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;position:relative;scroll-behavior:smooth;width:100%}#root,body,html{height:100%}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cw-bg-main);font-family:var(--cw-font-body);line-height:var(--cw-leading-normal);margin:0;padding-top:env(safe-area-inset-top)}body,h1,h2,h3,h4,h5,h6{color:var(--cw-gray-900)}h1,h2,h3,h4,h5,h6{font-family:var(--cw-font-display);margin-top:0}[dir=rtl] body{text-align:right}.app-root{display:flex;flex-direction:column;min-height:100vh}.main-area{flex:1 1;margin:0 auto;max-width:1280px;padding:80px var(--cw-space-4) var(--cw-space-8);width:100%}@media (min-width:768px){.main-area{padding:100px var(--cw-space-6) var(--cw-space-12)}}.cw-container{margin:0 auto;max-width:1200px;padding:0 var(--cw-space-4);width:100%}@media (min-width:768px){.cw-container{padding:0 var(--cw-space-8)}}img{height:auto;max-width:100%}.fade-in{animation:fadeIn .5s ease-out}footer{align-items:center;background:#0000;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:18px 24px}@media (max-width:600px){footer{flex-direction:column;gap:6px;text-align:center}footer .badge{font-size:16px}footer .meta{font-size:12px}}.brand{align-items:center;display:flex;gap:12px}.logo{background-image:url("/static/media/Untitled%20design%20(19).07e71fc22b64a7416be5.png");background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:14px;box-shadow:0 4px 15px #00000026;display:block;height:50px;width:50px}.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:.85;margin-left:8px}.code-text,.wave-text{color:#066af2;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;text-transform:none}.wave-text{margin-top:-2px}nav a{border-radius:14px;color:var(--text-primary);font-weight:700;margin-right:14px;padding:10px 14px;text-decoration:none;transition:.18s}nav a:hover{background:var(--accent-grad);color:#003049}nav a.active{background:#ffffffaa;box-shadow:var(--shadow-soft)}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:992px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:3px solid #ffffffe6;border-radius:var(--round);box-shadow:var(--shadow);padding:18px;transition:.25s}.card:hover{box-shadow:0 16px 32px #0000001f;transform:translateY(-5px)}.lesson-video{align-items:center;background:var(--accent-grad);border-radius:16px;color:#004258;display:flex;font-size:22px;font-weight:900;height:150px;justify-content:center;margin-bottom:14px}.btn{background:var(--primary-grad);border:none;border-radius:var(--round);box-shadow:0 8px 18px #066af242;color:#fff;cursor:pointer;display:inline-block;font-weight:800;padding:12px 18px;transition:.22s;user-select:none;-webkit-user-select:none}.btn:hover{box-shadow:0 10px 24px #066af252;transform:translateY(-3px)}.btn-soft{background:var(--accent-2-grad);color:#3a2b00}.progress-wrap{align-items:center;display:flex;gap:12px}.progress-bar{background:#fff;border:2px solid #0000000a;border-radius:999px;flex:1 1;height:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2));height:100%;transition:width .4s ease;width:0}.chat-area{display:flex;flex-direction:column;gap:14px;height:440px}.chat-log{background:linear-gradient(180deg,#fff,#f0faff);border-radius:16px;flex:1 1;overflow:auto;padding:14px}.chat-message{border-radius:16px;max-width:80%;padding:10px 14px}.chat-message.user{align-self:flex-end;background:#e8faff}.chat-message.bot{align-self:flex-start;background:#fff6e6}.badge{background:var(--accent-2-grad);border-radius:999px;color:#4b3202;display:inline-block;font-weight:800;padding:6px 12px}.kid-title{font-size:22px;margin:0 0 10px}.meta{color:var(--text-soft);font-size:13px}.question-card{background:#fffc;border:2px solid #eaf3ff;border-radius:16px;box-shadow:0 4px 12px #00000008;margin-bottom:24px;padding:20px;transition:.3s}.question-text{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:16px}.choice-label{cursor:pointer;display:block;margin-top:10px;position:relative}.choice-label input{display:none}.choice-card{align-items:center;background:#fff;border:2px solid #e0efff;border-radius:12px;color:var(--text-secondary);display:flex;font-weight:600;padding:12px 16px;transition:all .2s ease}.choice-label:hover .choice-card{background:#f0f8ff;border-color:var(--primary-light);transform:translateX(5px)}.choice-label input:checked+.choice-card{background:var(--accent-grad);border-color:#0000;box-shadow:0 4px 12px #5df0ff66;color:#003049;transform:scale(1.02)}.score-overlay{align-items:center;animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.score-modal{animation:dropIn .8s cubic-bezier(.68,-.55,.27,1.55) forwards;background:#fff;border:4px solid #fff;border-radius:30px;box-shadow:0 20px 60px #066af240;max-width:400px;padding:40px;position:relative;text-align:center;width:90%}.score-circle{align-items:center;background:var(--accent-grad);border:5px solid #fff;border-radius:50%;box-shadow:0 10px 25px #5df0ff80;color:#003049;display:flex;font-size:3rem;font-weight:900;height:140px;justify-content:center;margin:0 auto 20px;width:140px}.star{animation:popStar .6s ease-out forwards;background:var(--accent-2-grad);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:40px;opacity:0;position:absolute;width:40px;z-index:-1}.star-1{animation-delay:.8s;right:-20px;top:-20px;transform:rotate(15deg)}.star-2{animation-delay:1s;bottom:-10px;height:30px;left:-20px;transform:rotate(-15deg);width:30px}.star-3{animation-delay:1.2s;height:25px;right:-40px;top:40%;width:25px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dropIn{0%{opacity:0;transform:translateY(-100vh) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popStar{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.4) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}.video-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f263df2;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.video-modal-content{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275);background:#000;border:4px solid var(--accent);border-radius:20px;box-shadow:0 20px 50px #00000080;max-width:1000px;overflow:hidden;position:relative;width:100%}.close-video-btn{align-items:center;background:#ff5e57;border:none;border-radius:50%;box-shadow:0 4px 12px #ff5e5766;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;right:0;top:-60px;transition:transform .2s;width:50px}.close-video-btn:hover{transform:scale(1.1) rotate(90deg)}.lesson-card-visual{background:var(--bg);border:2px dashed #d0e6ff;border-radius:16px;height:140px;margin-bottom:16px;overflow:hidden;position:relative}.lesson-card-visual,.play-icon-wrapper{align-items:center;display:flex;justify-content:center}.play-icon-wrapper{background:var(--primary-grad);border-radius:50%;box-shadow:0 8px 20px #066af24d;height:60px;transition:transform .3s ease;width:60px}.card:hover .play-icon-wrapper{transform:scale(1.15)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login-wrapper{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:fadeIn .5s ease-out;background:var(--card);border:4px solid #ffffffd9;border-radius:var(--round);box-shadow:var(--shadow);max-width:420px;padding:32px;width:100%}.login-title{-webkit-text-fill-color:#0000;background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin:0;text-align:center}.login-sub{color:var(--text-soft);font-size:14px;font-weight:500;margin:8px 0 24px;text-align:center}.login-form{gap:18px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:6px}.input-group label{color:var(--text-primary);font-weight:700}.input-group input{background:#fff;border:2px solid #d9e8ff;border-radius:14px;font-size:15px;outline:none;padding:12px 14px;transition:.2s}.input-group input:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px #066af226}.login-btn{border-radius:var(--round);font-size:17px;font-weight:900;margin-top:4px;width:100%}@keyframes pulse-glow-premium{0%,to{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(255,255,255,.6));transform:scale(1.05)}}@keyframes float-premium{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-pulse-glow{animation:pulse-glow-premium 3s ease-in-out infinite}.animate-float-premium{animation:float-premium 4s ease-in-out infinite}
/*# sourceMappingURL=main.e1ec3c01.css.map*/