@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap";:root{--primary-color: #5b21b6;--secondary-color: #7e22ce;--accent-color: #ea580c;--tertiary-color: #c2410c;--white: #FFFFFF;--light-gray: #F8F9FA;--gray: #6C757D;--dark-gray: #343A40;--success: #28A745;--warning: #FFC107;--danger: #DC3545;--gradient-primary: linear-gradient(120deg, #2d1b69 0%, #5b21b6 20%, #7e22ce 35%, #be185d 55%, #c2410c 75%, #ea580c 100%);--gradient-secondary: linear-gradient(135deg, #5b21b6 0%, #ea580c 100%);--gradient-accent: linear-gradient(135deg, #7e22ce 0%, #c2410c 100%);--gradient-warm: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);--gradient-cool: linear-gradient(135deg, #2d1b69 0%, #5b21b6 100%);--gradient-purple: linear-gradient(135deg, #5b21b6 0%, #7e22ce 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .2);--shadow-xl: 0 15px 35px rgba(0, 0, 0, .25);--shadow-primary: 0 8px 25px rgba(91, 33, 182, .3);--shadow-secondary: 0 8px 25px rgba(126, 34, 206, .3);--shadow-accent: 0 8px 25px rgba(234, 88, 12, .3);--shadow-tertiary: 0 8px 25px rgba(194, 65, 12, .3);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50px;--opacity-light: .1;--opacity-medium: .3;--opacity-heavy: .7}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--light-gray);direction:rtl;text-align:right;line-height:1.6;color:var(--dark-gray);overflow-x:hidden;width:100%;max-width:100vw}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}*{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}img{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;drag:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;pointer-events:none!important;position:relative}img.clickable,img[onclick],.interactive img{pointer-events:auto!important}img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1;pointer-events:none}video{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;pointer-events:none!important}video.interactive,video[controls]{pointer-events:auto!important}.protected-text,.copyright,.watermark{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}@media print{*{display:none!important}body:before{content:"هذا المحتوى محمي ولا يمكن طباعته";display:block!important;text-align:center;font-size:24px;color:#000;margin-top:50px}}body{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}a{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important}::-webkit-scrollbar-track{background-color:transparent}*{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important}*{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important}.sensitive-content,.protected-area,.no-select{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important}.no-copy{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;pointer-events:none!important}.course-image,.lesson-image,.educational-content img{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;pointer-events:none!important;position:relative}.protected-image{position:relative;display:inline-block}.protected-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:2;pointer-events:none}img[title],img[alt]{title:none!important}.dev-tools-warning{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ff0000e6;color:#fff;display:none;justify-content:center;align-items:center;z-index:9999999;font-size:24px;text-align:center}.lesson-content,.course-material,.study-material{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.sensitive-blur{filter:blur(0px);transition:filter .1s ease}.watermark-text{background:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.1) 25%,transparent 25%);background-size:20px 20px;background-position:0 0,0 10px}button,.btn,.button,.clickable,.interactive{pointer-events:auto!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}@media (max-width: 768px){*{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}img{-webkit-touch-callout:none!important;-webkit-user-select:none!important}}.navbar{background:var(--white);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;padding:var(--spacing-sm) 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;z-index:1001;order:3}.logo-image{height:70px;width:auto;object-fit:contain;transition:transform .3s ease}.logo-image:hover{transform:scale(1.08)}.logo-fallback{display:flex;align-items:center;gap:var(--spacing-xs)}.logo-icon{font-size:2.5rem}.logo-text{font-size:1.8rem;font-weight:700;color:var(--accent-color)}.nav-menu{display:flex;gap:var(--spacing-lg);order:2}.nav-link{text-decoration:none;color:var(--dark-gray);font-weight:600;transition:color .3s ease;position:relative;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.nav-link:hover{color:#227e22;background:#227e221a}.nav-link:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-link:hover:after{width:80%}.nav-auth{display:flex;align-items:center;order:1}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-info{display:flex;align-items:center;gap:var(--spacing-xs)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:1.2rem}.user-name{font-weight:600;color:var(--dark-gray)}.login-btn,.logout-btn{background:var(--gradient-primary);color:var(--white);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;font-size:.95rem}.login-btn:hover,.logout-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.logout-btn{background:var(--danger)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--dark-gray);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .3s ease;z-index:1001}.mobile-menu-btn:hover{background:#227e221a;color:#227e22}.mobile-menu-btn:focus{outline:none;box-shadow:0 0 0 2px #ff6b354d}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:0;right:-350px;width:350px;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-shadow:-10px 0 40px #00000026;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow-y:auto;display:flex;flex-direction:column;border-top-left-radius:30px;border-bottom-left-radius:30px;border-left:3px solid rgba(255,107,53,.3)}.mobile-menu.active .mobile-menu-content{right:0;box-shadow:-20px 0 60px #0003}.mobile-menu-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.2);background:var(--gradient-primary);color:var(--white);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 20px #ff6b354d;position:relative}.mobile-menu-logo{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:transform .3s ease}.mobile-menu-logo:hover{transform:scale(1.05)}.mobile-logo-image{height:85px;width:auto;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 4px 12px rgba(255,255,255,.3))}.mobile-logo-image:hover{transform:scale(1.1)}.mobile-logo-fallback{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.mobile-logo-icon{font-size:3rem;color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.3)}.mobile-logo-text{font-size:1.4rem;font-weight:700;color:var(--white);text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3)}.mobile-menu-close{background:#fff3;border:none;color:var(--white);font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0003;position:absolute;top:50%;left:var(--spacing-lg);transform:translateY(-50%)}.mobile-menu-close:hover{background:#ffffff4d;transform:translateY(-50%) rotate(90deg) scale(1.1)}.mobile-menu-body{flex:1;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(180deg,#ffffff1a,#ffffff0d)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.mobile-nav-link{text-decoration:none;color:var(--accent-color);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;gap:var(--spacing-md);font-size:1.1rem;background:#ffffffb3;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.mobile-nav-link:before{font-size:1.4rem;transition:transform .3s ease}.mobile-nav-link:hover{background:linear-gradient(135deg,#ff6b3533,#f7931e33);color:#227e22;transform:translate(8px) translateY(-2px);box-shadow:0 8px 25px #ff6b354d;border-color:#ff6b3566}.mobile-nav-link:hover:before{transform:scale(1.2) rotate(5deg)}.mobile-nav-link:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.2),transparent);transition:left .5s ease}.mobile-nav-link:hover:after{left:100%}.mobile-nav-link:before{content:"📄";font-size:1.2rem}.mobile-nav-link[href="#home"]:before{content:"🏠"}.mobile-nav-link[href="#courses"]:before{content:"📚"}.mobile-nav-link[href="#about"]:before{content:"👥"}.mobile-nav-link[href="#contact"]:before{content:"📞"}.mobile-user-info{padding:var(--spacing-xl);background:linear-gradient(135deg,#fffc,#f8fafccc);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);border:1px solid rgba(34,126,34,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 25px #0000001a}.mobile-user-avatar{width:60px;height:60px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:1.5rem;margin:0 auto var(--spacing-sm)}.mobile-user-name{text-align:center;font-weight:700;color:var(--accent-color);font-size:1.2rem;margin-bottom:var(--spacing-xs)}.mobile-user-details{text-align:center;color:var(--gray);font-size:.9rem}.mobile-auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-login-btn,.mobile-logout-btn{width:100%;padding:var(--spacing-lg);border:none;border-radius:var(--radius-xl);font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden}.mobile-login-btn{background:var(--gradient-primary);color:var(--white);box-shadow:0 8px 25px #227e2266}.mobile-logout-btn{background:var(--gradient-secondary);color:var(--white);box-shadow:0 8px 25px #1b365d66}.mobile-login-btn:hover,.mobile-logout-btn:hover{transform:translateY(-4px) scale(1.02)}.mobile-login-btn:hover{box-shadow:0 12px 35px #227e2280}.mobile-logout-btn:hover{box-shadow:0 12px 35px #1b365d80}.mobile-login-btn:before,.mobile-logout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease}.mobile-login-btn:hover:before,.mobile-logout-btn:hover:before{width:300px;height:300px}@media (max-width: 1023px){.nav-container{padding:0 var(--spacing-sm)}.nav-menu,.nav-auth{display:none}.mobile-menu-btn,.mobile-menu{display:block}.nav-logo{margin-right:20px}.logo-image{height:65px}.logo-text{font-size:1.6rem}.logo-icon{font-size:2.4rem}}@media (max-width: 480px){.nav-container{padding:0 var(--spacing-xs)}.nav-logo{margin-right:16px}.logo-image{height:58px}.logo-text{font-size:1.5rem}.logo-icon{font-size:2.2rem}.mobile-menu-content{width:320px}.mobile-menu-header,.mobile-menu-body{padding:var(--spacing-lg) var(--spacing-md)}.mobile-nav-link{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}.mobile-logo-image{height:70px}.mobile-logo-text{font-size:1.4rem}.mobile-logo-icon{font-size:2.7rem}}@media (max-width: 360px){.nav-logo{margin-right:12px}.logo-image{height:52px}.logo-text{font-size:1.3rem}.logo-icon{font-size:2rem}}.navbar.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(34,126,34,.1)}@media (prefers-reduced-motion: reduce){.nav-link:after,.mobile-nav-link,.mobile-menu-content{transition:none}}@media (prefers-color-scheme: dark){.navbar{background:#2d2d2d;border-bottom:1px solid #404040}.nav-link,.user-name{color:#e0e0e0}.nav-link:hover{color:#227e22}.mobile-menu-content{background:#2d2d2d}.mobile-nav-link{color:#e0e0e0}.mobile-user-info{background:#404040}.mobile-menu-btn{color:#e0e0e0}.mobile-menu-btn:hover{color:#227e22}}.hero-banner{background:linear-gradient(120deg,#2d1b69,#5b21b6 20%,#7e22ce 35%,#be185d,#c2410c 75%,#ea580c);color:var(--white);padding:var(--spacing-2xl) 0;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:2}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;margin-bottom:var(--spacing-2xl)}.hero-text{text-align:right}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:var(--spacing-md);line-height:1.2}.title-prefix{display:block;font-size:2rem;opacity:.9;margin-bottom:var(--spacing-xs)}.teacher-name{display:block;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.8)}.hero-subtitle{font-size:1.4rem;margin-bottom:var(--spacing-xl);opacity:.95;line-height:1.7}.highlight{color:#f8fafc;font-weight:700}.cta-button{background:var(--white);color:var(--primary-color);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-lg)}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.button-arrow{transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translate(-5px)}.hero-image{position:relative;display:flex;justify-content:center}.teacher-photo{position:relative}.photo-frame{width:300px;height:300px;border-radius:var(--radius-xl);background:var(--white);padding:var(--spacing-md);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.photo-placeholder{width:100%;height:100%;background:var(--gradient-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:4rem}.photo-decoration{position:absolute;top:-10px;right:-10px;width:60px;height:60px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;box-shadow:var(--shadow-md)}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.float-element{position:absolute;font-size:2rem;animation:float 3s ease-in-out infinite}.element-1{top:10%;left:-20%;animation-delay:0s}.element-2{top:20%;right:-20%;animation-delay:1s}.element-3{bottom:20%;left:-15%;animation-delay:2s}.element-4{bottom:10%;right:-15%;animation-delay:.5s}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);text-align:center}.stat-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.2)}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#fff!important;margin-bottom:var(--spacing-xs);background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#FFFFFF!important;background-clip:unset!important}.stat-label{font-size:1rem;opacity:.9;color:#fff}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.photo-frame{width:250px;height:250px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-stats{grid-template-columns:1fr;gap:var(--spacing-md)}}.courses-sectionsectioncourse{padding:var(--spacing-2xl) 0;background:var(--white)}.courses-containersectioncourse{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-headersectioncourse{text-align:center;margin-bottom:var(--spacing-xl)}.section-titlesectioncourse{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:var(--spacing-lg);position:relative;display:inline-block}.section-titlesectioncourse:before{content:"📚";position:absolute;right:-45px;top:50%;transform:translateY(-50%);font-size:2rem}.section-titlesectioncourse:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:120px;height:6px;background:var(--gradient-primary);border-radius:3px}.section-subtitlesectioncourse{font-size:1.2rem;color:var(--gray)}.courses-gridsectioncourse{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}@media (min-width: 768px) and (max-width: 1023px){.courses-gridsectioncourse{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.course-cardsectioncourse:nth-child(3){grid-column:1 / -1;justify-self:center;max-width:calc(50% - var(--spacing-lg) / 2);width:100%}}@media (min-width: 1024px){.courses-gridsectioncourse{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:900px;margin:0 auto var(--spacing-2xl) auto;justify-content:center}}@media (min-width: 1200px){.courses-gridsectioncourse{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl);max-width:1000px;margin:0 auto var(--spacing-2xl) auto}.course-titlesectioncourse{font-size:1.5rem}.course-btnsectioncourse{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-lg)}}@media (min-width: 1400px){.courses-containersectioncourse{max-width:1400px}.courses-gridsectioncourse{max-width:1100px;gap:40px}.course-contentsectioncourse{padding:var(--spacing-lg) var(--spacing-lg)}}.course-cardsectioncourse{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #0000001a;border:2px solid rgba(255,255,255,.8);transition:all .4s ease;position:relative;display:flex;flex-direction:column;height:100%;min-height:0!important}.course-cardsectioncourse:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;z-index:1;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.course-cardsectioncourse.primarysectioncourse:before{background:#00712d}.course-cardsectioncourse.secondarysectioncourse:before{background:#d29d31}.course-cardsectioncourse.accentsectioncourse:before{background:#23403d}.course-cardsectioncourse.highschool1sectioncourse:before{background:#282944}.course-cardsectioncourse.highschool2sectioncourse:before{background:#634535}.course-cardsectioncourse.highschool3sectioncourse:before{background:#23403d}.course-cardsectioncourse:hover{transform:translateY(-10px);box-shadow:0 8px 35px #00000026;border-color:#fff}.course-imagesectioncourse{position:relative;width:100%;height:auto;overflow:hidden}.course-imgsectioncourse{width:100%;height:auto;object-fit:contain;object-position:center;transition:transform .3s ease}.course-cardsectioncourse:hover .course-imgsectioncourse{transform:scale(1.05)}.course-contentsectioncourse{padding:var(--spacing-md) var(--spacing-md);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0!important;height:auto!important;flex-grow:1;justify-content:space-between}.course-titlesectioncourse{font-size:1.4rem;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.3;font-family:Cairo,Tajawal,Amiri,Arial,sans-serif}.course-cardsectioncourse.primarysectioncourse .course-titlesectioncourse{color:#00712d}.course-cardsectioncourse.secondarysectioncourse .course-titlesectioncourse{color:#d29d31}.course-cardsectioncourse.accentsectioncourse .course-titlesectioncourse{color:#23403d}.course-cardsectioncourse.highschool1sectioncourse .course-titlesectioncourse{color:#282944}.course-cardsectioncourse.highschool2sectioncourse .course-titlesectioncourse{color:#634535}.course-cardsectioncourse.highschool3sectioncourse .course-titlesectioncourse{color:#23403d}.course-descriptionsectioncourse{color:var(--gray);margin:0;line-height:1.4}.course-btnsectioncourse{color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:20px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .4s ease;width:100%;margin:0;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.course-cardsectioncourse.primarysectioncourse .course-btnsectioncourse{background:#00712d;box-shadow:0 4px 15px #00712d4d}.course-cardsectioncourse.primarysectioncourse .course-btnsectioncourse:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00712d66;background:#00712d}.course-cardsectioncourse.secondarysectioncourse .course-btnsectioncourse{background:#d29d31;box-shadow:0 4px 15px #d29d314d}.course-cardsectioncourse.secondarysectioncourse .course-btnsectioncourse:hover{transform:translateY(-3px);box-shadow:0 8px 25px #d29d3166;background:#d29d31}.course-cardsectioncourse.accentsectioncourse .course-btnsectioncourse{background:#23403d;box-shadow:0 4px 15px #0000004d}.course-cardsectioncourse.accentsectioncourse .course-btnsectioncourse:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0006;background:#23403d}.course-cardsectioncourse.highschool1sectioncourse .course-btnsectioncourse{background:#282944;box-shadow:0 4px 15px #2829444d}.course-cardsectioncourse.highschool1sectioncourse .course-btnsectioncourse:hover{transform:translateY(-3px);box-shadow:0 8px 25px #28294480;background:#1f1f33}.course-cardsectioncourse.highschool2sectioncourse .course-btnsectioncourse{background:#634535;box-shadow:0 4px 15px #6345354d}.course-cardsectioncourse.highschool2sectioncourse .course-btnsectioncourse:hover{transform:translateY(-3px);box-shadow:0 8px 25px #63453580;background:#533828}.course-cardsectioncourse.highschool3sectioncourse .course-btnsectioncourse{background:#23403d;box-shadow:0 4px 15px #332e324d}.course-cardsectioncourse.highschool3sectioncourse .course-btnsectioncourse:hover{transform:translateY(-3px);box-shadow:0 8px 25px #332e3280;background:#23403d}.course-btnsectioncourse:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.course-btnsectioncourse:hover:before{left:100%}.courses-footersectioncourse{text-align:center}.view-all-btnsectioncourse{background:var(--gradient-secondary);color:var(--white);border:none;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:30px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .4s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 6px 20px #dc26264d;text-transform:uppercase;letter-spacing:.8px}.view-all-btnsectioncourse:hover{transform:translateY(-4px);box-shadow:0 10px 30px #dc262666;background:var(--gradient-secondary)}.btn-iconsectioncourse{font-size:1.2rem}@media (max-width: 768px){.section-titlesectioncourse{text-align:right!important;display:block!important;margin-right:20px!important;margin-left:auto!important;width:fit-content!important;margin-bottom:var(--spacing-lg);font-size:2rem}.section-titlesectioncourse:before{right:-30px;font-size:1.5rem}.section-titlesectioncourse:after{width:80px;height:4px;bottom:-12px;left:auto!important;right:0!important;transform:none!important}.section-subtitlesectioncourse{text-align:center;display:block;margin:0 auto}.courses-gridsectioncourse{grid-template-columns:1fr;gap:var(--spacing-lg)}.course-imagesectioncourse{height:auto}.course-titlesectioncourse{font-size:1.4rem}.course-btnsectioncourse{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}}@media (max-width: 480px){.section-titlesectioncourse{text-align:right!important;display:block!important;margin-right:15px!important;margin-left:auto!important;width:fit-content!important;margin-bottom:var(--spacing-lg);font-size:1.2rem}.section-titlesectioncourse:before{right:-25px;font-size:1.2rem}.section-titlesectioncourse:after{width:70px;height:3px;bottom:-10px;left:auto!important;right:0!important;transform:none!important}.section-subtitlesectioncourse{text-align:center;display:block;margin:0 auto}.course-imagesectioncourse{height:auto}.course-contentsectioncourse{padding:var(--spacing-md)}.course-titlesectioncourse{font-size:1.3rem}.course-btnsectioncourse{padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem}.view-all-btnsectioncourse{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}}.foundation-section{padding:var(--spacing-xl) 0;background:var(--light-gray)}.foundation-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.foundation-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.foundation-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1e40af,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);line-height:1.3}.foundation-description{font-size:1.2rem;color:var(--gray);margin-bottom:var(--spacing-xl);line-height:1.7}.discover-btn{background:linear-gradient(135deg,#1e40af,#ec4899);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);box-shadow:0 8px 25px #1e40af4d}.discover-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #ec489966;background:linear-gradient(135deg,#ec4899,#1e40af)}.foundation-features{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm)}.feature-icon{font-size:1.2rem;color:#ec4899}.feature-text{color:var(--dark-gray);font-weight:600}.foundation-video{text-align:center}.video-container{position:relative;margin-bottom:var(--spacing-md)}.video-wrapper{position:relative;width:100%;height:300px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.youtube-video{width:100%;height:100%;border:none}.video-info{text-align:center}.video-title{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.video-description{color:var(--gray)}@media (max-width: 768px){.foundation-content{grid-template-columns:1fr}.foundation-title{font-size:2rem}.video-wrapper{height:200px}}.modern-footer-footermodernn{position:relative;background:linear-gradient(120deg,#2d1b69,#5b21b6 20%,#7e22ce 35%,#be185d,#c2410c 75%,#ea580c);color:#fff;padding:25px 0 0;overflow:hidden;border-top:6px solid rgb(255,255,255);border-radius:30px 30px 0 0;margin-top:20px}.modern-footer-footermodernn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="physics-pattern" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="1.5" fill="rgba(255,255,255,0.08)"/><circle cx="60" cy="30" r="1" fill="rgba(255,255,255,0.12)"/><circle cx="30" cy="70" r="1.2" fill="rgba(255,255,255,0.09)"/></pattern></defs><rect width="100" height="100" fill="url(%23physics-pattern)"/></svg>');opacity:.4}.footer-container-footermodernn{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.footer-content-footermodernn{padding:15px 0 10px;text-align:center}.footer-logo-container-footermodernn{margin-bottom:12px;position:relative;display:inline-block}.footer-logo-image-footermodernn{height:100px;width:100px;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));border:4px solid rgba(255,255,255,.9);border-radius:50%;padding:8px;background:#7e22ce1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-logo-image-footermodernn:hover{transform:scale(1.05) rotate(1deg);filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));border-color:#fff;background:#7e22ce26;box-shadow:0 0 30px #7e22ce4d}.footer-logo-fallback-footermodernn{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-logo-fallback-footermodernn .footer-logo-footermodernn{font-size:3.5rem;margin-bottom:8px;background:linear-gradient(45deg,#5b21b6,#7e22ce,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:physics-glow-footermodernn 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(126,34,206,.5));display:inline-block}@keyframes physics-glow-footermodernn{0%,to{filter:drop-shadow(0 0 20px rgba(126,34,206,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(234,88,12,.7));transform:scale(1.05)}}.footer-logo-fallback-footermodernn .footer-title-footermodernn{font-size:2.2rem;font-weight:800;margin-bottom:8px;background:linear-gradient(45deg,#fff,#fef2f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.3)}.teacher-name-footermodernn{font-size:1.1rem;color:#fff;font-weight:700;margin-bottom:12px;text-shadow:0 0 15px rgba(0,0,0,.8)}.brand-description-footermodernn{font-size:.95rem;line-height:1.4;opacity:.9;color:#fef2f2;max-width:450px;margin:0 auto 12px}.footer-bottom-footermodernn{border-top:1px solid rgba(126,34,206,.3);padding:10px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.copyright-footermodernn,.powered-by-footermodernn{color:#fff;font-size:.9rem}.od-link-footermodernn{color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;text-shadow:0 0 10px rgba(0,0,0,.8)}.od-link-footermodernn:hover{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8)}.floating-physics-footermodernn{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.physics-element-footermodernn{position:absolute;color:#fff3;font-size:1.3rem;animation:float-physics-footermodernn 6s ease-in-out infinite}.element-1-footermodernn{top:20%;left:15%;animation-delay:0s}.element-2-footermodernn{top:30%;right:20%;animation-delay:2s}.element-3-footermodernn{bottom:40%;left:25%;animation-delay:4s}.element-4-footermodernn{bottom:50%;right:15%;animation-delay:1s}.element-5-footermodernn{top:60%;left:70%;animation-delay:3s}.element-6-footermodernn{top:80%;right:40%;animation-delay:5s}@keyframes float-physics-footermodernn{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-15px) rotate(10deg);opacity:.4}}@media (max-width: 768px){.footer-content-footermodernn{padding:12px 0 8px}.footer-logo-fallback-footermodernn .footer-title-footermodernn{font-size:1.8rem}.teacher-name-footermodernn{font-size:1rem}.brand-description-footermodernn{font-size:.85rem}.footer-logo-image-footermodernn{height:90px;width:90px;border-radius:50%;padding:6px}.footer-logo-fallback-footermodernn .footer-logo-footermodernn{font-size:3rem}}@media (max-width: 480px){.modern-footer-footermodernn{padding:20px 0 0}.footer-container-footermodernn{padding:0 15px}.footer-content-footermodernn{padding:10px 0 6px}.footer-logo-fallback-footermodernn .footer-title-footermodernn{font-size:1.5rem}.teacher-name-footermodernn{font-size:.95rem}.brand-description-footermodernn{font-size:.8rem}.footer-logo-image-footermodernn{height:80px;width:80px;border-radius:50%;padding:5px}.footer-logo-fallback-footermodernn .footer-logo-footermodernn{font-size:2.5rem;margin-bottom:10px}.footer-bottom-footermodernn{flex-direction:column;text-align:center;gap:8px;padding:8px 0}.footer-bottom-footermodernn .powered-by-footermodernn{order:1}.footer-bottom-footermodernn .copyright-footermodernn{order:2}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--gradient-primary);position:relative;overflow-x:hidden}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(135deg,#1e40af1a,#ec48991a)}.auth-container{width:100%;max-width:480px;position:relative;z-index:1}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;box-shadow:0 25px 50px #0000001a,0 0 0 1px #fff3;position:relative;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.auth-card:hover{transform:translateY(-2px);box-shadow:0 35px 60px #00000026,0 0 0 1px #ffffff4d}.auth-header{text-align:center;margin-bottom:32px}.back-btn{background:#fff3;border:1px solid rgba(30,64,175,.3);padding:10px 16px;border-radius:12px;cursor:pointer;margin-bottom:20px;color:#1e40af;font-weight:600;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:8px;float:right;clear:both}.back-btn:hover{background:#1e40af1a;transform:translate(-3px);border-color:#1e40af}.auth-title{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#1e40af,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.2;clear:both;margin-top:20px}.auth-subtitle{color:var(--dark-gray);line-height:1.6;font-size:15px;font-weight:500;margin-bottom:8px}.security-notice{background:#1e40af1a;border:1px solid rgba(30,64,175,.2);border-radius:16px;padding:16px;margin:20px 0;font-size:13px;color:#1e40af;position:relative;overflow:hidden}.security-notice:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1e40af,#ec4899)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;position:relative}.form-label{display:flex;align-items:center;gap:6px;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.label-text{color:var(--tertiary-color);flex:1}.required{color:#ef4444;font-weight:700}.optional-badge{background:var(--success);color:#fff;fontSize:10px;padding:3px 8px;border-radius:6px;margin-right:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select{padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.form-input:focus,.form-select:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 4px #1e40af1a,0 4px 12px #1e40af26;background:#fff;transform:translateY(-1px)}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-hint{color:#6b7280;font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{flex-direction:row;align-items:flex-start;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.6;font-size:14px;font-weight:500}.checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid #e5e7eb;border-radius:6px;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-top:2px;background:#fffc}.checkbox-input:checked{background:#1e40af;border-color:#1e40af;transform:scale(1.05)}.checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.terms-link{color:#2563eb;text-decoration:none;font-weight:600;transition:color .3s ease}.terms-link:hover{text-decoration:underline;color:#ec4899}.forgot-password{text-align:left;margin-top:-8px}.forgot-link{background:none;border:none;color:#1e40af;text-decoration:none;font-size:14px;cursor:pointer;padding:0;font-weight:600;transition:all .3s ease}.forgot-link:hover{text-decoration:underline;color:#ec4899}.submit-btn{background:linear-gradient(135deg,#1e40af,#ec4899);color:#fff;border:none;padding:16px 24px;font-size:16px;font-weight:700;border-radius:14px;cursor:pointer;transition:all .3s ease;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #1e40af4d}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ec489966;background:linear-gradient(135deg,#ec4899,#1e40af)}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-switch{margin-top:32px;padding-top:28px;border-top:1px solid rgba(229,231,235,.5);position:relative}.switch-content{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:20px;background:#1e40af0d;border-radius:16px;border:1px solid rgba(30,64,175,.1);transition:all .3s ease}.switch-content:hover{background:#1e40af14;border-color:#7c3aed33;transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed1a}.switch-icon{font-size:2.5rem;flex-shrink:0;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.switch-text-content{flex:1}.switch-text{color:#374151;margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3}.switch-subtitle{color:#6b7280;margin:0;font-size:13px;font-weight:500;line-height:1.4}.switch-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;color:#fff;font-weight:700;cursor:pointer;font-size:16px;transition:all .3s ease;padding:16px 24px;border-radius:14px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 15px #2563eb4d}.switch-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.switch-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #7c3aed66;background:linear-gradient(135deg,#7c3aed,#2563eb)}.switch-btn:hover:not(:disabled):before{left:100%}.switch-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-icon{font-size:1.2em;transition:transform .3s ease}.switch-btn:hover .btn-icon{transform:scale(1.1)}.btn-text{font-weight:700;flex:1}.btn-arrow{font-size:1.1em;transition:transform .3s ease}.switch-btn:hover .btn-arrow{transform:translate(3px)}.auth-benefits{margin-top:32px;padding-top:24px;border-top:1px solid rgba(229,231,235,.5)}.benefits-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#1e40af,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-align:center}.benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefit-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#1e40af14;border:1px solid rgba(30,64,175,.1);transition:all .3s ease}.benefit-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed26;background:#7c3aed1f}.benefit-icon{font-size:20px;flex-shrink:0}.benefit-text{font-size:13px;color:#374151;font-weight:600;line-height:1.4}.security-info{background:#f8f9fae6;border:1px solid rgba(222,226,230,.5);border-radius:16px;padding:20px;margin:24px 0;font-size:13px;color:var(--gray);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.security-info h5{margin:0 0 12px;color:var(--dark-gray);font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.security-info ul{margin:0;padding-right:20px;line-height:1.6}.security-info li{margin-bottom:6px;font-weight:500}@media (max-width: 768px){.auth-page{padding:16px;min-height:100vh}.auth-card{padding:24px;border-radius:20px;margin:0}.auth-title{font-size:1.9rem}.auth-subtitle{font-size:14px}.form-row{grid-template-columns:1fr;gap:20px}.benefits-list{grid-template-columns:1fr;gap:10px}.benefit-item{padding:10px}.benefit-text{font-size:12px}.security-notice{padding:14px;font-size:12px}.security-info{padding:16px;font-size:12px}.submit-btn{padding:14px 20px;font-size:15px}}@media (max-width: 480px){.auth-page{padding:12px}.auth-card{padding:20px;border-radius:18px}.auth-title{font-size:1.7rem;margin-bottom:10px}.auth-subtitle{font-size:13px;margin-bottom:16px}.form-input,.form-select{padding:12px 14px;font-size:14px}.form-label{font-size:13px}.form-hint{font-size:11px}.checkbox-label{font-size:13px}.submit-btn{padding:12px 18px;font-size:14px}.security-notice{padding:12px;font-size:11px;margin:16px 0}.security-info{padding:14px;font-size:11px;margin:20px 0}.security-info h5{font-size:13px}.auth-benefits{margin-top:24px;padding-top:20px}.benefits-title{font-size:16px;margin-bottom:16px}.benefit-item{padding:8px}.benefit-icon{font-size:18px}.benefit-text{font-size:11px}.auth-switch{margin-top:24px;padding-top:20px}.switch-content{padding:16px;gap:12px}.switch-icon{font-size:2rem}.switch-text{font-size:14px}.switch-subtitle{font-size:12px}.switch-btn{padding:14px 20px;font-size:14px}}@media (max-width: 360px){.auth-card{padding:16px}.auth-title{font-size:1.5rem}.form-input,.form-select{padding:10px 12px}.submit-btn{padding:10px 16px;font-size:13px}.switch-content{padding:12px;gap:8px}.switch-icon{font-size:1.6rem}.switch-text{font-size:12px}.switch-subtitle{font-size:10px}.switch-btn{padding:10px 16px;font-size:12px}}@media (max-width: 320px){.auth-page{padding:8px}.auth-card{padding:14px;border-radius:16px}.auth-title{font-size:1.4rem}.auth-form,.form-group{gap:16px}}.dashboard-dashboard{min-height:100vh;background:var(--light-gray);padding:var(--spacing-xl) 0;position:relative}.dashboard-dashboard:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:var(--light-gray);z-index:-1;pointer-events:none}.dashboard-container-dashboard{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}body.dashboard-page{background:var(--light-gray)!important;min-height:100vh}body.dashboard-page .dashboard-dashboard{background:transparent}body.dashboard-page .dashboard-dashboard:after{display:none}.welcome-section-dashboard{margin-bottom:var(--spacing-2xl)}.welcome-card-dashboard{background:#5b21b6;color:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:0 20px 40px #5b21b666;position:relative;overflow:hidden}.welcome-card-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#5b21b6;opacity:.2}.welcome-header-dashboard{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);position:relative;z-index:2}.welcome-title-dashboard{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.welcome-text-desktop-dashboard{display:inline}.welcome-text-mobile-dashboard{display:none}.refresh-btn-dashboard{background:#fff3;border:none;color:var(--white);width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);flex-shrink:0}.refresh-btn-dashboard:hover{background:#ffffff4d;transform:rotate(180deg) scale(1.1);box-shadow:0 4px 20px #fff3}.refresh-btn-dashboard:disabled{opacity:.6;cursor:not-allowed;transform:none}.welcome-subtitle-dashboard{font-size:1.2rem;margin-bottom:var(--spacing-xl);opacity:.9;position:relative;z-index:2}.student-name-header-dashboard{position:relative;z-index:2;margin-bottom:var(--spacing-lg);text-align:right;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.student-name-dashboard{font-size:2rem;font-weight:800;font-style:italic;margin:0;font-family:Playfair Display,Georgia,Times New Roman,Amiri,Cairo,serif;letter-spacing:.8px;line-height:1.4;position:relative;flex:1;text-align:right;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.3),0 4px 8px rgba(0,0,0,.3);transition:all .3s ease}.student-name-dashboard:hover{color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.6),0 2px 0 rgba(255,255,255,.4),0 6px 12px rgba(0,0,0,.4);transform:translateY(-1px)}.student-name-dashboard:after{content:"";position:absolute;bottom:-6px;right:0;width:90px;height:2px;background:#fffc;border-radius:var(--radius-full);transition:all .3s ease;box-shadow:0 1px 3px #ffffff4d}.student-name-dashboard:hover:after{width:110px;background:#fff;box-shadow:0 2px 6px #fff6}.refresh-btn-name-dashboard{background:#fff3;border:2px solid rgba(255,255,255,.4);color:var(--white);width:55px;height:55px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:1.6rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 8px 25px #0003}.refresh-btn-name-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border-radius:50%;opacity:0;transition:opacity .3s ease}.refresh-btn-name-dashboard:hover{background:#ffffff4d;border-color:#fff9;transform:rotate(180deg) scale(1.1);box-shadow:0 12px 35px #0000004d}.refresh-btn-name-dashboard:hover:before{opacity:1}.refresh-btn-name-dashboard:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-btn-name-dashboard:disabled:hover{transform:none}.student-info-dashboard{display:flex;justify-content:center;gap:var(--spacing-2xl);flex-wrap:wrap;position:relative;z-index:2}.student-info-top-dashboard,.student-info-bottom-dashboard{display:contents}.info-item-dashboard{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#ffffff1a;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:120px;transition:all .3s ease}.info-item-dashboard:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.info-label-dashboard{font-size:.9rem;opacity:.8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value-dashboard{font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.course-management-dashboard{margin-bottom:var(--spacing-2xl)}.section-title-dashboard{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-md)}.section-title-dashboard:before{content:"📚";font-size:2.5rem}.section-title-dashboard:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:4px;background:#ea580c;border-radius:var(--radius-full)}@media (max-width: 768px){.section-title-dashboard:after{right:auto;left:50%;transform:translate(-50%);bottom:-8px;width:100px;background:#ea580c}}@media (max-width: 480px){.section-title-dashboard:after{width:80px;bottom:-6px}}@media (max-width: 360px){.section-title-dashboard:after{width:60px;height:3px;bottom:-5px}}.courses-count-dashboard{display:inline-flex;align-items:center;gap:12px;background:#ffffffe6;color:#475569;font-size:.95rem;font-weight:600;font-family:Cairo,sans-serif;padding:10px 18px;border-radius:25px;border:1px solid rgba(226,232,240,.5);box-shadow:0 4px 12px #00000014,inset 0 1px #fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.courses-count-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.3) 50%,transparent 100%)}.courses-count-dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f,inset 0 1px #ffffffe6;border-color:#6366f133}.courses-count-number{display:inline-flex;align-items:center;justify-content:center;background:#ea580c;color:#fff;font-weight:800;font-size:.85rem;min-width:24px;height:24px;border-radius:12px;padding:0 8px;box-shadow:0 2px 8px #ea580c4d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.courses-count-text{color:#64748b;font-weight:700;letter-spacing:.2px}.courses-grid-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.available-course-card-dashboard,.subscribed-course-card-dashboard{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a;border:3px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;transform:translateY(0)}.available-course-card-dashboard:before,.subscribed-course-card-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#ea580c;z-index:1}.available-course-card-dashboard:hover .course-image-dashboard,.subscribed-course-card-dashboard:hover .course-image-dashboard{transform:scale(1.08);filter:brightness(1.1)}.available-course-card-dashboard:hover .course-image-placeholder-dashboard,.subscribed-course-card-dashboard:hover .course-image-placeholder-dashboard{transform:scale(1.03);filter:brightness(1.1)}.course-image-container-dashboard:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);pointer-events:none;z-index:2}.available-course-card-dashboard:hover,.subscribed-course-card-dashboard:hover{transform:translateY(-12px);box-shadow:0 25px 50px #00000026;border-color:#5b21b64d}.course-image-container-dashboard{position:relative;width:100%;height:280px;overflow:hidden;margin:0;border-radius:0}.image-container-dashboard{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--light-gray)}.image-loading-spinner-dashboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:5px solid rgba(91,33,182,.2);border-top:5px solid #5b21b6;border-radius:50%;animation:imageSpinner 1s linear infinite;z-index:3}.course-image-dashboard{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:0}.course-image-dashboard:hover{transform:scale(1.05)}.course-image-dashboard.loading{opacity:0;transform:scale(.95)}.course-image-dashboard:not(.loading){opacity:1;transform:scale(1);animation:imageReveal 1s ease-out}@keyframes imageReveal{0%{opacity:0;transform:scale(.9);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}.course-image-placeholder-dashboard{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#5b21b6;color:var(--white);position:relative;overflow:hidden;border-radius:0}.course-image-placeholder-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="rgba(255,255,255,0.15)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');animation:movePattern 25s linear infinite}@keyframes movePattern{0%{transform:translate(0) translateY(0)}to{transform:translate(20px) translateY(20px)}}.image-placeholder-icon-dashboard{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.9;z-index:2;position:relative;animation:float 3s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.3)}.image-placeholder-text-dashboard{font-size:1.2rem;font-weight:700;text-align:center;opacity:.9;z-index:2;position:relative;max-width:85%;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.course-badge-overlay-dashboard{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:3}.course-status-overlay-dashboard{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:3}.course-badge-dashboard{padding:6px 12px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;display:inline-block;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);animation:badgePulse 2s ease-in-out infinite}.course-badge-dashboard.new{background:var(--success);color:var(--white)}.course-badge-dashboard.popular{background:var(--warning);color:var(--white)}.course-badge-dashboard.featured{background:var(--accent-color);color:var(--white)}.course-badge-dashboard.guarantee{background:var(--gradient-cool);color:var(--white)}.course-badge-dashboard.advanced{background:var(--accent-color);color:var(--white)}.course-badge-dashboard.intensive{background:var(--gradient-cool);color:var(--white)}.course-content-dashboard{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);position:relative}.course-name-dashboard{font-size:1.4rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative}.course-name-dashboard:before{content:"🎯";margin-left:var(--spacing-xs);font-size:1.1rem}.course-description-dashboard{color:var(--gray);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem}.course-features-dashboard{margin:var(--spacing-sm) 0 var(--spacing-md);padding:var(--spacing-md);background:#227e220d;border-radius:var(--radius-lg);border:1px solid rgba(34,126,34,.1);position:relative;overflow:hidden}.course-features-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ea580c;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.course-features-dashboard h6{font-size:1rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.course-features-dashboard h6:before{content:"✨";font-size:1.2rem;animation:sparkle 2s ease-in-out infinite}.features-list-dashboard{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-xs)}.features-list-dashboard li{position:relative;padding-right:var(--spacing-xl);color:var(--dark-gray);font-size:.9rem;line-height:1.5;font-weight:500;padding-top:2px;padding-bottom:2px}.features-list-dashboard li:before{content:"✓";position:absolute;right:0;top:2px;color:var(--white);font-weight:700;font-size:1rem;width:20px;height:20px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:0 2px 6px #28a7454d;animation:checkmark .5s ease-out}.course-progress-dashboard{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#28a7450d;border-radius:var(--radius-lg);border:1px solid rgba(40,167,69,.2);position:relative;overflow:hidden}.course-progress-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--success)}.progress-info-dashboard{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.progress-label-dashboard{font-size:.95rem;color:var(--dark-gray);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.progress-label-dashboard:before{content:"📈";font-size:1.1rem}.progress-percentage-dashboard{font-size:1.2rem;color:var(--success);font-weight:700;text-shadow:0 1px 2px rgba(40,167,69,.3)}.progress-bar-dashboard{width:100%;height:12px;background:#28a7451a;border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a;border:1px solid rgba(40,167,69,.2)}.progress-fill-dashboard{height:100%;background:var(--success);border-radius:var(--radius-full);transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 6px #28a74566}.progress-fill-dashboard:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progressShine 2.5s infinite}.progress-details-dashboard{text-align:center;margin-top:var(--spacing-sm);font-size:.85rem;color:var(--success);font-weight:600}.course-footer-dashboard{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:2px solid rgba(34,126,34,.1);margin-top:auto;position:relative}.course-footer-dashboard:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:#5b21b6;border-radius:var(--radius-full)}.course-price-dashboard{display:flex;align-items:baseline;gap:var(--spacing-xs)}.price-amount-dashboard{font-size:2rem;font-weight:800;color:#5b21b6;line-height:1;text-shadow:0 2px 4px rgba(91,33,182,.3)}.price-currency-dashboard{font-size:1rem;color:var(--gray);font-weight:600}.course-actions-dashboard{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.course-btn-dashboard{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:.95rem;min-height:45px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;-webkit-user-select:none;user-select:none}.course-btn-dashboard.subscribe{background:#5b21b6;color:var(--white);box-shadow:0 6px 20px #5b21b666;flex:1}.course-btn-dashboard.subscribe:hover{transform:translateY(-3px);box-shadow:0 12px 30px #5b21b680;background:#7e22ce}.course-btn-dashboard.primary{background:#5b21b6;color:var(--white);box-shadow:0 6px 20px #5b21b666;flex:1}.course-btn-dashboard.primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #5b21b680;background:#7e22ce}.course-btn-dashboard.secondary{background:var(--white);color:var(--gray);border:2px solid #e9ecef;flex:1}.course-btn-dashboard.secondary:hover{background:var(--gray);color:var(--white);border-color:var(--gray);transform:translateY(-2px)}.course-btn-dashboard.pending{background:var(--warning);color:#212529;cursor:not-allowed;animation:buttonPulse 2s infinite}@keyframes buttonPulse{0%,to{box-shadow:0 6px 20px #ffc10766}50%{box-shadow:0 6px 20px #ffc10799}}.course-btn-dashboard.approved{background:var(--success);color:var(--white);cursor:not-allowed;box-shadow:0 6px 20px #28a74566}.course-btn-dashboard.suspended{background:var(--gray);color:var(--white);cursor:not-allowed;box-shadow:0 6px 20px #6c757d66}.course-btn-dashboard.retry{background:#5b21b6;color:var(--white);box-shadow:0 6px 20px #5b21b666}.course-btn-dashboard.retry:hover{transform:translateY(-3px);box-shadow:0 12px 30px #5b21b680;background:#7e22ce}.status-badge-dashboard{font-size:.7rem;font-weight:700;padding:6px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.status-badge-dashboard.status-pending{background:#ffc10733;color:#856404;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status-badge-dashboard.status-approved,.status-badge-dashboard.approved{background:#28a74533;color:#155724}.status-badge-dashboard.status-rejected{background:#dc354533;color:#721c24}.status-badge-dashboard.status-suspended{background:#6c757d33;color:#383d41}.subscribed-course-card-dashboard{border:3px solid var(--success);background:var(--white)}.subscribed-course-card-dashboard:before{background:var(--success)}.empty-state-dashboard{text-align:center;padding:var(--spacing-2xl);background:#ffffffe6;border-radius:var(--radius-xl);border:2px dashed rgba(91,33,182,.3);margin:var(--spacing-xl) 0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state-dashboard .empty-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.7;animation:emptyIconFloat 3s ease-in-out infinite;color:#5b21b6}.empty-state-dashboard h4{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:700;font-size:1.5rem;position:relative;z-index:2}.empty-state-dashboard p{color:var(--gray);line-height:1.7;margin-bottom:var(--spacing-xl);position:relative;z-index:2;font-size:1.1rem}.refresh-btn-large-dashboard{background:#5b21b6;color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .4s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem;box-shadow:0 6px 20px #5b21b666;position:relative;z-index:2;text-transform:uppercase;letter-spacing:.5px}.refresh-btn-large-dashboard:hover{transform:translateY(-3px);box-shadow:0 12px 30px #5b21b680;background:#7e22ce}.refresh-btn-large-dashboard:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-stats-dashboard{margin-bottom:var(--spacing-2xl)}.stats-grid-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);align-items:stretch}.stat-card-dashboard{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(34,126,34,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:85px;height:100%;justify-content:center}.stat-card-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ea580c;z-index:1}.stat-card-dashboard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:#5b21b64d}.stat-icon-dashboard{font-size:2rem;padding:var(--spacing-xs);border-radius:var(--radius-lg);background:#227e221a;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid rgba(34,126,34,.2);transition:all .3s ease;flex-shrink:0;margin-bottom:0}.stat-card-dashboard:hover .stat-icon-dashboard{background:#227e2233;border-color:#227e2266;transform:scale(1.05)}.stat-info-dashboard{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;justify-content:center;gap:2px;width:100%}.stat-number-dashboard{font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:0;white-space:nowrap;color:#5b21b6;text-shadow:0 2px 8px rgba(91,33,182,.3);filter:drop-shadow(0 2px 4px rgba(91,33,182,.2))}@keyframes gradientShift{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-label-dashboard{color:var(--gray);font-size:.8rem;font-weight:600;line-height:1.2;text-align:center;max-width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:block;margin:0}.quick-actions-dashboard{margin-bottom:var(--spacing-2xl)}.actions-grid-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);align-items:stretch}.action-card-dashboard{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(34,126,34,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.action-card-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ea580c;z-index:1}.action-card-dashboard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:#ea580c4d}.action-icon-dashboard{font-size:3.5rem;margin-bottom:var(--spacing-md);color:#ea580c;animation:actionIconBounce 2s ease-in-out infinite;display:block}@keyframes actionIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.action-card-dashboard h4{font-size:1.3rem;color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.3;flex-shrink:0}.action-card-dashboard p{color:var(--gray);margin-bottom:var(--spacing-lg);line-height:1.6;font-size:1rem;flex:1;display:flex;align-items:center;text-align:center}.action-btn-dashboard{background:#5b21b6;color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .4s ease;width:100%;font-size:1rem;box-shadow:0 6px 20px #5b21b64d;text-transform:uppercase;letter-spacing:.5px;min-height:45px;flex-shrink:0}.action-btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5b21b666;background:#7e22ce}.action-btn-dashboard:disabled{opacity:.6;cursor:not-allowed;transform:none}.motivation-section-dashboard{margin-bottom:var(--spacing-2xl)}.motivation-card-dashboard{background:#ea580c;color:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #ea580c4d}.motivation-card-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="motivationStars" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12.5" cy="12.5" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="6.25" cy="18.75" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23motivationStars)"/></svg>');opacity:.3;animation:starsMove 25s linear infinite}@keyframes starsMove{0%{transform:translate(0) translateY(0)}to{transform:translate(25px) translateY(25px)}}.motivation-content-dashboard{position:relative;z-index:2}.motivation-content-dashboard h3{font-size:2.2rem;margin-bottom:var(--spacing-lg);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.motivation-content-dashboard p{font-size:1.2rem;line-height:1.8;margin-bottom:var(--spacing-xl);opacity:.95}.motivation-quote-dashboard{background:#ffffff1a;border-radius:var(--radius-lg);padding:var(--spacing-xl);border-right:4px solid #227e22;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.quote-text-dashboard{display:block;font-size:1.3rem;font-style:italic;margin-bottom:var(--spacing-md);line-height:1.7;text-shadow:0 1px 2px rgba(0,0,0,.2)}.quote-author-dashboard{display:block;font-size:1rem;opacity:.8;text-align:left;font-weight:600}.pending-alert-dashboard,.rejected-alert-dashboard{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pending-alert-dashboard{background:linear-gradient(135deg,#fff3cde6,#ffeaa7e6);border:1px solid rgba(255,193,7,.3);border-right:4px solid #ffc107}.rejected-alert-dashboard{background:linear-gradient(135deg,#f8d7dae6,#f5c6cbe6);border:1px solid rgba(220,53,69,.3);border-right:4px solid var(--danger)}.alert-content-dashboard{display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative;z-index:2}.alert-icon-dashboard{font-size:2.5rem;flex-shrink:0;animation:alertIconPulse 2s ease-in-out infinite}@keyframes alertIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pending-alert-dashboard .alert-icon-dashboard{color:#856404}.rejected-alert-dashboard .alert-icon-dashboard{color:var(--danger)}.alert-text-dashboard h4{margin-bottom:var(--spacing-sm);font-weight:700;font-size:1.3rem}.pending-alert-dashboard .alert-text-dashboard h4{color:#856404}.rejected-alert-dashboard .alert-text-dashboard h4{color:var(--danger)}.alert-text-dashboard p{margin:0;line-height:1.6;font-size:1rem}.pending-alert-dashboard .alert-text-dashboard p{color:#856404}.rejected-alert-dashboard .alert-text-dashboard p{color:#721c24}.course-meta-dashboard{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:linear-gradient(135deg,#f8f9facc,#e9ecefcc);border-radius:var(--radius-lg);border:1px solid rgba(233,236,239,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meta-item-dashboard{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(233,236,239,.7)}.meta-item-dashboard:last-child{border-bottom:none}.meta-label-dashboard{color:var(--gray);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:var(--spacing-xs)}.meta-value-dashboard{font-weight:700;color:var(--dark-gray);font-size:.9rem}.dashboard-loading-dashboard{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;color:var(--primary-color)}.dashboard-loading-dashboard .loading-spinner{width:60px;height:60px;border:4px solid rgba(91,33,182,.2);border-top:4px solid #5b21b6;border-radius:50%;animation:dashboardSpin 1s linear infinite;margin-bottom:var(--spacing-lg)}@keyframes dashboardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-loading-dashboard p{font-size:1.2rem;font-weight:600;color:var(--gray)}.available-course-card-dashboard,.subscribed-course-card-dashboard{animation:courseCardFadeIn .8s ease-out}.available-course-card-dashboard:nth-child(1){animation-delay:.1s}.available-course-card-dashboard:nth-child(2){animation-delay:.2s}.available-course-card-dashboard:nth-child(3){animation-delay:.3s}.available-course-card-dashboard:nth-child(4){animation-delay:.4s}.available-course-card-dashboard:nth-child(5){animation-delay:.5s}.available-course-card-dashboard:nth-child(6){animation-delay:.6s}@keyframes courseCardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-card-dashboard{animation:statCardFadeIn .6s ease-out}.stat-card-dashboard:nth-child(1){animation-delay:.1s}.stat-card-dashboard:nth-child(2){animation-delay:.2s}.stat-card-dashboard:nth-child(3){animation-delay:.3s}.stat-card-dashboard:nth-child(4){animation-delay:.4s}@keyframes statCardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 769px) and (max-width: 1024px){.dashboard-dashboard{padding:var(--spacing-xl) 0}.dashboard-container-dashboard{padding:0 var(--spacing-lg)}.welcome-card-dashboard{padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-xl)}.student-name-header-dashboard{margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.student-name-dashboard{font-size:1.8rem;line-height:1.4;letter-spacing:.7px}.refresh-btn-name-dashboard{width:52px;height:52px;font-size:1.5rem}.welcome-title-dashboard{font-size:2rem;text-align:center}.student-info-dashboard{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:600px;margin:0 auto}.student-info-top-dashboard{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.student-info-bottom-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.info-item-dashboard.rectangular{background:#ffffff26;border-radius:var(--radius-xl);padding:var(--spacing-lg);border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 25px #0000001a;flex-direction:row;justify-content:space-between;align-items:center;text-align:right;min-height:75px;transition:all .3s ease}.info-item-dashboard.rectangular:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 12px 30px #00000026}.info-item-dashboard.square{background:#ffffff26;border-radius:var(--radius-xl);padding:var(--spacing-md);border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 25px #0000001a;aspect-ratio:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100px;max-height:110px;transition:all .3s ease;position:relative;overflow:hidden}.info-item-dashboard.square:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff80;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.info-item-dashboard.square:hover{background:#fff3;border-color:#fff6;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #0003}.info-item-dashboard .info-label-dashboard{font-size:.9rem;opacity:.85;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.info-item-dashboard .info-value-dashboard{font-size:1.2rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3);line-height:1.2}.info-item-dashboard.square .info-value-dashboard{font-size:1.4rem;font-weight:800}.stats-grid-dashboard{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.stat-card-dashboard{min-height:120px;padding:var(--spacing-lg);gap:6px}.stat-icon-dashboard{width:55px;height:55px;font-size:2rem;padding:var(--spacing-md);margin-bottom:0}.stat-number-dashboard{font-size:1.8rem;margin-bottom:0}.stat-label-dashboard{font-size:.9rem;line-height:1.3}.courses-grid-dashboard{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--spacing-xl);justify-items:center;align-items:start;padding:0 var(--spacing-md)}.available-course-card-dashboard,.subscribed-course-card-dashboard{width:100%;max-width:550px;min-width:500px}.course-image-container-dashboard{height:300px;width:100%;overflow:hidden;position:relative}.course-image-dashboard{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:0}.course-image-placeholder-dashboard{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-cool);color:var(--white);position:relative;overflow:hidden;border-radius:0}.course-features-dashboard{margin:var(--spacing-md) 0 var(--spacing-lg);padding:var(--spacing-lg)}.course-footer-dashboard{flex-direction:column;gap:var(--spacing-lg);text-align:center}.course-actions-dashboard{flex-direction:column;width:100%}.course-btn-dashboard{width:100%;justify-content:center}.image-placeholder-icon-dashboard{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.9;z-index:2;position:relative;animation:float 3s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.3)}.image-placeholder-text-dashboard{font-size:1.2rem;font-weight:700;text-align:center;opacity:.9;z-index:2;position:relative;max-width:85%;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.course-meta-dashboard{margin:var(--spacing-sm) 0 var(--spacing-md);padding:var(--spacing-md)}.meta-item-dashboard{flex-direction:column;gap:var(--spacing-xs);text-align:center;padding:var(--spacing-xs) 0}.actions-grid-dashboard{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.action-card-dashboard{min-height:180px;padding:var(--spacing-lg)}.action-icon-dashboard{font-size:3rem;margin-bottom:var(--spacing-md)}.action-card-dashboard h4{font-size:1.2rem;margin-bottom:var(--spacing-sm)}.action-card-dashboard p{font-size:.95rem;margin-bottom:var(--spacing-lg)}.action-btn-dashboard{padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;min-height:42px}.alert-content-dashboard{flex-direction:row;text-align:right;gap:var(--spacing-lg)}.section-title-dashboard{font-size:1.8rem;flex-direction:row;text-align:right;gap:var(--spacing-md)}.section-title-dashboard:before{font-size:2.2rem}.courses-count-dashboard{display:inline-block;margin-right:var(--spacing-md)}.motivation-section-dashboard{margin-bottom:var(--spacing-xl)}.motivation-card-dashboard{padding:var(--spacing-xl);border-radius:var(--radius-xl);margin:0 auto;max-width:700px;box-shadow:0 18px 38px #ec48994d;border:2px solid rgba(255,255,255,.2)}.motivation-content-dashboard h3{font-size:1.8rem;margin-bottom:var(--spacing-md);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4);line-height:1.3;text-align:center}.motivation-content-dashboard p{font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-lg);opacity:.92;text-align:center;max-width:90%;margin-left:auto;margin-right:auto}.motivation-quote-dashboard{background:#ffffff1f;border-radius:var(--radius-xl);padding:var(--spacing-lg);border-right:4px solid var(--primary-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden;margin-top:var(--spacing-lg);box-shadow:0 8px 20px #0000001a}.quote-text-dashboard{display:block;font-size:1.2rem;font-style:italic;margin-bottom:var(--spacing-sm);line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.3);text-align:center;position:relative;z-index:2;font-weight:500}.quote-author-dashboard{display:block;font-size:.95rem;opacity:.85;text-align:left;font-weight:600;position:relative;z-index:2;margin-top:var(--spacing-sm);direction:ltr}.filter-buttons-dashboard{flex-direction:row;justify-content:center;flex-wrap:wrap}.filter-btn-dashboard{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;min-width:140px}@media (min-width: 900px) and (max-width: 1024px){.courses-grid-dashboard{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:var(--spacing-lg)}.available-course-card-dashboard,.subscribed-course-card-dashboard{max-width:520px;min-width:480px}.course-image-container-dashboard{height:290px}}}@media (max-width: 768px){.dashboard-dashboard{padding:var(--spacing-lg) 0}.welcome-card-dashboard{padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:right}.student-name-header-dashboard{flex-direction:row;justify-content:space-between;align-items:center;text-align:right;margin-bottom:var(--spacing-lg);gap:var(--spacing-sm)}.student-name-dashboard{font-size:1.6rem;line-height:1.4;flex:1;text-align:right;letter-spacing:.6px}.student-name-dashboard:after{width:70px;height:2px;bottom:-5px}.refresh-btn-name-dashboard{width:50px;height:50px;font-size:1.4rem;flex-shrink:0}.welcome-header-dashboard{flex-direction:column;justify-content:center;align-items:center;gap:0;margin-bottom:var(--spacing-xl)}.welcome-title-dashboard{font-size:1.8rem;text-align:center;line-height:1.3;width:100%}.welcome-text-desktop-dashboard{display:none}.welcome-text-mobile-dashboard{display:inline}.refresh-btn-dashboard{width:45px;height:45px;font-size:1.3rem;flex-shrink:0;order:2}.student-info-dashboard{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:500px;margin:0 auto}.student-info-top-dashboard{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.student-info-bottom-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.info-item-dashboard.rectangular{background:#ffffff26;border-radius:var(--radius-xl);padding:var(--spacing-lg);border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 25px #0000001a;flex-direction:row;justify-content:space-between;align-items:center;text-align:right;min-height:70px;transition:all .3s ease}.info-item-dashboard.rectangular:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 12px 30px #00000026}.info-item-dashboard.square{background:#ffffff26;border-radius:var(--radius-xl);padding:var(--spacing-md);border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 25px #0000001a;aspect-ratio:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:90px;max-height:100px;transition:all .3s ease;position:relative;overflow:hidden}.info-item-dashboard.square:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff80;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.info-item-dashboard.square:hover{background:#fff3;border-color:#fff6;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #0003}.info-item-dashboard .info-label-dashboard{font-size:.85rem;opacity:.85;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.info-item-dashboard .info-value-dashboard{font-size:1.1rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3);line-height:1.2}.info-item-dashboard.square .info-value-dashboard{font-size:1.3rem;font-weight:800}.stats-grid-dashboard{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card-dashboard{min-height:110px;padding:var(--spacing-md);gap:5px}.stat-icon-dashboard{width:50px;height:50px;font-size:1.8rem;padding:var(--spacing-sm);margin-bottom:0}.stat-number-dashboard{font-size:1.6rem;margin-bottom:0}.stat-label-dashboard{font-size:.85rem;line-height:1.3}.courses-grid-dashboard{grid-template-columns:1fr;gap:var(--spacing-lg)}.course-image-container-dashboard{height:220px}.course-features-dashboard{margin:var(--spacing-md) 0 var(--spacing-lg);padding:var(--spacing-lg)}.course-footer-dashboard{flex-direction:column;gap:var(--spacing-lg);text-align:center}.course-actions-dashboard{flex-direction:column;width:100%}.course-btn-dashboard{width:100%;justify-content:center}.image-placeholder-icon-dashboard{font-size:3.5rem}.image-placeholder-text-dashboard{font-size:1.1rem}.course-meta-dashboard{margin:var(--spacing-sm) 0 var(--spacing-md);padding:var(--spacing-sm)}.meta-item-dashboard{flex-direction:column;gap:var(--spacing-xs);text-align:center;padding:var(--spacing-xs) 0}.actions-grid-dashboard{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.action-card-dashboard{min-height:160px;padding:var(--spacing-md)}.action-icon-dashboard{font-size:2.8rem;margin-bottom:var(--spacing-sm)}.action-card-dashboard h4{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.action-card-dashboard p{font-size:.9rem;margin-bottom:var(--spacing-md)}.action-btn-dashboard{padding:var(--spacing-xs) var(--spacing-md);font-size:.9rem;min-height:40px}.alert-content-dashboard{flex-direction:column;text-align:center;gap:var(--spacing-md)}.section-title-dashboard{font-size:1.7rem;flex-direction:column;text-align:center;gap:var(--spacing-sm)}.section-title-dashboard:before{font-size:2rem}.courses-count-dashboard{display:block;margin-top:var(--spacing-xs)}.motivation-section-dashboard{margin-bottom:var(--spacing-lg)}.motivation-card-dashboard{padding:var(--spacing-xl);border-radius:var(--radius-2xl);margin:0 auto;max-width:500px;box-shadow:0 16px 35px #ff6b354d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.motivation-card-dashboard:before{opacity:.2;animation:starsMove 20s linear infinite}.motivation-content-dashboard{position:relative;z-index:3}.motivation-content-dashboard h3{font-size:1.4rem;margin-bottom:var(--spacing-sm);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4);line-height:1.3;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);text-align:right;direction:rtl}.motivation-content-dashboard p{font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-md);opacity:.92;text-align:center;max-width:90%;margin-left:auto;margin-right:auto}.motivation-quote-dashboard{background:#ffffff26;border-radius:var(--radius-xl);padding:var(--spacing-lg);border-right:4px solid var(--primary-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden;margin-top:var(--spacing-lg);box-shadow:0 8px 20px #0000001a}.motivation-quote-dashboard:before{content:'"';position:absolute;top:5px;right:10px;font-size:2rem;opacity:.3;font-family:Georgia,serif;color:#fff9;z-index:1}.quote-text-dashboard{display:block;font-size:1rem;font-style:italic;margin-bottom:var(--spacing-xs);line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.3);text-align:center;position:relative;z-index:2;font-weight:500}.quote-author-dashboard{display:block;font-size:.85rem;opacity:.85;text-align:left;font-weight:600;position:relative;z-index:2;margin-top:var(--spacing-xs);direction:ltr}}@media (max-width: 480px){.dashboard-container-dashboard{padding:0 var(--spacing-sm)}.welcome-card-dashboard{padding:var(--spacing-lg)}.welcome-title-dashboard{font-size:1.5rem}.student-name-dashboard{font-size:1.4rem;line-height:1.4;letter-spacing:.4px}.student-name-dashboard:after{width:60px;height:2px;bottom:-4px}.refresh-btn-name-dashboard{width:45px;height:45px;font-size:1.2rem}.student-info-dashboard{max-width:400px;gap:var(--spacing-md)}.student-info-top-dashboard,.student-info-bottom-dashboard{gap:var(--spacing-sm)}.info-item-dashboard.rectangular{padding:var(--spacing-md);min-height:60px}.info-item-dashboard.square{padding:var(--spacing-md);min-height:100px}.info-item-dashboard .info-label-dashboard{font-size:.75rem}.info-item-dashboard .info-value-dashboard{font-size:1rem}.info-item-dashboard.square .info-value-dashboard{font-size:1.1rem}.stats-grid-dashboard{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card-dashboard{min-height:95px;padding:var(--spacing-sm);gap:4px}.stat-icon-dashboard{width:42px;height:42px;font-size:1.6rem;padding:var(--spacing-xs);margin-bottom:0}.stat-number-dashboard{font-size:1.4rem;margin-bottom:0}.stat-label-dashboard{font-size:.8rem;line-height:1.2;word-break:break-word}.course-name-dashboard{font-size:1.2rem}.course-description-dashboard{font-size:.9rem;-webkit-line-clamp:2}.course-features-dashboard{margin:var(--spacing-sm) 0 var(--spacing-lg);padding:var(--spacing-md)}.features-list-dashboard li{font-size:.85rem}.price-amount-dashboard{font-size:1.7rem}.course-badge-dashboard,.status-badge-dashboard{font-size:.65rem;padding:5px 10px}.course-image-container-dashboard{height:200px}.image-placeholder-icon-dashboard{font-size:3rem}.image-placeholder-text-dashboard{font-size:1rem}.actions-grid-dashboard{grid-template-columns:1fr;gap:var(--spacing-sm)}.action-card-dashboard{min-height:150px;padding:var(--spacing-sm) var(--spacing-md)}.action-icon-dashboard{font-size:2.5rem}.action-card-dashboard h4{font-size:1rem}.action-card-dashboard p{font-size:.85rem}.empty-state-dashboard{padding:var(--spacing-xl)}.empty-state-dashboard .empty-icon{font-size:3.5rem}.refresh-btn-large-dashboard{width:100%;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg)}.motivation-card-dashboard{padding:var(--spacing-lg);max-width:100%;margin:0;border-radius:var(--radius-xl);box-shadow:0 12px 28px #ec489940;border:2px solid rgba(255,255,255,.2)}.motivation-content-dashboard h3{font-size:1.2rem;margin-bottom:var(--spacing-xs);flex-direction:column;gap:4px;line-height:1.2;text-align:right;direction:rtl;justify-content:flex-end}.motivation-content-dashboard p{font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-sm);max-width:95%}.motivation-quote-dashboard{padding:var(--spacing-md);border-radius:var(--radius-lg);border-right-width:3px;margin-top:var(--spacing-md);border:2px solid rgba(255,255,255,.25);box-shadow:0 6px 15px #00000014}.motivation-quote-dashboard:before{font-size:1.5rem;top:3px;right:8px}.quote-text-dashboard{font-size:.9rem;line-height:1.4;margin-bottom:4px}.quote-author-dashboard{font-size:.8rem;margin-top:4px;text-align:left;direction:ltr}}@media (max-width: 360px){.student-name-dashboard{font-size:1.2rem;line-height:1.4;letter-spacing:.3px}.student-name-dashboard:after{width:50px;height:2px;bottom:-3px}.refresh-btn-name-dashboard{width:40px;height:40px;font-size:1.1rem}.welcome-title-dashboard{font-size:1.4rem}.student-info-dashboard{max-width:320px}.student-info-bottom-dashboard{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.info-item-dashboard.square{aspect-ratio:auto;min-height:70px;max-height:80px;padding:var(--spacing-sm)}.info-item-dashboard.rectangular{padding:var(--spacing-sm);min-height:50px;flex-direction:column;text-align:center;gap:4px}.info-item-dashboard.square .info-value-dashboard{font-size:1rem}.info-item-dashboard .info-label-dashboard{font-size:.7rem}.info-item-dashboard .info-value-dashboard{font-size:.9rem}.course-image-container-dashboard{height:180px}.image-placeholder-icon-dashboard{font-size:2.8rem}.image-placeholder-text-dashboard{font-size:.95rem}.section-title-dashboard{font-size:1.5rem}.section-title-dashboard:before{font-size:1.8rem}.stats-grid-dashboard{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.stat-card-dashboard{min-height:85px;flex-direction:column;text-align:center;gap:3px;align-items:center;justify-content:center;padding:var(--spacing-xs) 6px}.stat-icon-dashboard{width:35px;height:35px;font-size:1.3rem;margin-bottom:2px;flex-shrink:0;order:1}.stat-info-dashboard{align-items:center;text-align:center;flex:1;order:2;gap:1px}.stat-number-dashboard{font-size:1.2rem;text-align:center}.stat-label-dashboard{font-size:.7rem;text-align:center;line-height:1.1;word-break:break-word;max-width:100%}.course-features-dashboard{margin:var(--spacing-xs) 0 var(--spacing-md);padding:var(--spacing-sm)}.motivation-card-dashboard{padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:0 10px 22px #ff6b3538;border:2px solid rgba(255,255,255,.15)}.motivation-content-dashboard h3{font-size:1.1rem;margin-bottom:6px;line-height:1.2;text-align:right;direction:rtl}.motivation-content-dashboard p{font-size:.85rem;line-height:1.4;margin-bottom:10px;max-width:100%}.motivation-quote-dashboard{padding:var(--spacing-sm);border-radius:var(--radius-md);border-right-width:3px;margin-top:var(--spacing-sm);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000000f}.motivation-quote-dashboard:before{font-size:1.3rem;top:2px;right:6px}.quote-text-dashboard{font-size:.85rem;line-height:1.3;margin-bottom:3px}.quote-author-dashboard{font-size:.75rem;margin-top:3px;text-align:left;direction:ltr}}@media screen and (max-width: 360px) and (max-height: 780px){.dashboard-dashboard{padding:10px 0}.welcome-card-dashboard{padding:16px;margin-bottom:16px}.course-management-dashboard,.dashboard-stats-dashboard,.quick-actions-dashboard,.motivation-section-dashboard{margin-bottom:16px}.courses-grid-dashboard{gap:12px}.stats-grid-dashboard{gap:6px}.actions-grid-dashboard{gap:8px}.action-card-dashboard{min-height:130px;padding:12px}.stat-card-dashboard{min-height:75px;padding:6px 4px}.stat-icon-dashboard{width:32px;height:32px;font-size:1.1rem}.stat-number-dashboard{font-size:1.1rem}.stat-label-dashboard{font-size:.65rem;line-height:1}.motivation-section-dashboard{margin-bottom:12px}.motivation-card-dashboard{padding:var(--spacing-sm);max-width:100%;border-radius:var(--radius-md);box-shadow:0 8px 18px #ec48994d;border:1.5px solid rgba(255,255,255,.15)}.motivation-content-dashboard h3{font-size:1rem;margin-bottom:4px;text-align:right;direction:rtl}.motivation-content-dashboard p{font-size:.8rem;line-height:1.3;margin-bottom:8px}.motivation-quote-dashboard{padding:var(--spacing-xs);margin-top:var(--spacing-xs);border-radius:var(--radius-sm);border:1.5px solid rgba(255,255,255,.2);box-shadow:0 3px 8px #0000000d}.quote-text-dashboard{font-size:.8rem;line-height:1.2;margin-bottom:2px}.quote-author-dashboard{font-size:.7rem;margin-top:2px;text-align:left;direction:ltr}}@media screen and (max-width: 360px) and (min-height: 800px){.dashboard-dashboard{padding:12px 0}.welcome-card-dashboard{padding:18px;margin-bottom:18px}.course-management-dashboard,.dashboard-stats-dashboard,.quick-actions-dashboard,.motivation-section-dashboard{margin-bottom:18px}.info-item-dashboard.square{min-height:75px;max-height:85px}.stat-card-dashboard{min-height:90px;padding:10px 8px}.action-card-dashboard{min-height:145px;padding:14px}.stat-icon-dashboard{width:38px;height:38px;font-size:1.4rem}.stat-number-dashboard{font-size:1.3rem}.stat-label-dashboard{font-size:.75rem;line-height:1.2}}@media screen and (max-width: 360px) and (min-height: 880px){.dashboard-dashboard{padding:15px 0}.welcome-card-dashboard{padding:20px;margin-bottom:20px}.course-management-dashboard,.dashboard-stats-dashboard,.quick-actions-dashboard,.motivation-section-dashboard{margin-bottom:20px}.info-item-dashboard.square{min-height:80px;max-height:90px}.stat-card-dashboard{min-height:95px;padding:12px 10px}.action-card-dashboard{min-height:160px;padding:16px}.stat-icon-dashboard{width:40px;height:40px;font-size:1.5rem}.stat-number-dashboard{font-size:1.4rem}.stat-label-dashboard{font-size:.8rem;line-height:1.3}}@media (max-width: 768px){.motivation-card-dashboard:hover{transform:translateY(-2px);box-shadow:0 15px 30px #ec48994d;transition:all .3s ease}.motivation-quote-dashboard:hover{background:#ffffff26;transition:all .3s ease}}@media (max-width: 768px){.motivation-content-dashboard h3{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;letter-spacing:.3px}.motivation-content-dashboard p{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400}.quote-text-dashboard{font-family:Amiri,Georgia,serif;font-weight:500}.quote-author-dashboard{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}}.subscribed-courses-dashboard,.available-courses-dashboard{margin-bottom:var(--spacing-xl)}.btn-icon-dashboard{font-size:1rem;margin-left:var(--spacing-xs)}.course-image-dashboard,.course-image-placeholder-dashboard{will-change:transform}.course-btn-dashboard,.refresh-btn-dashboard,.action-btn-dashboard,.available-course-card-dashboard,.subscribed-course-card-dashboard,.stat-card-dashboard,.action-card-dashboard,.stat-icon-dashboard{will-change:transform,box-shadow}.stat-card-dashboard *{box-sizing:border-box}.stat-info-dashboard{overflow:visible;min-width:0}.stat-label-dashboard{white-space:normal;overflow-wrap:break-word;word-break:break-word}.student-info-top-dashboard,.student-info-bottom-dashboard{width:100%}.info-item-dashboard.rectangular .info-label-dashboard,.info-item-dashboard.rectangular .info-value-dashboard,.info-item-dashboard.square .info-icon,.info-item-dashboard.square .info-label-dashboard,.info-item-dashboard.square .info-value-dashboard{z-index:2;position:relative}.info-item-dashboard.square{background-image:radial-gradient(circle at center,#fff3,#ffffff1a)}.info-item-dashboard.rectangular{background-image:linear-gradient(135deg,#ffffff26,#fff3)}.free-courses-alert-dashboard{background:var(--success);border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:0 10px 30px #28a7454d;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.alert-content-dashboard{display:flex;align-items:center;gap:20px;color:#fff;flex-wrap:wrap}.alert-icon-dashboard{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.alert-text-dashboard h4{margin:0 0 8px;font-size:1.5rem;font-weight:800}.alert-text-dashboard p{margin:0;font-size:1.1rem;opacity:.95;line-height:1.4}.free-alert-btn-dashboard{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:15px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.free-alert-btn-dashboard:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.courses-filter-dashboard{margin-bottom:30px}.filter-buttons-dashboard{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.filter-btn-dashboard{background:#ffffffe6;border:2px solid rgba(255,255,255,.3);color:#1e293b;padding:12px 20px;border-radius:15px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn-dashboard:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.filter-btn-dashboard.active{background:#5b21b6;color:#fff;border-color:#5b21b64d;box-shadow:0 5px 20px #5b21b64d}.filter-icon-dashboard{font-size:1.2rem}.free-message-dashboard{background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:12px;padding:12px 15px;margin:15px 0;display:flex;align-items:center;gap:10px}.free-message-icon-dashboard{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.free-message-text-dashboard{color:#059669;font-weight:600;font-size:.9rem;line-height:1.4;direction:rtl;text-align:right;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;word-break:break-word;overflow-wrap:break-word}.free-price-dashboard{display:flex;align-items:center;gap:8px;background:#28a7451a;padding:8px 15px;border-radius:12px;border:1px solid rgba(40,167,69,.3);box-shadow:0 4px 15px #0000001a}.free-price-text-dashboard{color:#059669;font-weight:800;font-size:1.1rem}.free-price-icon-dashboard{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.course-btn-dashboard.free-subscribe{background:var(--success);color:#fff;box-shadow:0 4px 15px #28a7454d;will-change:transform,box-shadow}.course-btn-dashboard.free-subscribe:hover{transform:translateY(-3px);box-shadow:0 8px 25px #28a74566}.status-badge-dashboard.free-approved{background:var(--success);color:#fff;animation:freeBadgeGlow 3s ease-in-out infinite}.course-badge-dashboard.free{background:var(--success);animation:freeBadgeGlow 3s ease-in-out infinite}.free-count-badge-dashboard{background:var(--success);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700;margin-right:8px;box-shadow:0 2px 8px #28a7454d}.stat-card-dashboard.free-stat{background:#28a7451a;border:2px solid rgba(40,167,69,.3)}.stat-card-dashboard.free-stat .stat-icon-dashboard,.stat-card-dashboard.free-stat .stat-number-dashboard{color:#059669}.stat-card-dashboard.paid-stat{background:#5b21b61a;border:2px solid rgba(91,33,182,.3)}.stat-card-dashboard.paid-stat .stat-icon-dashboard,.stat-card-dashboard.paid-stat .stat-number-dashboard{color:#5b21b6}.action-card-dashboard.free-action{background:#28a7451a;border:2px solid rgba(40,167,69,.3)}.action-card-dashboard.free-action .action-icon-dashboard{background:var(--success);color:#fff;padding:15px;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto}.action-btn-dashboard.free-btn{background:var(--success);color:#fff;box-shadow:0 4px 15px #28a7454d;will-change:transform,box-shadow}.action-btn-dashboard.free-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #28a74566}.free-courses-highlight-dashboard{background:#ffffff1a;border-radius:15px;padding:20px;margin:20px 0;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.highlight-icon-dashboard{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.highlight-text-dashboard{flex:1;color:#fff;font-weight:600;line-height:1.4;min-width:250px;word-break:break-word;overflow-wrap:break-word}.highlight-btn-dashboard{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform,box-shadow}.highlight-btn-dashboard:hover{background:#ffffff4d;transform:translateY(-2px)}.available-course-card-dashboard.free-course{border:3px solid var(--free-border);position:relative;overflow:hidden}.available-course-card-dashboard.free-course:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--success);z-index:1}.available-course-card-dashboard.free-course:after{content:"🆓 مجاني";position:absolute;top:15px;right:15px;background:var(--success);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;z-index:3;box-shadow:0 4px 12px #28a74566}:root{--free-color: var(--success);--free-color-light: var(--success);--free-color-dark: var(--success);--free-bg: rgba(40, 167, 69, .1);--free-border: rgba(40, 167, 69, .3)}@keyframes freeBadgeGlow{0%,to{box-shadow:0 4px 12px #28a74566}50%{box-shadow:0 6px 20px #28a74599}}@media (max-width: 768px){.filter-buttons-dashboard{flex-direction:column}.filter-btn-dashboard{justify-content:center;text-align:center}.alert-content-dashboard,.free-courses-highlight-dashboard{flex-direction:column;text-align:center}.highlight-text-dashboard{min-width:auto}.free-message-dashboard{flex-direction:column;text-align:center;gap:8px}.action-card-dashboard.free-action .action-icon-dashboard{width:60px;height:60px;font-size:2.5rem}}@media (max-width: 480px){.filter-btn-dashboard{padding:10px 16px;font-size:.9rem}.free-alert-btn-dashboard{padding:10px 20px;font-size:.9rem}.highlight-btn-dashboard{padding:8px 16px;font-size:.9rem}.action-card-dashboard.free-action .action-icon-dashboard{width:50px;height:50px;font-size:2rem}}@media (hover: none) and (pointer: coarse){.course-btn-dashboard.free-subscribe:active,.action-btn-dashboard.free-btn:active,.filter-btn-dashboard:active,.free-alert-btn-dashboard:active,.highlight-btn-dashboard:active{transform:scale(.98)}}.alert-text-dashboard{direction:rtl;text-align:right}.alert-text-dashboard h4{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.btn-icon-dashboard{font-size:1.1rem;margin-left:6px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.admin-dashboard{min-height:100vh;background:var(--light-gray)}.admin-header{background:var(--white);box-shadow:var(--shadow-sm);padding:var(--spacing-lg) 0;border-bottom:1px solid #e1e5e9}.admin-header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.admin-info h1{color:var(--accent-color);font-size:2rem;margin-bottom:var(--spacing-xs)}.admin-info p{color:var(--gray);margin:0}.admin-logout-btn{background:var(--danger);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.admin-logout-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.admin-nav{background:var(--white);border-bottom:1px solid #e1e5e9;padding:0 var(--spacing-md)}.nav-tabs{max-width:1200px;margin:0 auto;display:flex;gap:var(--spacing-md)}.nav-tab{background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);color:var(--gray);font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.nav-tab:hover{color:var(--primary-color);background:#ff6b350d}.nav-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#ff6b350d}.tab-icon{font-size:1.2rem}.notification-badge{position:absolute;top:6px;left:-10px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:var(--white);font-size:.75rem;font-weight:800;padding:0;border-radius:50%;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px 8px #e74c3c66;border:2px solid var(--white);animation:notificationPulse 2s ease-in-out infinite;z-index:10;transition:all .3s ease}.notification-badge.livestream-notification{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c80,0 0 20px #e74c3c4d;animation:liveStreamPulse 1.5s ease-in-out infinite;position:relative;overflow:hidden}.notification-badge.livestream-notification:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fffc;border-radius:50%;transform:translate(-50%,-50%);animation:liveIndicator 1s ease-in-out infinite}.notification-badge.livestream-notification:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid rgba(231,76,60,.4);border-radius:50%;animation:liveRipple 2s linear infinite}.notification-badge.scheduled-notification{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 12px #f39c1280,0 0 15px #f39c124d;animation:scheduledPulse 2.5s ease-in-out infinite}.notification-badge.viewers-notification{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 12px #3498db80,0 0 15px #3498db4d;animation:viewersPulse 3s ease-in-out infinite}.nav-tab:hover .notification-badge{transform:scale(1.1);box-shadow:0 6px 20px #e74c3c99,0 0 25px #e74c3c66}.nav-tab:hover .notification-badge.livestream-notification{animation:liveStreamHover .8s ease-in-out infinite}@keyframes notificationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes liveStreamPulse{0%,to{transform:scale(1);background:linear-gradient(135deg,#e74c3c,#c0392b)}25%{transform:scale(1.08);background:linear-gradient(135deg,#ff4757,#e74c3c)}50%{transform:scale(1.15);background:linear-gradient(135deg,#ff6b7a,#ff4757)}75%{transform:scale(1.08);background:linear-gradient(135deg,#ff4757,#e74c3c)}}@keyframes liveIndicator{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.5)}}@keyframes liveRipple{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}@keyframes scheduledPulse{0%,to{transform:scale(1);background:linear-gradient(135deg,#f39c12,#e67e22)}50%{transform:scale(1.1);background:linear-gradient(135deg,#ffb84d,#f39c12)}}@keyframes viewersPulse{0%,to{transform:scale(1);background:linear-gradient(135deg,#3498db,#2980b9)}50%{transform:scale(1.08);background:linear-gradient(135deg,#5dade2,#3498db)}}@keyframes liveStreamHover{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.15) rotate(2deg)}50%{transform:scale(1.2) rotate(0)}75%{transform:scale(1.15) rotate(-2deg)}}.notification-badge .notification-text{font-family:Cairo,sans-serif;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:-.5px}@media (max-width: 768px){.notification-badge{min-width:20px;height:20px;font-size:.7rem;top:8px;left:-8px}.notification-badge.livestream-notification:after{top:-4px;left:-4px;right:-4px;bottom:-4px}}@media (max-width: 480px){.notification-badge{min-width:18px;height:18px;font-size:.65rem;border-width:1px}}.notification-badge.multi-digit{min-width:28px;padding:0 4px;border-radius:11px}.notification-badge.large-number{min-width:32px;padding:0 6px;border-radius:13px;font-size:.7rem}.nav-tab.livestream-active .notification-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:liveStreamActive 1s ease-in-out infinite;box-shadow:0 4px 15px #e74c3c99,0 0 30px #e74c3c66,inset 0 1px 3px #ffffff4d}@keyframes liveStreamActive{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.12);filter:brightness(1.2)}}.notification-badge.glowing{box-shadow:0 4px 15px #e74c3c80,0 0 25px #e74c3c4d,0 0 35px #e74c3c33,inset 0 1px 3px #fff6}.admin-content{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.tab-header h2{color:var(--accent-color);margin:0}.students-count{color:var(--gray);font-weight:600}.add-course-btn{background:var(--gradient-cool);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.add-course-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.students-table-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.students-table{width:100%;border-collapse:collapse}.students-table th{background:var(--accent-color);color:var(--white);padding:var(--spacing-md);text-align:right;font-weight:600;border-bottom:1px solid #e1e5e9}.students-table td{padding:var(--spacing-md);border-bottom:1px solid #e1e5e9;color:var(--dark-gray)}.students-table tr:hover{background:var(--light-gray)}.student-name{font-weight:600;color:var(--accent-color)}.student-phone,.parent-phone{direction:ltr;text-align:left;font-family:monospace}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-xl)}.subscription-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #e1e5e9;transition:all .3s ease}.subscription-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.student-info h4{color:var(--accent-color);margin-bottom:var(--spacing-xs);font-weight:600}.student-info p{color:var(--gray);margin:0;direction:ltr;text-align:left;font-family:monospace}.subscription-body{margin-bottom:var(--spacing-lg)}.course-info{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--light-gray);border-radius:var(--radius-sm)}.course-info h5{color:var(--accent-color);margin-bottom:var(--spacing-xs);font-weight:600}.course-grade{color:var(--gray);margin:var(--spacing-xs) 0}.course-price{color:var(--primary-color);font-weight:700;font-size:1.1rem}.subscription-meta{margin-bottom:var(--spacing-md)}.meta-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid #e1e5e9}.meta-item:last-child{border-bottom:none}.meta-label{color:var(--gray);font-weight:500}.meta-value{font-weight:600;color:var(--dark-gray)}.payment-receipt{margin-bottom:var(--spacing-md)}.payment-receipt h6{color:var(--accent-color);margin-bottom:var(--spacing-sm);font-weight:600}.receipt-image{width:100%;max-width:200px;height:120px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .3s ease}.receipt-image:hover{transform:scale(1.05)}.admin-notes{padding:var(--spacing-md);background:#f8f9fa;border-radius:var(--radius-sm);border-right:3px solid var(--primary-color)}.admin-notes h6{color:var(--accent-color);margin-bottom:var(--spacing-xs);font-weight:600}.admin-notes p{color:var(--dark-gray);margin:0;line-height:1.5}.subscription-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.action-btn{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.85rem;display:flex;align-items:center;gap:4px}.action-btn.approve{background:var(--success);color:var(--white)}.action-btn.reject{background:var(--danger);color:var(--white)}.action-btn.suspend{background:var(--warning);color:var(--dark-gray)}.action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.courses-by-grade{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.grade-section h3{color:var(--accent-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color);display:flex;align-items:center;gap:var(--spacing-md)}.grade-section h3:before{content:"📚";font-size:2rem}.courses-count{font-size:.9rem;color:var(--gray);font-weight:400;background:var(--light-gray);padding:4px 12px;border-radius:var(--radius-full);border:1px solid #e9ecef}.no-courses{text-align:center;padding:var(--spacing-2xl);background:linear-gradient(135deg,#fffc,#f8f9fae6);border-radius:var(--radius-xl);border:2px dashed rgba(255,107,53,.3);margin:var(--spacing-xl) 0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-courses-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.7;animation:emptyIconFloat 3s ease-in-out infinite;background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes emptyIconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.no-courses p{color:var(--gray);margin-bottom:var(--spacing-lg);font-size:1.1rem;line-height:1.6}.add-first-course-btn{background:var(--gradient-cool);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .4s ease;font-size:1.1rem;box-shadow:0 6px 20px #ff6b3566;text-transform:uppercase;letter-spacing:.5px}.add-first-course-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff6b3580}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.admin-course-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.8);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;transform:translateY(0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-course-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #00000026;border-color:var(--primary-color)}.admin-course-card .course-image-container{position:relative;width:100%;height:280px;background:#f8f9fa;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);box-sizing:border-box}.admin-course-card .image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.admin-course-card .image-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgba(255,107,53,.2);border-top:4px solid var(--primary-color);border-radius:50%;animation:imageSpinner 1s linear infinite;z-index:3}@keyframes imageSpinner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.admin-course-card .course-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md);filter:brightness(1.02) contrast(1.02)}.admin-course-card .course-image:hover{transform:scale(1.02);filter:brightness(1.05) contrast(1.05)}.admin-course-card .course-image.loading{opacity:0;transform:scale(.95)}.admin-course-card .course-image:not(.loading){opacity:1;transform:scale(1);animation:imageReveal .8s ease-out}@keyframes imageReveal{0%{opacity:0;transform:scale(.95) translateY(10px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}.admin-course-card .course-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-cool);color:var(--white);position:relative;overflow:hidden;border-radius:var(--radius-md)}.admin-course-card .course-image-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12.5" cy="12.5" r="2" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');animation:movePattern 20s linear infinite}@keyframes movePattern{0%{transform:translate(0) translateY(0)}to{transform:translate(25px) translateY(25px)}}.admin-course-card .image-placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.9;z-index:2;position:relative;animation:float 3s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.admin-course-card .image-placeholder-text{font-size:1.1rem;font-weight:700;text-align:center;opacity:.9;z-index:2;position:relative;max-width:85%;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.admin-course-card .course-badge-overlay{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:3}.admin-course-card .course-status-overlay{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:3}.admin-course-card .course-badge{padding:8px 16px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;display:inline-block;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.admin-course-card .course-badge.new{background:linear-gradient(135deg,#10ac84,#1dd1a1);color:var(--white)}.admin-course-card .course-badge.popular{background:linear-gradient(135deg,#feca57,#ff9ff3);color:var(--white)}.admin-course-card .course-badge.featured{background:linear-gradient(135deg,#3742fa,#2f3542);color:var(--white)}.admin-course-card .course-badge.guarantee{background:linear-gradient(135deg,#ff3838,#ff6b6b);color:var(--white)}.admin-course-card .course-badge.advanced{background:linear-gradient(135deg,#8854d0,#a55eea);color:var(--white)}.admin-course-card .course-badge.intensive{background:linear-gradient(135deg,#fd79a8,#fdcb6e);color:var(--white)}.admin-course-card .course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md);padding:0 var(--spacing-xl)}.admin-course-card .course-title-section{flex:1}.admin-course-card .course-header h4{color:var(--accent-color);margin:0;font-weight:600;font-size:1.2rem;line-height:1.3;position:relative}.admin-course-card .course-header h4:before{content:"🎯";margin-left:var(--spacing-xs);font-size:1rem}.admin-course-card .course-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.admin-course-card .course-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0;flex-wrap:wrap}.admin-course-card .video-btn,.admin-course-card .files-btn,.admin-course-card .homework-btn,.admin-course-card .edit-btn,.admin-course-card .delete-btn{background:var(--white);border:2px solid #e1e5e9;width:40px;height:40px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem;position:relative}.admin-course-card .video-btn:hover{background:#e74c3c;border-color:#e74c3c;color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.admin-course-card .files-btn:hover{background:#3498db;border-color:#3498db;color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.admin-course-card .homework-btn:hover{background:#9b59b6;border-color:#9b59b6;color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #9b59b64d}.admin-course-card .edit-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.admin-course-card .delete-btn:hover{background:var(--danger);border-color:var(--danger);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.admin-course-card .course-details{flex:1;display:flex;flex-direction:column;padding:0 var(--spacing-xl) var(--spacing-xl);position:relative}.admin-course-card .course-description{color:var(--gray);margin-bottom:var(--spacing-md);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;min-height:72px}.admin-course-card .course-meta{margin-bottom:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#ff6b350d,#f7931e0d);border-radius:var(--radius-lg);border:1px solid rgba(255,107,53,.1);position:relative;overflow:hidden}.admin-course-card .course-meta:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-cool);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.admin-course-card .meta-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.admin-course-card .meta-row:not(:last-child){border-bottom:1px solid #e1e5e9}.admin-course-card .meta-label{color:var(--gray);font-weight:500;font-size:.9rem}.admin-course-card .course-price{color:var(--primary-color);font-weight:700;font-size:1.1rem;text-shadow:0 1px 2px rgba(255,107,53,.3)}.admin-course-card .meta-value{font-weight:600;color:var(--dark-gray)}.admin-course-card .course-features{margin-bottom:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#28a7450d,#34ce570d);border-radius:var(--radius-lg);border:1px solid rgba(40,167,69,.2);position:relative;overflow:hidden}.admin-course-card .course-features:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#28a745,#34ce57)}.admin-course-card .course-features h6{color:var(--accent-color);margin-bottom:var(--spacing-sm);font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:var(--spacing-xs)}.admin-course-card .course-features h6:before{content:"✨";font-size:1.3rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.admin-course-card .course-features ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.admin-course-card .course-features li{position:relative;padding-right:var(--spacing-xl);color:var(--dark-gray);font-size:.9rem;line-height:1.4;font-weight:500;padding-top:4px;padding-bottom:4px}.admin-course-card .course-features li:before{content:"✓";position:absolute;right:0;top:4px;color:var(--success);font-weight:700;font-size:1rem;width:24px;height:24px;background:linear-gradient(135deg,#28a745,#34ce57);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 2px 6px #28a7454d;animation:checkmark .5s ease-out}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.admin-course-card .more-features{font-style:italic;color:var(--gray)}.admin-course-card .course-stats{display:flex;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:2px solid var(--light-gray)}.admin-course-card .stat-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--gray);font-weight:600}.admin-course-card .stat-icon{font-size:1rem}.admin-course-card .stat-text{white-space:nowrap}@media (max-width: 768px){.admin-course-card .course-actions{gap:6px}.admin-course-card .video-btn,.admin-course-card .files-btn,.admin-course-card .homework-btn,.admin-course-card .edit-btn,.admin-course-card .delete-btn{width:35px;height:35px;font-size:.9rem}.admin-course-card .course-stats{flex-direction:column;gap:var(--spacing-xs)}.admin-course-card .stat-item{justify-content:center}}@media (max-width: 480px){.admin-course-card .course-actions{flex-wrap:wrap;justify-content:center;gap:8px}.courses-grid{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #e1e5e9;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-lg)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.pending{border-left:4px solid var(--warning)}.stat-card.approved{border-left:4px solid var(--success)}.stat-icon{font-size:2.5rem;opacity:.8}.stat-info{display:flex;flex-direction:column}.stat-number-adminboard{font-size:2rem;font-weight:700;color:var(--accent-color);line-height:1}.stat-label{color:var(--gray);font-weight:500;margin-top:4px}.grade-stats{margin-top:var(--spacing-xl)}.grade-stats h3{color:var(--accent-color);margin-bottom:var(--spacing-lg)}.grade-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.grade-card{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);text-align:center;border:1px solid #e1e5e9;transition:all .3s ease}.grade-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.grade-name{font-weight:600;color:var(--accent-color);display:block;margin-bottom:var(--spacing-xs)}.grade-count{color:var(--gray);font-size:.9rem}.status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.status-badge.active{background:#28a7451a;color:var(--success)}.status-badge.inactive{background:#6c757d1a;color:#6c757d}.status-badge.status-pending{background:#ffc1071a;color:var(--warning)}.status-badge.status-approved{background:#28a7451a;color:var(--success)}.status-badge.status-rejected{background:#dc35451a;color:var(--danger)}.status-badge.status-suspended{background:#6c757d1a;color:#6c757d}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-lg)}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.admin-course-card .course-image-container{height:260px}}@media (max-width: 992px){.admin-course-card .course-image-container{height:250px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.admin-header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.nav-tabs{flex-wrap:wrap;justify-content:center}.tab-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.subscriptions-grid,.courses-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-course-card .course-image-container{height:240px}}@media (max-width: 480px){.admin-content{padding:var(--spacing-lg) var(--spacing-sm)}.admin-course-card .course-image-container{height:220px;padding:var(--spacing-xs)}.grade-cards{grid-template-columns:1fr}}@media (min-width: 1400px){.admin-course-card .course-image-container{height:300px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-secondary);padding:var(--spacing-md)}.admin-login-container{width:100%;max-width:450px}.admin-login-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);text-align:center}.admin-login-header{margin-bottom:var(--spacing-xl)}.admin-logo{margin-bottom:var(--spacing-md)}.admin-icon{font-size:4rem;margin-bottom:var(--spacing-md);display:block}.admin-login-header h2{color:var(--accent-color);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.admin-subtitle{color:var(--gray);line-height:1.6}.admin-login-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:right}.admin-submit-btn{background:var(--gradient-secondary);color:var(--white);border:none;padding:var(--spacing-md);font-size:1.1rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.admin-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-submit-btn:disabled{opacity:.7;cursor:not-allowed}.admin-login-footer{border-top:1px solid #e1e5e9;padding-top:var(--spacing-lg)}.default-credentials{text-align:center}.default-credentials h4{color:var(--accent-color);margin-bottom:var(--spacing-md);font-weight:600}.credentials-info{background:var(--light-gray);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.credential-item{display:flex;justify-content:space-between;align-items:center}.credential-label{color:var(--gray);font-weight:500}.credential-value{font-family:monospace;background:var(--white);padding:4px 8px;border-radius:var(--radius-sm);border:1px solid #e1e5e9;color:var(--accent-color);font-weight:600}.security-note{color:#856404;background:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--radius-sm);padding:var(--spacing-sm);font-size:.9rem;line-height:1.4;margin:0}.admin-quick-access{position:fixed;bottom:30px;left:30px;z-index:1000}.admin-quick-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:var(--white);font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-xl);transition:all .3s ease;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.admin-quick-btn:hover{transform:scale(1.1);box-shadow:0 8px 25px #667eea66}@media (max-width: 768px){.admin-quick-access{bottom:20px;left:20px}.admin-quick-btn{width:50px;height:50px;font-size:1.2rem}.admin-login-card{padding:var(--spacing-xl)}.credentials-info{text-align:center}.credential-item{flex-direction:column;gap:var(--spacing-xs)}}@media (max-width: 480px){.admin-login-card{padding:var(--spacing-lg)}.admin-icon{font-size:3rem}.admin-login-header h2{font-size:1.7rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;width:90%;max-height:90vh;overflow:hidden}.modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);text-align:center;border-bottom:1px solid #e1e5e9}.modal-icon{margin-bottom:var(--spacing-md)}.modal-icon .icon{font-size:3rem;display:inline-block}.modal-icon .icon.warning{color:var(--warning)}.modal-icon .icon.danger{color:var(--danger)}.modal-icon .icon.info{color:var(--primary-color)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin:0}.modal-body{padding:var(--spacing-md) var(--spacing-xl)}.modal-message{font-size:1.1rem;color:var(--gray);text-align:center;line-height:1.6;margin:0}.modal-actions{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);display:flex;gap:var(--spacing-md);justify-content:center}.modal-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;min-width:120px}.cancel-btn{background:var(--light-gray);color:var(--dark-gray);border:1px solid #e1e5e9}.cancel-btn:hover{background:#e1e5e9;transform:translateY(-1px)}.confirm-btn{color:var(--white)}.confirm-btn.warning{background:var(--warning)}.confirm-btn.warning:hover{background:#e6a800;transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-btn.danger{background:var(--danger)}.confirm-btn.danger:hover{background:#c82333;transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-btn.info{background:var(--primary-color)}.confirm-btn.info:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10002;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.payment-modal-header{padding:var(--spacing-xl);border-bottom:1px solid #e1e5e9;position:relative;background:var(--secondary-color);color:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.payment-modal-close{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:#fff3;border:none;color:var(--white);font-size:2rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.payment-modal-close:hover{background:#ffffff4d}.payment-modal-title{font-size:1.5rem;font-weight:700;margin:0;padding-right:60px}.payment-modal-body{padding:var(--spacing-xl)}.course-payment-details{padding:var(--spacing-lg);background:var(--light-gray);border-radius:var(--radius-lg)}.course-info h4{color:var(--accent-color);margin-bottom:var(--spacing-md);font-size:1.2rem}.course-detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid #e1e5e9}.course-detail-item:last-child{border-bottom:none}.course-detail-item .label{color:var(--gray);font-weight:500}.course-detail-item .value{font-weight:600;color:var(--dark-gray)}.course-detail-item .value.price{color:var(--primary-color);font-size:1.2rem}.payment-instructions h4{color:var(--accent-color);margin-bottom:var(--spacing-md);font-size:1.2rem}.payment-methods{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.payment-method{border:2px solid #e1e5e9;border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--white);transition:all .3s ease}.payment-method:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.method-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.method-icon{font-size:1.5rem}.method-header h5{color:var(--accent-color);font-weight:600;margin:0}.method-details{padding-right:var(--spacing-lg)}.phone-number{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--light-gray);border-radius:var(--radius-sm);border:1px solid #e1e5e9}.phone-number .number{flex:1;font-size:1.1rem;font-weight:700;color:var(--accent-color);direction:ltr;text-align:left}.copy-btn{background:var(--primary-color);color:var(--white);border:none;padding:4px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:var(--secondary-color);transform:translateY(-1px)}.payment-steps{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:#ff6b350d;border-radius:var(--radius-lg);border-right:4px solid var(--primary-color)}.payment-steps h5{color:var(--accent-color);margin-bottom:var(--spacing-sm);font-weight:600}.steps-list{list-style:none;counter-reset:step-counter}.steps-list li{counter-increment:step-counter;position:relative;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-xl);margin-bottom:var(--spacing-xs);line-height:1.5}.steps-list li:before{content:counter(step-counter);position:absolute;right:0;top:var(--spacing-sm);background:var(--primary-color);color:var(--white);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.payment-form{border-top:1px solid #e1e5e9;padding-top:var(--spacing-lg)}.receipt-upload h4{color:var(--accent-color);margin-bottom:var(--spacing-md);font-size:1.2rem}.upload-area{margin-bottom:var(--spacing-lg)}.upload-label{display:block;cursor:pointer;border:2px dashed #e1e5e9;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s ease;background:var(--light-gray)}.upload-label:hover{border-color:var(--primary-color);background:#ff6b350d}.image-preview{position:relative;max-width:300px;margin:0 auto}.image-preview img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);opacity:0;transition:opacity .3s ease;gap:var(--spacing-xs);font-size:.9rem;font-weight:600}.image-preview:hover .preview-overlay{opacity:1}.important-note{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--radius-lg)}.note-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:#856404}.note-icon{font-size:1.2rem}.note-list{list-style:none;margin-right:var(--spacing-lg)}.note-list li{position:relative;padding:4px 0 4px var(--spacing-lg);color:#856404;line-height:1.4}.note-list li:before{content:"•";position:absolute;right:0;color:#856404;font-weight:700}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.form-actions .cancel-btn{background:var(--light-gray);color:var(--gray);border:1px solid #e1e5e9;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.form-actions .cancel-btn:hover{background:var(--gray);color:var(--white)}.form-actions .submit-btn{background:var(--secondary-color);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.form-actions .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}.course-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10003;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.course-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto}.course-modal-header{padding:var(--spacing-xl);border-bottom:1px solid #e1e5e9;position:relative;background:var(--secondary-color);color:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.course-modal-close{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:#fff3;border:none;color:var(--white);font-size:2rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.course-modal-close:hover{background:#ffffff4d}.course-modal-title{font-size:1.5rem;font-weight:700;margin:0;padding-right:60px}.course-modal-body{padding:var(--spacing-xl)}.course-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-textarea{padding:var(--spacing-sm);border:2px solid #e1e5e9;border-radius:var(--radius-sm);font-size:1rem;transition:all .3s ease;background:var(--white);resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a}.image-upload-area{margin:var(--spacing-sm) 0}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);border:2px dashed #e1e5e9;border-radius:var(--radius-lg);background:var(--light-gray);cursor:pointer;transition:all .3s ease;min-height:200px}.upload-placeholder:hover{border-color:var(--primary-color);background:#ff6b350d;transform:translateY(-2px)}.image-preview-container{position:relative;display:inline-block;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);max-width:100%}.course-image-preview{width:100%;max-width:400px;height:250px;object-fit:cover;display:block;transition:transform .3s ease}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);opacity:0;transition:opacity .3s ease}.image-preview-container:hover .image-overlay{opacity:1}.image-preview-container:hover .course-image-preview{transform:scale(1.05)}.change-image-btn,.remove-image-btn{background:#ffffffe6;color:var(--dark-gray);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.change-image-btn:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.remove-image-btn:hover{background:var(--danger);color:var(--white);transform:translateY(-2px)}.badge-preview{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--light-gray);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0}.features-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature-input-group{display:flex;gap:var(--spacing-sm);align-items:center}.feature-input-group .form-input{flex:1}.remove-feature-btn{background:var(--danger);color:var(--white);border:none;width:40px;height:40px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.remove-feature-btn:hover{background:#c82333;transform:translateY(-1px)}.add-feature-btn{background:var(--success);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;display:flex;align-items:center;gap:var(--spacing-xs)}.add-feature-btn:hover{background:#218838;transform:translateY(-1px)}.save-btn{background:var(--secondary-color);color:var(--white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.confirmation-modal{width:95%;margin:var(--spacing-md)}.modal-actions{flex-direction:column}.modal-btn{width:100%}.payment-modal{margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.payment-modal-header,.payment-modal-body{padding:var(--spacing-lg)}.payment-modal-title{font-size:1.3rem;padding-right:50px}.payment-methods{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .cancel-btn,.form-actions .submit-btn{width:100%;justify-content:center}.course-modal{margin:var(--spacing-sm);max-height:calc(100vh - 1rem)}.course-modal-header,.course-modal-body{padding:var(--spacing-lg)}.course-modal-title{font-size:1.3rem;padding-right:50px}.feature-input-group{flex-direction:column;gap:var(--spacing-xs)}.remove-feature-btn{align-self:flex-end}.badge-preview{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.phone-number{flex-direction:column;text-align:center}.course-detail-item{flex-direction:column;gap:var(--spacing-xs);text-align:center}.upload-placeholder{padding:var(--spacing-xl);min-height:150px}.course-image-preview{height:200px}.image-overlay{flex-direction:column;gap:var(--spacing-xs)}.change-image-btn,.remove-image-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 480px){.payment-modal-header,.payment-modal-body{padding:var(--spacing-md)}.payment-modal-close{width:35px;height:35px;font-size:1.5rem}.course-payment-details,.payment-instructions,.important-note{padding:var(--spacing-sm)}.steps-list li{padding-right:var(--spacing-lg)}.course-modal-header,.course-modal-body{padding:var(--spacing-md)}.course-modal-close{width:35px;height:35px;font-size:1.5rem}.course-form{gap:var(--spacing-md)}.upload-placeholder{padding:var(--spacing-lg);min-height:120px}.upload-icon{font-size:2rem}.upload-text{font-size:.9rem}.upload-hint{font-size:.8rem}.course-image-preview{height:150px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:400px}.toast{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;transform:translate(400px);opacity:0;transition:all .3s ease;border-left:4px solid var(--primary-color);min-width:300px}.toast-show{transform:translate(0);opacity:1}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--primary-color)}.toast-content{padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-message{flex:1;color:var(--dark-gray);font-weight:500;line-height:1.4}.toast-close{background:none;border:none;font-size:1.5rem;color:var(--gray);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.toast-close:hover{background:#0000001a}.toast-progress{height:3px;background:#0000001a;position:relative;overflow:hidden}.toast-progress-bar{height:100%;background:var(--primary-color);width:100%;animation:toast-progress 4s linear forwards}.toast-success .toast-progress-bar{background:var(--success)}.toast-error .toast-progress-bar{background:var(--danger)}.toast-warning .toast-progress-bar{background:var(--warning)}@keyframes toast-progress{0%{width:100%}to{width:0%}}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--white);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--gradient-primary);color:var(--white)}.loading-text{font-size:1.1rem;font-weight:600}@media (max-width: 768px){.toast-container{right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}.toast{min-width:auto;transform:translateY(-100px)}.toast-show{transform:translateY(0)}}.course-viewer-courseviewer{min-height:100vh;background:var(--gradient-cool);padding:20px 0;position:relative}.course-viewer-courseviewer:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:var(--gradient-cool);z-index:-1;pointer-events:none}.course-viewer-container-courseviewer{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 20px}body.course-viewer-page{background:var(--gradient-cool)!important;min-height:100vh}body.course-viewer-page .course-viewer-courseviewer{background:transparent}body.course-viewer-page .course-viewer-courseviewer:after{display:none}.course-viewer-header-courseviewer{margin-bottom:30px}.header-top-section-courseviewer{margin-bottom:20px}.back-btn-courseviewer{background:var(--gradient-cool);color:var(--white);border:none;padding:12px 20px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px;box-shadow:var(--box-shadow);font-size:1rem}.back-btn-courseviewer:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b354d}.back-icon-courseviewer{font-size:1.2rem}.back-text-courseviewer{font-size:1rem}.welcome-card-courseviewer{background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 100%);border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000026;border:3px solid transparent;background-clip:padding-box;position:relative;overflow:hidden}.welcome-card-courseviewer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-cool)}.welcome-content-courseviewer{display:flex;align-items:center;gap:20px}.student-avatar-courseviewer{width:70px;height:70px;background:var(--gradient-cool);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #ff6b354d}.avatar-icon-courseviewer{font-size:2rem;color:var(--white)}.welcome-text-courseviewer{flex:1}.course-title-courseviewer{font-size:1.8rem;font-weight:700;color:var(--accent-color);margin:0 0 8px;line-height:1.3}.student-greeting-courseviewer{font-size:1.2rem;color:var(--gray);margin:0 0 12px;font-weight:500}.course-info-badges-courseviewer{display:flex;gap:10px;flex-wrap:wrap}.grade-badge-courseviewer,.status-badge-courseviewer{padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:600;color:var(--white)}.grade-badge-courseviewer{background:var(--gradient-cool)}.status-badge-courseviewer{background:linear-gradient(135deg,#4caf50,#388e3c)}.course-sections-courseviewer{margin-bottom:30px}.sections-title-courseviewer{font-size:1.8rem;font-weight:700;color:var(--white);margin-bottom:25px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.sections-grid-courseviewer{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:600px;margin:0 auto}.section-card-courseviewer{background:var(--white);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a;border:2px solid transparent;position:relative;text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-card-courseviewer:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:var(--section-color, var(--primary-color))}.section-card-courseviewer.active{border-color:var(--section-color, #2196f3);background:linear-gradient(135deg,var(--white) 0%,rgba(33,150,243,.05) 100%)}.section-card-courseviewer.livestream-section{animation:pulse-glow 3s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #0000001a}50%{box-shadow:0 4px 20px #e74c3c4d}}.section-content-courseviewer{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.section-icon-courseviewer{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--white);margin-bottom:5px}.section-title-courseviewer{font-size:.95rem;font-weight:600;color:var(--accent-color);text-align:center;line-height:1.3}.section-counter-courseviewer{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--danger-color);color:var(--white);border-radius:50%;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.course-content-courseviewer{background:var(--white);border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000001a;min-height:400px}.section-header-courseviewer{text-align:center;margin-bottom:30px;position:relative}.section-header-courseviewer h3{font-size:1.6rem;font-weight:700;color:var(--accent-color);margin:0 0 8px}.section-header-courseviewer p{color:var(--gray);font-size:1rem;margin:0}.refresh-streams-btn-courseviewer{position:absolute;top:0;right:0;background:linear-gradient(135deg,#f44336,#d32f2f);color:var(--white);border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.refresh-streams-btn-courseviewer:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.refresh-streams-btn-courseviewer.small{position:static;margin-top:10px;background:var(--gradient-cool)}.videos-grid-courseviewer,.files-grid-courseviewer,.homework-grid-courseviewer,.exams-grid-courseviewer{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.livestreams-grid-courseviewer{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.video-card-courseviewer,.file-card-courseviewer,.homework-card-courseviewer,.exam-card-courseviewer,.livestream-card-courseviewer{background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);cursor:pointer;transition:var(--transition);border:2px solid transparent;height:100%;display:flex;flex-direction:column}.video-card-courseviewer:hover,.file-card-courseviewer:hover,.homework-card-courseviewer:hover,.exam-card-courseviewer:hover:not(.disabled),.livestream-card-courseviewer:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:var(--primary-color)}.exam-card-courseviewer.disabled{opacity:.7;cursor:not-allowed}.video-thumbnail-container-courseviewer{position:relative;width:100%;height:200px;background:var(--light-gray);overflow:hidden}.video-thumbnail-loading-courseviewer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.thumbnail-loading-spinner-courseviewer{width:40px;height:40px;border:4px solid rgba(255,107,53,.2);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.video-thumbnail-courseviewer{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.video-thumbnail-placeholder-courseviewer{width:100%;height:100%;background:var(--gradient-cool);display:flex;align-items:center;justify-content:center;color:var(--white)}.video-placeholder-content-courseviewer{text-align:center;padding:20px}.video-placeholder-icon-courseviewer{font-size:3rem;margin-bottom:10px;display:block}.video-placeholder-text-courseviewer{font-size:1rem;font-weight:600;line-height:1.4}.video-overlay-courseviewer{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card-courseviewer:hover .video-overlay-courseviewer{opacity:1}.play-button-courseviewer{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.play-button-courseviewer:hover{background:var(--primary-color);transform:scale(1.1)}.play-icon-courseviewer{font-size:1.5rem;color:var(--accent-color);margin-left:3px}.play-button-courseviewer:hover .play-icon-courseviewer{color:var(--white)}.video-duration-courseviewer{position:absolute;bottom:10px;right:10px;background:#000c;color:var(--white);padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.video-info-courseviewer,.file-info-courseviewer,.homework-info-courseviewer{padding:20px;flex:1;display:flex;flex-direction:column;gap:12px}.video-title-courseviewer,.file-title-courseviewer,.homework-title-courseviewer,.exam-title-courseviewer,.stream-title-courseviewer{font-size:1.2rem;font-weight:700;color:var(--accent-color);line-height:1.4;margin:0}.video-description-courseviewer,.file-description-courseviewer,.homework-description-courseviewer,.exam-description-courseviewer,.stream-description-courseviewer{color:var(--gray);line-height:1.6;font-size:.95rem;margin:0}.video-meta-courseviewer,.file-meta-courseviewer,.homework-meta-courseviewer{display:flex;flex-direction:column;gap:8px}.video-meta-item-courseviewer,.file-meta-item-courseviewer,.homework-meta-item-courseviewer{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.video-lesson-courseviewer,.file-order-courseviewer,.homework-order-courseviewer{background:var(--gradient-cool);color:var(--white);padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.video-type-courseviewer,.file-type-courseviewer,.homework-type-courseviewer{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px}.video-date-courseviewer,.file-date-courseviewer,.homework-date-courseviewer{color:var(--gray);font-size:.85rem}.video-duration-text-courseviewer{color:var(--primary-color);font-weight:600;font-size:.85rem}.file-source-courseviewer,.homework-source-courseviewer{color:var(--info-color);font-weight:600;font-size:.85rem}.video-action-courseviewer,.file-actions-courseviewer,.homework-actions-courseviewer,.exam-actions-courseviewer{margin-top:auto;padding-top:15px}.watch-video-btn-courseviewer,.view-file-btn-courseviewer,.view-homework-btn-courseviewer,.start-exam-btn-courseviewer,.continue-exam-btn-courseviewer,.view-results-btn-courseviewer,.join-stream-btn-courseviewer{width:100%;padding:12px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--white);font-size:1rem}.watch-video-btn-courseviewer,.view-file-btn-courseviewer,.view-homework-btn-courseviewer{background:linear-gradient(135deg,#4caf50,#388e3c)}.start-exam-btn-courseviewer{background:linear-gradient(135deg,#28a745,#20c997)}.continue-exam-btn-courseviewer{background:linear-gradient(135deg,#ff9800,#f57c00);animation:pulse 2s infinite}.view-results-btn-courseviewer{background:var(--gradient-cool)}.join-stream-btn-courseviewer.live{background:linear-gradient(135deg,#f44336,#d32f2f);animation:pulse 2s infinite}.join-stream-btn-courseviewer.ready{background:linear-gradient(135deg,#4caf50,#388e3c)}.join-stream-btn-courseviewer.disabled{background:var(--gray);cursor:not-allowed;opacity:.7}.watch-video-btn-courseviewer:hover,.view-file-btn-courseviewer:hover,.view-homework-btn-courseviewer:hover,.start-exam-btn-courseviewer:hover,.continue-exam-btn-courseviewer:hover,.view-results-btn-courseviewer:hover,.join-stream-btn-courseviewer:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn-icon-courseviewer{font-size:1.1rem}.file-thumbnail-wrapper-courseviewer,.homework-thumbnail-wrapper-courseviewer{position:relative;width:100%;height:200px;background:var(--light-gray);overflow:hidden}.file-thumbnail-container-courseviewer,.homework-thumbnail-container-courseviewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.file-thumbnail-loading-courseviewer,.homework-thumbnail-loading-courseviewer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--success-color);font-weight:600}.file-thumbnail-courseviewer,.homework-thumbnail-courseviewer{width:100%;height:100%;object-fit:cover}.file-placeholder-content-courseviewer,.homework-placeholder-content-courseviewer{text-align:center;padding:20px}.file-placeholder-icon-courseviewer,.homework-placeholder-icon-courseviewer{display:block;margin-bottom:10px}.livestream-card-courseviewer.live{border-color:var(--danger-color);animation:live-glow 3s infinite}.livestream-card-courseviewer.ready{border-color:var(--success-color)}.livestream-card-courseviewer.scheduled{border-color:var(--warning-color)}.livestream-card-courseviewer.ended{opacity:.7;border-color:var(--gray)}@keyframes live-glow{0%,to{box-shadow:0 4px 15px #0000001a}50%{box-shadow:0 4px 20px #e74c3c66}}.livestream-card-header-courseviewer{background:linear-gradient(135deg,var(--light-gray) 0%,#e9ecef 100%);padding:20px;border-bottom:2px solid #e9ecef}.stream-title-section-courseviewer{display:flex;flex-direction:column;gap:12px}.stream-badges-courseviewer{display:flex;gap:8px;flex-wrap:wrap}.status-badge-courseviewer,.platform-badge-courseviewer{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;color:var(--white);display:flex;align-items:center;gap:4px}.status-badge-courseviewer.live{background:#f44336;animation:pulse 2s infinite}.status-badge-courseviewer.ready{background:#4caf50}.status-badge-courseviewer.scheduled{background:#ff9800}.status-badge-courseviewer.ended{background:#6c757d}.time-remaining-badge-courseviewer{background:var(--warning-color);color:var(--white);padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600}.livestream-card-body-courseviewer{padding:20px;flex:1;display:flex;flex-direction:column;gap:15px}.stream-meta-courseviewer{background:var(--light-gray);border-radius:8px;padding:15px}.meta-row-courseviewer{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.meta-row-courseviewer:last-child{margin-bottom:0}.meta-label-courseviewer{color:var(--gray);font-weight:600}.meta-value-courseviewer{color:var(--accent-color);font-weight:600}.stream-features-courseviewer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.feature-item-courseviewer{display:flex;align-items:center;gap:6px;background:#27ae601a;color:var(--success-color);padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:600}.feature-icon-courseviewer{font-size:1rem}.livestream-card-actions-courseviewer{background:var(--light-gray);padding:20px;border-top:2px solid #e9ecef}.stream-help-text-courseviewer{background:#3498db1a;color:var(--info-color);padding:8px 12px;border-radius:8px;font-size:.85rem;text-align:center;margin-top:10px;border-left:3px solid var(--info-color)}.exam-header-courseviewer{padding:20px;border-bottom:2px solid var(--light-gray)}.exam-title-section-courseviewer{display:flex;flex-direction:column;gap:12px}.exam-status-badges-courseviewer{display:flex;gap:8px;flex-wrap:wrap}.exam-status-badge-courseviewer,.active-attempt-badge-courseviewer,.best-score-badge-courseviewer{padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;color:var(--white);display:flex;align-items:center;gap:4px}.active-attempt-badge-courseviewer{background:var(--warning-color);animation:pulse 2s infinite}.exam-body-courseviewer{padding:20px;display:flex;flex-direction:column;gap:20px}.exam-info-grid-courseviewer{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item-courseviewer{background:var(--light-gray);padding:12px;border-radius:8px;text-align:center}.info-icon-courseviewer{font-size:1.2rem;margin-bottom:4px}.info-value-courseviewer{font-weight:700;color:var(--primary-color);font-size:.95rem;display:block;margin-bottom:2px}.info-label-courseviewer{font-size:.8rem;color:var(--gray);font-weight:600}.exam-timing-courseviewer{background:var(--light-gray);border:2px solid #e9ecef;border-radius:12px;padding:16px}.exam-timing-courseviewer h5{margin:0 0 12px;color:var(--accent-color);font-size:1rem;font-weight:600}.timing-grid-courseviewer{display:grid;grid-template-columns:1fr;gap:12px}.timing-item-courseviewer{display:flex;flex-direction:column;gap:4px}.timing-label-courseviewer{font-size:.85rem;color:var(--gray);font-weight:600}.timing-value-courseviewer{font-size:.9rem;font-weight:600;color:var(--accent-color)}.previous-attempts-courseviewer{background:#e3f2fd;border:2px solid #bbdefb;border-radius:12px;padding:16px}.previous-attempts-courseviewer h5{margin:0 0 12px;color:#1976d2;font-size:1rem;font-weight:600}.attempts-summary-courseviewer{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.summary-item-courseviewer{text-align:center}.summary-label-courseviewer{font-size:.8rem;color:#1565c0;font-weight:600;margin-bottom:4px}.summary-value-courseviewer{font-size:1.1rem;font-weight:700;color:#0d47a1}.no-attempts-left-courseviewer,.exam-not-available-courseviewer{background:var(--gray);color:var(--white);padding:12px 16px;border-radius:8px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.video-access-info-courseviewer{margin:10px 0}.access-badge-courseviewer{padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.access-badge-courseviewer.immediate,.access-badge-courseviewer.published_scheduled{background:#d4edda;color:#155724}.access-badge-courseviewer.scheduled{background:#fff3cd;color:#856404}.access-badge-courseviewer.pending_publish{background:#e2e3e5;color:#6c757d}.scheduled-videos-hint-courseviewer,.livestream-hint-courseviewer{background:#e3f2fd;border:2px solid #2196f3;border-radius:12px;padding:15px;margin-top:20px}.hint-text-courseviewer{color:#1976d2;font-weight:600;margin:0;text-align:center}.due-date-courseviewer{color:#17a2b8;font-size:.85rem;font-weight:600;background:#17a2b81a;padding:4px 12px;border-radius:16px}.due-date-courseviewer.overdue{color:var(--danger-color);background:#e74c3c1a;animation:pulse 2s infinite}.empty-content-courseviewer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--gray);min-height:300px}.empty-icon-courseviewer{font-size:4rem;margin-bottom:20px;opacity:.6;background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-content-courseviewer h4{margin:0 0 10px;color:var(--accent-color);font-size:1.3rem;font-weight:700}.empty-content-courseviewer p{margin:0;font-size:1rem;line-height:1.5}.course-viewer-loading-courseviewer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;color:var(--white)}.loading-spinner-courseviewer{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--white);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.course-viewer-loading-courseviewer p{font-size:1.1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (min-width: 769px) and (max-width: 1024px){.course-viewer-container-courseviewer{padding:0 25px}.course-viewer-header-courseviewer{margin-bottom:25px}.welcome-card-courseviewer{padding:25px}.welcome-content-courseviewer{flex-direction:row;text-align:right;gap:20px}.student-avatar-courseviewer{width:65px;height:65px}.avatar-icon-courseviewer{font-size:1.8rem}.course-title-courseviewer{font-size:1.7rem}.student-greeting-courseviewer{font-size:1.15rem}.course-info-badges-courseviewer{justify-content:flex-start}.sections-title-courseviewer{font-size:1.7rem}.sections-grid-courseviewer{grid-template-columns:repeat(2,1fr);gap:16px;max-width:700px}.section-card-courseviewer{padding:18px;min-height:110px}.section-icon-courseviewer{width:48px;height:48px;font-size:1.4rem}.section-title-courseviewer{font-size:.92rem}.course-content-courseviewer{padding:25px}.section-header-courseviewer h3{font-size:1.5rem}.section-header-courseviewer p{font-size:1rem}.videos-grid-courseviewer,.files-grid-courseviewer,.homework-grid-courseviewer,.exams-grid-courseviewer{grid-template-columns:1fr;gap:25px;max-width:600px;margin:0 auto}.livestreams-grid-courseviewer{grid-template-columns:1fr;gap:25px;max-width:650px;margin:0 auto}.video-thumbnail-container-courseviewer,.file-thumbnail-wrapper-courseviewer,.homework-thumbnail-wrapper-courseviewer{height:220px}.video-card-courseviewer,.file-card-courseviewer,.homework-card-courseviewer,.exam-card-courseviewer,.livestream-card-courseviewer{max-width:100%;min-width:auto;width:100%}.video-info-courseviewer,.file-info-courseviewer,.homework-info-courseviewer{padding:18px}.video-title-courseviewer,.file-title-courseviewer,.homework-title-courseviewer,.exam-title-courseviewer,.stream-title-courseviewer{font-size:1.15rem}.video-description-courseviewer,.file-description-courseviewer,.homework-description-courseviewer,.exam-description-courseviewer,.stream-description-courseviewer{font-size:.98rem}.video-meta-courseviewer,.file-meta-courseviewer,.homework-meta-courseviewer{gap:7px}.video-meta-item-courseviewer,.file-meta-item-courseviewer,.homework-meta-item-courseviewer{flex-direction:row;align-items:center;gap:6px}.exam-info-grid-courseviewer{grid-template-columns:repeat(2,1fr);gap:14px}.timing-grid-courseviewer{gap:10px}.attempts-summary-courseviewer{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stream-badges-courseviewer{flex-direction:row;gap:8px}.meta-row-courseviewer{flex-direction:row;gap:6px;text-align:right}.stream-features-courseviewer{justify-content:flex-start;gap:10px}.refresh-streams-btn-courseviewer{position:absolute;top:0;right:0}.section-header-courseviewer{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:15px}.watch-video-btn-courseviewer,.view-file-btn-courseviewer,.view-homework-btn-courseviewer,.start-exam-btn-courseviewer,.continue-exam-btn-courseviewer,.view-results-btn-courseviewer,.join-stream-btn-courseviewer{padding:11px 15px;font-size:.98rem}.btn-icon-courseviewer{font-size:1.05rem}.play-button-courseviewer{width:55px;height:55px}.play-icon-courseviewer{font-size:1.3rem}.video-placeholder-icon-courseviewer,.file-placeholder-icon-courseviewer,.homework-placeholder-icon-courseviewer{font-size:2.8rem;margin-bottom:12px}.video-placeholder-text-courseviewer,.file-placeholder-text-courseviewer,.homework-placeholder-text-courseviewer{font-size:1.05rem;font-weight:600}}@media (min-width: 900px) and (max-width: 1024px){.videos-grid-courseviewer,.files-grid-courseviewer,.homework-grid-courseviewer,.exams-grid-courseviewer{grid-template-columns:1fr;gap:28px;max-width:650px;margin:0 auto}.livestreams-grid-courseviewer{grid-template-columns:1fr;gap:28px;max-width:700px;margin:0 auto}.video-thumbnail-container-courseviewer,.file-thumbnail-wrapper-courseviewer,.homework-thumbnail-wrapper-courseviewer{height:250px}.video-card-courseviewer,.file-card-courseviewer,.homework-card-courseviewer,.exam-card-courseviewer,.livestream-card-courseviewer{max-width:100%;min-width:auto;width:100%}.sections-grid-courseviewer{max-width:750px;grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.course-viewer-container-courseviewer{padding:0 15px}.course-viewer-header-courseviewer{margin-bottom:20px}.welcome-card-courseviewer{padding:20px}.welcome-content-courseviewer{flex-direction:column;text-align:center;gap:15px}.student-avatar-courseviewer{width:60px;height:60px}.avatar-icon-courseviewer,.course-title-courseviewer{font-size:1.5rem}.student-greeting-courseviewer{font-size:1.1rem}.course-info-badges-courseviewer{justify-content:center}.sections-title-courseviewer{font-size:1.5rem}.sections-grid-courseviewer{gap:12px}.section-card-courseviewer{padding:15px;min-height:100px}.section-icon-courseviewer{width:45px;height:45px;font-size:1.3rem}.section-title-courseviewer{font-size:.9rem}.course-content-courseviewer{padding:20px}.section-header-courseviewer h3{font-size:1.4rem}.section-header-courseviewer p{font-size:.95rem}.videos-grid-courseviewer,.files-grid-courseviewer,.homework-grid-courseviewer,.exams-grid-courseviewer,.livestreams-grid-courseviewer{grid-template-columns:1fr;gap:16px}.video-thumbnail-container-courseviewer,.file-thumbnail-wrapper-courseviewer,.homework-thumbnail-wrapper-courseviewer{height:180px}.video-info-courseviewer,.file-info-courseviewer,.homework-info-courseviewer{padding:16px}.video-title-courseviewer,.file-title-courseviewer,.homework-title-courseviewer,.exam-title-courseviewer,.stream-title-courseviewer{font-size:1.1rem}.video-meta-courseviewer,.file-meta-courseviewer,.homework-meta-courseviewer{gap:6px}.video-meta-item-courseviewer,.file-meta-item-courseviewer,.homework-meta-item-courseviewer{flex-direction:column;align-items:flex-start;gap:4px}.exam-info-grid-courseviewer{grid-template-columns:1fr;gap:10px}.timing-grid-courseviewer{gap:8px}.attempts-summary-courseviewer{grid-template-columns:1fr;gap:8px}.stream-badges-courseviewer{flex-direction:column;gap:6px}.meta-row-courseviewer{flex-direction:column;gap:4px;text-align:center}.stream-features-courseviewer{justify-content:center;gap:8px}.refresh-streams-btn-courseviewer{position:static;margin-top:10px;align-self:center}.section-header-courseviewer{display:flex;flex-direction:column;gap:10px}}@media (max-width: 480px){.course-viewer-courseviewer{padding:15px 0}.course-viewer-container-courseviewer{padding:0 10px}.welcome-card-courseviewer{padding:15px}.course-title-courseviewer{font-size:1.3rem}.student-greeting-courseviewer{font-size:1rem}.grade-badge-courseviewer,.status-badge-courseviewer{font-size:.8rem;padding:4px 10px}.sections-title-courseviewer{font-size:1.3rem}.section-card-courseviewer{padding:12px;min-height:90px}.section-icon-courseviewer{width:40px;height:40px;font-size:1.2rem}.section-title-courseviewer{font-size:.85rem}.course-content-courseviewer{padding:15px}.section-header-courseviewer h3{font-size:1.2rem}.video-thumbnail-container-courseviewer,.file-thumbnail-wrapper-courseviewer,.homework-thumbnail-wrapper-courseviewer{height:150px}.video-info-courseviewer,.file-info-courseviewer,.homework-info-courseviewer{padding:12px}.video-title-courseviewer,.file-title-courseviewer,.homework-title-courseviewer,.stream-title-courseviewer{font-size:1rem}.exam-header-courseviewer,.exam-body-courseviewer,.livestream-card-header-courseviewer,.livestream-card-body-courseviewer,.livestream-card-actions-courseviewer{padding:15px}.stream-meta-courseviewer,.exam-timing-courseviewer,.previous-attempts-courseviewer{padding:12px}.play-button-courseviewer{width:50px;height:50px}.play-icon-courseviewer{font-size:1.2rem}.empty-content-courseviewer{padding:30px 15px}.empty-icon-courseviewer{font-size:3rem}.empty-content-courseviewer h4{font-size:1.1rem}.empty-content-courseviewer p{font-size:.9rem}.back-btn-courseviewer{padding:10px 16px;font-size:.9rem}.back-icon-courseviewer{font-size:1rem}.back-text-courseviewer{font-size:.9rem}.sections-grid-courseviewer{gap:10px;max-width:100%}.section-counter-courseviewer{width:20px;height:20px;font-size:.7rem;top:-6px;right:-6px}.watch-video-btn-courseviewer,.view-file-btn-courseviewer,.view-homework-btn-courseviewer,.start-exam-btn-courseviewer,.continue-exam-btn-courseviewer,.view-results-btn-courseviewer,.join-stream-btn-courseviewer{padding:10px 14px;font-size:.9rem}.btn-icon-courseviewer{font-size:1rem}.status-badge-courseviewer,.platform-badge-courseviewer,.exam-status-badge-courseviewer,.active-attempt-badge-courseviewer,.best-score-badge-courseviewer{padding:4px 8px;font-size:.75rem}.time-remaining-badge-courseviewer{padding:3px 6px;font-size:.7rem}.feature-item-courseviewer{padding:4px 8px;font-size:.8rem}.feature-icon-courseviewer{font-size:.9rem}.info-item-courseviewer{padding:10px}.info-icon-courseviewer{font-size:1rem}.info-value-courseviewer{font-size:.9rem}.info-label-courseviewer{font-size:.75rem}.timing-label-courseviewer{font-size:.8rem}.timing-value-courseviewer{font-size:.85rem}.summary-label-courseviewer{font-size:.75rem}.summary-value-courseviewer{font-size:1rem}}@media (max-width: 360px){.course-viewer-container-courseviewer{padding:0 8px}.welcome-card-courseviewer{padding:12px}.student-avatar-courseviewer{width:50px;height:50px}.avatar-icon-courseviewer{font-size:1.3rem}.course-title-courseviewer{font-size:1.1rem}.student-greeting-courseviewer{font-size:.9rem}.sections-title-courseviewer{font-size:1.1rem}.section-card-courseviewer{padding:10px;min-height:80px}.section-icon-courseviewer{width:35px;height:35px;font-size:1.1rem}.section-title-courseviewer{font-size:.8rem}.course-content-courseviewer{padding:12px}.section-header-courseviewer h3{font-size:1.1rem}.section-header-courseviewer p{font-size:.85rem}.video-thumbnail-container-courseviewer,.file-thumbnail-wrapper-courseviewer,.homework-thumbnail-wrapper-courseviewer{height:130px}.video-info-courseviewer,.file-info-courseviewer,.homework-info-courseviewer{padding:10px}.play-button-courseviewer{width:45px;height:45px}.play-icon-courseviewer{font-size:1.1rem}}.section-card-courseviewer:focus,.video-card-courseviewer:focus,.file-card-courseviewer:focus,.homework-card-courseviewer:focus,.exam-card-courseviewer:focus,.livestream-card-courseviewer:focus{outline:3px solid var(--primary-color);outline-offset:2px}.watch-video-btn-courseviewer:focus,.view-file-btn-courseviewer:focus,.view-homework-btn-courseviewer:focus,.start-exam-btn-courseviewer:focus,.continue-exam-btn-courseviewer:focus,.view-results-btn-courseviewer:focus,.join-stream-btn-courseviewer:focus,.back-btn-courseviewer:focus{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}.section-card-courseviewer,.video-card-courseviewer,.file-card-courseviewer,.homework-card-courseviewer,.exam-card-courseviewer,.livestream-card-courseviewer{will-change:transform,box-shadow}@media (prefers-reduced-motion: reduce){.section-card-courseviewer,.video-card-courseviewer,.file-card-courseviewer,.homework-card-courseviewer,.exam-card-courseviewer,.livestream-card-courseviewer{transition:none}.section-card-courseviewer:hover,.video-card-courseviewer:hover,.file-card-courseviewer:hover,.homework-card-courseviewer:hover,.exam-card-courseviewer:hover,.livestream-card-courseviewer:hover{transform:none}.loading-spinner-courseviewer,.thumbnail-loading-spinner-courseviewer,.pulse-glow,.live-glow,.pulse{animation:none}}@media (prefers-contrast: high){.section-card-courseviewer,.video-card-courseviewer,.file-card-courseviewer,.homework-card-courseviewer,.exam-card-courseviewer,.livestream-card-courseviewer{border:2px solid #000}.video-overlay-courseviewer{background:#000c}.play-button-courseviewer,.welcome-card-courseviewer,.course-content-courseviewer{border:2px solid #000}}@media print{.course-viewer-courseviewer{background:#fff!important;color:#000!important}.back-btn-courseviewer,.refresh-streams-btn-courseviewer,.watch-video-btn-courseviewer,.view-file-btn-courseviewer,.view-homework-btn-courseviewer,.start-exam-btn-courseviewer,.continue-exam-btn-courseviewer,.view-results-btn-courseviewer,.join-stream-btn-courseviewer,.video-overlay-courseviewer,.play-button-courseviewer{display:none!important}.section-card-courseviewer,.video-card-courseviewer,.file-card-courseviewer,.homework-card-courseviewer,.exam-card-courseviewer,.livestream-card-courseviewer{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.course-content-courseviewer{box-shadow:none!important}}@media (min-width: 1200px){.videos-grid-courseviewer,.files-grid-courseviewer,.homework-grid-courseviewer,.exams-grid-courseviewer{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.livestreams-grid-courseviewer{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.sections-grid-courseviewer{max-width:800px;grid-template-columns:repeat(3,1fr)}.course-title-courseviewer{font-size:2.2rem}.sections-title-courseviewer{font-size:2rem}.section-header-courseviewer h3{font-size:1.8rem}}@media (min-width: 1600px){.videos-grid-courseviewer,.files-grid-courseviewer,.homework-grid-courseviewer,.exams-grid-courseviewer{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.livestreams-grid-courseviewer{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.sections-grid-courseviewer{grid-template-columns:repeat(4,1fr)}}.course-viewer-courseviewer{font-family:Segoe UI,Cairo,Amiri,Tahoma,sans-serif;direction:rtl;text-align:right}.course-title-courseviewer,.sections-title-courseviewer,.section-header-courseviewer h3,.video-title-courseviewer,.file-title-courseviewer,.homework-title-courseviewer,.exam-title-courseviewer,.stream-title-courseviewer{font-family:Cairo,Amiri,Tahoma,sans-serif;font-weight:700}.section-title-courseviewer,.video-description-courseviewer,.file-description-courseviewer,.homework-description-courseviewer,.exam-description-courseviewer,.stream-description-courseviewer{line-height:1.6;word-spacing:2px}.back-btn-courseviewer,.watch-video-btn-courseviewer,.view-file-btn-courseviewer,.view-homework-btn-courseviewer,.start-exam-btn-courseviewer,.continue-exam-btn-courseviewer,.view-results-btn-courseviewer,.join-stream-btn-courseviewer{font-family:Cairo,Tahoma,sans-serif;font-weight:600}.course-actions .video-btn{background:var(--tertiary-color);color:var(--white);border:2px solid transparent;width:40px;height:40px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.course-actions .video-btn:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.video-management-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10003;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-management-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:1000px;width:100%;max-height:90vh;overflow-y:auto}.video-management-header{padding:var(--spacing-xl);border-bottom:1px solid #e1e5e9;background:var(--tertiary-color);color:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;align-items:center}.video-management-header h3{margin:0;font-size:1.5rem;font-weight:700}.video-management-body{padding:var(--spacing-xl)}.videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--light-gray)}.videos-header h4{color:var(--tertiary-color);font-size:1.5rem;margin:0}.add-video-btn{background:var(--tertiary-color);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem}.add-video-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.video-item{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:2px solid transparent;transition:all .3s ease}.video-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.video-thumbnail-container{position:relative;width:100%;height:200px;background:#f8f9fa;overflow:hidden}.video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-item:hover .video-thumbnail{transform:scale(1.05)}.video-thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tertiary-color);color:var(--white)}.video-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.video-order-badge{position:absolute;top:10px;right:10px;background:var(--primary-color);color:var(--white);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.video-info{padding:var(--spacing-lg)}.video-title{font-size:1.2rem;font-weight:700;color:var(--tertiary-color);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{color:var(--gray);margin-bottom:var(--spacing-md);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--light-gray)}.video-type{background:var(--light-gray);color:var(--tertiary-color);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.video-duration{color:var(--gray);font-size:.9rem;font-weight:600}.video-actions{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-lg)}.edit-video-btn,.delete-video-btn{flex:1;padding:var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.edit-video-btn{background:var(--primary-color);color:var(--white)}.edit-video-btn:hover{background:var(--tertiary-color);transform:translateY(-1px)}.delete-video-btn{background:var(--danger);color:var(--white)}.delete-video-btn:hover{background:#c82333;transform:translateY(-1px)}.empty-videos{text-align:center;padding:var(--spacing-2xl);background:var(--light-gray);border-radius:var(--radius-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6;color:var(--tertiary-color)}.empty-videos h4{color:var(--tertiary-color);margin-bottom:var(--spacing-sm);font-size:1.5rem}.empty-videos p{color:var(--gray);font-size:1.1rem}.video-form{background:var(--light-gray);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;color:var(--tertiary-color);font-weight:600;margin-bottom:var(--spacing-xs);font-size:1rem}.required{color:var(--danger);font-weight:700}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm);border:2px solid #e1e5e9;border-radius:var(--radius-sm);font-size:1rem;transition:all .3s ease;background:var(--white);font-family:inherit}.form-textarea{resize:vertical;min-height:80px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a}.form-hint{color:var(--gray);font-size:.85rem;margin-top:4px;display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.file-input{display:none}.thumbnail-upload{display:block;cursor:pointer;border:2px dashed #e1e5e9;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s ease;background:var(--white)}.thumbnail-upload:hover{border-color:var(--primary-color);background:#ff6b350d}.upload-icon{font-size:2.5rem;color:var(--gray)}.thumbnail-preview{position:relative;max-width:300px;margin:0 auto}.thumbnail-preview img{width:100%;height:150px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.remove-thumbnail-btn{position:absolute;top:10px;left:10px;background:var(--danger);color:var(--white);border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.8rem;transition:all .3s ease}.remove-thumbnail-btn:hover{transform:scale(1.1)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #e1e5e9}.cancel-btn,.save-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;gap:var(--spacing-xs)}.cancel-btn{background:var(--light-gray);color:var(--gray);border:1px solid #e1e5e9}.cancel-btn:hover{background:var(--gray);color:var(--white)}.save-btn{background:var(--tertiary-color);color:var(--white)}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.video-management-modal{margin:var(--spacing-sm);max-height:calc(100vh - 2rem)}.video-management-header,.video-management-body{padding:var(--spacing-lg)}.videos-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.videos-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}.course-actions{gap:var(--spacing-xs)}.course-actions .video-btn,.course-actions .edit-btn,.course-actions .delete-btn{width:35px;height:35px;font-size:1rem}}@media (max-width: 480px){.video-management-header,.video-management-body{padding:var(--spacing-md)}.video-management-header h3{font-size:1.3rem}.close-btn{width:35px;height:35px;font-size:1.2rem}.video-form,.thumbnail-upload{padding:var(--spacing-lg)}.upload-icon{font-size:2rem}.upload-text{font-size:1rem}}.course-actions .files-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:var(--white);border:2px solid transparent;width:40px;height:40px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.course-actions .files-btn:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.file-management-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10003;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-management-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:1000px;width:100%;max-height:90vh;overflow-y:auto}.file-management-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid var(--light-gray);background:var(--tertiary-color);color:var(--white);border-radius:0}.file-management-header h3{margin:0;font-size:1.5rem;font-weight:700}.close-btn{background:#fff3;border:none;color:var(--white);width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.file-management-body{padding:var(--spacing-xl)}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--light-gray)}.files-header h4{color:var(--tertiary-color);font-size:1.5rem;margin:0}.add-file-btn{background:var(--tertiary-color);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem}.add-file-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.file-item{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:2px solid transparent;transition:all .3s ease}.file-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#27ae60}.file-icon-container{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.file-icon{font-size:4rem;width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 15px #0003;animation:fileIconFloat 3s ease-in-out infinite}@keyframes fileIconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.file-order-badge{position:absolute;top:10px;right:10px;background:var(--primary-color);color:var(--white);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #0003}.file-info{padding:var(--spacing-lg)}.file-title{font-size:1.2rem;font-weight:700;color:var(--tertiary-color);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.file-description{color:var(--gray);margin-bottom:var(--spacing-md);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.file-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--light-gray);flex-wrap:wrap;gap:var(--spacing-xs)}.file-type-badge{color:var(--white);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;white-space:nowrap}.file-size{color:var(--gray);font-size:.9rem;font-weight:600}.file-date{color:var(--gray);font-size:.85rem;margin-top:var(--spacing-xs)}.file-actions{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-lg)}.edit-file-btn,.delete-file-btn{flex:1;padding:var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.edit-file-btn{background:#27ae60;color:var(--white)}.edit-file-btn:hover{background:#219a52;transform:translateY(-1px)}.delete-file-btn{background:var(--danger);color:var(--white)}.delete-file-btn:hover{background:#c82333;transform:translateY(-1px)}.empty-files{text-align:center;padding:var(--spacing-2xl);background:var(--light-gray);border-radius:var(--radius-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-files h4{color:var(--tertiary-color);margin-bottom:var(--spacing-sm);font-size:1.5rem}.empty-files p{color:var(--gray);font-size:1.1rem}.file-form{background:var(--light-gray);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid #e1e5e9}.form-header h4{color:var(--tertiary-color);font-size:1.4rem;margin:0}.back-btn{background:var(--gray);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:var(--dark-gray);transform:translateY(-1px)}.upload-method-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-radius:var(--radius-sm);overflow:hidden;border:2px solid #e1e5e9}.method-tab{flex:1;padding:var(--spacing-md);border:none;background:var(--white);color:var(--gray);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.method-tab.active{background:#27ae60;color:var(--white)}.method-tab:hover:not(.active){background:var(--light-gray);color:var(--dark-gray)}.file-upload-area{display:block;cursor:pointer;border:2px dashed #e1e5e9;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s ease;background:var(--white)}.file-upload-area:hover{border-color:#27ae60;background:#27ae600d}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.upload-icon{font-size:3rem;color:var(--gray)}.upload-text{font-size:1.1rem;font-weight:600;color:var(--dark-gray)}.upload-hint{font-size:.9rem;color:var(--gray)}.file-preview{border:2px solid #27ae60;border-radius:var(--radius-lg);padding:var(--spacing-lg);background:#27ae600d}.file-preview-content{display:flex;align-items:center;gap:var(--spacing-md)}.file-preview-icon{font-size:2.5rem;width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.file-preview-info{flex:1}.file-preview-name{font-size:1.1rem;font-weight:700;color:var(--tertiary-color);margin-bottom:var(--spacing-xs);word-break:break-word}.file-preview-size{color:var(--gray);font-size:.9rem;margin-bottom:2px}.file-preview-type{color:#27ae60;font-size:.85rem;font-weight:600}.remove-file-btn{background:var(--danger);color:var(--white);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .3s ease;flex-shrink:0}.remove-file-btn:hover{transform:scale(1.1);background:#c82333}.file-type-preview{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0}.preview-label{font-weight:600;color:var(--dark-gray)}.file-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.file-modal-overlay.fullscreen{padding:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.file-modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.file-modal.fullscreen{max-width:100vw;max-height:100vh;height:100vh;border-radius:0}@keyframes modalSlideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.file-modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.file-icon-title{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1}.file-type-icon{font-size:2.5rem;flex-shrink:0}.file-modal-title{font-size:1.5rem;font-weight:700;color:var(--tertiary-color);margin-bottom:var(--spacing-xs);line-height:1.4}.file-modal-description{color:var(--gray);margin:0;line-height:1.6}.file-modal-controls{display:flex;gap:var(--spacing-sm)}.control-btn{background:var(--light-gray);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;color:var(--gray);transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.control-btn:hover{transform:scale(1.1)}.fullscreen-btn:hover{background:#3498db;color:var(--white)}.download-btn:hover{background:#27ae60;color:var(--white)}.close-btn:hover{background:var(--danger);color:var(--white)}.file-modal-content{position:relative;background:#f8f9fa;flex:1;display:flex;align-items:center;justify-content:center;min-height:400px}.file-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.file-loading-spinner{width:50px;height:50px;border:4px solid rgba(39,174,96,.3);border-top:4px solid #27ae60;border-radius:50%;animation:fileSpin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes fileSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-loading p{margin:0;font-size:1.1rem;font-weight:600}.file-container{position:relative;width:100%;height:100%;min-height:500px}.file-iframe{width:100%;height:100%;border:none}.file-no-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px}.no-preview-content{text-align:center;max-width:400px;padding:var(--spacing-xl)}.large-file-icon{font-size:6rem;margin-bottom:var(--spacing-lg);opacity:.7}.no-preview-content h4{font-size:1.5rem;color:var(--tertiary-color);margin-bottom:var(--spacing-sm)}.no-preview-content p{color:var(--gray);margin-bottom:var(--spacing-xl);font-size:1.1rem;line-height:1.6}.download-file-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1.1rem;display:flex;align-items:center;gap:var(--spacing-sm);margin:0 auto}.download-file-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.file-modal-footer{padding:var(--spacing-lg) var(--spacing-xl);background:var(--light-gray);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.file-meta-info{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.file-size-display,.file-date-display{color:var(--gray);font-size:.9rem;font-weight:600}.file-actions{display:flex;gap:var(--spacing-sm)}.external-link-btn,.exit-fullscreen-btn{background:var(--tertiary-color);color:var(--white);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.external-link-btn:hover,.exit-fullscreen-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.files-grid-student{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.file-card-student{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 32px #0000001a;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;height:100%;display:flex;flex-direction:column}.file-card-student:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026;border-color:#27ae60}.file-icon-container-student{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.file-icon-student{font-size:3.5rem;width:70px;height:70px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 15px #0003;animation:fileIconFloat 3s ease-in-out infinite}.file-overlay-student{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:4}.file-card-student:hover .file-overlay-student{opacity:1}.view-button{width:60px;height:60px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.view-button:hover{background:#27ae60;transform:scale(1.1);box-shadow:0 6px 25px #27ae6066}.view-icon{font-size:1.5rem;color:var(--tertiary-color)}.view-button:hover .view-icon{color:var(--white)}.file-info-student{padding:var(--spacing-xl);flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.file-title-student{font-size:1.3rem;font-weight:700;color:var(--tertiary-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.file-description-student{color:var(--gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;margin:0}.file-meta-student{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:2px solid var(--light-gray);margin-top:auto}.file-meta-item-student{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.file-type-student{color:var(--white);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;white-space:nowrap}.file-size-student{color:var(--gray);font-size:.9rem;font-weight:600}.file-date-student{color:var(--gray);font-size:.9rem;font-weight:500}.file-action-student{margin-top:auto;padding-top:var(--spacing-md)}.view-file-btn{width:100%;background:linear-gradient(135deg,#27ae60,#2ecc71);color:var(--white);border:none;padding:var(--spacing-md);border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:1.1rem;box-shadow:0 4px 15px #27ae604d;text-transform:uppercase;letter-spacing:.5px}.view-file-btn .btn-icon{font-size:1.2rem}@media (max-width: 768px){.file-management-modal{margin:var(--spacing-sm);max-height:calc(100vh - 2rem)}.file-management-header,.file-management-body{padding:var(--spacing-lg)}.files-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.files-grid,.files-grid-student{grid-template-columns:1fr;gap:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}.upload-method-tabs{flex-direction:column}.file-preview-content{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.file-modal{margin:var(--spacing-sm);max-height:calc(100vh - 2rem)}.file-modal-header{padding:var(--spacing-lg);flex-direction:column;text-align:center;gap:var(--spacing-md)}.file-icon-title{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.file-modal-controls{justify-content:center}.file-modal-footer{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.file-meta-info{justify-content:center;flex-wrap:wrap}.file-actions{justify-content:center}.file-modal.fullscreen{margin:0}}@media (max-width: 480px){.file-management-header,.file-management-body{padding:var(--spacing-md)}.file-management-header h3{font-size:1.3rem}.close-btn{width:35px;height:35px;font-size:1.2rem}.file-form,.file-upload-area{padding:var(--spacing-lg)}.upload-icon{font-size:2.5rem}.upload-text{font-size:1rem}.upload-hint{font-size:.8rem}.file-icon{font-size:3rem;width:60px;height:60px}.file-icon-container,.file-icon-container-student{height:100px}.file-icon-student{font-size:3rem;width:60px;height:60px}.file-modal-header{padding:var(--spacing-md)}.file-modal-title{font-size:1.3rem}.file-modal-footer{padding:var(--spacing-md)}.control-btn{width:35px;height:35px;font-size:1rem}.file-type-icon{font-size:2rem}.large-file-icon{font-size:4rem}.no-preview-content h4{font-size:1.3rem}.no-preview-content p{font-size:1rem}}@media (prefers-contrast: high){.file-item,.file-card-student,.file-modal{border:2px solid #000}.file-overlay-student{background:#000c}.view-button{border:2px solid #000}.file-type-badge,.file-type-student{border:1px solid #000}}.file-icon,.file-icon-student{will-change:transform}.file-item,.file-card-student,.file-modal,.view-file-btn,.download-file-btn,.add-file-btn{will-change:transform,box-shadow}@media (prefers-reduced-motion: reduce){.file-icon,.file-icon-student,.fileIconFloat{animation:none}.file-item,.file-card-student,.file-modal,.view-file-btn,.download-file-btn{transition:none}.file-loading-spinner,.fileSpin,.modalFadeIn,.modalSlideUp{animation:none}}@media print{.file-management-overlay,.file-modal-overlay,.file-actions,.edit-file-btn,.delete-file-btn,.add-file-btn,.view-file-btn,.download-file-btn,.file-overlay-student,.control-btn{display:none!important}.file-item,.file-card-student{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@media (hover: none) and (pointer: coarse){.view-file-btn,.download-file-btn,.add-file-btn,.control-btn{min-height:44px;min-width:44px}.file-overlay-student{opacity:1;background:#00000080}.view-button{min-height:44px;min-width:44px}}@media (min-width: 1400px){.files-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.files-grid-student{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.file-icon-container,.file-icon-container-student{height:140px}.file-icon{font-size:4.5rem;width:90px;height:90px}.file-icon-student{font-size:4rem;width:80px;height:80px}}@media (max-width: 320px){.file-upload-area{padding:var(--spacing-md)}.upload-icon{font-size:2rem}.upload-text{font-size:.9rem}.upload-hint{font-size:.7rem}.file-icon,.file-icon-student{font-size:2.5rem;width:50px;height:50px}.file-icon-container,.file-icon-container-student{height:80px}.file-preview-content{flex-direction:column;text-align:center}.file-preview-icon{font-size:2rem;width:50px;height:50px}}.file-upload-area:focus-within{outline:2px solid #27ae60;outline-offset:2px}.file-input:focus+.file-upload-area{outline:2px solid #27ae60;outline-offset:2px}@supports not (object-fit: cover){.file-icon,.file-icon-student{background-size:cover;background-position:center}}@supports (backdrop-filter: blur(10px)){.view-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.file-modal-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}@supports not (display: grid){.files-grid,.files-grid-student{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.file-item,.file-card-student{flex:1 1 300px;max-width:350px}}.image-container{position:relative;overflow:hidden}.image-loading{opacity:0;transition:opacity .3s ease}.image-loaded{opacity:1;transition:opacity .3s ease}.image-error{display:none}.image-loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.image-spinner{width:30px;height:30px;border:3px solid rgba(255,107,53,.2);border-top:3px solid var(--primary-color);border-radius:50%;animation:imageRotate 1s linear infinite}@keyframes imageRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.placeholder-image{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--white);position:relative;overflow:hidden}.placeholder-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="placeholderPattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23placeholderPattern)"/></svg>');animation:patternFloat 20s linear infinite}@keyframes patternFloat{0%{transform:translate(0) translateY(0)}to{transform:translate(20px) translateY(20px)}}.placeholder-icon{font-size:3rem;margin-bottom:var(--spacing-sm);opacity:.9;z-index:2;position:relative;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.placeholder-text{font-size:1rem;font-weight:600;text-align:center;opacity:.9;z-index:2;position:relative;max-width:80%;line-height:1.4}.video-thumbnail-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.video-thumbnail-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.video-thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);position:relative;overflow:hidden}.video-thumbnail-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="videoPattern" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12.5" cy="12.5" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="6.25" cy="18.75" r="0.8" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23videoPattern)"/></svg>');animation:videoPatternMove 15s linear infinite}@keyframes videoPatternMove{0%{transform:translate(0) translateY(0)}to{transform:translate(25px) translateY(25px)}}.video-placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.9;z-index:2;position:relative;animation:videoIconFloat 3s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes videoIconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.video-placeholder-title{font-size:1.1rem;font-weight:700;text-align:center;opacity:.95;z-index:2;position:relative;max-width:85%;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-fade-in{animation:imageFadeIn .5s ease-out}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:var(--gray);border:2px dashed #dee2e6;border-radius:var(--radius-md)}.error-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);opacity:.6}.error-text{font-size:.9rem;text-align:center;opacity:.8;max-width:80%;line-height:1.4}.lazy-image{transition:opacity .3s ease}.lazy-image[data-loaded=false]{opacity:0}.lazy-image[data-loaded=true]{opacity:1}.image-with-alt{position:relative}.image-alt-text{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:var(--white);padding:var(--spacing-xs);font-size:.8rem;opacity:0;transition:opacity .3s ease}.image-with-alt:hover .image-alt-text{opacity:1}@media (max-width: 768px){.placeholder-icon{font-size:2.5rem}.video-placeholder-icon{font-size:3rem}.placeholder-text,.video-placeholder-title{font-size:.9rem}}@media (max-width: 480px){.placeholder-icon{font-size:2rem}.video-placeholder-icon{font-size:2.5rem}.placeholder-text,.video-placeholder-title{font-size:.8rem}}@media (prefers-contrast: high){.placeholder-image,.video-thumbnail-placeholder,.image-error-state{border:2px solid #000}.placeholder-text,.video-placeholder-title,.error-text{text-shadow:1px 1px 2px rgba(0,0,0,.8)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.video-thumbnail-image,.course-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.placeholder-image:before,.video-thumbnail-placeholder:before,.iconPulse,.videoIconFloat,.patternFloat,.videoPatternMove,.shimmer,.imageFadeIn{animation:none}.image-loading,.image-loaded,.lazy-image,.video-thumbnail-image{transition:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{box-shadow:0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes slideInImage{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.slide-in{animation:slideIn .6s ease-out}@media (prefers-contrast: high){:root{--primary-color: #D2001C;--secondary-color: #B8860B;--accent-color: #000080;--gray: #404040;--light-gray: #F0F0F0}.payment-modal,.subscription-card,.admin-course-card,.stat-card{border:2px solid #000}.status-badge,.course-badge{border:1px solid #000}.action-btn,.course-btn,.status-badge,.subscribed-course-card,.available-course-card{border:2px solid #000}.progress-bar{border:1px solid #000}.progress-fill{background:#000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-elements,.float-element{animation:none}.payment-modal,.subscription-card,.admin-course-card,.stat-card,.grade-card,.action-btn,.nav-tab{transition:none}.payment-modal-overlay,.loading-spinner{animation:none}.available-course-card,.subscribed-course-card,.refresh-btn,.course-btn,.action-card{animation:none;transition:none}.progress-fill:after,.pending-alert:before,.rejected-alert:before{animation:none}.status-badge.status-pending,.course-btn.pending,.course-image-slide,.upload-placeholder.drag-over .upload-icon{animation:none}.course-image,.course-image-preview{transition:none}.upload-placeholder:hover,.image-preview-container:hover .course-image-preview{transform:none}}@media print{.navbar,.footer,.auth-page,.toast-container,.modal-overlay,.payment-modal-overlay,.course-modal-overlay,.admin-nav,.admin-header,.subscription-actions,.course-actions,.action-btn,.refresh-btn,.refresh-btn-large,.course-btn,.image-upload-area,.image-overlay,.change-image-btn,.remove-image-btn,.upload-placeholder,.add-course-btn,.add-first-course-btn{display:none!important}body,.hero-banner{background:#fff;color:#000}.admin-content{padding:0;max-width:none}.subscription-card,.admin-course-card,.subscribed-course-card,.available-course-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.course-price{color:#000!important}.course-image-container{height:auto;max-height:200px}.course-image{max-height:200px;width:auto;object-fit:contain}}@media (hover: none) and (pointer: coarse){.course-btn,.refresh-btn,.action-btn{min-height:44px;min-width:44px}.action-card:hover:before{opacity:0}.action-card:hover{transform:none}.image-overlay{opacity:1;background:#00000080}.change-image-btn,.remove-image-btn{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.upload-placeholder{min-height:180px}.image-preview-container:hover .course-image-preview{transform:none}}@supports (-webkit-appearance: none){.course-btn,.refresh-btn,.action-btn{-webkit-appearance:none}}@-moz-document url-prefix(){.progress-bar,.progress-fill{border-radius:10px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.course-image,.course-image-preview{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (min-width: 1400px){.course-image-container{height:250px}.admin-course-card .course-image-container{height:180px}.course-image-preview{max-width:500px;height:300px}.upload-placeholder{min-height:250px}}@media (max-width: 320px){.upload-placeholder{padding:var(--spacing-md);min-height:100px}.upload-icon{font-size:1.5rem}.upload-text{font-size:.8rem}.upload-hint{font-size:.7rem}.course-image-container{height:120px}.admin-course-card .course-image-container{height:80px}.change-image-btn,.remove-image-btn{font-size:.7rem;padding:4px 8px}.image-overlay{gap:4px}}.upload-placeholder:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.file-input:focus+.upload-placeholder{outline:2px solid var(--primary-color);outline-offset:2px}@supports (object-fit: cover){.course-image,.course-image-preview{object-fit:cover}}@supports not (object-fit: cover){.course-image,.course-image-preview{width:100%;height:100%}}@supports (backdrop-filter: blur(10px)){.refresh-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}