@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap";:root{--primary-color: #d03a89;--secondary-color: #2c2f6a;--accent-color: #fab22f;--tertiary-color: #ea7d29;--white: #FFFFFF;--light-gray: #F8F9FA;--gray: #6C757D;--dark-gray: #343A40;--success: #28A745;--warning: #FFC107;--danger: #DC3545;--gradient-primary: linear-gradient(135deg, #d03a89 0%, #2c2f6a 35%, #fab22f 70%, #ea7d29 100%);--gradient-secondary: linear-gradient(135deg, #2c2f6a 0%, #d03a89 100%);--gradient-accent: linear-gradient(135deg, #fab22f 0%, #ea7d29 100%);--gradient-warm: linear-gradient(135deg, #ea7d29 0%, #fab22f 100%);--gradient-cool: linear-gradient(135deg, #d03a89 0%, #2c2f6a 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(208, 58, 137, .3);--shadow-secondary: 0 8px 25px rgba(44, 47, 106, .3);--shadow-accent: 0 8px 25px rgba(250, 178, 47, .3);--shadow-tertiary: 0 8px 25px rgba(234, 125, 41, .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:var(--primary-color);background:#ff6b351a}.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:#ff6b351a;color:var(--primary-color)}.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:var(--primary-color);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(255,107,53,.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 #ff6b3566}.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 #ff6b3580}.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: 768px){.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(255,107,53,.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:var(--primary-color)}.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:var(--primary-color)}}.hero-banner{background:var(--gradient-primary);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;background:linear-gradient(45deg,#ffe066,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.4rem;margin-bottom:var(--spacing-xl);opacity:.95;line-height:1.7}.highlight{color:#ffe066;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(--secondary-color);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(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}@media (min-width: 1024px){.courses-gridsectioncourse{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.course-cardsectioncourse:nth-child(3){grid-column:1 / -1;justify-self:center;width:100%;max-width:500px}}.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:#d03a89}.course-cardsectioncourse.secondarysectioncourse:before{background:#004aad}.course-cardsectioncourse.accentsectioncourse:before{background:#fab22f}.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-lg) var(--spacing-lg);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0!important;height:auto!important;flex-grow:1;justify-content:space-between}.course-titlesectioncourse{font-size:1.6rem;font-weight:800;color:var(--gradient-secondary);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-descriptionsectioncourse{color:var(--gray);margin:0;line-height:1.4}.course-btnsectioncourse{background:var(--gradient-primary);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:25px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .4s ease;width:100%;margin:0;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.course-btnsectioncourse:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66;background:var(--gradient-secondary)}.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 #f5576c4d;text-transform:uppercase;letter-spacing:.8px}.view-all-btnsectioncourse:hover{transform:translateY(-4px);box-shadow:0 10px 30px #f5576c66;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}.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;color:var(--accent-color);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:var(--gradient-primary);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)}.discover-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.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:var(--success)}.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;color:var(--accent-color);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}}.footer{background:var(--gradient-secondary);color:var(--white);padding:80px 0 var(--spacing-md);position:relative;margin-top:50px}.footer:before{content:"";position:absolute;top:-50px;left:0;width:100%;height:100px;background:var(--gradient-secondary);clip-path:polygon(0% 100%,5% 85%,15% 90%,25% 75%,35% 85%,45% 70%,55% 80%,65% 65%,75% 75%,85% 60%,95% 70%,100% 50%,100% 100%);z-index:1}.footer:after{content:"";position:absolute;top:-25px;left:0;width:100%;height:50px;background:linear-gradient(135deg,#007bff1a,#28a7451a,#ffc1071a);clip-path:ellipse(150% 100% at 50% 100%);z-index:2}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:3}.footer-content{margin-bottom:var(--spacing-md);position:relative}.footer-content:before{content:"";position:absolute;top:-20px;right:10%;width:60px;height:60px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:50% 20%;opacity:.1;animation:float 6s ease-in-out infinite}.footer-content:after{content:"";position:absolute;bottom:-10px;left:15%;width:40px;height:40px;background:linear-gradient(135deg,var(--tertiary-color),var(--secondary-color));border-radius:20% 50%;opacity:.1;animation:float 4s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.footer-main{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);position:relative}.footer-brand{text-align:center;position:relative;padding:var(--spacing-md);background:#ffffff0d;border-radius:30px 5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}.footer-brand:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.05) 75%);border-radius:35px 10px;z-index:-1;opacity:.3}.footer-logo-container{margin-bottom:var(--spacing-sm);position:relative}.footer-logo-image{height:90px;width:auto;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.footer-logo-image:hover{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.footer-logo-fallback{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.footer-logo{font-size:4rem;margin-bottom:var(--spacing-xs);display:block;text-shadow:0 4px 8px rgba(0,0,0,.3);animation:pulse 3s ease-in-out infinite}.footer-title{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--white),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.footer-description{opacity:.9;line-height:1.6;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.teacher-info{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff0d;border-radius:15px;border-left:4px solid var(--accent-color)}.teacher-experience{font-style:italic;opacity:.8;font-size:.95rem}.social-link{width:50px;height:50px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--primary-color);border-radius:50%;transition:all .4s ease;transform:translate(-50%,-50%);z-index:-1}.social-link:hover:before{width:100%;height:100%}.social-link:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 25px #0003}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.2);position:relative}.footer-bottom:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),var(--primary-color),var(--accent-color),transparent)}.footer-copyright,.footer-powered{opacity:.8;font-size:.9rem}.od-link{color:#fff;text-decoration:none;font-weight:700;position:relative;transition:all .3s ease;background:linear-gradient(135deg,#fff,#f8f9fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 2px rgba(255,255,255,.1)}.od-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#fff,#e3f2fd);transition:width .3s ease}.od-link:hover:after{width:100%}.od-link:hover{color:#fff;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translateY(-1px);filter:brightness(1.2)}@media (max-width: 768px){.footer{padding:60px 0 var(--spacing-sm);margin-top:30px}.footer:before{top:-30px;height:60px;clip-path:polygon(0% 100%,10% 80%,25% 85%,40% 70%,60% 75%,75% 60%,90% 65%,100% 50%,100% 100%)}.footer-logo-image{height:70px}.footer-logo{font-size:3rem}.footer-title{font-size:1.5rem}.footer-brand{margin:0 var(--spacing-sm);padding:var(--spacing-md) var(--spacing-sm)}.footer-main{justify-content:center}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}.footer-content:before,.footer-content:after{display:none}}@media (max-width: 480px){.footer-brand{border-radius:20px 5px}.footer-description{font-size:1rem}.teacher-info{padding:var(--spacing-xs)}}.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,#ff6b351a,#764ba21a)}.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(255,255,255,.3);padding:10px 16px;border-radius:12px;cursor:pointer;margin-bottom:20px;color:#667eea;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:#667eea1a;transform:translate(-3px);border-color:#667eea}.auth-title{font-size:2.2rem;font-weight:800;background:#d03a89;-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:#6b7280;line-height:1.6;font-size:15px;font-weight:500;margin-bottom:8px}.security-notice{background:linear-gradient(135deg,#2196f31a,#2196f30d);border:1px solid rgba(33,150,243,.2);border-radius:16px;padding:16px;margin:20px 0;font-size:13px;color:#1976d2;position:relative;overflow:hidden}.security-notice:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2196f3,#1976d2)}.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:#d03a89;flex:1}.required{color:#ef4444;font-weight:700}.optional-badge{background:linear-gradient(135deg,#10b981,#059669);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:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;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:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;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:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.terms-link:hover{text-decoration:underline;color:#764ba2}.forgot-password{text-align:left;margin-top:-8px}.forgot-link{background:none;border:none;color:#d03a89;text-decoration:none;font-size:14px;cursor:pointer;padding:0;font-weight:600;transition:all .3s ease}.forgot-link:hover{text-decoration:underline;color:#764ba2}.submit-btn{background:var(--gradient-secondary);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}.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 #667eea66}.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{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid rgba(229,231,235,.5)}.switch-text{color:#6b7280;margin-bottom:10px;font-size:14px;font-weight:500}.switch-btn{background:none;border:none;color:#d03a89;font-weight:700;cursor:pointer;font-size:15px;transition:all .3s ease;padding:8px 16px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.switch-btn:hover{background:#667eea1a;color:#764ba2;transform:translateY(-1px)}.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,#667eea,#764ba2);-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:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.benefit-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea26;background:linear-gradient(135deg,#667eea1f,#764ba21f)}.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:linear-gradient(135deg,#f8f9fae6,#f1f5f9e6);border:1px solid rgba(222,226,230,.5);border-radius:16px;padding:20px;margin:24px 0;font-size:13px;color:#6c757d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.security-info h5{margin:0 0 12px;color:#495057;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-text{font-size:13px}.switch-btn{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}}@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:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:var(--spacing-xl) 0;position:relative}.dashboard-dashboard:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);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:linear-gradient(135deg,#f5f7fa,#c3cfe2)!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:var(--gradient-secondary);color:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:0 20px 40px #ff6b354d;position:relative;overflow:hidden}.welcome-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="stars" 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(%23stars)"/></svg>');opacity:.3}.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:linear-gradient(135deg,#ffffffe6,#ffffff80);border-radius:var(--radius-full);transition:all .3s ease;box-shadow:0 1px 3px #ffffff4d}.student-name-dashboard:hover:after{width:110px;background:linear-gradient(135deg,#fff,#ffffffb3);box-shadow:0 2px 6px #fff6}.refresh-btn-name-dashboard{background:linear-gradient(135deg,#ffffff40,#ffffff26);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:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);border-radius:50%;opacity:0;transition:opacity .3s ease}.refresh-btn-name-dashboard:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);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(--accent-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:var(--gradient-secondary);border-radius:var(--radius-full)}@media (max-width: 768px){.section-title-dashboard:after{right:auto;left:50%;transform:translate(-50%);bottom:-8px;width:100px}}@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:linear-gradient(135deg,#ffffffe6,#f8fafcf2);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:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;font-size:.85rem;min-width:24px;height:24px;border-radius:12px;padding:0 8px;box-shadow:0 2px 8px #6366f14d,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:var(--gradient-secondary);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:var(--primary-color)}.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:linear-gradient(135deg,#f8f9fa,#e9ecef)}.image-loading-spinner-dashboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:5px solid rgba(255,107,53,.2);border-top:5px solid var(--primary-color);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:var(--gradient-secondary);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:linear-gradient(135deg,#10ac84,#1dd1a1);color:var(--white)}.course-badge-dashboard.popular{background:linear-gradient(135deg,#feca57,#ff9ff3);color:var(--white)}.course-badge-dashboard.featured{background:linear-gradient(135deg,#3742fa,#2f3542);color:var(--white)}.course-badge-dashboard.guarantee{background:linear-gradient(135deg,#ff3838,#ff6b6b);color:var(--white)}.course-badge-dashboard.advanced{background:linear-gradient(135deg,#8854d0,#a55eea);color:var(--white)}.course-badge-dashboard.intensive{background:linear-gradient(135deg,#fd79a8,#fdcb6e);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(--accent-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:linear-gradient(135deg,#ff6b350d,#f7931e0d);border-radius:var(--radius-lg);border:1px solid rgba(255,107,53,.1);position:relative;overflow:hidden}.course-features-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.course-features-dashboard h6{font-size:1rem;font-weight:700;color:var(--accent-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(--success);font-weight:700;font-size:1rem;width:20px;height:20px;background:linear-gradient(135deg,#28a745,#34ce57);color:var(--white);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:linear-gradient(135deg,#28a7450d,#34ce570d);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:linear-gradient(135deg,#28a745,#34ce57)}.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:linear-gradient(135deg,#28a745,#34ce57);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(255,107,53,.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:var(--gradient-secondary);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:var(--primary-color);line-height:1;text-shadow:0 2px 4px rgba(255,107,53,.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:var(--gradient-secondary);color:var(--white);box-shadow:0 6px 20px #ff6b3566;flex:1}.course-btn-dashboard.subscribe:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff6b3580}.course-btn-dashboard.primary{background:var(--gradient-secondary);color:var(--white);box-shadow:0 6px 20px #1b365d66;flex:1}.course-btn-dashboard.primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1b365d80}.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:linear-gradient(135deg,#ffc107,#ffca2c);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:linear-gradient(135deg,#28a745,#34ce57);color:var(--white);cursor:not-allowed;box-shadow:0 6px 20px #28a74566}.course-btn-dashboard.suspended{background:linear-gradient(135deg,#6c757d,#5a6268);color:var(--white);cursor:not-allowed;box-shadow:0 6px 20px #6c757d66}.course-btn-dashboard.retry{background:linear-gradient(135deg,#fd7e14,#ff922b);color:var(--white);box-shadow:0 6px 20px #fd7e1466}.course-btn-dashboard.retry:hover{transform:translateY(-3px);box-shadow:0 12px 30px #fd7e1480}.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:linear-gradient(135deg,#fff3cd,#ffeaa7);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:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.status-badge-dashboard.status-rejected{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.status-badge-dashboard.status-suspended{background:linear-gradient(135deg,#e2e3e5,#d6d8db);color:#383d41}.subscribed-course-card-dashboard{border:3px solid transparent;background:linear-gradient(var(--white),var(--white)) padding-box,linear-gradient(135deg,#28a745,#34ce57) border-box}.subscribed-course-card-dashboard:before{background:linear-gradient(135deg,#28a745,#34ce57)}.empty-state-dashboard{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)}.empty-state-dashboard .empty-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.7;animation:emptyIconFloat 3s ease-in-out infinite;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state-dashboard h4{color:var(--accent-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:var(--gradient-secondary);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 #ff6b3566;position:relative;z-index:2;text-transform:uppercase;letter-spacing:.5px}.refresh-btn-large-dashboard:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff6b3580}.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(255,107,53,.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:var(--gradient-secondary);z-index:1}.stat-card-dashboard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--primary-color)}.stat-icon-dashboard{font-size:2rem;padding:var(--spacing-xs);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff6b351a,#f7931e1a);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid rgba(255,107,53,.2);transition:all .3s ease;flex-shrink:0;margin-bottom:0}.stat-card-dashboard:hover .stat-icon-dashboard{background:linear-gradient(135deg,#ff6b3533,#f7931e33);border-color:var(--primary-color);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;background:linear-gradient(135deg,#ff6b35,#f7931e,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;text-shadow:0 2px 8px rgba(255,107,53,.3);filter:drop-shadow(0 2px 4px rgba(255,107,53,.2))}@keyframes gradientShift{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 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(255,107,53,.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:var(--gradient-secondary);z-index:1}.action-card-dashboard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--primary-color)}.action-icon-dashboard{font-size:3.5rem;margin-bottom:var(--spacing-md);background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;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(--accent-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:var(--gradient-secondary);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 #ff6b354d;text-transform:uppercase;letter-spacing:.5px;min-height:45px;flex-shrink:0}.action-btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.action-btn-dashboard:disabled{opacity:.6;cursor:not-allowed;transform:none}.motivation-section-dashboard{margin-bottom:var(--spacing-2xl)}.motivation-card-dashboard{background:var(--gradient-secondary);color:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #ff6b354d}.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 var(--secondary-color);-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(--accent-color)}.dashboard-loading-dashboard .loading-spinner{width:60px;height:60px;border:4px solid rgba(255,107,53,.2);border-top:4px solid var(--primary-color);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 (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:linear-gradient(135deg,#fff6,#fff9);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(--secondary-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 #ff6b3540;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 #ff6b3533;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 #ff6b354d;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:linear-gradient(135deg,#22c55ef2,#10b981f2);border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:0 10px 30px #22c55e4d;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:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border-color:#1e3c724d;box-shadow:0 5px 20px #1e3c724d}.filter-icon-dashboard{font-size:1.2rem}.free-message-dashboard{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid rgba(34,197,94,.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:linear-gradient(135deg,#22c55e1a,#10b9811a);padding:8px 15px;border-radius:12px;border:1px solid rgba(34,197,94,.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:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d;will-change:transform,box-shadow}.course-btn-dashboard.free-subscribe:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.status-badge-dashboard.free-approved{background:linear-gradient(135deg,#22c55ef2,#10b981f2);color:#fff;animation:freeBadgeGlow 3s ease-in-out infinite}.course-badge-dashboard.free{background:linear-gradient(135deg,#22c55ef2,#10b981f2);animation:freeBadgeGlow 3s ease-in-out infinite}.free-count-badge-dashboard{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700;margin-right:8px;box-shadow:0 2px 8px #10b9814d}.stat-card-dashboard.free-stat{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:2px solid rgba(34,197,94,.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:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:2px solid rgba(59,130,246,.3)}.stat-card-dashboard.paid-stat .stat-icon-dashboard,.stat-card-dashboard.paid-stat .stat-number-dashboard{color:#2563eb}.action-card-dashboard.free-action{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:2px solid rgba(34,197,94,.3)}.action-card-dashboard.free-action .action-icon-dashboard{background:linear-gradient(135deg,#10b981,#059669);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:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d;will-change:transform,box-shadow}.action-btn-dashboard.free-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.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:linear-gradient(135deg,var(--free-color) 0%,var(--free-color-light) 100%);z-index:1}.available-course-card-dashboard.free-course:after{content:"🆓 مجاني";position:absolute;top:15px;right:15px;background:linear-gradient(135deg,var(--free-color) 0%,var(--free-color-dark) 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;z-index:3;box-shadow:0 4px 12px #10b98166}:root{--free-color: #10b981;--free-color-light: #34d399;--free-color-dark: #059669;--free-bg: rgba(34, 197, 94, .1);--free-border: rgba(34, 197, 94, .3)}@keyframes freeBadgeGlow{0%,to{box-shadow:0 4px 12px #10b98166}50%{box-shadow:0 6px 20px #10b98199}}@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-secondary);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-secondary);-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-secondary);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-secondary);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-secondary);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);animation:fadeIn .3s ease}.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;animation:modalSlideIn .3s ease}.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);animation:fadeIn .3s ease}.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;animation:modalSlideIn .3s ease}.payment-modal-header{padding:var(--spacing-xl);border-bottom:1px solid #e1e5e9;position:relative;background:var(--gradient-primary);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(--gradient-primary);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);animation:fadeIn .3s ease}.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;animation:modalSlideIn .3s ease}.course-modal-header{padding:var(--spacing-xl);border-bottom:1px solid #e1e5e9;position:relative;background:var(--gradient-secondary);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(--gradient-primary);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-primary);padding:20px 0;position:relative}.course-viewer-courseviewer:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;background:var(--gradient-primary);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-primary)!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-primary);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:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--info-color) 100%)}.welcome-content-courseviewer{display:flex;align-items:center;gap:20px}.student-avatar-courseviewer{width:70px;height:70px;background:var(--gradient-primary);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-secondary)}.status-badge-courseviewer{background:linear-gradient(135deg,var(--success-color) 0%,#2ecc71 100%)}.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, var(--primary-color));background:linear-gradient(135deg,var(--white) 0%,rgba(255,107,53,.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,var(--danger-color) 0%,#c0392b 100%);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-secondary)}.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-primary);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-primary);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,var(--success-color) 0%,#2ecc71 100%)}.start-exam-btn-courseviewer{background:linear-gradient(135deg,#28a745,#20c997)}.continue-exam-btn-courseviewer{background:linear-gradient(135deg,var(--warning-color) 0%,#e67e22 100%);animation:pulse 2s infinite}.view-results-btn-courseviewer{background:var(--gradient-secondary)}.join-stream-btn-courseviewer.live{background:linear-gradient(135deg,var(--danger-color) 0%,#c0392b 100%);animation:pulse 2s infinite}.join-stream-btn-courseviewer.ready{background:linear-gradient(135deg,var(--success-color) 0%,#2ecc71 100%)}.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:var(--danger-color);animation:pulse 2s infinite}.status-badge-courseviewer.ready{background:var(--success-color)}.status-badge-courseviewer.scheduled{background:var(--warning-color)}.status-badge-courseviewer.ended{background:var(--gray)}.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-primary);-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 (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(--gradient-secondary);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);animation:fadeIn .3s ease}.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;animation:modalSlideIn .3s ease}.video-management-header{padding:var(--spacing-xl);border-bottom:1px solid #e1e5e9;background:var(--gradient-secondary);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(--accent-color);font-size:1.5rem;margin:0}.add-video-btn{background:var(--gradient-secondary);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(--gradient-secondary);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(--accent-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(--accent-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(--secondary-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;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-videos h4{color:var(--accent-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-header h4{color:var(--accent-color);font-size:1.4rem;margin:0}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;color:#a323ac;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(--gradient-secondary);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}@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);animation:fadeIn .3s ease}.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;animation:modalSlideIn .3s ease}.file-management-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid var(--light-gray);background:var(--gradient-secondary);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:#a323ac;font-size:1.5rem;margin:0}.add-file-btn{background:linear-gradient(135deg,#a72899,#8b20c9);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:#a323ac;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:linear-gradient(135deg,#27ae60,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-files h4{color:#a323ac;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:#a323ac;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:#a323ac;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);animation:modalFadeIn .3s ease}.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);animation:modalSlideUp .4s ease;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:#a323ac;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:#a323ac;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(--gradient-secondary);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:#a323ac}.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:#a323ac;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 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)}}.modal-overlay-examreview{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}@media (max-width: 768px){.modal-overlay-examreview{padding:10px}}.modal-container-examreview{width:100%;height:95vh;max-width:1400px;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040}@media (max-width: 768px){.modal-container-examreview{height:100vh;max-width:100%;border-radius:0;box-shadow:none}}.modal-header-examreview{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}@media (max-width: 768px){.modal-header-examreview{padding:16px 20px}}.header-content-examreview h2{margin:0;font-size:24px;font-weight:700}@media (max-width: 768px){.header-content-examreview h2{font-size:20px}}.header-content-examreview p{margin:4px 0 0;opacity:.9;font-size:16px}@media (max-width: 768px){.header-content-examreview p{font-size:14px}}.modal-close-examreview{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px}.modal-close-examreview:hover{background:#ffffff4d;transform:rotate(90deg)}.loading-container-examreview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#666}.loading-spinner-examreview{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 768px){.loading-spinner-examreview{width:40px;height:40px}}.summary-card-examreview{background:#f8fafc;padding:24px;margin:20px 30px;border-radius:12px;border:2px solid #e2e8f0}@media (max-width: 768px){.summary-card-examreview{padding:20px;margin:16px 20px}}.summary-grid-examreview{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}@media (max-width: 768px){.summary-grid-examreview{grid-template-columns:repeat(2,1fr);gap:16px}}.summary-item-examreview{text-align:center;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}@media (max-width: 768px){.summary-item-examreview{padding:12px}}.summary-value-examreview{display:block;font-size:32px;font-weight:700;margin-bottom:4px}@media (max-width: 768px){.summary-value-examreview{font-size:24px}}.summary-label-examreview{font-size:14px;color:#64748b;font-weight:500}@media (max-width: 768px){.summary-label-examreview{font-size:12px}}.score-display-examreview{text-align:center;padding:20px;background:#fff;border-radius:12px;margin-bottom:20px}@media (max-width: 768px){.score-display-examreview{padding:16px}}.score-circle-examreview{width:120px;height:120px;border-radius:50%;border:6px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 16px;font-weight:900}@media (max-width: 768px){.score-circle-examreview{width:100px;height:100px}}.score-percentage-examreview{font-size:32px;line-height:1}@media (max-width: 768px){.score-percentage-examreview{font-size:24px}}.score-grade-examreview{font-size:16px;font-weight:600;margin-top:4px}@media (max-width: 768px){.score-grade-examreview{font-size:14px}}.modal-content-examreview{display:flex;flex-direction:row;flex:1;overflow:hidden}@media (max-width: 768px){.modal-content-examreview{flex-direction:column}}.questions-sidebar-examreview{width:320px;background:#f8fafc;border-right:2px solid #e2e8f0;padding:20px;overflow-y:auto;flex-shrink:0}@media (max-width: 768px){.questions-sidebar-examreview{width:100%;border-right:none;border-bottom:2px solid #e2e8f0;padding:16px 20px;max-height:250px}}.filter-tabs-examreview{display:flex;background:#fff;border-radius:8px;padding:4px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.filter-tab-examreview{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#64748b}@media (max-width: 768px){.filter-tab-examreview{padding:8px 12px;font-size:13px}}.filter-tab-examreview.active{background:#4299e1;color:#fff;box-shadow:0 2px 4px #4299e14d}.questions-grid-examreview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}@media (max-width: 768px){.questions-grid-examreview{grid-template-columns:repeat(6,1fr);gap:8px}}.question-nav-btn-examreview{width:50px;height:50px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}@media (max-width: 768px){.question-nav-btn-examreview{width:40px;height:40px;font-size:13px}}.question-nav-btn-examreview.correct{background:#48bb78;border-color:#48bb78;color:#fff}.question-nav-btn-examreview.incorrect{background:#e53e3e;border-color:#e53e3e;color:#fff}.question-nav-btn-examreview.current{transform:scale(1.1);box-shadow:0 4px 8px #0003}.question-nav-btn-examreview:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:transparent}.question-nav-btn-examreview.correct:after{background:#38a169}.question-nav-btn-examreview.incorrect:after{background:#c53030}.legend-examreview{display:flex;flex-direction:column;gap:8px;font-size:13px}@media (max-width: 768px){.legend-examreview{font-size:12px}}.legend-item-examreview{display:flex;align-items:center;gap:8px}.legend-dot-examreview{width:16px;height:16px;border-radius:50%}.question-display-examreview{flex:1;padding:20px 30px;overflow-y:auto;background:#fff}@media (max-width: 768px){.question-display-examreview{padding:16px 20px}}.question-card-examreview{max-width:800px;margin:0 auto}@media (max-width: 768px){.question-card-examreview{max-width:100%}}.question-header-examreview{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:12px}.question-number-examreview{font-size:20px;font-weight:700;color:#2d3748}@media (max-width: 768px){.question-number-examreview{font-size:18px}}.question-badges-examreview{display:flex;gap:8px;flex-wrap:wrap}.result-badge-examreview{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}@media (max-width: 768px){.result-badge-examreview{font-size:12px}}.result-badge-examreview.correct{background:#c6f6d5;color:#22543d}.result-badge-examreview.incorrect{background:#fed7d7;color:#742a2a}.points-badge-examreview{padding:6px 12px;background:#edf2f7;color:#4a5568;border-radius:20px;font-size:13px;font-weight:600}@media (max-width: 768px){.points-badge-examreview{font-size:12px}}.question-text-examreview{font-size:18px;line-height:1.6;color:#2d3748;margin-bottom:24px;padding:20px;background:#f7fafc;border-radius:8px;border-left:4px solid #4299e1}@media (max-width: 768px){.question-text-examreview{font-size:16px}}.options-container-examreview{margin-bottom:24px}.option-examreview{display:flex;align-items:center;padding:16px 20px;margin-bottom:12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .2s ease;gap:16px}@media (max-width: 768px){.option-examreview{padding:12px 16px;gap:12px}}.option-examreview.selected{border-color:#4299e1;background:#ebf8ff}.option-examreview.correct{border-color:#48bb78;background:#f0fff4}.option-examreview.incorrect{border-color:#e53e3e;background:#fed7d7}.option-marker-examreview{width:32px;height:32px;border-radius:50%;background:#edf2f7;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;position:relative}@media (max-width: 768px){.option-marker-examreview{width:28px;height:28px;font-size:13px}}.option-marker-examreview.selected{background:#4299e1;color:#fff}.option-marker-examreview.correct{background:#48bb78;color:#fff}.option-marker-examreview.incorrect{background:#e53e3e;color:#fff}.option-marker-examreview:after{content:"";position:absolute;right:-4px;top:-4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.option-marker-examreview.correct:after{content:"✓";background:#38a169;color:#fff}.option-marker-examreview.incorrect:after{content:"✗";background:#c53030;color:#fff}.option-text-examreview{font-size:16px;line-height:1.5;flex:1}@media (max-width: 768px){.option-text-examreview{font-size:14px}}.option-status-examreview{font-size:13px;font-weight:600;padding:4px 8px;border-radius:12px;flex-shrink:0}@media (max-width: 768px){.option-status-examreview{font-size:12px}}.option-status-examreview.correct{background:#c6f6d5;color:#22543d}.option-status-examreview.selected{background:#bee3f8;color:#2a69ac}.option-status-examreview.incorrect{background:#fed7d7;color:#742a2a}.explanation-section-examreview{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px}.explanation-header-examreview{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;color:#2d3748;font-size:16px}@media (max-width: 768px){.explanation-header-examreview{font-size:14px}}.explanation-text-examreview{font-size:15px;line-height:1.6;color:#4a5568}@media (max-width: 768px){.explanation-text-examreview{font-size:14px}}.question-navigation-examreview{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:2px solid #e2e8f0;margin-top:24px;flex-wrap:wrap;gap:12px}.nav-btn-examreview{padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.nav-btn-examreview{padding:10px 16px;font-size:14px;min-width:100px}}.nav-btn-examreview:disabled{opacity:.5;cursor:not-allowed}.prev-btn-examreview{background:#edf2f7;color:#4a5568}.prev-btn-examreview:hover:not(:disabled){background:#e2e8f0}.next-btn-examreview{background:#4299e1;color:#fff}.next-btn-examreview:hover:not(:disabled){background:#3182ce}.nav-info-examreview{font-size:16px;font-weight:600;color:#64748b}@media (max-width: 768px){.nav-info-examreview{font-size:14px;order:3;width:100%;text-align:center}}.mobile-question-info-examreview{display:none;justify-content:center;align-items:center;background:#edf2f7;padding:12px;margin-bottom:16px;border-radius:8px;font-weight:600;color:#4a5568;font-size:14px}@media (max-width: 768px){.mobile-question-info-examreview{display:flex}}.true-false-options-examreview{display:grid;grid-template-columns:1fr 1fr;gap:16px}.true-false-options-examreview .option-examreview{justify-content:center;text-align:center;padding:20px;font-weight:600;position:relative}@media (max-width: 768px){.true-false-options-examreview .option-examreview{padding:16px}}.true-false-options-examreview .option-marker-examreview{position:absolute;top:-8px;right:-8px;width:24px;height:24px;font-size:12px}.modal-container-examreview ::-webkit-scrollbar{width:6px}.modal-container-examreview ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-container-examreview ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-container-examreview ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fade-in-examreview{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.modal-overlay-examreview{padding:0}.modal-container-examreview{border-radius:0;height:100vh}.summary-grid-examreview{grid-template-columns:1fr 1fr;gap:12px}.summary-value-examreview{font-size:20px}.questions-grid-examreview{grid-template-columns:repeat(5,1fr)}.question-nav-btn-examreview{width:35px;height:35px;font-size:12px}}@media print{.modal-overlay-examreview{position:static;background:#fff}.modal-container-examreview{box-shadow:none;border:1px solid #ccc}.modal-header-examreview{background:#667eea!important;-webkit-print-color-adjust:exact}.questions-sidebar-examreview{display:none}.question-display-examreview{width:100%}}@media (prefers-contrast: high){.option-examreview{border-width:3px}.result-badge-examreview,.points-badge-examreview,.option-status-examreview{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.modal-close-examreview:hover{transform:none}.question-nav-btn-examreview.current{transform:none;box-shadow:0 0 0 3px #4299e1}.fade-in-examreview{animation:none}}.modal-overlay-examformm{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exam-form-modal-examformm{width:95vw;max-width:1200px;height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.modal-header-examformm{background:var(--gradient-secondary);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.modal-header-examformm: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="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.header-content-examformm{display:flex;align-items:center;gap:16px;z-index:1;position:relative}.header-icon-examformm{font-size:32px;animation:bounce 2s infinite}.header-text-examformm h2{margin:0;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.course-name-examformm{margin:4px 0 0;font-size:16px;opacity:.9;font-weight:500;background:#ffffff1a;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:fit-content}.modal-close-examformm{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;position:relative}.modal-close-examformm:hover{background:#fff3;transform:scale(1.1)}.modal-close-examformm:active{transform:scale(.95)}.modal-content-examformm{flex:1;overflow:hidden;display:flex;flex-direction:column}.form-tabs-examformm{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 32px}.tab-btn-examformm{background:transparent;border:none;padding:16px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;color:#64748b;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;white-space:nowrap}.tab-btn-examformm:hover{background:#e2e8f0;color:#374151}.tab-btn-examformm.active{background:#fff;color:#667eea;border-bottom-color:#667eea;box-shadow:0 -2px 8px #667eea1a}.questions-count-examformm{background:#667eea;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;font-weight:700}.tab-btn-examformm.active .questions-count-examformm{background:#4f46e5}.exam-form-examformm{flex:1;overflow:auto;padding:32px;background:#f8fafc}.form-section-examformm{max-width:100%}.section-header-examformm{margin-bottom:32px}.section-header-examformm h3{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:12px}.section-header-examformm p{margin:0;color:#6b7280;font-size:16px}.form-grid-examformm{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.form-group-examformm{display:flex;flex-direction:column;gap:8px}.form-group-examformm.span-2{grid-column:span 2}.form-group-examformm label{font-weight:600;color:#374151;font-size:14px;display:flex;align-items:center;gap:8px}.form-group-examformm input,.form-group-examformm textarea,.form-group-examformm select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;background:#fff;color:#374151;transition:all .3s ease;font-family:inherit}.form-group-examformm input:focus,.form-group-examformm textarea:focus,.form-group-examformm select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group-examformm textarea{resize:vertical;min-height:80px}.settings-group-examformm{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.settings-header-examformm{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.settings-header-examformm h4{margin:0;font-size:18px;font-weight:600;color:#1f2937}.checkbox-grid-examformm{display:grid;grid-template-columns:1fr;gap:16px}.checkbox-group-examformm{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;cursor:pointer;transition:all .3s ease}.checkbox-group-examformm:hover{background:#e2e8f0;border-color:#cbd5e1}.checkbox-group-examformm input[type=checkbox]{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;flex-shrink:0;margin:0;accent-color:#667eea}.checkbox-content-examformm{display:flex;flex-direction:column;gap:4px}.checkbox-title-examformm{font-weight:600;color:#1f2937;font-size:14px}.checkbox-desc-examformm{font-size:13px;color:#6b7280;line-height:1.4}.questions-summary-examformm{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;margin-bottom:24px}.summary-stats-examformm{display:flex;gap:24px}.stat-card-examformm{text-align:center;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-number-examformm{display:block;font-size:24px;font-weight:700;color:#1f2937}.stat-label-examformm{font-size:12px;color:#6b7280;font-weight:500}.add-question-btn-examformm{background:var(--gradient-secondary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.add-question-btn-examformm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.questions-list-examformm{display:flex;flex-direction:column;gap:20px}.question-item-examformm{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.question-item-examformm:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary)}.question-item-examformm:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.question-header-examformm{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.question-info-examformm{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.question-number-examformm{display:flex;align-items:center;gap:6px;font-weight:600;color:#1f2937;font-size:16px}.difficulty-badge-examformm{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.difficulty-badge-examformm.easy{background:#d1fae5;color:#065f46;border:1px solid #10b981}.difficulty-badge-examformm.medium{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.difficulty-badge-examformm.hard{background:#fecaca;color:#991b1b;border:1px solid #ef4444}.points-badge-examformm{display:flex;align-items:center;gap:4px;background:#e0e7ff;color:#3730a3;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #a5b4fc}.type-badge-examformm{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.type-badge-examformm.mcq{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.type-badge-examformm.true_false{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.question-actions-examformm{display:flex;gap:8px;flex-wrap:wrap}.action-btn-examformm{width:40px;height:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.action-btn-examformm:disabled{opacity:.5;cursor:not-allowed}.move-btn-examformm{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.move-btn-examformm:hover:not(:disabled){background:#e2e8f0;color:#475569}.edit-btn-examformm{background:#d1fae5;color:#065f46;border:1px solid #34d399}.edit-btn-examformm:hover{background:#10b981;color:#fff;transform:scale(1.1)}.delete-btn-examformm{background:#fecaca;color:#991b1b;border:1px solid #f87171}.delete-btn-examformm:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.question-preview-examformm{margin-top:16px}.question-text-examformm{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;line-height:1.6}.question-options-examformm{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.option-examformm{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.option-examformm.correct{background:#d1fae5;border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.option-letter-examformm{font-weight:700;color:#374151;min-width:24px;display:flex;align-items:center;justify-content:center}.option-text-examformm{flex:1;color:#1f2937;font-size:14px}.correct-marker-examformm{color:#10b981;display:flex;align-items:center}.question-explanation-examformm{background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;padding:12px 16px;margin-top:16px;display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#92400e}.empty-questions-examformm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.empty-icon-examformm{color:#9ca3af;margin-bottom:16px}.empty-questions-examformm h4{margin:0 0 8px;color:#1f2937;font-size:20px;font-weight:600}.empty-questions-examformm p{margin:0 0 24px;color:#6b7280;font-size:16px}.add-first-question-btn-examformm{background:var(--gradient-secondary);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.add-first-question-btn-examformm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.form-actions-examformm{display:flex;gap:16px;justify-content:flex-end;padding:24px 32px;background:#fff;border-top:1px solid #e2e8f0}.primary-btn-examformm,.secondary-btn-examformm{padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;border:none}.primary-btn-examformm{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 12px #667eea4d}.primary-btn-examformm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.primary-btn-examformm:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.secondary-btn-examformm{background:#6b7280;color:#fff}.secondary-btn-examformm:hover{background:#4b5563;transform:translateY(-2px)}.loading-spinner-examformm{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.question-form-overlay-examformm{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.question-form-examformm{width:90vw;max-width:800px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.question-form-header-examformm{background:var(--gradient-secondary);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.question-form-header-examformm .header-content-examformm{display:flex;align-items:center;gap:12px}.question-form-header-examformm h4{margin:0;font-size:20px;font-weight:600}.close-question-form-examformm{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-question-form-examformm:hover{background:#fff3;transform:scale(1.1)}.question-form-content-examformm{flex:1;overflow:auto;padding:24px}.options-section-examformm{margin:24px 0}.options-section-examformm .section-header-examformm{margin-bottom:16px}.options-section-examformm h5{margin:0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.options-list-examformm{display:flex;flex-direction:column;gap:16px}.option-input-examformm{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#f8fafc}.option-header-examformm{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.option-id-examformm{background:#667eea;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.correct-answer-radio-examformm{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;font-weight:600;color:#374151}.correct-answer-radio-examformm input{accent-color:#10b981}.option-input-examformm textarea{width:100%;border:2px solid #e2e8f0;border-radius:8px;padding:12px;font-size:14px;resize:vertical;min-height:60px}.option-input-examformm textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.true-false-section-examformm{margin:24px 0}.true-false-section-examformm .section-header-examformm{margin-bottom:16px}.true-false-section-examformm h5{margin:0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.true-false-options-examformm{display:flex;gap:16px;flex-wrap:wrap}.radio-option-examformm{flex:1;min-width:200px;cursor:pointer}.radio-option-examformm input{display:none}.radio-content-examformm{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;transition:all .3s ease;font-weight:600;color:#374151}.radio-option-examformm input:checked+.radio-content-examformm{border-color:#10b981;background:#d1fae5;color:#065f46;box-shadow:0 2px 8px #10b98133}.radio-content-examformm:hover{border-color:#cbd5e1;background:#e2e8f0}.question-form-actions-examformm{display:flex;gap:16px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0;margin-top:24px}.cancel-question-btn-examformm{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.cancel-question-btn-examformm:hover{background:#4b5563;transform:translateY(-2px)}.save-question-btn-examformm{background:var(--gradient-secondary);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.save-question-btn-examformm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media (max-width: 1200px){.form-grid-examformm{grid-template-columns:1fr}.form-group-examformm.span-2{grid-column:span 1}}@media (max-width: 992px){.exam-form-modal-examformm{width:98vw;height:95vh}.exam-form-examformm{padding:24px}.form-tabs-examformm{padding:0 24px;overflow-x:auto}.tab-btn-examformm{white-space:nowrap;flex-shrink:0}.summary-stats-examformm{flex-direction:column;gap:12px}.questions-summary-examformm{flex-direction:column;gap:16px;text-align:center}.question-header-examformm{flex-direction:column;align-items:flex-start;gap:16px}.question-actions-examformm{width:100%;justify-content:center}}@media (max-width: 768px){.modal-header-examformm{padding:20px 24px}.header-text-examformm h2{font-size:22px}.course-name-examformm{font-size:14px}.exam-form-examformm{padding:20px}.form-tabs-examformm{padding:0 20px}.tab-btn-examformm{padding:12px 16px;font-size:13px}.section-header-examformm h3{font-size:20px}.settings-group-examformm{padding:20px}.checkbox-grid-examformm{gap:12px}.question-item-examformm{padding:20px}.question-info-examformm{flex-direction:column;align-items:flex-start;gap:8px}.form-actions-examformm{padding:20px 24px;flex-direction:column-reverse}.primary-btn-examformm,.secondary-btn-examformm{width:100%;justify-content:center}.question-form-examformm{width:95vw;max-height:95vh}.question-form-content-examformm{padding:20px}.options-list-examformm{gap:12px}.option-input-examformm{padding:12px}.true-false-options-examformm{flex-direction:column}.radio-option-examformm{min-width:auto}.question-form-actions-examformm{flex-direction:column-reverse}.cancel-question-btn-examformm,.save-question-btn-examformm{width:100%;justify-content:center}}@media (max-width: 480px){.exam-form-modal-examformm{width:100vw;height:100vh;border-radius:0}.modal-header-examformm{padding:16px 20px}.header-text-examformm h2{font-size:20px}.exam-form-examformm{padding:16px}.form-tabs-examformm{padding:0 16px}.tab-btn-examformm{padding:10px 12px;font-size:12px}.questions-count-examformm{font-size:10px;padding:1px 6px}.section-header-examformm{margin-bottom:24px}.section-header-examformm h3{font-size:18px;flex-direction:column;gap:8px;text-align:center}.form-group-examformm input,.form-group-examformm textarea,.form-group-examformm select{font-size:16px}.settings-group-examformm{padding:16px}.checkbox-group-examformm{padding:12px}.question-item-examformm{padding:16px}.question-preview-examformm{margin-top:12px}.question-options-examformm{gap:8px}.option-examformm{padding:10px 12px}.form-actions-examformm{padding:16px 20px}.question-form-examformm{width:100vw;height:100vh;border-radius:0}.question-form-header-examformm{padding:16px 20px}.question-form-header-examformm h4{font-size:18px}.question-form-content-examformm{padding:16px}.option-header-examformm{flex-direction:column;gap:8px;align-items:flex-start}.option-input-examformm textarea{min-height:80px;font-size:16px}}.form-tabs-examformm{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.settings-group-examformm{background:linear-gradient(135deg,#fff,#f8fafc)}.question-item-examformm:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.option-examformm.correct:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#10b981;border-radius:0 0 0 10px}.checkbox-group-examformm:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.question-item-examformm:hover:before{background:linear-gradient(90deg,#667eea,#764ba2 30%,#f093fb 70%,#f9844a)}.stat-card-examformm:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);transform:translateY(-2px)}@media print{.modal-overlay-examformm{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.exam-form-modal-examformm{width:100%;height:auto;box-shadow:none;border-radius:0}.modal-header-examformm,.form-actions-examformm,.form-tabs-examformm{display:none}.modal-content-examformm{overflow:visible}.exam-form-examformm{padding:0;background:#fff}.question-item-examformm,.settings-group-examformm{box-shadow:none;break-inside:avoid;border:1px solid #e2e8f0;margin-bottom:20px}.question-actions-examformm,.question-form-overlay-examformm{display:none}}.question-item-examformm,.settings-group-examformm,.stat-card-examformm{will-change:transform}.tab-btn-examformm:focus,.action-btn-examformm:focus,.primary-btn-examformm:focus,.secondary-btn-examformm:focus{outline:2px solid #667eea;outline-offset:2px}.checkbox-group-examformm:focus-within{outline:2px solid #667eea;outline-offset:2px}.form-section-examformm.loading{opacity:.7;pointer-events:none}.form-section-examformm.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}.modal-overlay-examdetail{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exam-details-modal-examdetail{width:95vw;max-width:1200px;height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.modal-header-examdetail{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.modal-header-examdetail: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="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.modal-header-examdetail h2{margin:0;font-size:26px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1;position:relative}.modal-close-examdetail{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;position:relative;font-size:24px;font-weight:300}.modal-close-examdetail:hover{background:#fff3;transform:scale(1.1)}.modal-close-examdetail:active{transform:scale(.95)}.modal-content-examdetail{flex:1;overflow:auto;padding:32px;background:#f8fafc}.exam-summary-examdetail{margin-bottom:32px}.summary-card-examdetail{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;position:relative;overflow:hidden}.summary-card-examdetail:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.exam-status-examdetail{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.status-badge-examdetail{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-draft-examdetail{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.status-published-examdetail{background:#d1fae5;color:#065f46;border:1px solid #10b981}.status-closed-examdetail{background:#fecaca;color:#991b1b;border:1px solid #ef4444}.status-archived-examdetail{background:#e5e7eb;color:#374151;border:1px solid #6b7280}.current-status-examdetail{padding:6px 16px;background:#e0e7ff;color:#3730a3;border-radius:20px;font-size:14px;font-weight:600;border:1px solid #a5b4fc}.exam-meta-grid-examdetail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.meta-item-examdetail{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.meta-item-examdetail:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.meta-label-examdetail{font-weight:600;color:#6b7280;font-size:14px}.meta-value-examdetail{font-weight:700;color:#1f2937;font-size:14px}.details-tabs-examdetail{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.tab-buttons-examdetail{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto}.tab-btn-examdetail{background:transparent;border:none;padding:16px 24px;font-size:14px;font-weight:600;cursor:pointer;color:#64748b;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.tab-btn-examdetail:hover{background:#e2e8f0;color:#374151}.tab-btn-examdetail.active{background:#fff;color:#667eea;border-bottom-color:#667eea;box-shadow:0 -2px 8px #667eea1a}.tab-content-examdetail{padding:32px;min-height:400px}.overview-tab-examdetail .overview-grid-examdetail{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.overview-card-examdetail{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0;transition:all .3s ease}.overview-card-examdetail:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.overview-card-examdetail h4{margin:0 0 16px;font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px;border-bottom:1px solid #cbd5e1;padding-bottom:12px}.overview-card-examdetail p{margin:0;color:#6b7280;font-size:14px;line-height:1.6}.settings-list-examdetail,.security-list-examdetail{display:flex;flex-direction:column;gap:12px}.setting-item-examdetail,.security-item-examdetail{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.setting-item-examdetail span:first-child,.security-item-examdetail span:first-child{font-weight:600;color:#374151;font-size:13px}.enabled-examdetail{color:#065f46;background:#d1fae5;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #10b981}.disabled-examdetail{color:#991b1b;background:#fecaca;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #ef4444}.tags-list-examdetail{display:flex;flex-wrap:wrap;gap:8px}.tag-examdetail{background:#e0e7ff;color:#3730a3;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;border:1px solid #a5b4fc}.statistics-tab-examdetail .stats-grid-examdetail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-card-examdetail{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:24px;border:1px solid #cbd5e1;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card-examdetail:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.stat-icon-examdetail{font-size:32px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a}.stat-info-examdetail{display:flex;flex-direction:column;gap:4px}.stat-number-examdetail{font-size:28px;font-weight:700;color:#1f2937}.stat-label-examdetail{font-size:14px;color:#6b7280;font-weight:500}.grade-distribution-examdetail{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.grade-distribution-examdetail h4{margin:0 0 20px;font-size:20px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.grade-chart-examdetail{display:flex;flex-direction:column;gap:16px}.grade-bar-examdetail{background:#fff;border-radius:10px;padding:16px;border:1px solid #e2e8f0}.grade-info-examdetail{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.grade-letter-examdetail{font-size:24px;font-weight:700;min-width:40px}.grade-count-examdetail{font-weight:600;color:#374151}.grade-average-examdetail{font-size:14px;color:#6b7280}.grade-progress-examdetail{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.grade-fill-examdetail{height:100%;border-radius:4px;transition:width .8s ease}.attempts-tab-examdetail h4{margin:0 0 24px;font-size:20px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.attempts-list-examdetail{display:flex;flex-direction:column;gap:16px}.attempt-card-examdetail{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.attempt-card-examdetail:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.attempt-student-examdetail .student-info-examdetail h5{margin:0 0 4px;font-size:16px;font-weight:700;color:#1f2937}.attempt-student-examdetail .student-info-examdetail p{margin:0 0 8px;font-size:14px;color:#6b7280;font-family:monospace}.student-grade-examdetail{background:#f1f5f9;color:#374151;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #cbd5e1}.attempt-details-examdetail{display:flex;align-items:center;gap:24px}.attempt-score-examdetail{text-align:center}.score-percentage-examdetail{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.score-grade-examdetail{font-size:18px;font-weight:700}.attempt-meta-examdetail{display:flex;flex-direction:column;gap:6px}.meta-row-examdetail{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.meta-row-examdetail span:first-child{color:#6b7280;font-weight:500}.meta-row-examdetail span:last-child{color:#1f2937;font-weight:600}.passed-examdetail{color:#065f46;background:#d1fae5;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #10b981}.failed-examdetail{color:#991b1b;background:#fecaca;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #ef4444}.empty-attempts-examdetail{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px}.questions-tab-examdetail h4{margin:0 0 24px;font-size:20px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.questions-list-examdetail{display:flex;flex-direction:column;gap:20px}.question-preview-examdetail{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.question-preview-examdetail:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.question-preview-examdetail:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.question-header-examdetail{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.question-number-examdetail{font-weight:700;color:#1f2937;font-size:16px}.question-meta-examdetail{display:flex;gap:12px}.question-points-examdetail{background:#e0e7ff;color:#3730a3;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #a5b4fc}.question-difficulty-examdetail{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.question-difficulty-examdetail.easy{background:#d1fae5;color:#065f46;border:1px solid #10b981}.question-difficulty-examdetail.medium{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.question-difficulty-examdetail.hard{background:#fecaca;color:#991b1b;border:1px solid #ef4444}.question-content-examdetail .question-text-examdetail{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;line-height:1.6}.question-options-examdetail{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.option-examdetail{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.option-examdetail.correct{background:#d1fae5;border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.option-letter-examdetail{font-weight:700;color:#374151;min-width:24px}.option-text-examdetail{flex:1;color:#1f2937;font-size:14px}.correct-marker-examdetail{color:#10b981;font-weight:700;font-size:12px;background:#d1fae5;padding:4px 8px;border-radius:12px;border:1px solid #10b981}.true-false-options-examdetail{display:flex;gap:16px;flex-wrap:wrap}.question-explanation-examdetail{background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;padding:16px;margin-top:16px;font-size:14px;color:#92400e}.question-explanation-examdetail strong{display:block;margin-bottom:8px;font-weight:700}.question-explanation-examdetail p{margin:0;line-height:1.5}.empty-questions-examdetail{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px}.modal-actions-examdetail{padding:24px 32px;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:16px}.close-btn-examdetail{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.close-btn-examdetail:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}@media (max-width: 1200px){.overview-grid-examdetail{grid-template-columns:1fr}.stats-grid-examdetail,.exam-meta-grid-examdetail{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.exam-details-modal-examdetail{width:98vw;height:95vh}.modal-content-examdetail,.tab-content-examdetail{padding:24px}.stats-grid-examdetail,.exam-meta-grid-examdetail{grid-template-columns:1fr}.attempt-card-examdetail{flex-direction:column;gap:16px;text-align:center}.attempt-details-examdetail{width:100%;justify-content:space-between}}@media (max-width: 768px){.modal-header-examdetail{padding:20px 24px}.modal-header-examdetail h2{font-size:20px}.modal-content-examdetail,.tab-content-examdetail{padding:20px}.exam-status-examdetail{flex-direction:column;align-items:flex-start}.tab-buttons-examdetail{gap:0}.tab-btn-examdetail{padding:12px 16px;font-size:13px}.stat-card-examdetail{padding:20px}.stat-icon-examdetail{width:50px;height:50px;font-size:24px}.stat-number-examdetail{font-size:24px}.question-header-examdetail{flex-direction:column;align-items:flex-start}.question-meta-examdetail{flex-wrap:wrap}.modal-actions-examdetail{padding:20px 24px}}@media (max-width: 480px){.exam-details-modal-examdetail{width:100vw;height:100vh;border-radius:0}.modal-header-examdetail{padding:16px 20px}.modal-header-examdetail h2{font-size:18px}.modal-content-examdetail,.tab-content-examdetail{padding:16px}.exam-meta-grid-examdetail{gap:12px}.meta-item-examdetail{flex-direction:column;text-align:center;padding:12px}.overview-card-examdetail{padding:16px}.stat-card-examdetail{padding:16px;gap:12px}.grade-bar-examdetail{padding:12px}.attempt-card-examdetail,.question-preview-examdetail{padding:16px}.true-false-options-examdetail{flex-direction:column}.modal-actions-examdetail{padding:16px 20px}.close-btn-examdetail{width:100%}}.summary-card-examdetail:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.question-preview-examdetail:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.meta-item-examdetail:hover,.overview-card-examdetail:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.stat-card-examdetail:hover .stat-icon-examdetail{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.option-examdetail.correct:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#10b981;border-radius:0 0 0 10px}@media print{.modal-overlay-examdetail{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.exam-details-modal-examdetail{width:100%;height:auto;box-shadow:none;border-radius:0}.modal-header-examdetail,.modal-actions-examdetail{display:none}.modal-content-examdetail{padding:0;background:#fff}.tab-buttons-examdetail{display:none}.tab-content-examdetail{padding:0}.summary-card-examdetail,.overview-card-examdetail,.stat-card-examdetail,.attempt-card-examdetail,.question-preview-examdetail{box-shadow:none;break-inside:avoid;border:1px solid #e2e8f0;margin-bottom:20px}.details-tabs-examdetail{box-shadow:none}}.stat-card-examdetail,.overview-card-examdetail,.meta-item-examdetail,.attempt-card-examdetail,.question-preview-examdetail{will-change:transform}.tab-btn-examdetail:focus,.close-btn-examdetail:focus{outline:2px solid #667eea;outline-offset:2px}.option-examdetail:focus-within{outline:2px solid #667eea;outline-offset:2px}.tab-content-examdetail.loading{opacity:.7;pointer-events:none;position:relative}.tab-content-examdetail.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.question-text-examdetail,.option-text-examdetail{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.stat-number-examdetail,.score-percentage-examdetail,.grade-letter-examdetail{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card-examdetail{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.stat-card-examdetail:nth-child(1){animation-delay:.1s}.stat-card-examdetail:nth-child(2){animation-delay:.2s}.stat-card-examdetail:nth-child(3){animation-delay:.3s}.stat-card-examdetail:nth-child(4){animation-delay:.4s}.stat-card-examdetail:nth-child(5){animation-delay:.5s}.stat-card-examdetail:nth-child(6){animation-delay:.6s}.question-preview-examdetail{animation:slideInLeft .5s ease-out;animation-fill-mode:both}.question-preview-examdetail:nth-child(odd){animation-delay:.1s}.question-preview-examdetail:nth-child(2n){animation-delay:.2s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.status-badge-examdetail,.current-status-examdetail,.enabled-examdetail,.disabled-examdetail,.tag-examdetail,.question-points-examdetail,.question-difficulty-examdetail,.correct-marker-examdetail,.student-grade-examdetail,.passed-examdetail,.failed-examdetail{text-shadow:none;font-weight:700}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.stat-icon-examdetail{font-size:30px}.grade-fill-examdetail{border-radius:6px}.option-examdetail.correct:before{width:6px}}.modal-overlay-examres{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exam-results-modal-examres{width:95vw;max-width:1400px;height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;overflow:hidden}.fade-in-examres{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-examres{background:var(--gradient-secondary);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.modal-header-examres: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="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.header-content-examres{z-index:1;position:relative}.header-content-examres h2{margin:0;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.exam-title-examres{margin:6px 0 0;font-size:16px;opacity:.9;font-weight:500;background:#ffffff1a;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:fit-content}.modal-close-examres{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;position:relative;font-size:24px;font-weight:300}.modal-close-examres:hover{background:#fff3;transform:scale(1.1)}.modal-close-examres:active{transform:scale(.95)}.modal-content-examres{flex:1;padding:32px;overflow:auto;background:#f8fafc}.quick-stats-examres{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:32px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.stat-item-examres{text-align:center;padding:16px 12px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #cbd5e1;transition:transform .3s ease,box-shadow .3s ease}.stat-item-examres:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-icon-examres{font-size:32px;margin-bottom:8px;display:block}.stat-value-examres{display:block;font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label-examres{font-size:14px;color:#6b7280;font-weight:500}.results-controls-examres{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.controls-left-examres{flex:1}.controls-right-examres{display:flex;align-items:center;gap:16px}.search-box-examres{position:relative;max-width:400px}.search-input-examres{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;color:#374151;transition:all .3s ease}.search-input-examres:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input-examres::placeholder{color:#9ca3af}.search-icon-examres{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#9ca3af;pointer-events:none}.view-toggle-examres{display:flex;background:#f1f5f9;border-radius:10px;padding:4px;border:1px solid #e2e8f0}.view-toggle-examres button{background:transparent;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-toggle-examres button.active{background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.view-toggle-examres button:not(.active){color:#64748b}.view-toggle-examres button:not(.active):hover{background:#e2e8f0}.sort-select-examres{padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;color:#374151;cursor:pointer;transition:all .3s ease;min-width:160px}.sort-select-examres:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sort-order-btn-examres{background:#f8fafc;border:2px solid #e2e8f0;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:18px;display:flex;align-items:center;justify-content:center}.sort-order-btn-examres:hover{background:#e2e8f0;border-color:#cbd5e1}.sort-order-btn-examres.asc{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.sort-order-btn-examres.desc{background:#fef3c7;border-color:#fbbf24;color:#92400e}.export-buttons-examres{display:flex;gap:8px}.export-btn-examres{padding:10px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.export-btn-examres.csv{background:#d1fae5;color:#065f46;border:1px solid #34d399}.export-btn-examres.csv:hover:not(:disabled){background:#10b981;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.export-btn-examres.excel{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.export-btn-examres.excel:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.export-btn-examres:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.results-container-examres{flex:1}.results-table-examres{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.table-header-examres{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 2fr 1fr 1fr;gap:16px;background:var(--gradient-secondary);color:#fff;padding:20px 24px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.header-cell-examres{display:flex;align-items:center;text-align:center;justify-content:center}.table-body-examres{max-height:500px;overflow-y:auto}.table-row-examres{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 2fr 1fr 1fr;gap:16px;padding:20px 24px;border-bottom:1px solid #f1f5f9;transition:background-color .3s ease;align-items:center}.table-row-examres:hover{background:#f8fafc}.table-row-examres:last-child{border-bottom:none}.table-cell-examres{font-size:14px;color:#374151}.student-info-examres{text-align:right}.student-name-examres{font-weight:600;color:#1f2937;margin-bottom:4px;font-size:16px}.student-details-examres{display:flex;flex-direction:column;gap:2px}.student-phone-examres{font-size:12px;color:#6b7280;font-family:monospace}.student-grade-examres{font-size:12px;color:#6b7280;background:#f1f5f9;padding:2px 8px;border-radius:12px;display:inline-block;width:fit-content}.score-container-examres{text-align:center}.score-percentage-examres{font-size:20px;font-weight:700;margin-bottom:4px;display:block}.score-details-examres{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#6b7280}.grade-letter-examres{font-size:24px;font-weight:700;text-align:center;display:block}.status-badge-examres{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;display:inline-block;width:fit-content;margin:0 auto}.status-badge-examres.passed{background:#d1fae5;color:#065f46;border:1px solid #10b981}.status-badge-examres.failed{background:#fecaca;color:#991b1b;border:1px solid #ef4444}.time-info-examres{text-align:center;font-size:13px}.start-time-examres{font-weight:600;color:#1f2937;margin-bottom:2px}.end-time-examres{color:#6b7280;font-size:11px}.duration-time-examres{font-family:monospace;font-size:16px;font-weight:600;color:#374151;text-align:center;display:block}.attempt-info-examres{text-align:center}.attempt-number-examres{font-size:18px;font-weight:700;color:#1f2937;display:block;margin-bottom:4px}.submission-type-examres{font-size:11px;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.submission-type-examres.auto_submitted{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.submission-type-examres.submitted{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.results-cards-examres{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;padding:8px}.result-card-examres{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.result-card-examres:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary)}.result-card-examres:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.card-header-examres{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.score-display-examres{text-align:left}.score-display-examres .score-percentage-examres{font-size:32px;font-weight:700;margin-bottom:8px}.score-display-examres .score-details-examres{font-size:13px;color:#6b7280;line-height:1.4}.card-body-examres{display:flex;flex-direction:column;gap:16px}.card-field-examres{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.card-field-examres:last-child{border-bottom:none}.field-label-examres{font-weight:600;color:#6b7280;font-size:14px}.field-value-examres{font-weight:600;color:#1f2937;text-align:left}.empty-results-examres{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.empty-icon-examres{font-size:64px;margin-bottom:24px;opacity:.7}.empty-results-examres h3{margin:0 0 8px;color:#1f2937;font-size:24px;font-weight:600}.empty-results-examres p{margin:0;color:#6b7280;font-size:16px;max-width:400px}.pagination-info-examres{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;font-size:14px;color:#6b7280}.modal-actions-examres{padding:24px 32px;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:16px}.close-btn-examres{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.close-btn-examres:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}@media (max-width: 1200px){.quick-stats-examres{grid-template-columns:repeat(3,1fr)}.results-cards-examres{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 992px){.exam-results-modal-examres{width:98vw;height:95vh}.modal-content-examres{padding:24px}.quick-stats-examres{grid-template-columns:repeat(2,1fr)}.results-controls-examres{flex-direction:column;gap:16px;align-items:stretch}.controls-right-examres{flex-wrap:wrap;justify-content:space-between}.search-box-examres{max-width:none}.results-cards-examres{grid-template-columns:1fr}}@media (max-width: 768px){.modal-header-examres{padding:20px 24px}.header-content-examres h2{font-size:22px}.exam-title-examres{font-size:14px}.modal-content-examres{padding:20px}.quick-stats-examres{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.stat-item-examres{padding:12px}.stat-icon-examres{font-size:24px}.stat-value-examres{font-size:20px}.stat-label-examres{font-size:12px}.results-controls-examres{padding:16px}.controls-right-examres{gap:12px}.export-buttons-examres{flex-direction:column}.result-card-examres{padding:20px}.card-header-examres{flex-direction:column;gap:12px}.score-display-examres{text-align:center}.card-field-examres{flex-direction:column;align-items:flex-start;gap:8px}.field-value-examres{text-align:right}}@media (max-width: 480px){.exam-results-modal-examres{width:100vw;height:100vh;border-radius:0}.modal-header-examres{padding:16px 20px}.header-content-examres h2{font-size:20px}.modal-content-examres{padding:16px}.quick-stats-examres{grid-template-columns:1fr;padding:16px;gap:12px}.results-controls-examres{padding:12px}.search-input-examres{padding:10px 12px 10px 40px;font-size:16px}.controls-right-examres{flex-direction:column;width:100%}.view-toggle-examres{order:-1}.sort-select-examres{min-width:auto;width:100%}.export-buttons-examres{width:100%}.export-btn-examres{flex:1;justify-content:center}.result-card-examres{padding:16px}.modal-actions-examres{padding:16px 20px}}.results-table-examres .table-header-examres{background:var(--gradient-secondary);box-shadow:0 2px 8px #667eea33}.result-card-examres:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.stat-item-examres:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.export-btn-examres:hover:not(:disabled){box-shadow:0 6px 20px #00000026}.table-row-examres:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}@media print{.modal-overlay-examres{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.exam-results-modal-examres{width:100%;height:auto;box-shadow:none;border-radius:0}.modal-header-examres,.modal-actions-examres,.results-controls-examres{display:none}.modal-content-examres{padding:0;background:#fff}.results-table-examres,.result-card-examres{box-shadow:none;break-inside:avoid}.quick-stats-examres{grid-template-columns:repeat(5,1fr);break-inside:avoid}}.modal-overlay-exammanage{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exam-management-modal-exammanage{width:95vw;max-width:1400px;height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header2-exammanage{background:var(--gradient-secondary);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.modal-header2-exammanage: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="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.header-content2-exammanage{display:flex;align-items:center;gap:16px;z-index:1;position:relative}.header-icon-exammanage{font-size:32px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.header-text-exammanage h2{margin:0;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.course-name-exammanage{margin:4px 0 0;font-size:16px;opacity:.9;font-weight:500;background:#ffffff1a;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:fit-content}.modal-close-exammanage{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;position:relative}.modal-close-exammanage:hover{background:#fff3;transform:scale(1.1)}.modal-close-exammanage:active{transform:scale(.95)}.modal-content2-exammanage{flex:1;padding:32px;overflow:auto;background:#f8fafc}.exam-controls-exammanage{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.controls-section-exammanage{display:flex;align-items:center;gap:24px}.add-exam-btn-exammanage{background:var(--gradient-secondary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;white-space:nowrap}.add-exam-btn-exammanage:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.add-exam-btn-exammanage:active{transform:translateY(0)}.filter-group-exammanage{display:flex;align-items:center;gap:12px}.filter-group-exammanage label{font-weight:600;color:#374151;font-size:14px;white-space:nowrap}.status-filter-exammanage{padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;color:#374151;cursor:pointer;transition:all .3s ease;min-width:160px}.status-filter-exammanage:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-group-exammanage{display:flex;align-items:center;gap:12px}.search-group-exammanage label{font-weight:600;color:#374151;font-size:14px;white-space:nowrap}.search-container-exammanage{position:relative}.search-icon-exammanage{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input-exammanage{padding:10px 16px 10px 40px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;color:#374151;transition:all .3s ease;min-width:250px}.search-input-exammanage:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input-exammanage::placeholder{color:#9ca3af}.exams-container-exammanage{flex:1}.exams-grid-exammanage{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:none}.exam-card-exammanage{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.exam-card-exammanage:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary)}.exam-card-exammanage:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.exam-card-header-exammanage{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.exam-title-section-exammanage{flex:1}.exam-title-exammanage{margin:0 0 12px;font-size:20px;font-weight:700;color:#1f2937;line-height:1.4}.exam-badges-exammanage{display:flex;gap:8px;flex-wrap:wrap}.status-badge-exammanage{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-icon-exammanage{font-size:14px}.status-draft-exammanage{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.status-published-exammanage{background:#d1fae5;color:#065f46;border:1px solid #10b981}.status-closed-exammanage{background:#fecaca;color:#991b1b;border:1px solid #ef4444}.status-archived-exammanage{background:#e5e7eb;color:#374151;border:1px solid #6b7280}.current-status-exammanage{padding:4px 10px;border-radius:16px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.current-draft-exammanage{background:#fef3c7;color:#92400e}.current-upcoming-exammanage{background:#dbeafe;color:#1e40af}.current-active-exammanage{background:#bbf7d0;color:#047857}.current-ended-exammanage{background:#fecaca;color:#991b1b}.exam-actions-exammanage{display:flex;gap:12px;flex-wrap:wrap}.action-btn-exammanage{width:50px;height:50px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 3px 10px #00000026}.action-btn-exammanage svg{width:24px!important;height:24px!important;stroke-width:2.8;transition:all .3s ease}.action-btn-exammanage:disabled{opacity:.5;cursor:not-allowed}.action-btn-exammanage:disabled svg{opacity:.6}.view-btn-exammanage{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.view-btn-exammanage:hover:not(:disabled){background:#3b82f6;color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #3b82f64d}.results-btn-exammanage{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.results-btn-exammanage:hover:not(:disabled){background:#f59e0b;color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #f59e0b4d}.edit-btn-exammanage{background:#d1fae5;color:#065f46;border:1px solid #34d399}.edit-btn-exammanage:hover:not(:disabled){background:#10b981;color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #10b9814d}.reopen-btn-exammanage{background:#e0e7ff;color:#3730a3;border:1px solid #a5b4fc}.reopen-btn-exammanage:hover:not(:disabled){background:#6366f1;color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #6366f14d}.delete-btn-exammanage{background:#fecaca;color:#991b1b;border:1px solid #f87171}.delete-btn-exammanage:hover:not(:disabled){background:#ef4444;color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #ef44444d}.action-btn-exammanage:hover:after{content:attr(title);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.exam-card-body-exammanage{space-y:20px}.exam-description-exammanage{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:20px}.exam-info-grid-exammanage{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-row-exammanage{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-item-exammanage{display:flex;align-items:center;gap:10px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.info-icon-exammanage{font-size:18px;flex-shrink:0}.info-content-exammanage{display:flex;flex-direction:column;gap:2px;min-width:0}.info-label-exammanage{font-size:12px;color:#6b7280;font-weight:500}.info-value-exammanage{font-size:14px;color:#1f2937;font-weight:600}.exam-stats-exammanage{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #cbd5e1}.stats-title-exammanage{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.stats-grid-exammanage{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item-exammanage{text-align:center;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.stat-number-exammanage{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label-exammanage{font-size:12px;color:#6b7280;font-weight:500}.exam-status-controls-exammanage{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.status-btn-exammanage{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;flex:1;justify-content:center;min-width:fit-content}.publish-btn-exammanage{background:var(--gradient-secondary);color:#fff;box-shadow:0 2px 8px #10b9814d}.publish-btn-exammanage:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.close-btn-exammanage{background:#fecaca;color:#991b1b;border:1px solid #f87171}.close-btn-exammanage:hover:not(:disabled){background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.archive-btn-exammanage{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 8px #6b72804d}.archive-btn-exammanage:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b728066}.warning-message-exammanage{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;color:#92400e;border-radius:8px;border:1px solid #f59e0b;font-size:14px;font-weight:500;margin-top:16px}.loading-container-exammanage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner-exammanage{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container-exammanage h3{margin:0 0 8px;color:#1f2937;font-size:20px;font-weight:600}.loading-container-exammanage p{margin:0;color:#6b7280;font-size:16px}.empty-state-exammanage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon-exammanage{font-size:64px;margin-bottom:24px;opacity:.7}.empty-state-exammanage h3{margin:0 0 8px;color:#1f2937;font-size:24px;font-weight:600}.empty-state-exammanage p{margin:0 0 32px;color:#6b7280;font-size:16px;max-width:400px}.add-first-exam-btn-exammanage{background:var(--gradient-secondary);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.add-first-exam-btn-exammanage:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media (max-width: 1200px){.exams-grid-exammanage{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.exam-management-modal-exammanage{width:98vw;height:95vh}.modal-content2-exammanage{padding:24px}.exam-controls-exammanage{flex-direction:column;gap:16px;align-items:stretch}.controls-section-exammanage{justify-content:space-between;flex-wrap:wrap}.exams-grid-exammanage{grid-template-columns:1fr}}@media (max-width: 768px){.modal-header2-exammanage{padding:20px 24px}.header-text-exammanage h2{font-size:22px}.course-name-exammanage{font-size:14px}.modal-content2-exammanage,.exam-card-exammanage{padding:20px}.exam-card-header-exammanage{flex-direction:column;gap:12px}.action-btn-exammanage{width:54px;height:54px}.action-btn-exammanage svg{width:26px!important;height:26px!important}.exam-actions-exammanage{gap:14px;justify-content:center}.info-row-exammanage{grid-template-columns:1fr}.stats-grid-exammanage{grid-template-columns:repeat(3,1fr);gap:12px}.exam-status-controls-exammanage{flex-direction:column}}@media (max-width: 480px){.exam-management-modal-exammanage{width:100vw;height:100vh;border-radius:0}.modal-header2-exammanage{padding:16px 20px}.header-text-exammanage h2{font-size:20px}.modal-content2-exammanage,.exam-controls-exammanage{padding:16px}.search-input-exammanage{min-width:200px}.action-btn-exammanage{width:58px;height:58px}.action-btn-exammanage svg{width:28px!important;height:28px!important}}.students-section{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:4rem 0;background:linear-gradient(135deg,#667eea,#764ba2)}.students-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.students-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.students-image{width:100%;height:auto;object-fit:cover;object-position:center;filter:brightness(.7) contrast(1.1);transition:all .3s ease;display:block}@media (min-width: 769px){.students-section,.students-container,.students-background{min-height:100vh}.students-image{min-height:100vh;object-fit:cover;object-position:center}}.students-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eeacc,#764ba299,#0006);z-index:2}.students-content{position:relative;z-index:3;max-width:1200px;padding:2rem;text-align:center}.students-text{padding:3rem 2rem;animation:fadeInUp 1s ease-out}.students-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.5);line-height:1.3}.students-title .highlight{background:linear-gradient(45deg,gold,#ffed4a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;text-shadow:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.students-title .highlight:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:80%;height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);border-radius:2px}.students-subtitle{font-size:clamp(1rem,3vw,1.8rem);color:#fffffff2;margin-bottom:2rem;font-weight:300;text-shadow:2px 2px 4px rgba(0,0,0,.8);line-height:1.4}.students-description{color:#fffffffa;line-height:1.8}.students-description p{font-size:clamp(.95rem,2.5vw,1.3rem);text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0;line-height:1.7;font-weight:400}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.floating-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;right:15%;animation-delay:0s;background:radial-gradient(circle,rgba(255,215,0,.3),transparent)}.shape-2{width:60px;height:60px;bottom:30%;left:10%;animation-delay:2s;background:radial-gradient(circle,rgba(255,255,255,.2),transparent)}.shape-3{width:100px;height:100px;top:60%;right:20%;animation-delay:4s;background:radial-gradient(circle,rgba(102,126,234,.3),transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.students-section:hover .students-image{filter:brightness(.8) contrast(1.2) saturate(1.1);transform:scale(1.02)}@media (min-width: 769px){.students-section:hover .students-image{filter:brightness(.8) contrast(1.2) saturate(1.1);transform:scale(1.01)}}@media (max-width: 768px){.students-section{margin:2rem 0}.students-content{padding:1rem}.students-text{padding:2rem 1.5rem;margin:1rem}.floating-shape{display:none}}@media (max-width: 480px){.students-section{margin:1.5rem 0}.students-content{padding:.5rem}.students-text{padding:1.5rem 1rem;margin:.5rem}.students-title{font-size:clamp(1.8rem,8vw,2.5rem);margin-bottom:.8rem}.students-subtitle{font-size:clamp(1rem,5vw,1.4rem);margin-bottom:1.5rem}.students-description p{font-size:clamp(.9rem,4vw,1.1rem);line-height:1.6}}@media (max-width: 380px){.students-section{margin:1rem 0}.students-content{padding:.25rem}.students-text{padding:1.2rem .8rem;margin:.25rem}.students-title{font-size:clamp(1.6rem,9vw,2.2rem);margin-bottom:.6rem;line-height:1.2}.students-subtitle{font-size:clamp(.9rem,6vw,1.2rem);margin-bottom:1.2rem}.students-description p{font-size:clamp(.85rem,4.5vw,1rem);line-height:1.5}.students-title .highlight:after{height:2px}}@media (max-width: 380px) and (min-height: 700px){.students-text{padding:1.5rem 1rem;min-height:auto}.students-title{margin-bottom:1rem}.students-subtitle{margin-bottom:1.5rem}.students-description p{line-height:1.7}}.students-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(102,126,234,.1) 0%,transparent 50%);z-index:1;pointer-events:none}@media (prefers-reduced-motion: reduce){.floating-shape,.students-text,.students-section:hover .students-image{animation:none;transition:none;transform:none}}.app-download-section{padding:80px 0;background:var(--gradient-secondary);color:#fff;position:relative;overflow:hidden}.app-download-section: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 1000 100" fill="white" opacity="0.1"><polygon points="0,0 1000,100 1000,0"/></svg>');pointer-events:none}.app-download-section .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:3rem;font-weight:700;margin-bottom:16px;background:linear-gradient(45deg,#fff,#f8f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.3rem;line-height:1.6;opacity:.9;max-width:600px;margin:0 auto}.section-subtitle .highlight{color:gold;font-weight:600;text-shadow:0 2px 4px rgba(255,215,0,.3)}.download-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px}.app-preview{display:flex;justify-content:center}.phone-mockup{width:280px;height:560px;background:linear-gradient(145deg,#e2e8f0,#cbd5e0);border-radius:30px;padding:20px;box-shadow:0 25px 50px #0003,inset 0 1px #fffc;position:relative;border:2px solid rgba(203,213,224,.9)}.phone-mockup:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#0003;border-radius:2px}.phone-screen{width:100%;height:100%;background:#fffeff;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-logo-preview{text-align:center;color:#2d3748;padding:40px 20px}.app-icon{width:100px;height:100px;border-radius:22px;margin-bottom:20px;box-shadow:0 8px 25px #00000026}.app-logo-preview h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:#d03a89}.app-logo-preview p{font-size:1rem;color:#718096;opacity:.8}.download-buttons{text-align:center}.download-title{font-size:1.8rem;font-weight:600;margin-bottom:30px;opacity:.95}.buttons-container{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.download-btn{display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:20px 24px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.download-btn:hover:before{left:100%}.download-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-3px);box-shadow:0 15px 35px #0003}.download-btn.primary{background:linear-gradient(45deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 8px 25px #4caf504d}.download-btn.primary:hover{background:linear-gradient(45deg,#45a049,#3d8b40);transform:translateY(-4px);box-shadow:0 18px 40px #4caf5066}.btn-content{display:flex;align-items:center;gap:16px}.btn-icon{font-size:2.2rem;width:50px;text-align:center}.android-btn .btn-icon{color:#4caf50}.ios-btn .btn-icon{color:#007aff}.desktop-btn .btn-icon{color:#667eea}.btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:right}.btn-action{font-size:.9rem;opacity:.9}.btn-store{font-size:1.3rem;font-weight:600}.download-badge{display:flex;align-items:center}.recommended{background:linear-gradient(45deg,gold,#ffed4a);color:#2d3748;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;animation:pulse 2s infinite}.installable{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;animation:bounce 1s infinite;margin-bottom:4px}.manual{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:4px}.download-badge{display:flex;flex-direction:column;align-items:center;gap:4px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.waiting{background:linear-gradient(45deg,#f0f0f0,#e0e0e0);color:#666;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:4px;animation:waiting-pulse 1.5s infinite}.download-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.download-btn.disabled:hover{transform:none;box-shadow:none}@keyframes waiting-pulse{0%,to{opacity:.6}50%{opacity:1}}.download-info{margin-top:30px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;align-items:center;gap:10px;font-size:.95rem;opacity:.9}.info-item i{color:gold;font-size:1.1rem}.app-features{text-align:center}.app-features h3{font-size:2rem;font-weight:600;margin-bottom:40px;opacity:.95}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature{background:#ffffff1a;border-radius:16px;padding:30px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 15px 35px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:16px}.feature h4{font-size:1.3rem;font-weight:600;margin-bottom:12px}.feature p{font-size:1rem;opacity:.9;line-height:1.5}.ios-instructions-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d}.modal-header{padding:24px 30px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.5rem;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:10px}.modal-header i{color:#007aff}.close-btn{background:none;border:none;font-size:1.2rem;color:#718096;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:30px}.instructions-list{display:flex;flex-direction:column;gap:24px;margin-bottom:30px}.instruction-step{display:flex;gap:16px;align-items:flex-start}.step-number{width:32px;height:32px;background:linear-gradient(45deg,#007aff,#0056cc);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content h4{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:8px}.step-content p{color:#4a5568;line-height:1.6}.step-content i{color:#007aff}.ios-note{background:linear-gradient(45deg,#e6f7ff,#f0f9ff);border:1px solid #91d5ff;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start}.note-icon{font-size:1.5rem;flex-shrink:0}.note-content{color:#003a8c;line-height:1.6}.note-content strong{font-weight:600}.modal-footer{padding:20px 30px;border-top:1px solid #e2e8f0;text-align:center}.got-it-btn{background:linear-gradient(45deg,#007aff,#0056cc);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.got-it-btn:hover{background:linear-gradient(45deg,#0056cc,#004099);transform:translateY(-2px);box-shadow:0 8px 25px #007aff4d}@media (max-width: 768px){.app-download-section{padding:60px 0}.section-title{font-size:2.2rem}.section-subtitle{font-size:1.1rem}.download-content{grid-template-columns:1fr;gap:40px;text-align:center}.phone-mockup{width:220px;height:440px;background:linear-gradient(145deg,#e2e8f0,#cbd5e0);border:2px solid rgba(203,213,224,.9)}.app-icon{width:80px;height:80px}.download-title{font-size:1.5rem}.info-grid{grid-template-columns:repeat(2,1fr);gap:12px}.info-item{font-size:.85rem;flex-direction:column;text-align:center;gap:6px}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.feature{padding:20px 15px;border-radius:12px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.15);text-align:center;min-height:160px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.feature:hover:before{left:100%}.feature:hover{transform:translateY(-3px);background:#ffffff2e;border-color:#ffffff40;box-shadow:0 10px 25px #00000026}.feature-icon{font-size:2rem;margin-bottom:12px}.feature h4{font-size:1.1rem;margin-bottom:8px}.feature p{font-size:.85rem;line-height:1.4}.modal-content{margin:10px;max-width:none}.modal-header,.modal-body,.modal-footer{padding:20px}.instructions-list{gap:20px}.instruction-step{gap:12px}.step-number{width:28px;height:28px}}@media (max-width: 480px){.section-title{font-size:1.8rem}.download-btn{padding:16px 20px}.btn-icon{font-size:1.8rem}.btn-store{font-size:1.1rem}.phone-mockup{width:180px;height:360px;padding:15px;background:linear-gradient(145deg,#e2e8f0,#cbd5e0);border:2px solid rgba(203,213,224,.9)}.app-icon{width:60px;height:60px}.app-logo-preview{padding:20px 15px}.info-grid{grid-template-columns:repeat(2,1fr);gap:10px}.info-item{font-size:.8rem;flex-direction:column;text-align:center;gap:4px}.features-grid{grid-template-columns:repeat(2,1fr);gap:15px}.feature{padding:16px 12px;border-radius:10px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.15);text-align:center;min-height:140px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.feature:hover:before{left:100%}.feature:hover{transform:translateY(-2px);background:#ffffff2e;border-color:#ffffff40;box-shadow:0 8px 20px #0000001f}.feature-icon{font-size:1.8rem;margin-bottom:10px}.feature h4{font-size:1rem;margin-bottom:6px}.feature p{font-size:.8rem;line-height:1.3}}.support-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.support-modal-overlay.visible{opacity:1;visibility:visible}.support-modal{background:var(--gradient-secondary);border-radius:20px;width:90%;max-width:450px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative;transform:scale(.7) translateY(50px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);font-family:Cairo,Segoe UI,sans-serif}.support-modal.visible{transform:scale(1) translateY(0)}.support-close-btn{position:absolute;top:15px;right:15px;width:35px;height:35px;border:none;background:#fff3;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.support-close-btn:hover{background:#ffffff4d;transform:scale(1.1) rotate(90deg)}.support-close-btn:active{transform:scale(.95) rotate(90deg)}.support-content{padding:60px 30px 40px;color:#fff;text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}.support-step{width:100%;opacity:0;transform:translate(30px);animation:slideInStep .6s ease-out forwards}@keyframes slideInStep{to{opacity:1;transform:translate(0)}}.support-step--welcome{display:flex;flex-direction:column;align-items:center;gap:25px}.support-bot-avatar{width:80px;height:80px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;font-size:2.2em;color:#fff;position:relative;animation:botPulse 2s ease-in-out infinite;box-shadow:0 10px 30px #d4a1084d}.support-bot-avatar i{animation:robotMove 3s ease-in-out infinite}.support-bot-pulse{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid rgba(212,161,8,.3);border-radius:50%;animation:pulseRing 2s ease-out infinite}.support-welcome-message{text-align:center}.support-title{font-size:1.6em;font-weight:700;margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.support-subtitle{font-size:1.1em;margin:0;opacity:.9;font-weight:400;line-height:1.5}.support-continue-btn{background:var(--success);border:none;padding:15px 30px;border-radius:25px;color:#fff;font-family:inherit;font-size:1.1em;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 5px 20px #ff6b6b4d;text-shadow:0 1px 3px rgba(0,0,0,.3)}.support-continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66;background:var(--gradient-warm)}.support-continue-btn:active{transform:translateY(0)}.support-step--options{display:flex;flex-direction:column;gap:25px}.support-options-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.support-bot-mini{width:45px;height:45px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;font-size:1.2em;color:#fff;flex-shrink:0}.support-options-text h4{margin:0;font-size:1.2em;font-weight:600;text-align:right}.support-options-list{display:flex;flex-direction:column;gap:12px}.support-option-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:18px 20px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;text-align:right;font-family:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.support-option-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.support-option-btn:hover:before{left:100%}.support-option-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.support-option-btn:active{transform:translateY(0)}.support-option-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3em;flex-shrink:0;transition:all .3s ease}.support-option-btn--create .support-option-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.support-option-btn--login .support-option-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.support-option-btn--other .support-option-icon{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.support-option-btn:hover .support-option-icon{transform:scale(1.1) rotate(5deg)}.support-option-content{flex:1;display:flex;flex-direction:column;gap:4px;text-align:right}.support-option-title{font-size:1.1em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.support-option-desc{font-size:.9em;opacity:.8;font-weight:400}.support-option-arrow{font-size:1.1em;opacity:.7;transition:all .3s ease}.support-option-btn:hover .support-option-arrow{opacity:1;transform:translate(-5px)}.support-step--whatsapp{display:flex;flex-direction:column;gap:25px}.support-whatsapp-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:10px}.support-whatsapp-text{flex:1;text-align:right}.support-whatsapp-text h4{margin:0 0 8px;font-size:1.3em;font-weight:600}.support-whatsapp-text p{margin:0;font-size:1em;opacity:.9;line-height:1.5}.support-contact-info{background:#ffffff26;border-radius:15px;padding:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.support-phone-display{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.2em}.support-phone-icon{color:#fbbf24;font-size:1.3em;animation:phoneRing 2s ease-in-out infinite}.support-phone-number{font-weight:600;direction:ltr;text-shadow:0 1px 3px rgba(0,0,0,.3)}.support-whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;padding:16px 25px;border-radius:25px;color:#fff;font-family:inherit;font-size:1.1em;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 5px 20px #25d3664d;text-shadow:0 1px 3px rgba(0,0,0,.3)}.support-whatsapp-btn:hover{background:linear-gradient(135deg,#22c55e,#16a085);transform:translateY(-2px);box-shadow:0 8px 25px #25d36666}.support-whatsapp-icon{font-size:1.4em;animation:whatsappBounce 2s ease-in-out infinite}.support-back-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:20px;color:#fff;font-family:inherit;font-size:1em;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.support-back-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.support-steps-indicator{display:flex;justify-content:center;gap:8px;padding:20px;background:#ffffff1a}.support-step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.support-step-dot.active{background:#fffc;transform:scale(1.2)}@keyframes botPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes robotMove{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes phoneRing{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes whatsappBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.support-modal{width:95%;max-width:none;margin:20px}.support-content{padding:50px 20px 30px;min-height:350px}.support-title{font-size:1.4em}.support-subtitle{font-size:1em}.support-bot-avatar{width:70px;height:70px;font-size:2em}.support-option-btn{padding:15px 18px}.support-option-icon{width:45px;height:45px;font-size:1.2em}.support-option-title{font-size:1em}.support-option-desc{font-size:.85em}}@media (max-width: 480px){.support-modal{width:95%;margin:10px}.support-content{padding:40px 15px 25px;min-height:320px}.support-title{font-size:1.3em}.support-bot-avatar{width:60px;height:60px;font-size:1.8em}.support-continue-btn{padding:12px 25px;font-size:1em}.support-option-btn{padding:12px 15px;gap:12px}.support-option-icon{width:40px;height:40px;font-size:1.1em}.support-whatsapp-btn{padding:14px 20px;font-size:1em}.support-whatsapp-text h4{font-size:1.2em}.support-phone-display{font-size:1.1em}}@media (prefers-reduced-motion: reduce){.support-modal,.support-step,.support-bot-avatar,.support-option-btn,.support-whatsapp-btn,.support-back-btn,.support-continue-btn{transition:none;animation:none}.support-bot-avatar,.support-whatsapp-icon,.support-phone-icon{animation:none}}.support-option-btn:focus,.support-whatsapp-btn:focus,.support-back-btn:focus,.support-continue-btn:focus,.support-close-btn:focus{outline:3px solid rgba(255,255,255,.6);outline-offset:2px}.support-option-btn:focus:not(:focus-visible),.support-whatsapp-btn:focus:not(:focus-visible),.support-back-btn:focus:not(:focus-visible),.support-continue-btn:focus:not(:focus-visible),.support-close-btn:focus:not(:focus-visible){outline:none}.support-modal,.support-option-btn,.support-whatsapp-btn{font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility}.support-modal{will-change:transform,opacity}.support-option-btn,.support-whatsapp-btn,.support-back-btn,.support-continue-btn{will-change:transform}.support-modal *{box-sizing:border-box}.floating-option-button--support{background:var(--gradient-secondary);position:relative;overflow:hidden}.floating-option-button--support:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66}.floating-option-button--support:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:all .3s ease}.floating-option-button--support:hover:before{width:100%;height:100%}.floating-option-button--support i{animation:supportPulse 2s ease-in-out infinite}@keyframes supportPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.floating-contact-widget.open .floating-option-button:nth-child(2){transition-delay:.15s;animation:slide-up .5s cubic-bezier(.68,-.55,.265,1.55) .15s both}.floating-contact-widget.open .floating-option-button:nth-child(3){transition-delay:.2s;animation:slide-up .5s cubic-bezier(.68,-.55,.265,1.55) .2s both}@media (max-width: 768px){.floating-contact-options{bottom:85px}}@media (max-width: 480px){.floating-contact-options{bottom:80px}}.social-connect{background:radial-gradient(circle,#d03a89,#2c2f6a);border-radius:20px;padding:25px 20px;box-shadow:0 10px 30px #00000026;color:#fff;text-align:center;max-width:320px;font-family:Cairo,Segoe UI,sans-serif;transition:transform .3s ease,box-shadow .3s ease;z-index:1000}.social-connect.fixed{position:fixed;bottom:20px;right:20px}.social-connect:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.social-connect__header{margin-bottom:20px}.social-connect__title{font-size:1.4em;font-weight:700;margin:0 0 5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.social-connect__subtitle{font-size:.9em;margin:0;opacity:.9;font-weight:300}.social-connect__buttons{display:flex;gap:12px;margin-bottom:20px;justify-content:center}.social-connect__button{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:25px;font-family:inherit;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;color:#fff;min-width:110px;justify-content:center}.social-connect__button: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}.social-connect__button:hover:before{left:100%}.social-connect__icon{font-size:1.2em;transition:transform .3s ease}.social-connect__button:hover .social-connect__icon{transform:scale(1.1)}.social-connect__text{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.social-connect__button--whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 15px #25d3664d}.social-connect__button--whatsapp:hover{background:linear-gradient(135deg,#22c55e,#16a085);transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.social-connect__button--whatsapp:active{transform:translateY(0)}.social-connect__button--telegram{background:linear-gradient(135deg,#08c,#06a);box-shadow:0 4px 15px #0088cc4d}.social-connect__button--telegram:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);transform:translateY(-2px);box-shadow:0 6px 20px #08c6}.social-connect__button--telegram:active{transform:translateY(0)}.social-connect__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 10px;border-radius:6px;font-size:.8em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;margin-bottom:8px}.social-connect__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000c}.social-connect__button:hover .social-connect__tooltip{opacity:1}.social-connect__phone{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff1a;border-radius:15px;margin-bottom:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-connect__phone-icon{font-size:1.1em;color:#fbbf24}.social-connect__phone-number{font-weight:600;font-size:1.1em;letter-spacing:.5px;direction:ltr;text-shadow:0 1px 2px rgba(0,0,0,.3)}.social-connect__message{font-size:.85em;margin:0;opacity:.9;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.2)}.floating-contact-widget{position:fixed;bottom:20px;right:20px;z-index:1000}.floating-main-button{width:70px;height:70px;border-radius:50%;border:none;background:radial-gradient(circle,#d03a89,#2c2f6a);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px #667eea66;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:visible;font-family:Cairo,sans-serif}.floating-main-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #667eea99}.floating-main-button-content{display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .3s ease}.floating-main-icon{font-size:1.6em;transition:all .3s ease}.floating-main-text{font-size:.7em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1;transition:all .3s ease}.floating-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid rgba(102,126,234,.3);border-radius:50%;animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite}.floating-pulse-ring--delayed{animation-delay:1s}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.floating-contact-options{position:absolute;bottom:90px;right:0;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.floating-contact-widget.open .floating-contact-options{opacity:1;transform:translateY(0);pointer-events:all}.floating-option-button{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.4em;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #0003;position:relative;overflow:hidden;transform:scale(0)}.floating-contact-widget.open .floating-option-button{transform:scale(1)}.floating-contact-widget.open .floating-option-button:nth-child(1){transition-delay:.1s;animation:slide-up .5s cubic-bezier(.68,-.55,.265,1.55) .1s both}.floating-contact-widget.open .floating-option-button:nth-child(2){transition-delay:.2s;animation:slide-up .5s cubic-bezier(.68,-.55,.265,1.55) .2s both}.floating-option-button:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 20px #0000004d;animation:option-button-bounce .6s ease}.floating-option-button--whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.floating-option-button--whatsapp:hover{background:linear-gradient(135deg,#22c55e,#16a085)}.floating-option-button--telegram{background:linear-gradient(135deg,#08c,#06a)}.floating-option-button--telegram:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.floating-option-label{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:20px;font-size:.8em;font-weight:600;white-space:nowrap;opacity:0;transform:translateY(-50%) translate(10px);transition:all .3s ease;pointer-events:none;font-family:Cairo,sans-serif}.floating-option-label:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#000c}.floating-option-button:hover .floating-option-label{opacity:1;transform:translateY(-50%) translate(0)}.floating-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:-1;opacity:0;transition:opacity .3s ease}.floating-contact-widget.open .floating-overlay{opacity:1}.floating-contact-widget.open .floating-main-icon{transform:rotate(180deg)}.floating-contact-widget.open .floating-main-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef444466}.floating-contact-widget.open .floating-main-button:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 8px 30px #ef444499}.floating-contact-widget.open .floating-main-text{color:#ffffffe6}@keyframes whatsapp-pulse{0%,to{box-shadow:0 4px 15px #25d3664d}50%{box-shadow:0 4px 20px #25d36680,0 0 0 8px #25d3661a}}@keyframes telegram-pulse{0%,to{box-shadow:0 4px 15px #0088cc4d}50%{box-shadow:0 4px 20px #0088cc80,0 0 0 8px #0088cc1a}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px) scale(.3)}50%{transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes option-button-bounce{0%,20%,50%,80%,to{transform:scale(1.1) translateY(-2px)}40%{transform:scale(1.15) translateY(-5px)}60%{transform:scale(1.12) translateY(-3px)}}.floating-contact-widget.open .floating-main-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);animation:wave-expand .6s ease-out}@keyframes wave-expand{0%{width:0;height:0;opacity:.8}to{width:200px;height:200px;opacity:0}}.floating-main-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.floating-main-button:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-option-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:all .3s ease}.floating-option-button:hover:before{width:100%;height:100%}.social-connect__button:hover{animation:button-bounce .6s ease}@keyframes button-bounce{0%,20%,50%,80%,to{transform:translateY(-2px)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.social-connect__button:active,.floating-main-button:active{transform:scale(.95)}.floating-option-button:active{transform:scale(.9)}.social-connect__button{position:relative;overflow:hidden}.social-connect__button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.social-connect__button:active:after{width:200px;height:200px}@media (max-width: 768px){.social-connect{max-width:280px;padding:20px 15px;bottom:15px;right:15px}.social-connect__title{font-size:1.2em}.social-connect__buttons{flex-direction:column;gap:10px}.social-connect__button{min-width:auto;width:100%}.floating-contact-widget{bottom:15px;right:15px}.floating-main-button{width:70px;height:70px}.floating-main-icon{font-size:1.4em}.floating-main-text{font-size:.65em}.floating-option-button{width:55px;height:55px;font-size:1.2em}.floating-option-label{right:65px;font-size:.75em;padding:6px 10px}.floating-contact-options{bottom:80px}.floating-pulse-ring{width:70px;height:70px}}@media (max-width: 480px){.social-connect{max-width:250px;padding:18px 12px}.social-connect__phone-number{font-size:1em}.floating-main-button{width:65px;height:65px}.floating-main-icon{font-size:1.3em}.floating-main-text{font-size:.6em}.floating-option-button{width:50px;height:50px;font-size:1.1em}.floating-option-label{right:60px;font-size:.7em;padding:5px 8px}.floating-contact-options{bottom:75px;gap:10px}.floating-pulse-ring{width:65px;height:65px}}.floating-main-button:focus,.floating-option-button:focus,.social-connect__button:focus{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}.floating-main-button:focus:not(:focus-visible),.floating-option-button:focus:not(:focus-visible),.social-connect__button:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){.floating-main-button,.floating-option-button,.floating-main-icon,.floating-option-label,.floating-contact-options,.social-connect__button,.social-connect__icon,.social-connect__tooltip{transition:none}.floating-pulse-ring{animation:none}.floating-contact-widget.open .floating-option-button{transition-delay:0s;animation:none}.floating-main-button:hover:before{animation:none}}.social-connect,.floating-main-button,.floating-option-label{font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility}.floating-contact-widget *,.social-connect *{box-sizing:border-box}.floating-main-button,.floating-option-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.floating-contact-widget{will-change:transform}.floating-main-button,.floating-option-button{will-change:transform,opacity}.floating-tech-support{position:fixed;bottom:25px;left:25px;z-index:9999;opacity:0;transform:translateY(100px) scale(.5);transition:all .8s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.floating-tech-support.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.tech-support-button{position:relative;width:70px;height:70px;border:none;border-radius:50%;background:var(--success);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.8em;transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 12px 35px #ff6b6b66,0 6px 20px #ff8e534d,inset 0 1px #ffffff4d;overflow:hidden;font-family:Cairo,Segoe UI,sans-serif;will-change:transform;border:3px solid rgba(255,255,255,.2)}.tech-support-button:hover{transform:translateY(-5px) scale(1.15);box-shadow:0 20px 50px #ff6b6b99,0 10px 30px #ff8e5366,0 5px 15px #c445694d,inset 0 1px #fff6;background:linear-gradient(135deg,#ff5252,#ff7043 25%,#e91e63 75%,#ad1457);border:3px solid rgba(255,255,255,.4)}.tech-support-button:active{transform:translateY(-2px) scale(1.08)}.tech-support-icon{position:relative;z-index:2;transition:all .4s ease;animation:techSupportPulse 2.5s ease-in-out infinite;text-shadow:0 2px 8px rgba(0,0,0,.3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tech-support-button:hover .tech-support-icon{transform:rotate(-8deg) scale(1.2);animation:techSupportBounce .8s ease-out;text-shadow:0 4px 12px rgba(0,0,0,.4)}.tech-support-wave{position:absolute;top:50%;left:50%;width:100%;height:100%;border:3px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:techWaveExpand 2.5s ease-out infinite}.wave-1{animation-delay:0s;border-color:#ff6b6b99}.wave-2{animation-delay:.7s;border-color:#ff8e5380}.wave-3{animation-delay:1.4s;border-color:#ff6b9d66}.tech-support-button:hover .tech-support-wave{animation-duration:1.2s}.tech-support-text{position:absolute;right:90px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ff6b6b,#ff8e53,#c44569);color:#fff;padding:14px 24px;border-radius:30px;font-size:1em;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-50%) translate(-15px) scale(.8);transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 12px 35px #ff6b6b66,0 6px 20px #ff8e534d;z-index:1;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);text-shadow:0 1px 3px rgba(0,0,0,.3)}.tech-support-text:before{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid #ff6b6b;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.tech-support-button:hover .tech-support-text{opacity:1;visibility:visible;transform:translateY(-50%) translate(0) scale(1)}.tech-support-notification{position:absolute;top:6px;right:6px;width:24px;height:24px;background:linear-gradient(135deg,#00e676,#00c853);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:notificationPulse 2s ease-in-out infinite;box-shadow:0 4px 15px #00e67680,inset 0 1px #ffffff4d;border:2px solid rgba(255,255,255,.6)}.notification-dot{width:10px;height:10px;background:#fff;border-radius:50%;animation:notificationDot 2s ease-in-out infinite;box-shadow:0 1px 3px #0000004d}.tech-support-tooltip{position:absolute;bottom:95px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000000e6,#323232e6);color:#fff;padding:12px 20px;border-radius:25px;font-size:.9em;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%) translateY(15px) scale(.8);transition:all .5s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2);animation:tooltipBounce 4s ease-in-out infinite 3s;box-shadow:0 8px 25px #0000004d}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,.9)}.tech-support-button:hover+.tech-support-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1);animation:none}@keyframes techSupportPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes techSupportBounce{0%,to{transform:rotate(-8deg) scale(1.2)}25%{transform:rotate(-12deg) scale(1.25)}50%{transform:rotate(-4deg) scale(1.15)}75%{transform:rotate(-10deg) scale(1.22)}}@keyframes techWaveExpand{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes notificationPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #00e67680}50%{transform:scale(1.3);box-shadow:0 6px 25px #00e676cc}}@keyframes notificationDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes tooltipBounce{0%,90%,to{opacity:0;visibility:hidden;transform:translate(-50%) translateY(15px) scale(.8)}5%,85%{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}}.tech-support-button:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:var(--success);border-radius:50%;z-index:-1;filter:blur(15px);opacity:.6;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.tech-support-button:hover:after{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.3) 45deg,transparent 90deg,rgba(255,255,255,.3) 135deg,transparent 180deg,rgba(255,255,255,.3) 225deg,transparent 270deg,rgba(255,255,255,.3) 315deg,transparent 360deg);border-radius:50%;transform:translate(-50%,-50%) rotate(0);animation:rotateBeam 2s linear infinite;z-index:1}@keyframes rotateBeam{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.floating-tech-support{bottom:20px;left:20px}.tech-support-button{width:65px;height:65px;font-size:1.7em}.tech-support-text{right:85px;font-size:.9em;padding:12px 20px}.tech-support-tooltip{bottom:90px;font-size:.85em;padding:10px 16px}.tech-support-notification{width:22px;height:22px}.notification-dot{width:9px;height:9px}}@media (max-width: 480px){.floating-tech-support{bottom:15px;left:15px}.tech-support-button{width:68px;height:68px;font-size:1.6em}.tech-support-text{right:80px;font-size:.85em;padding:10px 18px}.tech-support-tooltip{bottom:85px;font-size:.8em;padding:8px 14px}.tech-support-notification{width:20px;height:20px}.notification-dot{width:8px;height:8px}}@media (max-width: 320px){.floating-tech-support{bottom:10px;left:10px}.tech-support-button{width:65px;height:65px;font-size:1.5em}.tech-support-text{right:75px;font-size:.8em;padding:8px 16px}}@media (prefers-reduced-motion: reduce){.floating-tech-support,.tech-support-button,.tech-support-icon,.tech-support-text,.tech-support-tooltip{transition:opacity .3s ease;animation:none}.tech-support-wave,.tech-support-notification,.notification-dot,.tech-support-button:before,.tech-support-button:hover:after{animation:none}}.tech-support-button:focus{outline:4px solid rgba(255,255,255,.8);outline-offset:4px}.tech-support-button:focus:not(:focus-visible){outline:none}.floating-tech-support{will-change:transform,opacity}.tech-support-button{will-change:transform}.floating-tech-support *{box-sizing:border-box}.floating-tech-support{margin-bottom:0}.tech-support-button:hover{position:relative;overflow:visible}.tech-support-button:hover:before{animation:glowPulse 1.5s ease-in-out infinite}