@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@300;400;500;600;700&display=swap";.image-carousel{width:100%;position:relative;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #e0e6ed;overflow:hidden;box-shadow:0 4px 20px #0000001a}.carousel-container{position:relative;width:100%;height:clamp(300px,40vh,500px);overflow:hidden}.carousel-track{display:flex;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.1,.25,1)}.carousel-slide{flex:0 0 100%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden}.carousel-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;box-shadow:0 2px 15px #0000001a;transition:transform .3s ease}.carousel-image:hover{transform:scale(1.02)}.carousel-image.clickable{cursor:pointer;transition:transform .3s ease,filter .3s ease}.carousel-image.clickable:hover{transform:scale(1.05);filter:brightness(1.1)}.carousel-image.clickable:active{transform:scale(1.02)}.carousel-image.clickable:focus{outline:3px solid #3AB5F0;outline-offset:4px}.carousel-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:var(--space-lg) var(--space-md) var(--space-md);text-align:center;transform:translateY(100%);transition:transform .3s ease}.carousel-slide:hover .carousel-caption{transform:translateY(0)}.carousel-caption h3{font-size:var(--font-lg);font-weight:600;margin:0 0 var(--space-xs) 0;color:#fff!important}.carousel-caption p{font-size:var(--font-sm);margin:0;opacity:.9;color:#fff!important;line-height:1.4}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:clamp(40px,5vw,50px);height:clamp(40px,5vw,50px);display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2.5vw,20px);font-weight:700;color:#333;cursor:pointer;z-index:10;transition:all .3s ease;opacity:0;box-shadow:0 2px 10px #0003}.image-carousel:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px #0000004d}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow-left{left:var(--space-md)}.carousel-arrow-right{right:var(--space-md)}.carousel-dots{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);display:flex;gap:var(--space-xs);z-index:10}.carousel-dot{width:clamp(8px,1.5vw,12px);height:clamp(8px,1.5vw,12px);border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease}.carousel-dot:hover{background:#fffc;transform:scale(1.2)}.carousel-dot.active{background:#fff;transform:scale(1.3);box-shadow:0 2px 8px #0000004d}.carousel-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0003;z-index:10}.carousel-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#3ab5f0,#71cf77);animation:progress-fill linear}@keyframes progress-fill{0%{width:0}to{width:100%}}.carousel-play-pause{position:absolute;top:var(--space-md);right:var(--space-md);background:#000000b3;border:none;border-radius:50%;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);display:flex;align-items:center;justify-content:center;font-size:clamp(12px,2vw,16px);color:#fff;cursor:pointer;z-index:10;transition:all .3s ease;opacity:0}.image-carousel:hover .carousel-play-pause{opacity:1}.carousel-play-pause:hover{background:#000000e6;transform:scale(1.1)}@media (max-width: 768px){.carousel-container{height:clamp(220px,35vh,350px)}.carousel-arrow{width:36px;height:36px;font-size:14px}.carousel-arrow-left{left:var(--space-sm)}.carousel-arrow-right{right:var(--space-sm)}.carousel-dots{bottom:var(--space-sm)}.carousel-dot{width:8px;height:8px}.carousel-play-pause{top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;font-size:12px}.carousel-caption{padding:var(--space-md) var(--space-sm) var(--space-sm)}.carousel-caption h3{font-size:var(--font-base)}.carousel-caption p{font-size:var(--font-xs)}}@media (max-width: 480px){.carousel-container{height:clamp(180px,30vh,250px)}.carousel-arrow{width:32px;height:32px;font-size:12px}.carousel-dot{width:6px;height:6px}.carousel-play-pause{width:28px;height:28px;font-size:10px}}.carousel-loading{width:100%;height:clamp(150px,20vw,250px);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@media (prefers-reduced-motion: reduce){.carousel-track{transition:none}.carousel-progress-bar{animation:none}.carousel-arrow:hover{transform:translateY(-50%)}.carousel-dot:hover,.carousel-dot.active{transform:none}}.carousel-arrow:focus,.carousel-dot:focus,.carousel-play-pause:focus{outline:2px solid #3AB5F0;outline-offset:2px}.image-carousel:focus{outline:2px solid #3AB5F0;outline-offset:2px}.header{background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000026;position:sticky;top:0;z-index:1000;width:100%;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.2)}.header .container{max-width:1400px;margin:0 auto;padding:0;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;min-height:80px;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;position:relative}.logo{text-decoration:none;color:#000;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;flex-shrink:0;height:100%;min-width:fit-content}.logo:hover{transform:translateY(-2px)}.logo-image{width:50px;height:50px;object-fit:contain;border-radius:8px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:transform .3s ease}.logo:hover .logo-image{transform:scale(1.05)}@media (min-width: 1200px){.logo-image{width:70px;height:70px}}.logo-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.logo-text h1{margin:0;font-size:1.5rem;font-weight:900;color:#fff!important;position:relative;-webkit-text-fill-color:initial!important;line-height:1.1;white-space:nowrap;display:flex;align-items:center;gap:clamp(.1rem,.5vw,.2rem);text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}.logo-text h1.academy-text,.logo h1.academy-text{color:gold!important;visibility:visible!important;display:inline-block;margin-left:.2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}@media (max-width: 768px){.logo-image{width:45px;height:45px}.logo-text{min-height:45px}.logo-text h1{font-size:1.2rem;gap:.1rem}.logo-text h1.academy-text,.logo h1.academy-text{letter-spacing:-1px;color:#71cf77!important}.tagline{font-size:.75rem;max-width:250px}.logo{max-width:70%}}@media (max-width: 1024px) and (min-width: 769px){.logo-image{width:70px;height:70px}.logo-text{min-height:70px}.logo-text h1{font-size:1.6rem;gap:.15rem}.logo-text h1.academy-text,.logo h1.academy-text{letter-spacing:-.75px;color:#71cf77!important}.tagline{font-size:.85rem;max-width:280px}}.tagline{font-size:clamp(.75rem,2vw,.95rem);color:#ffffffe6;font-style:italic;font-weight:500;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:.3px}.domain-placeholder{font-size:.8rem;color:#000;font-style:italic;margin-top:2px}.nav{display:flex;gap:1.2rem;align-items:center;height:100%;flex-wrap:nowrap;position:relative;z-index:15;margin:0 auto;flex:0 1 auto;justify-content:center}.nav-link{text-decoration:none;color:#fffffff2;font-weight:600;font-size:.9rem;transition:all .3s ease;padding:.5rem .75rem;border-radius:6px;position:relative;z-index:16;text-shadow:1px 1px 2px rgba(0,0,0,.3);white-space:nowrap;display:flex;align-items:center;justify-content:center}.nav-link:hover{color:gold;background:#fff3;transform:translateY(-2px)}.nav-link:first-child{margin-left:0;position:relative;z-index:20}.auth-buttons{display:flex;align-items:center;height:100%;flex-shrink:0;gap:.75rem;margin-left:auto;min-width:fit-content}.auth-buttons-group{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.user-menu{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.welcome-text{color:#333;font-weight:500}.nav-dropdown{position:relative!important;display:inline-block!important}.dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.dropdown-trigger:hover{color:#007bff}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:.5rem 0;min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.dropdown-item{display:block;padding:.75rem 1.5rem;color:#333;text-decoration:none;transition:all .3s ease;border-bottom:1px solid #f8f9fa}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f8f9fa;color:#007bff;text-decoration:none}.mega-menu{all:unset;position:absolute!important;top:100%!important;left:-200px!important;width:800px!important;max-height:80vh!important;background:#fff!important;border:1px solid #e9ecef!important;border-radius:12px!important;box-shadow:0 8px 32px #0000001a!important;padding:2rem!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2rem!important;z-index:9999!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;contain:layout style paint;opacity:1!important;visibility:visible!important;transform:translateY(0)!important;transition:none!important}.mega-menu::-webkit-scrollbar{width:6px}.mega-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.mega-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.mega-menu::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.mega-menu-column{display:flex!important;flex-direction:column!important;gap:.5rem!important}.mega-menu-header{margin-bottom:1rem!important;padding-bottom:.5rem!important;border-bottom:2px solid #007bff!important}.mega-menu-title{font-size:1.1rem!important;font-weight:600!important;color:#007bff!important;text-decoration:none!important;display:block!important;transition:color .3s ease!important}.mega-menu-title:hover{color:#0056b3!important;text-decoration:none!important}.mega-menu-items{display:flex!important;flex-direction:column!important;gap:.5rem!important}.mega-menu-item{color:#666!important;text-decoration:none!important;font-size:.9rem!important;line-height:1.4!important;transition:all .3s ease!important;border-left:3px solid transparent!important;padding:.5rem 0 .5rem .75rem!important;display:block!important}.mega-menu-item:hover{color:#007bff!important;text-decoration:none!important;border-left-color:#007bff!important;background-color:#007bff0d!important;transform:translate(5px)!important}.contact-info-bar{background:linear-gradient(90deg,#3ab5f01a,#71cf771a);color:#333;padding:12px 0;font-size:.9rem;border-bottom:2px solid rgba(58,181,240,.2);text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-info-content{display:flex;justify-content:center;align-items:center;gap:clamp(1rem,4vw,2.5rem);flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 1rem;box-sizing:border-box;width:100%}.contact-info-item{font-weight:600;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:6px 12px;border-radius:6px;background:#ffffffb3;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;white-space:nowrap;min-width:fit-content;box-sizing:border-box}.contact-info-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background:#ffffffe6}@media (max-width: 992px){.contact-info-content{gap:clamp(.75rem,3vw,2rem);padding:0 1rem}.contact-info-item{font-size:.85rem;padding:6px 10px;min-width:fit-content}}@media (max-width: 768px){.contact-info-bar{padding:10px 0;font-size:.8rem}.contact-info-content{gap:clamp(.5rem,2vw,1.2rem);padding:0 .75rem;justify-content:space-around;flex-wrap:nowrap}.contact-info-item{padding:6px 8px;font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:1;min-width:0;text-align:center}}@media (max-width: 640px){.contact-info-content{gap:.5rem;padding:0 .5rem;justify-content:space-between}.contact-info-item{font-size:.7rem;padding:5px 6px;flex:1;max-width:32%}}@media (max-width: 480px){.contact-info-bar{padding:8px 0;font-size:.7rem}.contact-info-content{flex-direction:column;gap:.4rem;padding:0 .5rem}.contact-info-item{padding:4px 8px;font-size:.65rem;max-width:100%;justify-content:center;text-align:center;flex:none}}@media (max-width: 375px){.contact-info-content{gap:.3rem}.contact-info-item{font-size:.6rem;padding:3px 6px}}@media (max-width: 1024px){.mega-menu{width:600px!important;left:-150px!important;grid-template-columns:repeat(2,1fr)!important;max-height:70vh!important}}@media (max-width: 768px){.mega-menu{width:90vw!important;left:-45vw!important;right:auto!important;grid-template-columns:1fr!important;padding:1.5rem!important;gap:1.5rem!important;max-height:60vh!important;transform:translate(50%)!important;margin-left:50%!important}.mega-menu-column{margin-bottom:1rem}.mega-menu-items{max-height:none}.mega-menu-item{padding:.75rem 0;font-size:1rem}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;min-height:auto;padding:.75rem 0}.logo-image{width:60px!important;height:60px!important}.logo-text{min-height:60px!important;align-items:center;text-align:center}.logo-text h1{font-size:1.4rem!important}.tagline{font-size:.7rem!important;max-width:200px!important;text-align:center}.logo{max-width:100%!important;justify-content:center}.nav{gap:.5rem;flex-wrap:wrap;justify-content:center;height:auto}.nav-link{font-size:.9rem;padding:.5rem}.user-menu{flex-direction:column;text-align:center;gap:.5rem;height:auto}.auth-buttons{height:auto;justify-content:center}.auth-buttons-group{gap:.5rem}.nav-dropdown,.nav{display:none}}.mobile-menu-btn{display:none;background:none;border:none;font-size:clamp(1.25rem,4vw,1.5rem);color:#000;padding:clamp(.25rem,1vw,.5rem);border-radius:4px;transition:all .3s ease;min-height:44px;min-width:44px;align-items:center;justify-content:center}.mobile-menu-btn:hover{background-color:#0000001a}@media (max-width: 768px){.mobile-menu-btn{display:flex}.nav{display:none}.nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:var(--space-md);box-shadow:0 4px 15px #0000001a;z-index:1001}.nav.mobile-open .nav-link{padding:clamp(.75rem,3vw,1rem);border-bottom:1px solid #eee;text-align:center}.nav.mobile-open .nav-link:last-child{border-bottom:none}}@media (max-width: 480px){.header-content{padding:clamp(.5rem,2vw,1rem) var(--space-sm, 15px);gap:clamp(.5rem,2vw,1rem)}.logo-text h1{font-size:clamp(1rem,5vw,1.4rem)}.auth-buttons .btn{font-size:clamp(.75rem,2.5vw,.875rem);padding:clamp(.4rem,2vw,.6rem) clamp(.8rem,3vw,1rem)}}@media (min-width: 1400px){.header-content{max-width:var(--container-xxl, 1320px)}.logo-image{width:clamp(80px,6vw,100px);height:clamp(80px,6vw,100px)}.logo-text h1{font-size:clamp(1.8rem,3vw,2.2rem)}}.header .image-carousel{margin:0;border-radius:0}.header .image-carousel .carousel-container{height:clamp(300px,40vh,500px)}.header:not(:has(.image-carousel)){transition:all .3s ease}.header:not(:has(.image-carousel)) .header-content{margin-bottom:0}@media (max-width: 480px){.header .image-carousel .carousel-container,.header .carousel-loading{height:clamp(180px,30vh,250px)}}.header{position:relative}.header .image-carousel{pointer-events:auto;z-index:1}.header-content{position:relative;z-index:10}.header .carousel-loading{width:100%;height:clamp(300px,40vh,500px);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-top:1px solid #e0e6ed}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.mobile-menu-btn{display:block}}.auth-buttons .btn{padding:.65rem 1.5rem;border-radius:25px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;position:relative;overflow:hidden;text-shadow:none;min-width:100px;flex-shrink:0}.auth-buttons .btn-primary{background:linear-gradient(135deg,#3ab5f0,#71cf77);color:#fff;box-shadow:0 4px 15px #3ab5f04d;font-weight:700}.auth-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3ab5f066;background:linear-gradient(135deg,#2e9dd6,#5ab860)}.auth-buttons .btn-secondary{background:#fffffff2;color:#3ab5f0;border:2px solid #3AB5F0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700}.auth-buttons .btn-secondary:hover{background:#fff;border-color:#71cf77;color:#71cf77;transform:translateY(-2px);box-shadow:0 4px 15px #71cf774d}.auth-buttons .btn:active{transform:translateY(0)}@media (max-width: 1200px){.header-content{padding:1rem 1.5rem;gap:1rem}.auth-buttons .btn{padding:.6rem 1.2rem;font-size:.9rem;min-width:90px}}@media (max-width: 1024px){.header-content{padding:1rem 1.5rem;gap:1rem}.nav{gap:1rem}.auth-buttons .btn{padding:.55rem 1.1rem;font-size:.875rem;min-width:85px}}@media (max-width: 768px){.header-content{padding:1rem;gap:.75rem}.nav{gap:.75rem}.auth-buttons,.auth-buttons-group{gap:.5rem}.auth-buttons .btn{padding:.5rem 1rem;font-size:.85rem;min-width:80px}}@media (max-width: 640px){.nav{display:none}.header-content{padding:.75rem}.auth-buttons{margin-left:auto}.auth-buttons .btn{padding:.45rem .9rem;font-size:.8rem;min-width:75px}}.footer{background:#f8f9fa;border-top:2px solid #e9ecef;padding:1.5rem 0 1rem;margin-top:auto;color:#495057;position:relative}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.footer-section h3{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.footer-section h4{font-size:1.1rem;margin-bottom:1rem;font-weight:600}.footer-section p{color:#fffc!important;font-style:italic;margin-bottom:1rem;line-height:1.6}.contact-info{display:flex;flex-direction:column;align-items:left}.contact-item{color:#000!important;display:block!important}.contact-icon{font-size:1.2rem;width:24px;text-align:center}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#000!important;text-decoration:none;transition:color .3s ease;padding:.2rem 0}.footer-links a:hover{color:#6c757d!important}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:1rem}.copyright p{color:#000!important;margin:0;font-size:.9rem}.footer-bottom-links{display:flex;gap:1rem}.footer-bottom-links a{color:#000!important;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#6c757d!important}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;text-align:center}.contact-item{justify-content:center}}@media (max-width: 480px){.footer{padding:1.5rem 0 1rem}.footer-bottom-links{flex-direction:column;gap:.5rem}}.banners-section{padding:1rem 0;overflow:hidden}.banners-scroll{display:flex;animation:scroll 30s linear infinite;white-space:nowrap}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.banner-item{flex-shrink:0;min-width:500px;margin-right:3rem;padding:1rem 2rem}.banner-item .banner-content h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.banner-item .batch-info{color:gold;font-size:1.1rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.tnpsc-banner .banner-content h3,.ssc-banner .banner-content h3,.rrb-banner .banner-content h3{color:gold}@media (max-width: 480px){.banners-scroll{animation-duration:15s}.banner-item{min-width:280px;margin-right:var(--space-md);padding:var(--space-sm) var(--space-md)}.banner-item .banner-content h3{font-size:var(--font-lg)}.banner-item .batch-info{font-size:var(--font-sm)}.features-grid{grid-template-columns:1fr;gap:var(--space-md)}}@media (max-width: 768px){.banners-scroll{animation-duration:20s}.banner-item{min-width:320px;margin-right:var(--space-lg);padding:var(--space-sm) var(--space-lg)}.banner-item .banner-content h3{font-size:var(--font-xl)}.banner-item .batch-info{font-size:var(--font-base)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}}.features{padding:var(--space-xxl) var(--space-md);background:#fff}.section-title{text-align:center;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--space-xl);background:linear-gradient(135deg,#2c3e50,#3ab5f0,#71cf77);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;position:relative;z-index:2}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-lg);margin-top:var(--space-xl);max-width:var(--container-xl);margin-left:auto;margin-right:auto}.feature-card{text-align:center;padding:2rem;border-radius:10px;background:#f8f9fa;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-logo{width:48px;height:48px;object-fit:contain;border-radius:8px}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#000}.feature-card p{color:#000;line-height:1.6}.courses-preview{padding:6rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#f8f9fa);position:relative;overflow:hidden}.courses-preview:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(58,181,240,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(113,207,119,.1) 0%,transparent 50%);pointer-events:none}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.course-preview-card{background:linear-gradient(135deg,#fff,#f8f9ff);padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.course-preview-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3ab5f0,#71cf77,gold)}.course-preview-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026;border-color:#3ab5f04d}.course-preview-card h3{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#3ab5f0,#71cf77);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.course-preview-card p{color:#5a6c7d;margin-bottom:2rem;line-height:1.7;font-size:1rem;font-weight:400}.course-card-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.course-card-actions .btn{flex:1;min-width:120px}.btn-outline{background:transparent;color:#007bff;border:2px solid #007bff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-block;text-align:center}.btn-outline:hover{background:#007bff;color:#fff;text-decoration:none}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.section-title{font-size:2rem}.features-grid,.courses-grid,.student-sections-grid,.admin-sections-grid{grid-template-columns:1fr}.quick-navigation .nav-links{flex-direction:column;gap:1rem}}.student-dashboard{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:3rem 0;min-height:70vh}.dashboard-layout{display:flex;gap:2rem;margin-top:2rem}.sidebar-menu{width:300px;background:#fff;border-radius:15px;padding:2rem;box-shadow:0 8px 25px #0000001a;height:fit-content;position:sticky;top:2rem}.sidebar-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center;border-bottom:2px solid #f8f9fa;padding-bottom:1rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:10px;text-decoration:none;color:#495057;transition:all .3s ease;border:2px solid transparent}.sidebar-nav-item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#007bff;text-decoration:none;transform:translate(5px);border-color:#007bff}.sidebar-nav-item:nth-child(1):hover{border-color:#dc3545;color:#dc3545}.sidebar-nav-item:nth-child(2):hover{border-color:#6f42c1;color:#6f42c1}.sidebar-nav-item:nth-child(3):hover{border-color:#28a745;color:#28a745}.sidebar-nav-item:nth-child(4):hover{border-color:#007bff;color:#007bff}.nav-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;flex-shrink:0}.nav-content{display:flex;flex-direction:column;gap:.25rem}.nav-title{font-weight:600;font-size:1rem}.nav-description{font-size:.875rem;color:#6c757d}.main-content{flex:1;background:#fff;border-radius:15px;padding:2rem;box-shadow:0 8px 25px #0000001a}.welcome-section h2{color:#2c3e50;font-size:2rem;margin-bottom:1rem;font-weight:600}.welcome-section p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #007bff}.stat-item:nth-child(1){border-left-color:#dc3545}.stat-item:nth-child(2){border-left-color:#6f42c1}.stat-item:nth-child(3){border-left-color:#28a745}.stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:1.75rem;font-weight:700;color:#2c3e50}.stat-label{font-size:.875rem;color:#6c757d;font-weight:500}.admin-sections{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:3rem 0}.admin-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.admin-section-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 8px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center;position:relative;overflow:hidden}.admin-section-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.admin-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007bff,#0056b3)}.admin-section-card:nth-child(1):before{background:linear-gradient(90deg,#dc3545,#fd7e14)}.admin-section-card:nth-child(2):before{background:linear-gradient(90deg,#6f42c1,#e83e8c)}.admin-section-card:nth-child(3):before{background:linear-gradient(90deg,#28a745,#20c997)}.admin-section-card:nth-child(4):before{background:linear-gradient(90deg,#ffc107,#fd7e14)}.section-icon{font-size:3rem;margin-bottom:1rem;display:block}.student-section-card h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.student-section-card p{color:#6c757d;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.section-actions{display:flex;justify-content:center}.section-actions .btn{padding:12px 24px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease}.section-actions .btn-primary{background:#4bb9ec;color:#fff;border:none}.section-actions .btn-primary:hover{background:#4bb9ec;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.quick-navigation{margin-top:3rem;padding-top:2rem;border-top:1px solid #dee2e6}.quick-navigation h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;text-align:center;font-weight:600}.nav-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.nav-link-btn{display:flex;align-items:center;gap:.5rem;padding:12px 24px;background:#fff;color:#495057;text-decoration:none;border-radius:10px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;font-weight:500}.nav-link-btn:hover{color:#007bff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.nav-icon{font-size:1.2rem}.course-sections{margin-top:2rem;text-align:left;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:1.5rem;border:1px solid rgba(58,181,240,.1)}.course-sections h4{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#3ab5f0,#71cf77);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;padding:.5rem;border-bottom:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#3ab5f0,#71cf77);background-origin:border-box;background-clip:padding-box,border-box}.section-links{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.section-links li{margin-bottom:0}.section-link{color:#2c3e50;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;padding:.5rem .75rem;border-radius:8px;background:#ffffffb3;border:1px solid rgba(58,181,240,.2)}.section-link:hover{background:linear-gradient(135deg,#3ab5f0,#71cf77);color:#fff;text-decoration:none;transform:translate(5px) translateY(-2px);font-weight:600;border-color:transparent;box-shadow:0 4px 15px #3ab5f04d}.section-link:before{content:"→";opacity:0;margin-right:5px;transition:opacity .3s ease}.section-link:hover:before{opacity:1}@media (max-width: 768px){.courses-grid{grid-template-columns:1fr;gap:1.5rem}.course-preview-card{padding:1.5rem}.course-sections h4{font-size:1rem}.section-link{font-size:.9rem}}.about-page{min-height:100vh;padding-top:80px}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center;margin-bottom:60px}.hero-content .page-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.3rem;max-width:600px;margin:0 auto;opacity:.95;line-height:1.6}.about-section{margin-bottom:80px}.section-container{max-width:1000px;margin:0 auto}.section-title{font-size:2.5rem;color:#2c3e50;text-align:center;margin-bottom:40px;font-weight:600;position:relative}.section-content{line-height:1.8;color:#555}.overview-features{list-style:none;padding:0;margin:0}.overview-features li{font-size:1.1rem;margin-bottom:15px;padding:15px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border-left:4px solid #667eea;transition:all .3s ease;position:relative;box-shadow:0 2px 5px #0000001a}.overview-features li:hover{transform:translate(10px);box-shadow:0 4px 15px #00000026;background:linear-gradient(135deg,#fff,#f8f9fa)}.overview-features li:before{content:"✓";position:absolute;left:-12px;top:50%;transform:translateY(-50%);background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.overview-section .section-content p{font-size:1.1rem;margin-bottom:25px;text-align:justify}.vision-section{background:#f8f9fa;padding:60px 20px;border-radius:10px}.vision-card{display:flex;align-items:flex-start;gap:30px;max-width:800px;margin:0 auto}.vision-icon{font-size:4rem;flex-shrink:0}.vision-text p{font-size:1.1rem;margin-bottom:20px;text-align:justify}.mission-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:60px 20px;border-radius:10px;margin-bottom:40px}.mission-card{display:flex;align-items:flex-start;gap:30px;max-width:800px;margin:0 auto}.mission-icon{font-size:4rem;flex-shrink:0;color:#667eea}.mission-text p{font-size:1.1rem;margin-bottom:20px;text-align:justify;color:#495057;line-height:1.6}.why-choose-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 20px;border-radius:15px;margin-bottom:40px}.why-choose-section .section-title{color:#fff;text-align:center;margin-bottom:50px}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.why-choose-card{background:#fffffff2;padding:30px;border-radius:10px;box-shadow:0 10px 30px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #667eea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.why-choose-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d;background:#fff}.why-choose-icon{font-size:3rem;margin-bottom:20px}.why-choose-card h3{color:#2c3e50;margin-bottom:15px;font-size:1.3rem;font-weight:600}.why-choose-card p{color:#666;line-height:1.6}.faculty-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:60px 20px;border-radius:15px}.faculty-intro{text-align:center;margin-bottom:50px}.faculty-intro p{font-size:1.1rem;max-width:800px;margin:0 auto;color:#555}.faculty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.faculty-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease}.faculty-card:hover{transform:translateY(-5px)}.faculty-avatar{text-align:center;margin-bottom:20px}.avatar-placeholder{width:80px;height:80px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto}.faculty-info h3{color:#2c3e50;text-align:center;margin-bottom:5px;font-size:1.3rem}.faculty-designation{color:#667eea;text-align:center;font-weight:600;margin-bottom:5px}.faculty-experience{color:#888;text-align:center;font-size:.9rem;margin-bottom:15px}.faculty-description{color:#666;line-height:1.6;font-size:.95rem;text-align:justify}.faculty-highlights{background:#fff;padding:40px;border-radius:10px;box-shadow:0 5px 20px #0000001a}.faculty-highlights h3{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:1.5rem}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.highlight-item{text-align:center}.highlight-number{display:block;font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:10px}.highlight-text{color:#555;font-weight:500}.about-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center;border-radius:15px;margin-top:60px}.cta-content h2{font-size:2.5rem;margin-bottom:15px;font-weight:600}.cta-content p{font-size:1.2rem;margin-bottom:30px;opacity:.95}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{background:#f8f9fa;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#fff;border-color:#fff}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}@media (max-width: 768px){.about-page{padding-top:60px}.hero-content .page-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.vision-card,.mission-card{flex-direction:column;text-align:center;gap:20px}.why-choose-grid,.faculty-grid{grid-template-columns:1fr}.highlights-grid{grid-template-columns:repeat(2,1fr)}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:200px}}@media (max-width: 480px){.container{padding:0 15px}.about-hero{padding:60px 0}.hero-content .page-title{font-size:2rem}.section-title{font-size:1.8rem}.highlights-grid{grid-template-columns:1fr}}.contact-page{min-height:100vh;padding-top:80px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.contact-header{text-align:center;padding:60px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:60px;border-radius:15px}.page-title{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.page-subtitle{font-size:1.2rem;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6}.contact-info-section{margin-bottom:80px}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}.contact-card{background:#fff;border-radius:15px;padding:40px 30px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #667eea}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.contact-card .contact-icon{font-size:3rem;text-align:center;margin-bottom:20px;display:block;width:100%}.contact-card h3{color:#2c3e50;text-align:center;margin-bottom:25px;font-size:1.4rem;font-weight:600}.contact-item{display:flex;flex-direction:column;margin-bottom:15px;padding:10px 0;border-bottom:1px solid #f1f1f1}.contact-item:last-child{border-bottom:none}.contact-item .label{font-size:.9rem;color:#666;margin-bottom:5px;font-weight:500}.contact-item .value{font-size:1.1rem;color:#333;font-weight:600}.address p{margin-bottom:5px;color:#555;line-height:1.5}.office-hours{margin-top:20px;padding-top:20px;border-top:1px solid #f1f1f1}.office-hours h4{color:#667eea;margin-bottom:10px;font-size:1rem}.office-hours p{margin-bottom:5px;color:#666;font-size:.95rem}.map-section{margin-bottom:80px}.map-section h2{text-align:center;color:#2c3e50;margin-bottom:40px;font-size:2.5rem;font-weight:600}.map-container{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0000001a}.map-info{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.map-info h4{color:#2c3e50;margin-bottom:15px;font-size:1.2rem}.map-info p{margin-bottom:8px;color:#555;font-size:.95rem}.query-form-section{margin-bottom:60px}.form-container{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 30px #0000001a;max-width:800px;margin:0 auto}.form-container h2{text-align:center;color:#2c3e50;margin-bottom:15px;font-size:2.2rem;font-weight:600}.form-description{text-align:center;color:#666;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.message{padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.query-form{margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1rem}.form-control{width:100%;padding:12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:#fff}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-control.textarea{resize:vertical;min-height:120px;line-height:1.5}.form-text{font-size:.85rem;color:#666;margin-top:5px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-note{background:#e8f4fd;border:1px solid #b3d9ff;border-radius:10px;padding:25px;margin-top:30px}.contact-note h4{color:#06c;margin-bottom:15px;font-size:1.1rem}.contact-note ul{margin:0;padding-left:20px}.contact-note li{margin-bottom:8px;color:#333;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.contact-page{padding-top:60px}.page-title{font-size:2.2rem}.page-subtitle{font-size:1rem}.contact-cards{grid-template-columns:1fr;gap:20px}.contact-card{padding:30px 20px}.form-row{grid-template-columns:1fr;gap:15px}.form-container{padding:30px 20px}}@media (max-width: 480px){.container{padding:0 15px}.contact-header{padding:40px 20px}.page-title{font-size:1.8rem}.contact-card,.form-container{padding:25px 15px}.map-container{padding:20px 15px}}.privacy-page{min-height:100vh;padding-top:80px;background:#f8f9fa}.terms-page{min-height:100vh;padding-top:80px;background:#f8f9fa}.cancellation-refund-page{min-height:100vh;padding-top:80px;background:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.loading-content{text-align:center;padding:4rem 2rem;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:600px}.loading-content h1{color:#2c3e50;font-size:2.5rem;margin-bottom:1.5rem;font-weight:600}.loading-content p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.loading-content a{color:#007bff;text-decoration:none;font-weight:500}.loading-content a:hover{color:#0056b3;text-decoration:underline}@media (max-width: 768px){.loading-content{margin:1rem;padding:2rem 1rem}.loading-content h1{font-size:2rem}.loading-content p{font-size:1rem}}@media (max-width: 480px){.cancellation-refund-page{padding-top:60px}.loading-content h1{font-size:1.8rem}}.gallery-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:100px 20px 40px}.gallery-header{text-align:center;margin-bottom:40px}.gallery-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px;font-weight:700}.gallery-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;padding:0 20px;max-width:1400px;margin:0 auto}.gallery-item{position:relative;background:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:all .3s ease;aspect-ratio:16/10;min-height:200px;display:flex;align-items:center;justify-content:center}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.gallery-item img{width:100%;height:100%;object-fit:contain;display:block;transition:all .3s ease;background:#f8f9fa}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px 15px 15px;transform:translateY(100%);transition:all .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 5px}.gallery-overlay p{color:#ffffffe6;font-size:.9rem;margin:0;line-height:1.3}.loading-container{text-align:center;padding:60px 20px;color:#666}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.loading-container h3{font-size:1.5rem;margin-bottom:10px;color:#333}.loading-container p{font-size:1rem;opacity:.8}.no-images-message{text-align:center;padding:60px 20px;color:#666;background:#fff;border-radius:12px;margin:20px;box-shadow:0 4px 15px #0000001a}.no-images-message h3{font-size:1.5rem;margin-bottom:10px;color:#333}.setup-instructions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:20px;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.setup-instructions h4{color:#495057;margin-bottom:15px}.setup-instructions ul{margin:0;padding-left:20px}.setup-instructions code{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9em}.gallery-stats{text-align:center;margin-bottom:30px}.gallery-stats p{color:#666;font-size:1rem;background:#fff;display:inline-block;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.modal-close{position:absolute;top:-50px;right:-10px;background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001}.modal-close:hover{background:#fff}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-nav:hover:not(:disabled){background:#fff}.modal-nav:disabled{opacity:.3;cursor:not-allowed}.modal-prev{left:-70px}.modal-next{right:-70px}.modal-content img{max-width:90vw;max-height:70vh;object-fit:contain;border-radius:10px;box-shadow:0 10px 40px #00000080}.modal-info{background:#fff;padding:20px;border-radius:10px;margin-top:20px;text-align:center;max-width:500px;box-shadow:0 5px 20px #0003}.modal-info h3{font-size:1.3rem;color:#333;margin-bottom:8px}.modal-info p{color:#666;margin-bottom:10px;line-height:1.5}@media (max-width: 768px){.gallery-container{padding:80px 10px 40px}.gallery-header h1{font-size:2rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding:0 15px}.modal-nav{display:none}.modal-close{top:-40px;right:0;width:35px;height:35px}.modal-info{padding:15px;margin-top:15px}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr;gap:15px;padding:0 10px}.gallery-header h1{font-size:1.8rem}.gallery-header p{font-size:1rem}}.auth-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#74b9ff1a,#0984e31a)}.auth-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2.5rem;width:100%;max-width:450px}.auth-title{text-align:center;font-size:2rem;font-weight:600;color:#333;margin-bottom:.5rem}.auth-subtitle{text-align:center;color:#666;margin-bottom:2rem}.login-hint{background:#e8f4f8;border:1px solid #b3d9e8;border-radius:8px;padding:1rem;margin-top:1rem;font-size:.9rem}.login-hint p{margin:.25rem 0;color:#2c5282}.auth-form{margin-bottom:1.5rem}.auth-btn{width:100%;padding:12px;font-size:1.1rem;font-weight:500;margin-top:1rem}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-links{text-align:center;margin-top:1.5rem}.auth-links p{margin:.5rem 0;color:#666}.auth-links a{color:#007bff;text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}.error-message{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:5px;border:1px solid #f5c6cb;margin-bottom:1rem;text-align:center}.error-message.already-logged-in{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.login-restriction-info{margin-top:1rem;background:#ffffff1a;border-radius:8px;padding:1rem}.login-restriction-info p{margin:.5rem 0;font-weight:500}.login-restriction-info ul{margin:.8rem 0;padding-left:1.2rem}.login-restriction-info li{margin:.3rem 0;font-size:.95rem}.login-help{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.2)}.login-help small{font-size:.85rem;opacity:.9;font-style:italic}.demo-credentials{margin-top:2rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.demo-credentials h4{margin:0 0 .5rem;color:#333;font-size:1rem}.demo-credentials p{margin:.25rem 0;font-size:.9rem;color:#666}.demo-credentials strong{color:#333}.password-input-container{position:relative}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;transition:color .3s ease;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{color:#007bff}.password-toggle-btn:focus{outline:none;color:#007bff}.password-input-container .form-control{padding-right:45px}.registration-card{max-width:600px}.registration-header{text-align:center;margin-bottom:2rem}.step-indicator{display:flex;justify-content:center;align-items:center;margin:1rem 0;gap:1rem}.step{width:40px;height:40px;border-radius:50%;background-color:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative}.step.active{background-color:#007bff;color:#fff}.step:not(:last-child):after{content:"";position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:20px;height:2px;background-color:#e9ecef;transition:all .3s ease}.step.active:not(:last-child):after{background-color:#007bff}.step-content{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-content h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:.5rem}.course-summary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;text-align:center}.course-summary h4{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.price-display{display:flex;justify-content:center;align-items:center;gap:1rem}.current-price{font-size:1.8rem;font-weight:700}.billing-options h4{margin-bottom:1rem;color:#333;font-weight:600}.payment-type-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.payment-type-option{border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:block}.payment-type-option:hover{border-color:#007bff;background-color:#f8f9fa}.payment-type-option.selected{border-color:#007bff;background-color:#007bff0d}.payment-type-option input[type=radio]{margin-right:1rem;transform:scale(1.2)}.option-content{display:flex;flex-direction:column;gap:.5rem}.option-title{font-weight:600;color:#333;font-size:1.1rem}.option-price{font-size:1.3rem;font-weight:700;color:#007bff}.option-description{color:#666;font-size:.9rem}.emi-options{background-color:#f8f9fa;padding:1.5rem;border-radius:12px;border:1px solid #e9ecef}.emi-options .form-label{font-weight:600;color:#333}.registration-summary{background-color:#f8f9fa;padding:1.5rem;border-radius:12px;border-left:4px solid #007bff;margin-bottom:1.5rem}.registration-summary h4{margin:0 0 1rem;color:#333;font-weight:600}.summary-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e9ecef}.summary-item:last-child{border-bottom:none}.summary-item span:first-child{font-weight:500;color:#666}.summary-item span:last-child{font-weight:600;color:#333}.form-actions .btn{flex:1;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#7fd6ff,#3ab5f0,#0e93d2)!important;color:#000!important;border:none!important;box-shadow:0 2px 8px #3ab5f04d!important}.btn-primary:hover{background:linear-gradient(135deg,#7fd6ff,#3ab5f0,#0e93d2)!important;color:#000!important;box-shadow:0 2px 8px #3ab5f04d!important}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#000}.form-text{font-size:.875rem;color:#666;margin-top:.25rem}.form-control[type=file]{padding:.5rem;border:2px dashed #dee2e6;background-color:#f8f9fa}.form-control[type=file]:focus{border-color:#007bff;background-color:#007bff0d}.form-control[name=address]{resize:vertical;min-height:80px}@media (max-width: 768px){.registration-card{max-width:100%;padding:1.5rem}.step-indicator{gap:.5rem}.step{width:35px;height:35px;font-size:1rem}.step:not(:last-child):after{width:15px;right:-22px}.price-display{flex-direction:column;gap:.5rem}.payment-type-option{padding:1rem}.form-actions{flex-direction:column}.course-summary{padding:1rem}.current-price{font-size:1.5rem}.option-price{font-size:1.1rem}}@media (max-width: 480px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.step-indicator{margin:.5rem 0}.step-content h3{font-size:1.1rem}}.new-registration-info{margin-bottom:2rem}.info-box{background:linear-gradient(135deg,#e8f4fd,#f1f8ff);border:1px solid #b3d9ff;border-radius:10px;padding:1.5rem;margin-bottom:1rem}.info-box h4{color:#06c;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.info-box ul{margin:0;padding-left:1.2rem;color:#333}.info-box li{margin-bottom:.5rem;font-size:.95rem}.course-summary{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.course-summary h4{color:#333;margin-bottom:1rem;font-size:1.2rem}.course-info{display:block;justify-content:space-between;align-items:center}.course-name{font-weight:600;color:#555}.course-price{font-size:1.3rem;font-weight:700;color:#28a745}.payment-options{margin:2rem 0}.payment-options h4{margin-bottom:1rem;color:#333}.emi-details{margin-top:1rem;padding:1rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.emi-info p{margin-bottom:.5rem;font-weight:600;color:#856404}.emi-info ul{margin:.5rem 0 0;padding-left:1.2rem}.emi-info li{color:#856404;margin-bottom:.3rem}.payment-notice{margin:2rem 0}.notice-box{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:1.5rem}.notice-box h5{color:#0c5460;margin-bottom:1rem;font-size:1.1rem}.notice-box p{color:#0c5460;margin-bottom:.5rem}.notice-box ul{margin:.5rem 0 0;padding-left:1.2rem}.notice-box li{color:#0c5460;margin-bottom:.3rem;font-size:.95rem}.success-message{text-align:center;padding:2rem}.success-message h2{color:#28a745;margin-bottom:1rem;font-size:1.8rem}.success-message>p{color:#666;margin-bottom:2rem;font-size:1.1rem}.success-details{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:left}.success-details h3{color:#155724;margin-bottom:1rem;font-size:1.2rem}.success-details ul{margin:0;padding-left:1.2rem}.success-details li{color:#155724;margin-bottom:.8rem;font-size:1rem}.next-steps{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:left}.next-steps p{color:#856404;margin-bottom:.8rem;font-size:.95rem}.next-steps strong{font-weight:600}@media (max-width: 768px){.course-info{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-type-options{gap:1rem}.option-content{padding:1rem}}@media (max-width: 480px){.info-box,.course-summary,.success-details,.next-steps{padding:1rem}}.confirmation-details{background:#f8f9fa;border-radius:10px;padding:1.5rem;margin:1rem 0}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:#0984e3;font-size:1.1rem;margin-bottom:1rem;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid #e9ecef}.detail-label{font-weight:600;color:#333;min-width:30%}.detail-value{color:#666;text-align:right;flex:1;word-break:break-word}@media (max-width: 600px){.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left}}.file-upload-info{margin-top:8px}.validating-message{color:#666;font-size:.875rem;margin-top:4px;font-style:italic}.form-group input[type=file]{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%;background:#fff}.form-group input[type=file]::-webkit-file-upload-button{background:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;margin-right:8px;cursor:pointer;font-size:.9rem}.form-group input[type=file]::-webkit-file-upload-button:hover{background:#0056b3}.form-group input[type=file]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.course-loading,.payment-loading{padding:1rem;text-align:center;color:#666;font-style:italic;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.course-error,.payment-error{padding:1rem;text-align:center;color:#dc3545;background:#f8d7da;border-radius:8px;border:1px solid #f5c6cb}.course-detail-page{padding:2rem 0;min-height:calc(100vh - 60px);background:#f5f7fa}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.breadcrumb{margin-bottom:2rem;color:#666;font-size:.9rem}.breadcrumb a{color:#007bff;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.course-detail-section{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;overflow:hidden}.course-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;margin-bottom:2rem}.course-header h1{font-size:1.8rem;margin:0;font-weight:600}.course-main-content{padding:2rem}.enrolled-content-section{margin-top:2rem;padding:1.5rem;background:#f8f9fc;border-radius:8px;border-left:4px solid #28a745}.enrollment-status h3{color:#28a745;margin-bottom:.5rem}.loading-message{text-align:center;padding:2rem;color:#666}.not-enrolled-message{text-align:center;padding:2rem;background:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.not-enrolled-message h3{color:#856404;margin-bottom:.5rem}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.content-category{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.content-category h4{margin-bottom:1rem;color:#333;font-size:1.1rem;font-weight:600}.content-list{display:flex;flex-direction:column;gap:1rem}.content-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid #e9ecef;border-radius:6px;background:#fafbfc;transition:all .2s ease}.content-item:hover{border-color:#007bff;background:#f8f9fa}.content-icon{font-size:1.5rem;flex-shrink:0}.content-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.content-name{font-weight:600;color:#333;font-size:.95rem}.content-description{color:#666;font-size:.85rem;line-height:1.4}.content-duration{color:#999;font-size:.8rem}.content-item .btn{flex-shrink:0;padding:.5rem 1rem;font-size:.85rem}@media (max-width: 768px){.content-grid{grid-template-columns:1fr;gap:1rem}.content-category{padding:1rem}.content-item{flex-direction:column;align-items:stretch;gap:.5rem}.content-item .btn{align-self:flex-start}}.course-info-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-bottom:2rem}.fee-card{text-align:center}.fee-card h3{color:#333;margin-bottom:1rem}.fee-amount{font-size:2rem;font-weight:600;color:#28a745;margin-bottom:.5rem}.duration{color:#666;margin-bottom:1.5rem}.features-card h3{margin-bottom:1rem;color:#333}.features-list{display:grid;gap:.75rem}.feature-item{display:flex;align-items:center;color:#28a745;font-weight:700}.course-details{padding:2rem 0}.detail-section{margin-bottom:2.5rem}.detail-section h3{color:#333;margin-bottom:1rem;font-size:1.3rem}.exam-pattern-grid{display:grid;gap:1rem;background:#f8f9fa;padding:1.5rem;border-radius:8px}.pattern-item{display:grid;grid-template-columns:150px 1fr;gap:1rem}.pattern-item strong{color:#333}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.material-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;color:#333;text-decoration:none;transition:all .2s}.material-link:hover{background:#e9ecef;transform:translateY(-2px)}.material-icon{font-size:1.5rem}.enroll-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;border:none;border-radius:6px;background:#007bff;color:#fff;cursor:pointer;transition:all .2s}.enroll-btn:hover{background:#0056b3;transform:translateY(-2px)}@media (max-width: 768px){.course-info-grid{grid-template-columns:1fr}.course-header{padding:2rem 1.5rem}.course-header h1{font-size:2rem}.course-main-content{padding:1.5rem}.pattern-item{grid-template-columns:1fr;gap:.5rem}}.category-actions{text-align:center}.register-btn{width:100%;padding:12px 24px;font-size:1.1rem;font-weight:600;border-radius:8px;background:#0984e3;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.register-btn:hover{background:#074d7a}@media (max-width: 768px){.course-categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:1.5rem}}.detailed-info{background:#f8f9fa;border-radius:10px;padding:1.5rem;margin:1.5rem 0;border-left:4px solid #0984e3}.info-section{margin-bottom:1rem}.info-section:last-child{margin-bottom:0}.info-section strong{color:#0984e3;font-weight:600;display:block;margin-bottom:.5rem}.info-section ul{margin:.5rem 0 0 1rem;padding:0}.info-section li{margin-bottom:.25rem;color:#555}.info-section p{color:#555;line-height:1.6;margin:.5rem 0 0}.links-section{display:flex;gap:1rem;flex-wrap:wrap}.info-link{background:#0984e3;color:#fff;padding:.5rem 1rem;border-radius:5px;text-decoration:none;font-size:.9rem;font-weight:500;transition:background-color .3s ease}.info-link:hover{background:#0c7cd5;color:#fff;text-decoration:none}@media (max-width: 768px){.detailed-info{padding:1rem;margin:1rem 0}.links-section{flex-direction:column;gap:.5rem}.info-link{text-align:center}}.detailed-course-info{margin:2rem 0;background:#f8f9fa;border-radius:10px;padding:2rem;border-left:4px solid #0984e3}.detailed-course-info .info-section{margin-bottom:2rem}.detailed-course-info .info-section:last-child{margin-bottom:0}.detailed-course-info .info-section h3{color:#0984e3;font-weight:600;font-size:1.3rem;margin-bottom:1rem;border-bottom:2px solid #0984e3;padding-bottom:.5rem}.detailed-course-info .info-section p{color:#555;line-height:1.6;font-size:1rem;margin:0}.detailed-course-info .info-section ul{margin:0;padding-left:1.5rem}.detailed-course-info .info-section li{color:#555;margin-bottom:.5rem;font-size:1rem}.course-links{display:flex;gap:1rem;flex-wrap:wrap}.course-link{background:#0984e3;color:#fff;padding:.7rem 1.5rem;border-radius:5px;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;display:inline-block}.course-link:hover{background:#0c7cd5;color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 8px #0984e34d}@media (max-width: 768px){.detailed-course-info{padding:1.5rem;margin:1.5rem 0}.detailed-course-info .info-section h3{font-size:1.1rem}.course-links{flex-direction:column;gap:.8rem}.course-link{text-align:center;padding:.8rem 1rem}}.course-overview{margin-top:2rem}.overview-section{margin-bottom:2.5rem;position:relative}.overview-section:last-child{border-bottom:none}.overview-section h4{color:#007bff;font-size:1.3rem;margin-bottom:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-bottom:.5rem}.subcourse-title{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e9ecef}.subcourse-title h2{color:#007bff;font-size:2.2rem;margin-bottom:.5rem;font-weight:700}.subcourse-description{color:#666;font-size:1.2rem;margin:0;font-style:italic}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.info-vertical-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.info-line{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #e9ecef;transition:all .3s ease}.info-line:hover{padding-left:1rem;border-bottom-color:#007bff}.info-line .label{font-weight:600;color:#495057;font-size:1rem}.info-line .value{font-weight:500;color:#007bff;font-size:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-bottom:1px solid #e9ecef;transition:all .3s ease}.info-item:hover{padding-left:1rem;border-bottom-color:#007bff}.info-item .label{font-weight:600;color:#495057;font-size:1.1rem}.info-item .value{color:#007bff;font-weight:700;font-size:1.2rem}.exam-pattern{display:grid;gap:1rem;margin-top:1rem}.pattern-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e9ecef;transition:all .3s ease}.pattern-item:hover{padding-left:1rem;border-bottom-color:#007bff}.pattern-item strong{color:#495057;font-weight:600;font-size:1.1rem}.pattern-item span{color:#007bff;font-weight:600}.syllabus-list{list-style:none;padding:0;margin:0}.syllabus-list li{position:relative;padding:.5rem 0 .5rem 1.5rem;color:#333;line-height:1.6}.syllabus-list li:before{content:"�";color:#007bff;font-weight:700;position:absolute;left:0;font-size:1.2rem}.links-container{display:flex;flex-direction:column;gap:.8rem;max-width:250px}.link-button{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:#007bff;background:#fff;padding:.8rem 1rem;border-radius:6px;border:2px solid #007bff;transition:all .3s ease;font-size:.9rem;font-weight:500;text-align:left}.link-button:hover{background:#007bff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.link-icon{font-size:1rem;flex-shrink:0}.materials-links,.material-link{display:none}.category-card{cursor:default!important;background:transparent;border-radius:0;box-shadow:none;overflow:visible;transition:none}.category-card:hover{transform:none!important;box-shadow:none}.category-content{padding:0;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:1.5rem}.category-content h3{color:#007bff;font-size:1.8rem;margin-bottom:.8rem;font-weight:700;display:none}.category-content .description{color:#666;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.5;display:none}.test-registration-container{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.test-reg-button{display:flex;align-items:center;padding:15px;border-radius:8px;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.test-reg-button.test-series{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;color:#1976d2}.test-reg-button.test-series:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateY(-2px);box-shadow:0 6px 12px #2196f333}.test-reg-button.mock-test{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9c27b0;color:#7b1fa2}.test-reg-button.mock-test:hover{background:linear-gradient(135deg,#e1bee7,#ce93d8);transform:translateY(-2px);box-shadow:0 6px 12px #9c27b033}.test-icon{font-size:2rem;margin-right:12px}.test-info{display:flex;flex-direction:column}.test-title{font-weight:700;font-size:1rem;margin-bottom:4px}.test-desc{font-size:.85rem;opacity:.8}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}.info-vertical-grid{gap:.8rem}.info-line{flex-direction:column;text-align:center;gap:.3rem;padding:.6rem 0}.info-line .label,.info-line .value{font-size:.9rem}.links-container{max-width:100%}.info-item,.pattern-item{flex-direction:column;text-align:center;gap:.5rem}.overview-section{padding:1rem}.category-content{padding:1.5rem}.test-registration-container{grid-template-columns:1fr;gap:10px}.test-reg-button{padding:12px}.test-icon{font-size:1.5rem;margin-right:10px}}.payment-page{min-height:calc(100vh - 80px);padding:2rem 0;background:#f8f9fa}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem}.action-buttons .btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.action-buttons .btn-primary{background:#007bff;color:#fff;border:none}.action-buttons .btn-primary:hover{background:#0056b3}.action-buttons .btn-secondary{background:#6c757d;color:#fff;border:none}.action-buttons .btn-secondary:hover{background:#545b62}.payment-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:1rem}.payment-form-section{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #0000001a}.payment-form-section h1{font-size:2rem;font-weight:600;color:#333;margin-bottom:.5rem}.payment-form-section>p{color:#666;margin-bottom:2rem}.payment-methods{margin-bottom:2rem}.payment-methods h3{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:1rem}.payment-options{display:grid;gap:1rem;margin-bottom:1.5rem}.payment-option{border:2px solid #e0e0e0;border-radius:10px;padding:1rem;cursor:pointer;transition:all .3s ease;display:block}.payment-option:hover{border-color:#007bff}.payment-option.selected{border-color:#007bff;background-color:#f0f8ff}.payment-option input[type=radio]{display:none}.payment-icon{font-size:1.5rem}.card-details,.upi-details,.netbanking-details,.billing-info{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px}.card-details h4,.upi-details h4,.netbanking-details h4,.billing-info h4{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.half-width{flex:1}.payment-btn{width:100%;padding:1rem;font-size:1.2rem;font-weight:600;margin-top:1rem}.payment-btn:disabled{opacity:.6;cursor:not-allowed}.order-summary{position:sticky;top:2rem;height:fit-content}.summary-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 8px 25px #0000001a;border:2px solid #28a745}.summary-card h3{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;text-align:center}.course-info{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.course-info h4{font-size:1.2rem;font-weight:600;color:#007bff;margin-bottom:.5rem}.course-info p{color:#666;margin:0}.pricing-breakdown{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.price-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.discount-row{color:#28a745}.total-row{font-size:1.2rem;font-weight:600;color:#333;border-top:1px solid #eee;padding-top:.5rem;margin-top:.5rem}.features-included{margin-bottom:1.5rem}.features-included h4{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem}.features-included ul{list-style:none;padding:0;margin:0}.features-included li{padding:.25rem 0;color:#555;font-size:.9rem}.security-badges{display:flex;gap:1rem;justify-content:center}.security-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.8rem;color:#666}.loading-payment{text-align:center;padding:3rem 1rem}.loading-payment h2{color:#007bff;margin-bottom:1rem}.loading-payment p{color:#666;margin-bottom:2rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.security-item span:first-child{font-size:1.2rem}.payment-type-selection{margin-bottom:2rem}.payment-type-selection h3{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:1rem}.payment-option-content{display:flex;align-items:center;gap:1rem}.payment-option-content small{display:block;color:#666;font-size:.8rem;margin-top:.25rem}.emi-options{margin-bottom:2rem;padding:1.5rem;background:#f0f8ff;border-radius:10px;border:2px solid #007bff}.emi-options h4{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem}.emi-tenure-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.emi-option{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;display:block;background:#fff}.emi-option:hover{border-color:#007bff}.emi-option.selected{border-color:#007bff;background-color:#f0f8ff}.emi-option input[type=radio]{display:none}.emi-option-content{text-align:center}.emi-months{display:block;font-weight:600;color:#007bff;font-size:1.1rem;margin-bottom:.5rem}.emi-amount{display:block;font-weight:700;color:#333;font-size:1.2rem;margin-bottom:.25rem}.emi-total{display:block;color:#666;font-size:.8rem}.emi-info{background:#fff;padding:1rem;border-radius:8px;border-left:4px solid #ffc107}.emi-info p{margin:.25rem 0;color:#666;font-size:.9rem}.emi-info strong{color:#333}.emi-row{color:#007bff;font-weight:500}.today-row{background:#f0f8ff;padding:.5rem;border-radius:4px;margin-top:.5rem}.today-row span{color:#007bff!important}.payment-security{margin-top:1rem;text-align:center}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f8f9fa;padding:.75rem;border-radius:8px;color:#666;font-size:.9rem}.user-info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.user-info-card h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem;border-bottom:2px solid #007bff;padding-bottom:.5rem}.user-details{display:grid;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e9ecef}.detail-item span:first-child{font-weight:500;color:#666;min-width:80px}.detail-item span:last-child{font-weight:600;color:#333;text-align:right}.info-row{background-color:#e7f3ff;color:#06c;font-size:.9rem}@media (max-width: 968px){.payment-grid{grid-template-columns:1fr;gap:2rem}.order-summary{position:static;order:-1}.form-row{flex-direction:column;gap:0}.half-width{flex:none}.emi-tenure-options{grid-template-columns:1fr}}@media (max-width: 480px){.payment-page{padding:1rem 0}.payment-form-section,.summary-card{padding:1rem;margin:0 1rem}.security-badges{flex-direction:column;gap:.5rem}}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}.form-control.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.test-registration-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:calc(100vh - 160px);scroll-behavior:smooth}.test-registration-header{text-align:center;margin-bottom:40px}.test-registration-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.test-registration-header p{color:#7f8c8d;font-size:1.1rem}.registration-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.form-section{padding:30px;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none}.form-section h3{color:#2c3e50;margin-bottom:20px;font-size:1.5rem}.test-type-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory}.test-type-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;text-align:center;scroll-snap-align:start;min-width:280px}.test-type-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 6px 12px #3498db1a}.test-type-card.selected{border-color:#3498db;background:#e3f2fd}.test-type-icon{font-size:3rem;margin-bottom:15px}.test-type-content h4{color:#2c3e50;margin-bottom:10px;font-size:1.3rem}.test-type-content p{color:#7f8c8d;margin-bottom:15px}.test-type-content ul{list-style:none;padding:0;text-align:left}.test-type-content li{color:#5a6c7d;margin-bottom:5px;padding-left:20px;position:relative}.test-type-content li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.course-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;scroll-snap-align:start;min-width:180px}.course-card:hover{border-color:#3498db;background:#e3f2fd}.course-card.selected{border-color:#3498db;background:#e3f2fd;box-shadow:0 4px 8px #3498db33}.course-card h4{color:#2c3e50;margin:0;font-size:1.2rem}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.subcategory-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center;scroll-snap-align:start;min-width:230px}.subcategory-card:hover{border-color:#3498db;background:#e3f2fd}.subcategory-card.selected{border-color:#3498db;background:#e3f2fd;box-shadow:0 4px 8px #3498db33}.subcategory-card h4{color:#2c3e50;margin-bottom:10px;font-size:1.1rem}.subcategory-card .price{color:#e74c3c;font-weight:700;font-size:1.2rem;margin:0}.date-input{width:100%;max-width:300px;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.date-input:focus{outline:none;border-color:#3498db}.registration-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-input{padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#3498db}.price-summary{background:#f8f9fa;border-radius:8px;padding:25px;margin-top:10px}.price-summary h3{color:#2c3e50;margin-bottom:20px}.summary-details{margin-bottom:25px}.summary-row.total span:last-child{color:#e74c3c}.proceed-btn{width:100%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;padding:15px 30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.proceed-btn:hover{background:linear-gradient(135deg,#2980b9,#1f628a);transform:translateY(-2px);box-shadow:0 6px 12px #3498db4d}.proceed-btn:active{transform:translateY(0)}@media (max-width: 768px){.test-registration-container{padding:15px;min-height:calc(100vh - 140px)}.test-registration-header h1{font-size:2rem}.test-type-options{grid-template-columns:1fr;overflow-x:visible}.course-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));overflow-x:visible}.subcategory-grid{grid-template-columns:1fr;overflow-x:visible}.registration-fields{grid-template-columns:1fr}.form-section{padding:20px;scroll-margin-top:80px}.test-type-card{padding:20px;min-width:auto}.course-card,.subcategory-card{min-width:auto}.test-type-icon{font-size:2.5rem}.course-grid,.subcategory-grid,.test-type-options{-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.test-registration-container{padding:10px;min-height:calc(100vh - 120px)}.test-registration-header h1{font-size:1.8rem}.course-grid{grid-template-columns:1fr}.form-section{padding:15px;scroll-margin-top:70px}.summary-row{flex-direction:column;align-items:flex-start;gap:5px}.proceed-btn{padding:18px 30px;font-size:1rem;min-height:48px}.form-input{padding:15px;font-size:16px;min-height:48px}}.form-section{scroll-margin-top:100px}@supports (-webkit-overflow-scrolling: touch){.test-registration-container{-webkit-overflow-scrolling:touch}}.course-grid::-webkit-scrollbar,.subcategory-grid::-webkit-scrollbar{height:8px}.course-grid::-webkit-scrollbar-track,.subcategory-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.course-grid::-webkit-scrollbar-thumb,.subcategory-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.course-grid::-webkit-scrollbar-thumb:hover,.subcategory-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.test-payment-container{max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:calc(100vh - 160px);scroll-behavior:smooth}.payment-header{text-align:center;margin-bottom:40px}.payment-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.payment-header p{color:#7f8c8d;font-size:1.1rem}.payment-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.payment-summary,.registration-summary,.test-features{padding:30px;border-bottom:1px solid #eee}.payment-summary:last-child,.registration-summary:last-child,.test-features:last-child{border-bottom:none}.payment-summary h3,.registration-summary h3,.test-features h3{color:#2c3e50;margin-bottom:20px;font-size:1.5rem}.summary-card,.features-card{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #3498db}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.summary-row:last-child{border-bottom:none}.summary-row.total{font-weight:700;font-size:1.2rem;color:#2c3e50;border-top:2px solid #3498db;margin-top:10px;padding-top:15px}.summary-row .label{color:#5a6c7d;font-weight:500}.summary-row .value{color:#2c3e50;font-weight:600}.summary-row.total .value{color:#e74c3c;font-size:1.3rem}.features-list{list-style:none;padding:0;margin:0}.features-list li{color:#2c3e50;padding:8px 0;font-size:1rem}.error-message{background:#fee;color:#c0392b;padding:15px;border-radius:8px;margin:20px 30px;border-left:4px solid #e74c3c;display:flex;align-items:center;gap:10px}.payment-actions{display:flex;gap:20px;padding:30px;justify-content:space-between}.back-btn,.pay-btn{padding:15px 30px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;max-width:200px}.back-btn{background:#95a5a6;color:#fff}.back-btn:hover{background:#7f8c8d;transform:translateY(-2px)}.back-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.pay-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.pay-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-2px);box-shadow:0 6px 12px #27ae604d}.pay-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.pay-btn:active,.back-btn:active{transform:translateY(0)}.security-note{text-align:center;margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.security-note p{color:#5a6c7d;margin:0;font-size:.95rem}@media (max-width: 768px){.test-payment-container{padding:15px;min-height:calc(100vh - 140px)}.payment-header h1{font-size:2rem}.payment-summary,.registration-summary,.test-features,.payment-actions{padding:20px}.summary-row{flex-direction:column;align-items:flex-start;gap:5px}.payment-actions{flex-direction:column;gap:15px}.back-btn,.pay-btn{max-width:none;min-height:48px}}@media (max-width: 480px){.test-payment-container{padding:10px;min-height:calc(100vh - 120px)}.payment-header h1{font-size:1.8rem}.summary-card,.features-card,.payment-summary,.registration-summary,.test-features,.payment-actions{padding:15px}.payment-summary h3,.registration-summary h3,.test-features h3{font-size:1.3rem}.back-btn,.pay-btn{min-height:48px;padding:15px 25px;font-size:16px}}.pay-btn:disabled{position:relative;overflow:hidden}.pay-btn:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 2s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.payment-content{scroll-margin-top:100px}@supports (-webkit-overflow-scrolling: touch){.test-payment-container{-webkit-overflow-scrolling:touch}}.my-registrations-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:calc(100vh - 160px);scroll-behavior:smooth}.registrations-header{text-align:center;margin-bottom:40px}.registrations-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.registrations-header p{color:#7f8c8d;font-size:1.1rem}.error-message{background:#fee;color:#c0392b;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #e74c3c;display:flex;align-items:center;gap:10px}.loading{text-align:center;padding:50px;font-size:1.2rem;color:#7f8c8d}.no-registrations{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.no-registrations-icon{font-size:4rem;margin-bottom:20px}.no-registrations h3{color:#2c3e50;margin-bottom:10px;font-size:1.5rem}.no-registrations p{color:#7f8c8d;margin-bottom:30px}.register-btn{display:inline-block;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:700;transition:all .3s ease}.register-btn:hover{background:linear-gradient(135deg,#2980b9,#1f628a);transform:translateY(-2px);box-shadow:0 6px 12px #3498db4d}.registrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}.registration-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease;scroll-snap-align:start;min-width:380px}.registration-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.test-type-badge{background:#3498db;color:#fff;padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px}.status-badge,.payment-status-badge{color:#fff;padding:6px 10px;border-radius:4px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.card-content{padding:20px}.card-content h3{color:#2c3e50;margin-bottom:20px;font-size:1.3rem}.registration-details{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f8f9fa}.detail-row .label{color:#7f8c8d;font-weight:500;font-size:.9rem}.detail-row .value{color:#2c3e50;font-weight:600;font-size:.9rem}.test-paper-section{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef}.download-btn{display:inline-block;background:#27ae60;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:700;transition:all .3s ease}.download-btn:hover{background:#229954;transform:translateY(-1px)}.progress-section{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef}.progress-label{color:#2c3e50;font-size:.9rem;font-weight:600;margin-bottom:8px}.progress-bar{background:#e9ecef;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .3s ease;border-radius:10px}.card-actions{padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:10px;flex-wrap:wrap}.action-btn{flex:1;min-width:120px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.action-btn.primary{background:#3498db;color:#fff}.action-btn.primary:hover{background:#2980b9;transform:translateY(-1px)}.action-btn.secondary{background:#95a5a6;color:#fff}.action-btn.secondary:hover{background:#7f8c8d;transform:translateY(-1px)}.action-btn.info{background:#f39c12;color:#fff}.action-btn.info:hover{background:#e67e22;transform:translateY(-1px)}@media (max-width: 768px){.my-registrations-container{padding:15px;min-height:calc(100vh - 140px)}.registrations-header h1{font-size:2rem}.registrations-grid{grid-template-columns:1fr;overflow-x:visible}.registration-card{min-width:auto}.card-header{flex-direction:column;gap:15px;align-items:flex-start}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.card-actions{flex-direction:column}.action-btn{min-width:auto;min-height:48px;padding:12px 20px}}@media (max-width: 480px){.my-registrations-container{padding:10px;min-height:calc(100vh - 120px)}.registrations-header h1{font-size:1.8rem}.card-content,.card-header{padding:15px}}.registration-card{scroll-margin-top:100px}.registrations-grid::-webkit-scrollbar{height:8px}.registrations-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.registrations-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.registrations-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@supports (-webkit-overflow-scrolling: touch){.my-registrations-container{-webkit-overflow-scrolling:touch}}.card-actions{padding:15px}.action-btn{min-height:48px;font-size:14px}.no-registrations{padding:40px 15px}.no-registrations-icon{font-size:3rem}.video-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:.5rem}.video-viewer{background:#000;border-radius:8px;box-shadow:0 8px 32px #000000b3;width:100%;max-width:1200px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.video-viewer .viewer-header{background:linear-gradient(135deg,#1a1a1a,#2d2d30);color:#fff;border-bottom:1px solid #333;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;min-height:auto}.video-viewer .viewer-title h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.video-viewer .viewer-title p{color:#aaa;margin:.2rem 0 0;font-size:.8rem;font-weight:400}.video-player-container{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:350px;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.video-player{width:100%;height:auto;max-height:65vh;outline:none;border-radius:0;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:auto}.video-player.youtube-player{width:100%;height:65vh;border:none;border-radius:0}.iframe-container{position:relative;width:100%;height:65vh;overflow:hidden}.video-watermark{position:absolute;pointer-events:none;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.watermark-top-right{top:15px;right:15px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.watermark-top-right .watermark-content{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.watermark-brand{font-weight:600;color:#007bff}.watermark-user{font-size:.7rem;color:#ccc}.watermark-bottom-left{bottom:15px;left:15px;background:#0009;color:#fff;padding:6px 10px;border-radius:4px;font-size:.7rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.watermark-bottom-left .watermark-content{display:flex;flex-direction:column;gap:2px}.watermark-text{font-weight:500}.watermark-timestamp{font-size:.6rem;color:#ccc}.watermark-center{top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;color:#fff6;padding:6px 12px;border-radius:20px;font-size:.8rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.watermark-center-content{font-weight:300;letter-spacing:1px}.watermark-user-id{font-size:.7rem;opacity:.6}@media print{.video-watermark{background:#000!important;color:#fff!important;font-size:1.2rem!important;padding:20px!important}}.watermark-top-right{animation:fadeInWatermark 2s ease-in-out}@keyframes fadeInWatermark{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.video-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:.8rem;min-height:150px}.loading-spinner{width:32px;height:32px;border:3px solid #333;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:.8rem;min-height:150px;padding:1.5rem}.error-icon{font-size:2.5rem;color:#dc3545}.video-description{background:linear-gradient(135deg,#1a1a1a,#2d2d30);color:#fff;padding:.75rem 1rem;border-top:1px solid #333;max-height:120px;overflow-y:auto}.video-description h4{color:#fff;margin:0 0 .4rem;font-size:.9rem;font-weight:600;letter-spacing:.5px}.video-description p{color:#ccc;margin:.3rem 0;line-height:1.4;font-size:.85rem}.video-date{color:#888!important;font-size:.75rem!important;margin-top:.5rem!important;font-style:italic;border-top:1px solid #333;padding-top:.5rem}.viewer-controls{display:flex;align-items:center;gap:.5rem}.viewer-controls .btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.viewer-controls .btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.viewer-controls .btn:active{transform:translateY(0)}.viewer-controls .btn-primary{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545}.viewer-controls .btn-primary:hover{background:linear-gradient(135deg,#c82333,#a71e2a);border-color:#c82333}@media (max-width: 768px){.video-viewer-overlay{padding:.25rem}.video-viewer{width:98%;max-width:98%;max-height:95vh;border-radius:6px}.video-viewer .viewer-header{flex-direction:column;gap:.5rem;align-items:flex-start;padding:.6rem .8rem}.video-viewer .viewer-title h3{font-size:1rem}.video-viewer .viewer-title p{font-size:.75rem}.viewer-controls{width:100%;display:flex;justify-content:flex-end}.viewer-controls .btn{padding:.35rem .7rem;font-size:.8rem}.video-player-container{min-height:200px}.video-player,.video-player.youtube-player{max-height:45vh;height:45vh}.iframe-container{height:45vh}.video-description{padding:.6rem .8rem;max-height:100px}.video-description h4{font-size:.85rem}.video-description p{font-size:.8rem}}.fullscreen-watermarks{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;pointer-events:none!important;z-index:2147483647!important}.fullscreen-watermark{position:absolute!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;z-index:2147483647!important}.fullscreen-watermark-top-right{top:15px!important;right:15px!important;background:#000c!important;color:#fff!important;padding:8px 12px!important;border-radius:6px!important;font-size:14px!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(255,255,255,.2)!important}.fullscreen-watermark-bottom-left{bottom:15px!important;left:15px!important;background:#000000b3!important;color:#fff!important;padding:6px 10px!important;border-radius:4px!important;font-size:12px!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}.fullscreen-watermark-center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#ffffff26!important;color:#fff9!important;padding:6px 12px!important;border-radius:20px!important;font-size:13px!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}.fullscreen-overlay-watermarks{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;pointer-events:none!important;z-index:2147483647!important;display:none}.overlay-watermark{position:absolute!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;z-index:2147483647!important;text-shadow:1px 1px 3px rgba(0,0,0,.8)!important}.overlay-watermark-top-right{top:20px!important;right:20px!important;background:#000000d9!important;color:#fff!important;padding:10px 15px!important;border-radius:8px!important;font-size:16px!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 15px #00000080!important}.overlay-watermark-bottom-left{bottom:20px!important;left:20px!important;background:#000c!important;color:#fff!important;padding:8px 12px!important;border-radius:6px!important;font-size:14px!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;box-shadow:0 2px 10px #0006!important}.overlay-watermark-center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#fff3!important;color:#fffc!important;padding:8px 16px!important;border-radius:25px!important;font-size:15px!important;border:2px solid rgba(255,255,255,.3)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;box-shadow:0 3px 12px #0000004d!important}.video-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;-webkit-tap-highlight-color:transparent!important}.iframe-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.video-watermark{z-index:999999!important}.watermark-top-right .watermark-brand{color:#00d4ff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.watermark-center{backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}.video-watermark{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-watermark::-webkit-scrollbar{display:none}.live-classes-container{min-height:calc(100vh - 80px);padding:2rem 0;background:#f8f9fa}.live-classes-header{text-align:center;margin-bottom:3rem}.live-classes-header h1{font-size:2.5rem;color:#000;margin-bottom:1rem}.live-classes-header p{font-size:1.2rem;color:#666}.live-classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.class-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer}.class-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.class-card.live{border:2px solid #dc3545}.class-card.upcoming{border:2px solid #007bff}.class-thumbnail{position:relative;height:200px;overflow:hidden}.class-thumbnail img{width:100%;height:100%;object-fit:cover}.class-status{position:absolute;top:1rem;left:1rem}.upcoming-badge{background:#007bff;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.live-badge{background:#dc3545;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;animation:pulse 2s infinite}.class-info{padding:1.5rem}.class-info h3{color:#000;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.class-info p{color:#666;margin-bottom:.5rem}.class-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.course-tag{background:#007bff;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600}.time{font-size:.9rem;color:#666}.access-denied{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:500px}.access-denied h2{color:#000;margin-bottom:1rem;font-size:2rem}.access-denied p{color:#666;font-size:1.1rem}.class-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.youtube-btn{background:red;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.youtube-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.zoom-btn{background:#2d8cff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.zoom-btn:hover{background:#1a73e8;transform:translateY(-2px);box-shadow:0 4px 12px #2d8cff4d}.btn-zoom{background:#2d8cff;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.btn-zoom:hover{background:#1a73e8;transform:translateY(-2px);box-shadow:0 4px 12px #2d8cff4d}.zoom-join-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.zoom-join-btn:hover{background:#0056b3;transform:translateY(-2px)}.zoom-join-btn-large{background:#007bff;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.zoom-join-btn-large:hover{background:#0056b3;transform:translateY(-2px)}.btn.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.btn.btn-secondary:hover{background:#545b62;transform:translateY(-2px)}.zoom-meeting-info{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-top:1rem}.meeting-details{margin-top:1rem}.meeting-details p{margin:.5rem 0;font-size:.9rem;color:#555}.meeting-details strong{color:#000}.class-tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:2px solid #e9ecef}.tab-button{background:none;border:none;padding:1rem 2rem;font-size:1.1rem;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;color:#666}.tab-button.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.tab-button:hover{color:#007bff;background:#f8f9fa}@media (max-width: 768px){.live-classes-grid{grid-template-columns:1fr;gap:1.5rem}.class-actions{flex-direction:column;gap:.5rem}.youtube-btn{width:100%;justify-content:center}.live-classes-header h1{font-size:2rem}.header-with-back{align-items:flex-start}.back-to-dashboard-btn{margin-bottom:1rem}.header-content{text-align:left}}.header-with-back{display:flex;flex-direction:column;align-items:center;gap:1rem}.back-to-dashboard-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;align-self:flex-start}.back-to-dashboard-btn:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.back-to-dashboard-btn:active{transform:translateY(0)}.header-content{text-align:center;width:100%}@media (max-width: 768px){.header-with-back{align-items:flex-start}.back-to-dashboard-btn{margin-bottom:1rem}.header-content{text-align:left}}.class-status-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:2px solid #e9ecef;text-align:center;box-shadow:0 4px 12px #0000000d}.class-status-message .status-text{font-size:1.1rem;color:#495057;font-weight:600;margin:0}.class-status-message .start-time{font-size:1.2rem;color:#007bff;font-weight:700;background:#fff;padding:.75rem 1.5rem;border-radius:12px;border:2px solid rgba(0,123,255,.2);box-shadow:0 4px 12px #007bff1a;margin:0}.live-class-actions{margin-top:1rem}.live-class-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;overflow:hidden;transition:all .3s ease;margin-bottom:1.5rem}.live-class-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f;border-color:#007bff}.live-class-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-bottom:1px solid #e9ecef}.status-and-course{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.status-badge{color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.course-badge{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #007bff4d}.class-title-section{margin:0}.live-class-title{font-size:1.4rem;font-weight:700;color:#212529;margin:0 0 .5rem;line-height:1.3;letter-spacing:-.02em}.live-class-subcategory{font-size:1rem;color:#6c757d;font-weight:500;margin:0;background:#007bff1a;display:inline-block;padding:.3rem .8rem;border-radius:12px;border:1px solid rgba(0,123,255,.2)}.live-class-content{padding:1.5rem}.description-section{margin-bottom:1.5rem}.live-class-description{font-size:1rem;color:#495057;line-height:1.6;margin:0;padding:1rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #007bff;font-style:italic}.class-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;transition:all .3s ease}.info-item:hover{background:#fff;border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.info-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.info-label{font-size:.8rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:#212529;font-weight:600;line-height:1.2}.info-time{font-size:1.1rem;color:#007bff;font-weight:700}.time-info .info-icon{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.duration-info .info-icon{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.instructor-info .info-icon{background:linear-gradient(135deg,#6f42c1,#5a2d8b);color:#fff}.subject-info .info-icon{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff}.live-class-footer{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.live-class-btn{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:1rem;box-shadow:0 4px 15px #28a7454d;text-transform:uppercase;letter-spacing:.5px}.live-class-btn.live-now{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px #dc35454d;animation:pulse-live 2s infinite}@keyframes pulse-live{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.live-class-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.live-class-btn.live-now:hover{box-shadow:0 6px 20px #dc354566}.btn-icon{font-size:1.2rem}.btn-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.btn-title{font-size:1rem;font-weight:700}.btn-subtitle{font-size:.8rem;opacity:.9;font-weight:400}.status-message{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;border:2px solid;background:#fff}.status-message.unavailable{border-color:#ffc107;background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.status-message.upcoming{border-color:#007bff;background:linear-gradient(135deg,#cce7ff,#b3d9ff)}.status-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.status-content{display:flex;flex-direction:column;gap:.5rem}.status-title{font-size:1.1rem;font-weight:700;color:#212529;line-height:1.2}.status-subtitle{font-size:.9rem;color:#6c757d;font-weight:500;line-height:1.3}@media (max-width: 768px){.live-class-card{margin-bottom:1rem}.live-class-header{padding:1rem}.status-and-course{flex-direction:column;align-items:flex-start;gap:.5rem}.live-class-title{font-size:1.2rem}.live-class-content{padding:1rem}.class-info-grid{grid-template-columns:1fr;gap:.75rem}.info-item{padding:.75rem;gap:.75rem}.info-icon{font-size:1.2rem;width:2rem;height:2rem}.live-class-footer{padding:1rem}.live-class-btn{padding:.75rem 1rem;font-size:.9rem}.status-message{padding:1rem;gap:.75rem}.status-icon{font-size:1.5rem;width:2.5rem;height:2.5rem}}.status-overlay{position:absolute;top:8px;right:8px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:2}.video-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.action-status{display:inline-block;padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:500;text-align:center;width:100%}.action-status.unavailable{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.action-status.upcoming{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.action-status.ended{background-color:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.live-btn{width:100%;padding:12px;font-size:1rem;font-weight:600;border-radius:6px;border:none;background-color:#dc3545;color:#fff;cursor:pointer;transition:all .2s ease}.live-btn:hover{background-color:#c82333;transform:translateY(-1px)}.live-btn:active{transform:translateY(0)}.video-instructor,.video-subject{color:#666;font-size:.9rem;margin-top:4px;display:block}@media (max-width: 768px){.status-overlay{font-size:.7rem;padding:2px 6px;top:4px;right:4px}.live-btn{font-size:.9rem;padding:10px}.action-status{font-size:.8rem;padding:6px 10px}}.nav-section{margin-bottom:1.5rem}.nav-section-title{font-size:.9rem;font-weight:600;color:#666;margin-bottom:.75rem;padding:0 1rem;text-transform:uppercase;letter-spacing:.5px}.course-quick-access{padding:0 1rem}.course-nav-item{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.course-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.course-nav-title{font-weight:600;color:#333;font-size:.9rem}.course-status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;text-transform:uppercase}.course-status-badge.active{background:#d4edda;color:#155724}.course-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.course-nav-link{padding:.5rem;background:#f8f9fa;border-radius:6px;text-decoration:none;color:#666;font-size:.8rem;text-align:center;transition:all .3s ease;border:1px solid #e9ecef}.course-nav-link:hover{background:#3ab5f0;color:#fff;transform:translateY(-1px)}.course-content-access{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.course-content-access h4{font-size:1rem;margin-bottom:.75rem;color:#333}.content-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.content-access-item{display:flex;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px;text-decoration:none;transition:all .3s ease;border:1px solid #e9ecef}.content-access-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:#fff}.content-access-item.documents:hover{border-color:#dc3545;box-shadow:0 4px 12px #dc354533}.content-access-item.videos:hover{border-color:#28a745;box-shadow:0 4px 12px #28a74533}.content-access-item.live:hover{border-color:#fd7e14;box-shadow:0 4px 12px #fd7e1433}.content-access-item.tests:hover{border-color:#6f42c1;box-shadow:0 4px 12px #6f42c133}.access-icon{font-size:1.5rem;margin-right:.5rem}.access-info{flex:1}.access-title{display:block;font-weight:600;color:#333;font-size:.9rem;margin-bottom:.2rem}.access-desc{display:block;color:#666;font-size:.8rem}.course-details{margin-top:1rem}.course-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:1rem}.course-stats span{padding:.5rem;background:#f8f9fa;border-radius:6px;font-size:.8rem;color:#666;border:1px solid #e9ecef;text-align:center}.course-filter-section{margin:1.5rem 0;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.course-filter-section h3{margin-bottom:1rem;color:#333;font-size:1.1rem}.course-filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;color:#666;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background:#e9ecef;border-color:#dee2e6;color:#333}.filter-tab.active{background:#3ab5f0;border-color:#3ab5f0;color:#fff}.filter-tab.active:hover{background:#0056b3;border-color:#0056b3}.page-description{margin-bottom:1rem}.active-filter{padding:.5rem 1rem;background:#e7f3ff;border:1px solid #3AB5F0;border-radius:6px;color:#3ab5f0;font-size:.9rem;margin-top:.5rem}.document-category{margin-bottom:2rem}.document-category h3{font-size:1.2rem;margin-bottom:1rem;color:#333;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.course-status-summary{margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.status-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-item:last-child{margin-bottom:0}.status-label{font-weight:500;color:#666;font-size:.85rem}.status-value{font-weight:600;color:#333;font-size:.85rem}.status-value.active{color:#28a745}.status-value.warning{color:#fd7e14}.status-value.expired{color:#dc3545}.course-stats span.expiring-soon{background:#fff3cd;border-color:#ffeaa7;color:#856404;font-weight:600}.course-stats span.expiring-soon small{font-weight:700;color:#d63384}.course-header h3{margin-bottom:.5rem;color:#333;font-size:1.1rem}.enrollment-badge,.payment-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.enrollment-badge{background:#d4edda;color:#155724}.payment-badge.paid{background:#cce5ff;color:#004085}.dashboard-page .courses-list{display:flex;flex-direction:column;gap:1.5rem}.course-card.dashboard-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;transition:all .3s ease}.course-card.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.course-nav-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;transition:all .3s ease}.course-nav-item:hover{border-color:#3ab5f0;box-shadow:0 4px 12px #3ab5f026}.course-card[data-course=tnpsc]{border-left:4px solid #dc3545}.course-card[data-course=ssc]{border-left:4px solid #28a745}.course-card[data-course=upsc]{border-left:4px solid #3AB5F0}.course-card[data-course=rrb]{border-left:4px solid #fd7e14}.course-card[data-course=banking]{border-left:4px solid #6f42c1}@media (max-width: 768px){.content-access-grid{grid-template-columns:1fr 1fr}.course-nav-actions,.course-stats{grid-template-columns:1fr}.access-title{font-size:.8rem}.access-desc{font-size:.7rem}.course-filter-tabs{flex-direction:column}.filter-tab{text-align:center}}@media (max-width: 480px){.content-access-grid{grid-template-columns:1fr}.course-nav-item,.course-filter-section{padding:.75rem}}.course-content-access{margin-top:1rem}.course-content-access h4{font-size:1rem;color:#333;margin-bottom:1rem;font-weight:600}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.content-button{display:flex;align-items:center;padding:.75rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.content-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;text-decoration:none;color:inherit}.content-button.documents{border-color:#17a2b8}.content-button.documents:hover{background:#f8f9fa;border-color:#138496}.content-button.videos{border-color:#dc3545}.content-button.videos:hover{background:#f8f9fa;border-color:#c82333}.content-button.live-classes{border-color:#28a745}.content-button.live-classes:hover{background:#f8f9fa;border-color:#218838}.content-button.test-series{border-color:#ffc107}.content-button.test-series:hover{background:#f8f9fa;border-color:#e0a800}.content-icon{font-size:1.5rem;margin-right:.75rem;flex-shrink:0}.content-info{display:flex;flex-direction:column;gap:.2rem}.content-title{font-weight:600;font-size:.9rem;color:#333}.content-desc{font-size:.75rem;color:#666}@media (max-width: 768px){.content-grid{grid-template-columns:1fr;gap:.5rem}.content-button{padding:.6rem}.content-icon{font-size:1.25rem;margin-right:.5rem}.content-title{font-size:.85rem}.content-desc{font-size:.7rem}}@media (max-width: 480px){.content-grid{grid-template-columns:1fr}}.course-details-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.course-detail-item{display:flex;align-items:center;padding:.5rem .75rem;background:#fff;border-radius:6px;border-left:3px solid #3AB5F0;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.course-detail-item:hover{box-shadow:0 2px 6px #00000026}.detail-icon{font-size:1.1rem;margin-right:.6rem;flex-shrink:0;width:20px;text-align:center;color:#3ab5f0}.detail-content{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;flex:1;min-width:0}.detail-label{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.detail-value{font-size:.85rem;color:#333;line-height:1.3;word-wrap:break-word}.detail-value.expiring-soon{color:#dc3545;font-weight:700}@media (max-width: 768px){.course-details-list{grid-template-columns:1fr;gap:.4rem}.course-detail-item{padding:.45rem .6rem}.detail-icon{font-size:1rem;margin-right:.5rem;width:18px}.detail-label{font-size:.7rem}.detail-value{font-size:.8rem}}@media (max-width: 480px){.course-details-list{gap:.3rem}.course-detail-item{padding:.4rem .55rem}.detail-icon{font-size:.95rem;margin-right:.45rem;width:16px}.detail-label{font-size:.65rem}.detail-value{font-size:.75rem}}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;background:#f8f9fa}.dashboard-loading .loading-spinner{background:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid #e9ecef}.dashboard-loading .loading-spinner div:first-child{border-top-color:#3ab5f0!important}.dashboard-loading .loading-spinner div:last-child{color:#333;font-weight:500}.unified-features-highlight{background:linear-gradient(135deg,#667eea10,#764ba220);padding:20px;border-radius:12px;margin:15px 0;border:2px solid #667eea}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:15px}.feature-item{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 15px;border-radius:8px;box-shadow:0 2px 8px #667eea1a;transition:all .3s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea33}.feature-icon{font-size:20px;font-weight:700;color:#6f42c1;min-width:30px;text-align:center;font-family:Times New Roman,serif}.feature-item span:last-child{font-size:14px;color:#333;font-weight:500}.buffer-month-tag{display:inline-block;background:#28a745;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:4px;margin-left:8px;vertical-align:middle}.dashboard-page{min-height:calc(100vh - 90px);padding:2rem 0;margin-top:20px;background:#f8f9fa}.dashboard-tabs{margin-bottom:2rem}.tab-nav{display:flex;gap:.5rem;padding:.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;min-height:60px;align-items:center}.tab-btn{background:transparent;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{background:#f8f9fa;color:#333;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 12px #007bff4d}.tab-btn.active:hover{background:linear-gradient(135deg,#0056b3,#004085)}.tab-content{min-height:400px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.content-header h2{font-size:1.8rem;font-weight:600;color:#333;margin:0 0 .5rem}.access-info{color:#666;font-size:.95rem;margin:0;padding:.5rem 1rem;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.access-info strong{color:#007bff;font-weight:600}.course-filter{display:flex;align-items:center;gap:1rem}.course-filter label{font-weight:500;color:#666;white-space:nowrap}.course-filter select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:.95rem}.videos-content{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #00000014}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.video-card{background:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.video-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.video-thumbnail{position:relative;height:200px;background:#e9ecef;overflow:hidden}.video-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:3rem;color:#adb5bd;background:linear-gradient(135deg,#e9ecef,#dee2e6)}.video-info{padding:1.5rem}.video-info h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.video-info p{color:#666;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.video-description{color:#777!important;font-style:italic;margin-top:1rem!important;line-height:1.5}.video-actions{padding:0 1.5rem 1.5rem}.video-actions .btn{width:100%;padding:.75rem;border-radius:8px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.documents-content{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #00000014}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.document-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.document-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.document-icon{font-size:3rem;color:#007bff;margin-bottom:1rem}.document-info h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.document-info p{color:#666;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.document-actions{margin-top:1rem;width:100%}.document-actions .btn{width:100%;padding:.75rem;border-radius:8px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.live-classes-content{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #00000014}.live-classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.live-class-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.live-class-info h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.live-class-info p{color:#666;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.live-class-actions{margin-top:1.5rem}.live-class-actions .btn{width:100%;padding:.75rem;border-radius:8px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.loading-message{text-align:center;padding:3rem;font-size:1.2rem;color:#666;background:#f8f9fa;border-radius:12px;margin:2rem 0}.no-content{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;border:2px dashed #dee2e6}.no-content-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-content h3{color:#495057;margin-bottom:1rem;font-size:1.5rem}.no-content p{color:#6c757d;font-size:1.1rem;line-height:1.6}@media (max-width: 768px){.tab-nav{justify-content:center;padding:.25rem}.tab-btn{padding:.6rem 1rem;font-size:.9rem;min-width:auto}.content-header{flex-direction:column;gap:1rem;align-items:flex-start}.course-filter{width:100%}.course-filter select{flex:1}.videos-grid,.documents-grid,.live-classes-grid{grid-template-columns:1fr}}@media (max-width: 480px){.tab-nav{gap:.25rem;padding:.25rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem;flex-direction:column;gap:.25rem;min-height:60px}.videos-content,.documents-content,.live-classes-content{padding:1rem}.content-header h2{font-size:1.5rem}}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:500}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;color:#155724;padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:600;font-size:.95rem;box-shadow:0 4px 12px #28a74533;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.success-message{padding:1.2rem;font-size:1rem;font-weight:700;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 6px 20px #28a7454d;text-align:center}.error-message{padding:1.2rem;font-size:1rem;font-weight:700;border-radius:12px;margin-bottom:1.5rem;text-align:center}}.selected-file{color:#007bff;font-weight:500;margin-top:.5rem}.dashboard-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem 2rem;box-shadow:0 4px 15px #00000014}.dashboard-header .header-content{flex:1}.dashboard-header h1{font-size:2.5rem;font-weight:600;color:#333;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:1.1rem;margin:0}.dashboard-nav{display:flex;gap:1rem;align-items:center}.nav-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.nav-btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-btn.btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.dashboard-header .header-content{text-align:center}.dashboard-header h1{font-size:2rem}.dashboard-nav{justify-content:center;flex-wrap:wrap}.nav-btn{padding:.5rem 1rem;font-size:.85rem}}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.dashboard-grid.no-sidebar{grid-template-columns:1fr}.dashboard-grid.no-sidebar .dashboard-main{max-width:800px;margin:0 auto}.dashboard-main{display:flex;flex-direction:column;gap:2rem}.dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem}.dashboard-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #00000014}.dashboard-card h2,.dashboard-card h3{margin-bottom:1.5rem;color:#333;font-weight:600}.enrolled-courses .courses-list{display:flex;flex-direction:column;gap:1.5rem}.course-card{padding:1.5rem}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.course-header h3{margin:0;color:#007bff;font-size:1.3rem}.progress-text{font-weight:600;color:#28a745}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;margin-bottom:1rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.course-stats{display:flex;gap:2rem;margin-bottom:1rem;color:#666;font-size:.9rem}.course-actions{display:flex;gap:1rem;margin-bottom:1rem}.next-class{color:#007bff;font-size:.9rem}.performance-summary .performance-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:#007bff}.stat-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.tests-list{display:flex;flex-direction:column;gap:1rem}.test-item{padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #ffc107}.test-name{font-weight:600;color:#333;margin-bottom:.25rem}.test-date{color:#007bff;font-size:.9rem;margin-bottom:.25rem}.test-duration{color:#666;font-size:.8rem;margin-bottom:.5rem}.actions-list{display:flex;flex-direction:column;gap:.75rem}.action-btn{justify-content:flex-start;text-align:left;text-decoration:none;display:flex;align-items:center}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #00000014;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2.5rem;padding:1rem;background:#f0f8ff;border-radius:50%}.stat-content .stat-value{font-size:2rem;font-weight:700;color:#007bff;display:block}.stat-content .stat-label{color:#666;font-size:.9rem}.admin-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.admin-main{display:flex;flex-direction:column;gap:2rem}.admin-sidebar{display:flex;flex-direction:column;gap:1.5rem}.table-container{overflow-x:auto}.performance-table{width:100%;border-collapse:collapse;background:#fff}.performance-table th,.performance-table td{padding:1rem;text-align:left;border-bottom:1px solid #e9ecef}.performance-table th{background:#f8f9fa;font-weight:600;color:#333}.course-name{font-weight:600;color:#007bff}.completion-bar{position:relative;width:80px;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden}.completion-fill{height:100%;background:#28a745}.completion-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tickets-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.ticket-item{padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #dc3545}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ticket-id{font-weight:600;color:#333}.ticket-priority{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.priority-high{background:#f8d7da;color:#721c24}.priority-medium{background:#fff3cd;color:#856404}.priority-low{background:#d1ecf1;color:#0c5460}.ticket-student{font-weight:600;color:#007bff}.ticket-issue{color:#666;margin-bottom:.5rem}.ticket-footer{display:flex;justify-content:space-between;align-items:center}.ticket-status{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-open{background:#f8d7da;color:#721c24}.status-in-progress{background:#fff3cd;color:#856404}.status-resolved{background:#d4edda;color:#155724}.enrollments-list{display:flex;flex-direction:column;gap:1rem}.enrollment-item{padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.enrollment-student{font-weight:600;color:#333}.enrollment-course{color:#007bff;font-weight:500}.enrollment-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.enrollment-date{color:#666;font-size:.8rem}.enrollment-amount{font-weight:600;color:#28a745}.btn-small{padding:.5rem 1rem;font-size:.8rem}.video-upload-section,.document-upload-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.video-upload-section h2{color:#000;margin-bottom:1.5rem;font-size:1.5rem}.video-upload-form{max-width:100%}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group.half{flex:1}.form-group label{display:flex;margin-bottom:.5rem;font-weight:500;color:#333}.form-control{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.file-upload-area{position:relative;border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.file-upload-area:hover{border-color:#007bff;background:#f8f9fa}.file-upload-area.drag-over{border-color:#28a745;background:#e8f5e8;transform:scale(1.02)}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-text{pointer-events:none}.upload-icon{font-size:2rem;display:block;margin-bottom:.5rem}.file-upload-text p{margin:.5rem 0;color:#666}.file-upload-text small{color:#888;font-size:.9rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-upload{padding:.75rem 2rem;font-size:1rem}.uploaded-videos{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.uploaded-videos h2{color:#000;margin-bottom:1.5rem;font-size:1.5rem}.videos-list{display:flex;flex-direction:column;gap:1rem}.video-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e9ecef;border-radius:8px;transition:all .3s ease}.video-item:hover{box-shadow:0 2px 8px #0000001a}.video-thumbnail{flex-shrink:0}.video-thumbnail img{width:120px;height:80px;object-fit:cover;border-radius:6px}.video-info{flex:1}.video-info h4{margin:0 0 .5rem;color:#000;font-size:1.1rem}.video-info p{margin:.25rem 0;color:#666;font-size:.9rem}.video-info small{color:#888;font-size:.8rem}.video-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-small{padding:.5rem 1rem;font-size:.9rem}.btn-danger{background:#dc3545;color:#fff;border:none}.btn-danger:hover{background:#c82333}.enrollment-badges{display:flex;gap:.5rem;flex-wrap:wrap}.payment-badge{padding:.25rem .75rem;border-radius:15px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.payment-badge.paid{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.payment-badge.pending{background:linear-gradient(135deg,#ffc107,#ff8c00);color:#fff}.payment-badge.failed{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.course-stats span:last-child{color:#6c757d;font-size:.9rem;font-style:italic}.no-enrollments{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;border:2px dashed #dee2e6}.no-enrollments-icon{font-size:4rem;margin-bottom:1rem}.no-enrollments h3{color:#495057;margin-bottom:1rem;font-size:1.5rem}.no-enrollments p{color:#6c757d;margin-bottom:1rem;font-size:1.1rem}.payment-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin:1.5rem 0;color:#856404}.payment-note strong{color:#664d03}@media (max-width: 968px){.dashboard-grid,.admin-dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.admin-stats{grid-template-columns:repeat(2,1fr)}.course-actions{flex-direction:column}.course-stats{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.dashboard-page{padding:1rem 0}.dashboard-card{padding:1rem;margin:0 1rem}.dashboard-header h1{font-size:1.8rem}.admin-stats,.performance-stats{grid-template-columns:1fr}}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.form-group.half{flex:none}.form-actions{flex-direction:column}.video-item{flex-direction:column;text-align:center}.video-actions{width:100%;justify-content:center}}.live-classes-management{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.live-classes-management h2{color:#333;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600;border-bottom:2px solid #e74c3c;padding-bottom:.5rem}.live-classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.live-class-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;transition:all .3s ease}.live-class-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.live-class-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.class-info h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.instructor{color:#666;font-size:.95rem;margin-bottom:.5rem}.course-badge{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-block}.class-status{padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:600;text-align:center;min-width:80px}.status-live{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;animation:pulse 2s infinite}.status-scheduled{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.live-class-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f3f4}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-size:.9rem;font-weight:500}.detail-value{color:#333;font-size:.9rem}.live-class-actions{display:flex;gap:.75rem;flex-wrap:wrap}.live-class-actions .btn{flex:1;min-width:120px;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px)}.live-classes-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:2px solid #e9ecef}.live-classes-actions .btn{padding:.8rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.live-classes-grid{grid-template-columns:1fr}.live-class-header{flex-direction:column;gap:1rem}.class-status{align-self:flex-start}.live-classes-actions{flex-direction:column;align-items:center}.live-classes-actions .btn{width:100%;max-width:300px}}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.document-category{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.document-category h3{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #007bff}.document-list{display:flex;flex-direction:column;gap:1rem}.document-item{align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 8px #0000000d}.document-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3ab5f0}.document-icon{font-size:2rem;min-width:3rem;color:#3ab5f0;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;height:3rem}.document-name{flex:1;font-weight:500;color:#333}.document-item .btn{font-size:.9rem;padding:.5rem 1rem}.document-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.document-viewer{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.document-viewer-header{padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.document-viewer-title h3{color:#2c3e50;margin:0;font-size:1.25rem}.document-viewer-title p{color:#6c757d;margin:.25rem 0 0;font-size:.9rem}.document-viewer-controls{display:flex;gap:.5rem}.document-viewer-content{flex:1;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.viewer-title h3{margin:0;font-size:1.25rem;color:#333}.viewer-title p{margin:.25rem 0 0;color:#666;font-size:.9rem}.viewer-controls{display:flex;gap:.5rem}.viewer-content{flex:1;padding:1rem;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-viewer{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.unsupported-format{text-align:center;padding:2rem;color:#666}.document-actions{display:flex;align-items:stretch;gap:.75rem;min-width:120px}.document-actions .btn{font-size:.9rem;padding:.75rem 1rem;border-radius:8px;font-weight:500;white-space:nowrap;text-decoration:none;text-align:center;border:none;cursor:pointer;transition:all .2s ease}.document-actions .btn-secondary{background:#28a745;color:#fff}.document-actions .btn-secondary:hover{background:#218838;transform:translateY(-1px)}.document-actions .btn-primary{background:#3ab5f0;color:#fff}.document-actions .btn-primary:hover{background:#2a9dd8;transform:translateY(-1px)}.video-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.video-viewer{background:#000;border-radius:12px;box-shadow:0 8px 32px #00000080;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.video-viewer .viewer-header{background:#000c;color:#fff;border-bottom:1px solid #444}.video-viewer .viewer-title h3{color:#fff}.video-viewer .viewer-title p{color:#ccc}.video-player-container{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:400px}.video-player-container video{width:100%;height:auto;max-height:70vh;outline:none}@media (max-width: 768px){.document-viewer,.video-viewer{width:95%;max-width:95%}.viewer-header{flex-direction:column;gap:1rem;align-items:flex-start}.viewer-controls{width:100%;justify-content:flex-end}.document-actions{gap:.25rem;align-items:stretch}}.video-description-preview{font-size:.85rem;color:#777;font-style:italic;margin-top:.25rem;display:block;line-height:1.3}.unsupported-video{font-size:.8rem;color:#999;font-style:italic;padding:.5rem;background:#f5f5f5;border-radius:4px;text-align:center}.document-item:has(.video-description-preview){min-height:120px}.document-item:has(.video-description-preview) .document-details{flex:1.2}.document-details{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.document-details .document-name{font-weight:600;color:#333;font-size:1.1rem;line-height:1.3;margin-bottom:.25rem}.document-details .document-description{font-size:.9rem;color:#666;line-height:1.4}.document-details .document-subcategory{font-size:.85rem;color:#3ab5f0;font-weight:500;background:#e7f3ff;padding:.25rem .5rem;border-radius:4px;align-self:flex-start}.document-details .document-date{font-size:.8rem;color:#999;font-style:italic}.video-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem}.video-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3ab5f0}.video-thumbnail{position:relative;flex-shrink:0;width:200px;height:120px;border-radius:8px;overflow:hidden;background:#f8f9fa}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#3ab5f0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease}.video-thumbnail:hover .play-overlay{opacity:1}.play-button{width:60px;height:60px;background:#3ab5f0e6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:transform .2s ease}.play-button:hover{transform:scale(1.1);background:#3ab5f0}.video-details{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.video-title{font-weight:600;color:#333;font-size:1.2rem;line-height:1.3;margin-bottom:.25rem}.video-description{font-size:.95rem;color:#666;line-height:1.4;margin-bottom:.5rem}.video-subcategory{font-size:.85rem;color:#3ab5f0;font-weight:500;background:#e7f3ff;padding:.25rem .5rem;border-radius:4px;align-self:flex-start}.video-duration{font-size:.8rem;color:#28a745;font-weight:500}.video-date{font-size:.8rem;color:#999;font-style:italic}.video-actions{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;min-width:140px}.video-actions .btn{font-size:.9rem;padding:.75rem 1rem;border-radius:8px;font-weight:500;white-space:nowrap;text-decoration:none;text-align:center;border:none;cursor:pointer;transition:all .2s ease;background:#3ab5f0;color:#fff}.video-actions .btn:hover{background:#2a9dd8;transform:translateY(-1px)}@media (max-width: 768px){.video-item{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.video-thumbnail{width:100%;height:200px;align-self:center}.video-actions{flex-direction:row;justify-content:center;gap:1rem}.video-actions .btn{flex:1;min-width:auto}}@media (max-width: 480px){.video-item{padding:.75rem;gap:.75rem}.video-thumbnail{height:150px}.video-title{font-size:1.1rem}.video-description,.video-subcategory{font-size:.8rem}.video-actions .btn{padding:.6rem .8rem;font-size:.85rem}}@media (max-width: 768px){.document-item{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.document-icon{align-self:center;margin-bottom:.5rem}.document-actions{flex-direction:row;justify-content:center;gap:1rem}.document-actions .btn{flex:1;min-width:auto}}@media (max-width: 480px){.document-item{padding:.75rem;gap:.75rem}.document-icon{font-size:1.5rem;height:2.5rem;min-width:2.5rem}.document-details .document-name{font-size:1rem}.document-details .document-description,.document-details .document-subcategory{font-size:.8rem}.document-actions{flex-direction:column;gap:.5rem}.document-actions .btn{padding:.6rem .8rem;font-size:.85rem}}.live-class-upload-section{background:#fff;padding:2rem;margin-bottom:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef}.live-class-upload-section h2{color:#333;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:.5rem}.live-class-upload-form{max-width:100%}.live-class-upload-form .form-group{margin-bottom:1.5rem}.live-class-upload-form .form-group label{display:flex;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.95rem}.live-class-upload-form .form-control{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.live-class-upload-form .form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.live-class-upload-form .form-text{font-size:.85rem;color:#666;margin-top:.25rem}.live-class-upload-form .form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.live-class-upload-form .form-row .form-group{flex:1;margin-bottom:0}.live-class-upload-form .form-actions{display:flex;gap:1rem;justify-content:flex-start;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #e9ecef}.live-class-upload-form .btn-upload{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.live-class-upload-form .btn-upload:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.live-class-upload-form .btn-upload:disabled{opacity:.7;cursor:not-allowed;transform:none}.live-class-upload-form .btn-secondary{background:#6c757d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.live-class-upload-form .btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.live-class-upload-section .error-message{background:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #dc3545}.live-class-upload-section .success-message{background:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #28a745}@media (max-width: 768px){.live-class-upload-section{padding:1.5rem;margin-bottom:1.5rem}.live-class-upload-section h2{font-size:1.25rem}.live-class-upload-form .form-row{flex-direction:column;gap:.5rem}.live-class-upload-form .form-row .form-group{margin-bottom:1rem}.live-class-upload-form .form-actions{flex-direction:column;align-items:stretch}.live-class-upload-form .btn-upload,.live-class-upload-form .btn-secondary{width:100%;justify-content:center}}.student-report-section{margin-top:1.5rem}.student-report-section h3{color:#333;margin-bottom:1rem;font-size:1.2rem;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:.5rem}.report-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.report-actions .action-btn{width:100%;text-align:center}.student-report-content{margin-top:1rem}.report-filters{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid #e9ecef}.report-filters h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:.75rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-select,.filter-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fff}.filter-select:focus,.filter-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.report-loading,.report-error,.report-empty{text-align:center;padding:2rem;color:#666}.loading-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.report-summary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.report-summary p{margin:.25rem 0;font-weight:500}.student-cards{max-height:600px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.student-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:10px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease}.student-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.student-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.student-basic-info h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:.25rem}.student-contact{color:#666;font-size:.75rem;margin:0}.payment-badge{padding:.3rem .6rem;border-radius:15px;font-size:.7rem;font-weight:600;text-align:center;min-width:50px}.student-details-grid{display:grid;grid-template-columns:1fr;gap:.4rem;margin-bottom:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.25rem 0;font-size:.75rem}.detail-item .label{color:#666;font-weight:500;flex:0 0 40%}.detail-item .value{color:#333;font-weight:600;text-align:right;flex:1;word-break:break-word}.detail-item .value.amount{color:#27ae60;font-weight:700}.status-badge{padding:.2rem .5rem;border-radius:10px;font-size:.65rem;font-weight:600;text-transform:capitalize}.status-badge.pending{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#e17055}.status-badge.approved{background:linear-gradient(135deg,#81ecec,#74b9ff);color:#0984e3}.status-badge.completed{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.status-badge.rejected{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff}.id-proof-section{flex-direction:column;align-items:stretch!important;background:#f8f9fa;border-radius:8px;padding:.75rem;border:1px solid #e9ecef}.id-proof-section .label{margin-bottom:.5rem;flex:none}.id-proof-controls{display:flex;flex-direction:column;gap:.5rem}.id-proof-info{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:600;color:#333;font-size:.75rem}.file-details{color:#666;font-size:.65rem}.id-proof-actions{display:flex;gap:.5rem;margin-top:.5rem}.id-proof-actions .btn{padding:.25rem .75rem;font-size:.7rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.id-proof-actions .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.id-proof-actions .btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.id-proof-actions .btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff}.id-proof-actions .btn-secondary:hover{background:linear-gradient(135deg,#545b62,#3d4043);transform:translateY(-1px)}.no-document{color:#dc3545;font-weight:500;font-style:italic}.parent-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f3f4}.parent-details h5{color:#333;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.parent-info{display:flex;flex-direction:column;gap:.25rem}.parent-info span{font-size:.7rem;color:#666}@media (max-width: 768px){.filter-group{gap:.75rem}.student-card{padding:.75rem}.student-card-header{flex-direction:column;gap:.5rem}.payment-badge{align-self:flex-start}.detail-item{flex-direction:column;align-items:flex-start;gap:.1rem}.detail-item .value{text-align:left}.student-cards{max-height:500px}}.content-deletion-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.content-deletion-section h3{color:#dc3545;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.section-description{color:#666;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.deletion-form .form-group{margin-bottom:1.5rem}.deletion-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.deletion-form .form-control{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:border-color .3s ease}.deletion-form .form-control:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-text{font-size:.8rem;color:#6c757d;margin-top:.25rem;font-style:italic}.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.deletion-warning{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-radius:8px}.warning-box h5{color:#856404;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.warning-box ul{margin:0;padding-left:1.2rem;color:#856404}.warning-box li{margin-bottom:.5rem;font-size:.9rem;line-height:1.4}.warning-box strong{color:#721c24;font-weight:700}.deletion-form .form-actions{display:flex;gap:1rem;margin-top:1.5rem}.deletion-form .form-actions .btn{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.deletion-form .btn-secondary{background:#6c757d;color:#fff}.deletion-form .btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.content-deletion-section .error-message{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:8px;border:1px solid #f5c6cb;margin-bottom:1rem}.content-deletion-section .success-message{background:#d4edda;color:#155724;padding:.75rem;border-radius:8px;border:1px solid #c3e6cb;margin-bottom:1rem}@media (max-width: 768px){.content-deletion-section{padding:1rem}.deletion-form .form-actions{flex-direction:column}.warning-box{padding:.75rem}.warning-box ul{padding-left:1rem}}.course-starting-soon{color:#ff6b35;background-color:#fff2e6;padding:2px 6px;border-radius:12px;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:.85em;font-weight:500;margin-left:8px}.status-badge.not-started{background-color:#fff2e6;color:#ff6b35;border:1px solid #ffcc99}.status-badge.started{background-color:#e6f4ea;color:#137333;border:1px solid #99d7a5}.status-badge.expiring{background-color:#fef7e0;color:#8a6914;border:1px solid #f4d06f}.expiring-soon{color:#d32f2f!important;font-weight:600}.course-stats span small{font-size:.8em;opacity:.7}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0}.checkbox-label{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;font-weight:500;color:#333;transition:color .3s ease;padding:.5rem 0;line-height:1.4}.checkbox-label:hover{color:#3ab5f0}.checkbox-input{width:20px;height:20px;accent-color:#3AB5F0;cursor:pointer;margin-top:2px;flex-shrink:0}.checkbox-text{font-size:1rem;-webkit-user-select:none;user-select:none;flex:1;word-wrap:break-word;line-height:1.4}.form-help{color:#6c757d;font-size:.875rem;line-height:1.4;margin-top:.25rem;font-style:italic}.google-auth-status{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:20px}.auth-loading{color:#6c757d;font-weight:500;display:flex;align-items:center;gap:8px}.auth-success{color:#28a745;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-success .revoke-btn{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.auth-success .revoke-btn:hover{background:#c82333}.auth-required{text-align:center}.auth-warning{color:#856404;background:#fff3cd;border:1px solid #ffeaa7;padding:8px 12px;border-radius:4px;margin-bottom:10px;font-weight:500}.connect-google-btn{background:#4285f4;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.connect-google-btn:hover{background:#3367d6;transform:translateY(-1px);box-shadow:0 2px 8px #4285f44d}.auth-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;padding:8px 12px;border-radius:4px;margin-top:10px;font-size:.875rem}.test-series-container{max-width:1200px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh}.test-series-header{text-align:center;margin-bottom:30px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.test-series-header h1{color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.test-series-header p{color:#6c757d;font-size:1.1rem}.loading{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.error-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px 20px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#856404}.error-icon{font-size:1.2rem}.no-tests{text-align:center;background:#fff;padding:60px 30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.no-tests-icon{font-size:4rem;margin-bottom:20px}.no-tests h3{color:#2c3e50;margin-bottom:15px}.no-tests p{color:#6c757d;font-size:1.1rem}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;margin-bottom:40px}.test-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.test-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.test-card-header{padding:20px 25px 15px;border-bottom:1px solid #e9ecef;position:relative}.test-card-header h3{color:#2c3e50;margin-bottom:10px;font-size:1.3rem;line-height:1.4}.course-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-badge.tnpsc{background:#e3f2fd;color:#1976d2}.course-badge.ssc{background:#f3e5f5;color:#7b1fa2}.course-badge.rrb{background:#e8f5e8;color:#388e3c}.course-badge.banking{background:#fff3e0;color:#f57c00}.course-badge.tnusrb{background:#fce4ec;color:#c2185b}.test-card-body{padding:20px 25px}.test-description{color:#6c757d;margin-bottom:20px;line-height:1.5;font-size:.95rem}.test-stats{display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.stat-icon{font-size:1.5rem;margin-bottom:5px}.stat-value{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:2px}.stat-label{font-size:.8rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.test-attempts{background:#e3f2fd;padding:10px 15px;border-radius:8px;margin-bottom:15px}.attempts-info{color:#1976d2;font-weight:600;font-size:.9rem}.test-instructions{margin-bottom:20px}.test-instructions h4{color:#2c3e50;margin-bottom:10px;font-size:1rem}.test-instructions ul{margin:0;padding-left:20px}.test-instructions li{color:#6c757d;margin-bottom:5px;font-size:.9rem;line-height:1.4}.test-dates{margin-bottom:15px;padding-top:15px;border-top:1px solid #e9ecef}.test-dates p{margin-bottom:8px;font-size:.9rem;color:#6c757d}.test-dates strong{color:#2c3e50}.test-card-footer{padding:20px 25px;border-top:1px solid #e9ecef;background:#f8f9fa;display:flex;gap:12px;flex-wrap:wrap}.btn{padding:16px 28px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;flex:1;min-width:140px;margin:4px;box-shadow:0 2px 4px #0000001a}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#003d82);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.btn-warning:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.btn-secondary:hover{background:linear-gradient(135deg,#545b62,#3d4147);transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.btn-disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.btn-disabled:hover{transform:none}@media (max-width: 768px){.test-series-container{padding:15px}.tests-grid{grid-template-columns:1fr;gap:20px}.test-series-header{padding:20px}.test-series-header h1{font-size:2rem}.test-stats{flex-direction:column;gap:15px}.stat{flex-direction:row;justify-content:space-between;align-items:center}.test-card-footer{flex-direction:column}.btn{flex:none}}@media (max-width: 480px){.test-card-header,.test-card-body,.test-card-footer{padding:15px 20px}}.test-status-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.in-progress{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.available{background-color:#cce5ff;color:#06c;border:1px solid #99d6ff}.latest-score{color:#28a745;font-weight:600;font-size:.9rem;margin-left:15px;padding:2px 6px;background-color:#d4edda;border-radius:4px}.btn.btn-info{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn.btn-info:hover{background-color:#138496;border-color:#117a8b}.btn.btn-info:focus{box-shadow:0 0 0 .2rem #17a2b880}.test-actions .btn{padding:16px 32px;margin:6px 8px;font-size:.95rem;letter-spacing:.5px;border-radius:12px;box-shadow:0 3px 6px #0000001f;transition:all .3s ease}.test-actions .btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.test-actions .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:2px solid transparent}.test-actions .btn-primary:hover{background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 6px 20px #007bff66}.test-actions .btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border:2px solid transparent}.test-actions .btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 6px 20px #28a74566}.test-actions .btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border:2px solid transparent}.test-actions .btn-warning:hover{background:linear-gradient(135deg,#e0a800,#d39e00);box-shadow:0 6px 20px #ffc10766}.test-actions .btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff;border:2px solid transparent}.test-actions .btn-secondary:hover{background:linear-gradient(135deg,#545b62,#3d4147);box-shadow:0 6px 20px #6c757d66}.btn.btn-info:focus{box-shadow:0 0 0 .2rem #17a2b840}.dashboard-container .test-item{display:flex!important;align-items:flex-start!important;padding:25px;border:2px solid #e9ecef;border-radius:12px;margin-bottom:20px;background:#fafafa;transition:all .2s;gap:25px!important;justify-content:unset!important}.test-item:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea1a;transform:translateY(-2px)}.test-details{flex:1;display:flex;flex-direction:column;gap:8px}.test-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:5px;line-height:1.3}.test-description{color:#6c757d;font-size:.95rem;line-height:1.4;margin-bottom:10px}.test-meta{display:flex;flex-direction:column;gap:5px}.test-subcategory,.test-info,.test-duration,.test-attempts,.test-date{font-size:.9rem;color:#495057;display:flex;align-items:center;gap:5px}.test-subcategory{font-weight:500;color:#007bff}.test-status{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:120px}.test-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:120px;padding:5px;flex-shrink:0}@media (max-width: 768px){.test-item{flex-direction:column;align-items:stretch;gap:15px}.test-status{align-items:stretch;min-width:auto}.test-meta{gap:3px}.test-subcategory,.test-info,.test-duration,.test-attempts,.test-date{font-size:.85rem}}.test-attempt-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.test-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px 40px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 8px 32px #0000001a;border-radius:0 0 20px 20px}.test-info h2{color:#2c3e50;margin:0 0 8px;font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.question-counter{color:#5a6c7d;font-weight:600;font-size:1rem;background:#677eea1a;padding:6px 12px;border-radius:20px;border:1px solid rgba(103,126,234,.2)}.timer-section{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.timer{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;padding:15px 25px;border-radius:15px;font-size:1.4rem;font-weight:700;font-family:Courier New,monospace;border:none;min-width:140px;text-align:center;box-shadow:0 8px 25px #28a7454d;animation:pulse-timer 2s ease-in-out infinite}@keyframes pulse-timer{0%,to{transform:scale(1);box-shadow:0 8px 25px #28a7454d}50%{transform:scale(1.05);box-shadow:0 12px 35px #28a74566}}.timer-warning{background:#ffebee!important;color:#c62828!important;border-color:#f44336!important;animation:pulse-warning 1s infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.progress-info{color:#6c757d;font-size:.9rem;font-weight:600}.test-body{display:flex;height:calc(100vh - 120px);gap:20px;padding:20px}.question-nav-panel{width:320px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:none;border-radius:20px;padding:30px 25px;overflow-y:auto;position:sticky;top:140px;height:calc(100vh - 160px);box-shadow:0 10px 40px #0000001a}.question-nav-panel h4{color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #667eea;font-size:1.2rem;font-weight:700}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:25px}.question-nav-btn{width:50px;height:50px;border:none;background:#fffc;border-radius:12px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.question-nav-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #00000026}.question-nav-btn.answered{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;box-shadow:0 6px 20px #28a7454d}.question-nav-btn.visited{background:linear-gradient(45deg,#fd7e14,#ffc107);color:#fff;box-shadow:0 6px 20px #fd7e144d}.question-nav-btn.not-visited{background:#f8f9fae6;color:#6c757d;box-shadow:0 2px 8px #0000001a}.question-nav-btn.current{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 0 0 3px #667eea66,0 8px 25px #667eea4d;animation:current-pulse 2s ease-in-out infinite}@keyframes current-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#6c757d}.legend-color{width:20px;height:20px;border-radius:4px;border:2px solid}.legend-color.answered{background:#4caf50;border-color:#4caf50}.legend-color.visited{background:#ff9800;border-color:#ff9800}.legend-color.not-visited{background:#f5f5f5;border-color:#ddd}.legend-color.current{background:#fff;border-color:#2196f3;border-width:3px}.question-content{flex:1;padding:40px 45px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;border-radius:20px;box-shadow:0 15px 50px #0000001a;overflow-y:auto}.question-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid linear-gradient(45deg,#667eea,#764ba2)}.question-number{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1.1rem;box-shadow:0 6px 20px #667eea4d}.question-marks{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #28a74533}.question-subject{background:linear-gradient(45deg,#e83e8c,#fd7e14);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #e83e8c33}.question-text{font-size:1.25rem;line-height:1.7;color:#2c3e50;margin-bottom:35px;padding:25px;background:linear-gradient(145deg,#f8f9ff,#e8f0ff);border-radius:15px;border:none;box-shadow:0 8px 25px #667eea1a;border-left:5px solid #667eea}.options-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.option-label{display:flex;align-items:flex-start;gap:20px;padding:25px;border:2px solid rgba(102,126,234,.2);border-radius:15px;cursor:pointer;transition:all .3s ease;background:linear-gradient(145deg,#fff,#f8f9ff);position:relative;box-shadow:0 5px 20px #00000014}.option-label:hover{border-color:#667eea;background:linear-gradient(145deg,#f8f9ff,#e8f0ff);transform:translateY(-3px);box-shadow:0 10px 30px #667eea33}.option-label input[type=radio]{width:20px;height:20px;margin-top:2px;cursor:pointer}.option-label input[type=radio]:checked+.option-number{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66;transform:scale(1.1)}.option-label:has(input[type=radio]:checked){border-color:#667eea;background:linear-gradient(145deg,#e8f0ff,#f0f4ff);box-shadow:0 0 0 3px #667eea4d,0 10px 30px #667eea33;transform:translateY(-2px)}.option-number{background:#667eea1a;color:#667eea;padding:8px 12px;border-radius:12px;font-weight:700;font-size:1rem;min-width:35px;text-align:center;transition:all .3s ease;border:2px solid rgba(102,126,234,.2)}.option-text{flex:1;font-size:1.1rem;line-height:1.6;color:#2c3e50;font-weight:500}.question-actions{display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:2px solid #e9ecef}.navigation-buttons{display:flex;gap:15px}.btn{padding:15px 30px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;gap:10px;box-shadow:0 5px 15px #0003}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary{background:linear-gradient(45deg,#6c757d,#5a6268);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(45deg,#5a6268,#495057);transform:translateY(-3px);box-shadow:0 8px 25px #6c757d4d}.btn-danger{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff;font-size:1.1rem;padding:18px 35px;font-weight:700}.btn-danger:hover:not(:disabled){background:linear-gradient(45deg,#c82333,#bd2130);transform:translateY(-3px);box-shadow:0 10px 30px #dc354566}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:30px;border-radius:15px;max-width:500px;width:90%;box-shadow:0 15px 50px #0000004d;text-align:center}.modal-content h3{color:#2c3e50;margin-bottom:20px;font-size:1.4rem}.modal-content p{color:#6c757d;margin-bottom:15px;line-height:1.6}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.loading,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 30px;background:#fff;margin:50px;border-radius:15px;box-shadow:0 4px 15px #0000001a;text-align:center}@media (max-width: 1024px){.question-nav-panel{width:250px}.question-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.test-header{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}.test-body{flex-direction:column;height:auto}.question-nav-panel{width:100%;height:auto;position:static;border-right:none;border-bottom:2px solid #e9ecef;padding:20px}.question-grid{grid-template-columns:repeat(6,1fr)}.question-nav-btn{width:40px;height:40px}.question-content{margin:0;border-radius:0}.question-actions{flex-direction:column;gap:20px}.navigation-buttons{order:2;width:100%;justify-content:space-between}}@media (max-width: 480px){.question-content{padding:20px}.question-text{font-size:1rem;padding:15px}.option-label{padding:15px}.modal-content{padding:20px;margin:20px}}.tamil-text{font-family:Tamil,Noto Sans Tamil,Latha,Arial,sans-serif!important;font-size:1.1em;line-height:1.8}.bilingual-text{font-family:Tamil,Noto Sans Tamil,Arial,sans-serif!important;font-size:1.05em;line-height:1.7}.english-text{font-family:Arial,sans-serif;line-height:1.6}.question-image{margin:30px 0;text-align:center;background:linear-gradient(145deg,#fff,#f0f4ff);padding:30px;border-radius:20px;border:3px solid #667eea;box-shadow:0 10px 40px #667eea33;position:relative}.question-image:before{content:"📷 Question Image";position:absolute;top:-10px;left:20px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:5px 15px;border-radius:15px;font-size:.8rem;font-weight:600}.question-img{max-width:100%;max-height:500px;border-radius:15px;box-shadow:0 8px 30px #00000026;transition:all .3s ease;cursor:pointer}.question-img:hover{transform:scale(1.02);box-shadow:0 15px 50px #0003}.option-content{display:flex;flex-direction:column;flex:1}.option-image{margin-top:20px;text-align:center;background:linear-gradient(145deg,#f8f9ff,#e8f0ff);padding:15px;border-radius:12px;border:2px solid rgba(102,126,234,.2)}.option-img{max-width:250px;max-height:180px;border-radius:12px;box-shadow:0 6px 20px #00000026;transition:all .3s ease;cursor:pointer}.option-img:hover{transform:scale(1.05);box-shadow:0 10px 30px #0003}.test-results-container{max-width:1000px;margin:0 auto;padding:20px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.results-header{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:40px 30px;border-radius:15px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.results-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:#ffffff1a;transform:rotate(45deg)}.results-title{position:relative;z-index:1}.results-title h1{margin:0 0 10px;font-size:2.2rem;font-weight:700}.results-title h2{margin:0 0 10px;font-size:1.4rem;font-weight:500;opacity:.9}.results-title p{margin:0;opacity:.8;font-size:.95rem}.grade-display{position:relative;z-index:1;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3)}.grade-letter{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.grade-text{font-size:.8rem;font-weight:600;color:#fff;text-align:center}.score-summary{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:20px;margin-bottom:40px}.score-card{background:#fff;border-radius:15px;padding:25px 20px;text-align:center;box-shadow:0 5px 20px #0000001a;transition:transform .2s;position:relative;overflow:hidden}.score-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2196f3,#1976d2)}.score-card:hover{transform:translateY(-5px)}.score-card.main-score{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.score-card.main-score:before{background:#ffffff4d}.score-icon{font-size:2.5rem;margin-bottom:15px;display:block}.score-icon.correct{color:#4caf50}.score-icon.wrong{color:#f44336}.score-icon.unattempted{color:#9e9e9e}.score-icon.time{color:#ff9800}.score-details{display:flex;flex-direction:column;gap:5px}.score-value{font-size:2rem;font-weight:900;line-height:1}.score-label{font-size:.9rem;opacity:.8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.score-fraction{font-size:.85rem;opacity:.7;margin-top:5px}.performance-analysis{background:#fff;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px #0000001a}.performance-analysis h3{color:#2c3e50;margin-bottom:25px;font-size:1.4rem}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.analysis-card{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e9ecef}.analysis-title{font-size:.9rem;font-weight:600;color:#6c757d;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.analysis-value{font-size:2rem;font-weight:900;color:#2c3e50;margin-bottom:15px}.analysis-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:10px}.analysis-fill{height:100%;border-radius:4px;transition:width .8s ease}.analysis-fill.accuracy{background:linear-gradient(90deg,#4caf50,#8bc34a)}.analysis-fill.completion{background:linear-gradient(90deg,#2196f3,#03a9f4)}.analysis-description{font-size:.8rem;color:#6c757d;margin-top:5px}.status-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:15px 20px;margin-bottom:30px;display:flex;align-items:center;gap:12px;color:#856404}.warning-icon{font-size:1.2rem}.action-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.btn{padding:15px 30px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;gap:8px}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-2px)}.detailed-results{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #0000001a}.detailed-results h3{color:#2c3e50;margin-bottom:30px;font-size:1.4rem}.question-result{border-radius:12px;margin-bottom:25px;overflow:hidden;border:2px solid #e9ecef;background:#fff}.question-result.correct{border-color:#4caf50;background:#f1f8e9}.question-result.wrong{border-color:#f44336;background:#ffebee}.question-result.skipped{border-color:#9e9e9e;background:#f5f5f5}.question-result-header{padding:15px 20px;background:#00000008;border-bottom:1px solid #e9ecef}.question-info{display:flex;align-items:center;gap:15px}.question-num{background:#2c3e50;color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.85rem}.result-indicator{font-size:1.2rem}.marks-info{font-weight:600;font-size:.9rem}.question-result.correct .marks-info{color:#4caf50}.question-result.wrong .marks-info{color:#f44336}.question-result.skipped .marks-info{color:#9e9e9e}.question-content{padding:20px}.question-text{font-size:1.05rem;line-height:1.6;color:#2c3e50;margin-bottom:20px;padding:15px;background:#00000005;border-radius:8px;border-left:4px solid #2196f3}.options-review{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option-review{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;border:2px solid transparent;background:#00000005}.option-review.correct-answer{background:#e8f5e9;border-color:#4caf50}.option-review.selected-answer:not(.correct-answer){background:#ffebee;border-color:#f44336}.option-number{background:#e9ecef;color:#6c757d;padding:4px 8px;border-radius:4px;font-weight:700;font-size:.85rem;min-width:24px;text-align:center}.option-review.correct-answer .option-number{background:#4caf50;color:#fff}.option-review.selected-answer:not(.correct-answer) .option-number{background:#f44336;color:#fff}.option-text{flex:1;font-size:.95rem;color:#2c3e50}.correct-indicator{color:#4caf50;font-size:.85rem;font-weight:600}.selected-indicator{color:#f44336;font-size:.85rem;font-weight:600}.explanation{background:#f8f9fa;padding:20px;border-radius:10px;border-left:4px solid #2196f3;margin-top:15px}.explanation h5{color:#2c3e50;margin-bottom:10px;font-size:1rem}.explanation p{color:#6c757d;line-height:1.6;margin:0}.loading,.error-message,.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 30px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;text-align:center;margin-top:50px}.loading-spinner{width:50px;height:50px;border:4px solid #e3e3e3;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-icon{font-size:3rem;margin-bottom:15px}@media (max-width: 1024px){.score-summary{grid-template-columns:1fr 1fr;gap:15px}.score-card.main-score{grid-column:1 / -1}}@media (max-width: 768px){.test-results-container{padding:15px}.results-header{flex-direction:column;text-align:center;gap:20px;padding:30px 20px}.grade-display{width:100px;height:100px}.grade-letter{font-size:2rem}.score-summary,.analysis-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.question-content{padding:15px}}@media (max-width: 480px){.results-header{padding:20px 15px}.results-title h1{font-size:1.8rem}.results-title h2{font-size:1.2rem}.performance-analysis,.detailed-results{padding:20px}.question-result-header{padding:12px 15px}.question-info{flex-wrap:wrap;gap:10px}}.upload-modal-overlay{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(5px);backdrop-filter:blur(5px)}.upload-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-modal-header{display:flex;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;position:relative}.upload-modal-icon{font-size:2rem;margin-right:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.upload-modal-loading .upload-modal-icon{animation:spin 2s linear infinite}.upload-modal-title{flex:1;margin:0;font-size:1.25rem;font-weight:600;color:#333}.upload-modal-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.upload-modal-close:hover{background:#f5f5f5;color:#666}.upload-modal-content{padding:1.5rem}.upload-modal-message{margin:0 0 1rem;color:#666;line-height:1.5}.upload-file-info{background:#f8f9fa;border-radius:8px;padding:1rem;margin:1rem 0}.file-detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.file-detail:last-child{margin-bottom:0}.file-label{font-weight:500;color:#666;flex-shrink:0;margin-right:1rem}.file-value{color:#333;text-align:right;word-break:break-all}.upload-progress{margin-top:1.5rem}.progress-bar{background:#e9ecef;border-radius:10px;height:8px;overflow:hidden;position:relative;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .3s ease;border-radius:10px;position:relative;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.2) 25%,rgba(255,255,255,.2) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.2) 75%);background-size:1rem 1rem;animation:progressStripes 1s linear infinite}@keyframes progressStripes{0%{background-position:0 0}to{background-position:1rem 0}}.progress-text{text-align:center;font-size:.875rem;color:#666;font-weight:500}.upload-modal-actions{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:.5rem}.upload-modal-success .upload-modal-header{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-bottom-color:#c3e6cb}.upload-modal-success .upload-modal-title{color:#155724}.upload-modal-error .upload-modal-header{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-bottom-color:#f5c6cb}.upload-modal-error .upload-modal-title{color:#721c24}.upload-modal-loading .upload-modal-header{background:linear-gradient(135deg,#cce7ff,#b3d9ff);border-bottom-color:#b3d9ff}.upload-modal-loading .upload-modal-title{color:#004085}.upload-modal-actions .btn{padding:.5rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-modal-actions .btn-primary{background:#007bff;color:#fff}.upload-modal-actions .btn-primary:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.upload-modal-actions .btn-secondary{background:#6c757d;color:#fff}.upload-modal-actions .btn-secondary:hover{background:#545b62;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}@media (max-width: 768px){.upload-modal{margin:1rem;width:calc(100% - 2rem);max-height:90vh}.upload-modal-header,.upload-modal-content,.upload-modal-actions{padding:1rem}.file-detail{flex-direction:column;align-items:flex-start;gap:.25rem}.file-value{text-align:left}.upload-modal-title{font-size:1.1rem}.upload-modal-message{font-size:.9rem;line-height:1.6}.upload-modal-success{border:3px solid #28a745;box-shadow:0 8px 25px #28a7454d}.upload-modal-success .upload-modal-header{background:linear-gradient(135deg,#d4edda,#28a745);color:#fff}.upload-modal-success .upload-modal-title{color:#fff;font-weight:700}.progress-bar{height:12px}.progress-text{font-size:1rem;font-weight:700}}@media (max-width: 480px){.upload-modal{margin:.5rem;width:calc(100% - 1rem);max-height:95vh}.upload-modal-icon{font-size:1.5rem}.upload-modal-title{font-size:1rem}.upload-modal-message{font-size:.85rem}.upload-modal-actions .btn{padding:.75rem 2rem;font-size:1rem;min-width:120px}}.notification-toast{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:400px;z-index:1000;transition:all .3s ease;border-left:4px solid #007bff}.notification-toast.visible{opacity:1;transform:translate(0)}.notification-toast.hidden{opacity:0;transform:translate(100%)}.toast-content{display:flex;align-items:center;padding:12px 16px;gap:8px}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{flex:1;color:#333;font-size:.9rem;line-height:1.4}.toast-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#f5f5f5;color:#666}.notification-toast-success{border-left-color:#28a745}.notification-toast-success .toast-content{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.notification-toast-error{border-left-color:#dc3545}.notification-toast-error .toast-content{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.notification-toast-warning{border-left-color:#ffc107}.notification-toast-warning .toast-content{background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.notification-toast-info{border-left-color:#17a2b8}.notification-toast-info .toast-content{background:linear-gradient(135deg,#d1ecf1,#bee5eb)}@media (max-width: 768px){.notification-toast{right:10px;left:10px;top:80px;min-width:auto;max-width:none;border-radius:12px;box-shadow:0 8px 25px #00000040;z-index:9999}.toast-content{padding:16px 20px}.toast-icon{font-size:1.4rem}.toast-message{font-size:.95rem;font-weight:600;line-height:1.5}.toast-close{width:28px;height:28px;font-size:1.2rem}.notification-toast-success{border-left-width:6px;animation:mobileSlideIn .5s ease-out}.notification-toast-success .toast-content{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.notification-toast-success .toast-message{color:#155724;font-weight:700}}@keyframes mobileSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.notification-toast{top:60px;right:8px;left:8px}.toast-content{padding:14px 16px}.toast-message{font-size:.9rem}}.unified-cbt{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:16px;padding:32px;box-shadow:0 4px 24px #00000014;margin-bottom:32px;position:relative}.unified-cbt:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.cbt-tabs{display:flex;gap:8px;margin-bottom:28px;padding:4px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.cbt-tab .image-upload-group{position:relative;z-index:1}.image-upload-area{position:relative;z-index:2;margin:10px 0}.image-preview{margin-top:10px;position:relative;display:inline-block}.image-preview img{max-width:200px;max-height:150px;border-radius:8px;border:1px solid #dee2e6;box-shadow:0 2px 8px #0000001a}.remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#dc3545;color:#fff;border:none;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.remove-image:hover{background:#c82333}.question-settings{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px;margin-top:24px}.cbt-tabs button{flex:1;padding:12px 20px;border:none;background:transparent;color:#6c757d;font-weight:500;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.question-controls{display:flex;gap:10px;align-items:center;z-index:10;position:relative}.question-controls select{padding:6px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;min-width:120px;position:relative;z-index:11}.question-controls select:hover{border-color:#667eea}.question-controls select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.cbt-tabs button:hover{background:#667eea1a;color:#667eea}.cbt-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.unified-cbt .cbt-header h2{color:#495057;margin-bottom:8px;font-size:24px;font-weight:600;text-align:center}.unified-cbt .feature-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}.unified-cbt .feature-badge{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(102,126,234,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.unified-cbt .form-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.unified-cbt .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.unified-cbt .form-group{display:flex;flex-direction:column}.unified-cbt .form-group label{font-weight:600;color:#495057;margin-bottom:6px;font-size:14px}.unified-cbt .form-group input,.unified-cbt .form-group select,.unified-cbt .form-group textarea{padding:12px 16px;border:1px solid #ced4da;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.unified-cbt .form-group input:focus,.unified-cbt .form-group select:focus,.unified-cbt .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.unified-cbt .form-group textarea{min-height:80px;resize:vertical;font-family:inherit}.unified-cbt .btn{padding:16px 32px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-width:140px;margin:8px;box-shadow:0 4px 12px #0000001a}.unified-cbt .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d;border:2px solid transparent}.unified-cbt .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.unified-cbt .btn-secondary{background:#6c757d;color:#fff;border:2px solid transparent}.unified-cbt .btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 6px 16px #6c757d4d}.unified-cbt .btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.unified-cbt .btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #28a7454d}.unified-cbt .btn-danger{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff}.unified-cbt .btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #dc35454d}.unified-cbt .btn-outline{background:transparent;border:2px solid #667eea;color:#667eea}.unified-cbt .btn-outline:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.unified-cbt .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.unified-cbt .btn-group{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.question-form.unified{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:20px;position:relative;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.question-form.unified:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea1a;transform:translateY(-1px)}.question-form.unified .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.question-form.unified .question-header h4{color:#495057;margin:0;font-size:16px;font-weight:600}.question-form.unified .question-controls{display:flex;gap:12px;flex-wrap:wrap}.question-form.unified .language-selector,.question-form.unified .type-selector,.question-form.unified .math-renderer-selector{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#495057;transition:all .2s ease}.question-form.unified .language-selector:focus,.question-form.unified .type-selector:focus,.question-form.unified .math-renderer-selector:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.individual-questions.unified{max-height:80vh;overflow-y:auto;padding-right:10px}.individual-questions.unified::-webkit-scrollbar{width:8px}.individual-questions.unified::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.individual-questions.unified::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.options-grid.unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:20px 0}.option-group.unified{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:16px;position:relative;transition:all .2s ease}.option-group.unified:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.option-group.unified label{display:block;font-weight:600;color:#495057;margin-bottom:8px;font-size:14px}.option-group.unified .option-textarea{width:100%;min-height:70px;padding:12px;border:1px solid #ced4da;border-radius:6px;resize:vertical;font-size:14px;margin-bottom:10px;background:#fff;transition:all .2s ease;font-family:inherit}.option-group.unified .option-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.option-group.unified .math-option-container{margin-top:10px}.option-group.unified .math-option-textarea{width:100%;height:50px;padding:6px;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:12px;background:#f8f9fa}.option-group.unified .math-helper-btn.small{width:auto;min-width:35px;height:32px;padding:6px 10px;font-size:11px;margin-left:8px;position:relative;z-index:5}.option-group.unified .math-preview-small{margin-top:5px;padding:5px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:12px}.file-input{position:absolute!important;width:.1px!important;height:.1px!important;opacity:0!important;overflow:hidden!important;z-index:-1!important;left:-9999px!important}.file-input-label{display:inline-block;padding:8px 16px;font-size:13px;font-weight:500;color:#667eea;background:#f8f9ff;border:1px solid #667eea;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center;-webkit-user-select:none;user-select:none}.file-input-label:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.file-input-label:active{transform:translateY(0);box-shadow:0 1px 4px #667eea33}.option-group.unified .option-image-upload{margin-top:10px}.option-group.unified .file-input-label.small{padding:4px 8px;font-size:11px;background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.option-group.unified .image-preview.small{margin-top:5px}.option-group.unified .image-preview.small img{max-width:100px;max-height:80px;border-radius:4px}.test-card.unified{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease;position:relative}.test-card.unified:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.test-card.unified:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#667eea}.test-card.unified .test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.test-card.unified .test-header h4{color:#495057;margin:0;font-size:18px;font-weight:600}.test-type-badge.unified{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;padding:6px 14px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(102,126,234,.2)}.test-card.unified .test-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin:16px 0}.test-card.unified .test-detail-item{text-align:center;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.test-card.unified .test-detail-label{font-size:12px;color:#6c757d;font-weight:500;margin-bottom:4px}.test-card.unified .test-detail-value{font-size:16px;color:#495057;font-weight:600}.bulk-import-section .json-input.unified{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5}.bulk-import-section .json-input.unified:focus{border-color:#667eea;box-shadow:0 0 10px #667eea33}.bulk-import-section .json-help.unified{background:linear-gradient(135deg,#667eea10,#764ba220);border:1px solid #667eea;border-radius:8px;padding:15px;margin-top:15px}.bulk-import-section .json-help.unified h4{color:#667eea;margin-bottom:10px;font-size:16px}.bulk-import-section .json-help.unified ul{margin:0;padding-left:20px}.bulk-import-section .json-help.unified li{margin-bottom:5px;font-size:13px;color:#555}.bulk-import-section .json-help.unified strong{color:#667eea;font-weight:700}.question-textarea.tamil,.option-textarea.tamil{font-family:Tamil,Noto Sans Tamil,Latha,Arial,sans-serif;font-size:16px;line-height:1.6;direction:ltr}.question-textarea.bilingual,.option-textarea.bilingual{font-family:Tamil,Noto Sans Tamil,Arial,sans-serif;font-size:16px;line-height:1.6}.tamil-hint{color:#ff6b35;font-weight:700;font-family:Tamil,Noto Sans Tamil,Arial,sans-serif;margin-left:10px}.tamil-supported{font-family:Tamil,Noto Sans Tamil,Arial,sans-serif;font-size:14px;line-height:1.6}.math-input-group{background:#f0f7ff;border:1px solid #b3d9ff;border-radius:8px;padding:15px;margin:15px 0}.math-input-container{display:flex;align-items:flex-start;gap:10px}.math-textarea{flex:1;font-family:Consolas,Monaco,monospace;background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px;font-size:13px}.math-helper-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px #28a74533;position:relative;z-index:5}.math-helper-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.math-preview-container{margin-top:10px;padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.math-preview{font-family:Times New Roman,serif;font-size:16px;padding:5px;min-height:20px}.math-preview.latex{background:#fff;border:1px solid #ddd;border-radius:3px;padding:8px}.math-preview.unicode{background:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;padding:8px;font-size:18px}.math-preview.ascii{background:#f1f3f4;border:1px solid #dadce0;border-radius:3px;padding:8px;font-family:monospace}.math-preview.error{background:#ffebee;border:1px solid #f44336;color:#d32f2f;border-radius:3px;padding:8px}.question-settings{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px;margin-top:20px}.question-settings .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.add-question-section{text-align:center;margin-top:24px;padding:24px;border:2px dashed #667eea;border-radius:12px;background:linear-gradient(135deg,#667eea0d,#764ba20d);transition:all .2s ease}.add-question-section:hover{border-color:#764ba2;background:linear-gradient(135deg,#667eea14,#764ba214)}@media (max-width: 768px){.unified-cbt{padding:20px;margin-bottom:24px}.unified-cbt .cbt-header h2{font-size:20px}.cbt-tabs{flex-direction:column;gap:4px}.cbt-tabs button{padding:10px 16px}.unified-cbt .form-row{grid-template-columns:1fr;gap:16px}.question-form.unified .question-controls{flex-direction:column;gap:8px}.options-grid.unified{grid-template-columns:1fr;gap:12px}.test-card.unified .test-details{grid-template-columns:1fr 1fr;gap:12px}.unified-cbt .btn-group{flex-direction:column;gap:8px}.unified-cbt .btn{width:100%}.question-settings .form-row{grid-template-columns:1fr;gap:12px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-form.unified,.test-card.unified{animation:slideInUp .3s ease-out}.unified-cbt .form-group.success input,.unified-cbt .form-group.success textarea,.unified-cbt .form-group.success select{border-color:#4caf50;background-color:#f1f8e9}.unified-cbt .form-group.error input,.unified-cbt .form-group.error textarea,.unified-cbt .form-group.error select{border-color:#f44336;background-color:#ffebee}.unified-cbt .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:100}.unified-cbt .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.questions-input-methods{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:24px;margin:20px 0;box-shadow:0 2px 8px #0000000f}.method-tabs{display:flex;gap:12px;margin-bottom:24px;padding:4px;background:#f8f9fa;border-radius:10px;border:1px solid #dee2e6}.method-tabs button{flex:1;padding:12px 20px;border:none;background:transparent;color:#6c757d;font-weight:500;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.method-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;box-shadow:0 2px 8px #667eea4d}.method-tabs button:hover:not(.active){background:#e9ecef;color:#495057}.individual-questions.unified{background:#fafbfc;border:2px solid #e9ecef;border-radius:12px;padding:20px;margin-top:16px}.question-form.unified{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;position:relative}.question-form.unified:hover{border-color:#667eea;box-shadow:0 4px 20px #667eea26}.question-form.unified:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.bulk-import-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:24px;margin-top:16px;box-shadow:0 2px 8px #0000000f}.json-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.json-upload-header label{font-weight:600;font-size:16px;color:#495057}.upload-buttons{display:flex;gap:12px;align-items:center}.btn-upload,.btn-download{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:2px solid;transition:all .3s ease;text-align:center;display:inline-block}.btn-upload{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.btn-upload:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-download{background:#fff;color:#667eea;border-color:#667eea}.btn-download:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-download:disabled{opacity:.5;cursor:not-allowed;border-color:#dee2e6;color:#adb5bd}.form-actions{display:flex;justify-content:center;align-items:center;gap:16px;padding:24px;margin-top:24px;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f}.form-actions button{padding:14px 28px;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:150px;box-shadow:0 3px 12px #0000001a;border:2px solid transparent}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary,.btn-secondary,.btn-success,.btn-danger{margin:8px 12px;padding:14px 24px!important;border:2px solid transparent!important;border-radius:10px!important;font-weight:600!important;font-size:14px!important;box-shadow:0 4px 12px #0000001f!important}.tab-content{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:28px;margin-top:20px;box-shadow:0 3px 15px #00000014}.tab-content h3{margin-bottom:24px;color:#2c3e50;font-size:20px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:12px}.student-management-container{min-height:100vh;background:#67bd7a;display:flex;flex-direction:column}.student-management-content{flex:1;max-width:1400px;margin:0 auto;padding:20px;width:100%}.page-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.header-with-back{display:flex;align-items:flex-start;gap:15px}.back-btn{background:#419ad6;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px}.back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.header-content h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:5px;background:#448ab8;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{color:#666;font-size:1rem;margin:0}.filters-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.filters-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:15px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:#333;font-size:14px}.filter-select,.search-input{padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.filter-select:focus,.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-group{grid-column:span 2}.filter-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:inline-flex;align-items:center;gap:5px}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#545b62,#3d4043);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.content-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000001a;min-height:400px}.loading-container,.error-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{color:#dc3545}.empty-state{color:#666}.empty-state h3{color:#333;margin-bottom:10px}.students-container{display:flex;flex-direction:column;gap:20px}.students-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;border:1px solid #dee2e6}.students-summary h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-item{display:flex;flex-direction:column;align-items:center;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.summary-label{color:#666;font-size:14px;font-weight:500;margin-bottom:5px}.summary-value{color:#333;font-size:1.5rem;font-weight:700}.students-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px}.student-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:15px;padding:20px;box-shadow:0 8px 25px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.student-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.student-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.student-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.student-basic-info h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:5px}.student-contact{color:#666;font-size:13px;margin:0}.status-badges{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.payment-badge,.registration-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-align:center;min-width:60px}.payment-badge.completed{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.payment-badge.partial{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.payment-badge.pending{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.registration-badge.pending{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#e17055}.registration-badge.approved{background:linear-gradient(135deg,#81ecec,#74b9ff);color:#0984e3}.registration-badge.completed{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.registration-badge.rejected{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff}.student-details-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:5px 0;font-size:13px;border-bottom:1px solid #f8f9fa}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;font-weight:500;flex:0 0 35%;display:flex;align-items:center}.detail-row .value{color:#333;font-weight:600;text-align:right;flex:1;word-break:break-word}.detail-row .value.amount{color:#27ae60;font-weight:700;font-size:14px}.id-proof-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:15px;border:1px solid #dee2e6;margin-bottom:15px}.id-proof-section h5{color:#333;font-size:14px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:5px}.id-proof-info{display:flex;flex-direction:column;gap:10px}.file-info{display:flex;flex-direction:column;gap:3px}.file-name{font-weight:600;color:#333;font-size:13px}.file-meta{color:#666;font-size:11px}.view-document-btn{align-self:flex-start;padding:8px 15px;font-size:12px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.view-document-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 3px 10px #007bff4d}.no-document{color:#dc3545;font-weight:500;font-style:italic;font-size:13px}.parent-details{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:12px;padding:15px;border:1px solid #ffeaa7}.parent-details h5{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}.parent-info-grid{display:flex;flex-direction:column;gap:5px}.parent-info-grid span{font-size:12px;color:#666}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#fff}.access-denied h2{font-size:2rem;margin-bottom:10px}.access-denied p{font-size:1.1rem;opacity:.9}@media (max-width: 1200px){.students-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width: 768px){.student-management-content{padding:15px}.header-with-back{flex-direction:column;gap:10px}.header-content h1{font-size:1.5rem}.filters-grid{grid-template-columns:1fr;gap:10px}.search-group{grid-column:span 1}.filter-actions{flex-direction:column;align-items:stretch}.filter-actions .btn{justify-content:center}.summary-grid,.students-grid{grid-template-columns:1fr}.student-card{padding:15px}.student-card-header{flex-direction:column;gap:10px;align-items:stretch}.status-badges{flex-direction:row;align-items:flex-start;gap:8px}.detail-row{flex-direction:column;align-items:stretch;gap:2px}.detail-row .value{text-align:left;font-size:12px}.id-proof-info{align-items:stretch}.view-document-btn{align-self:stretch;text-align:center}}@media (max-width: 480px){.student-management-content{padding:10px}.page-header,.filters-section,.content-section{padding:15px}.header-content h1{font-size:1.3rem}.students-summary{padding:15px}.student-card{padding:12px}.detail-row{font-size:12px}}.due-status{color:#e74c3c!important;font-weight:600!important;background:#e74c3c1a;padding:2px 8px;border-radius:4px;border-left:3px solid #e74c3c;font-family:Courier New,monospace;font-size:1.1em}.due-count{color:#e74c3c!important;font-weight:700!important;background:#e74c3c1a;padding:4px 8px;border-radius:6px;border:2px solid #e74c3c}.detail-row .value:not(.due-status){color:#2c3e50}.student-card .detail-row:has(.due-status){background:#e74c3c0d;border-radius:6px;padding:8px;margin:4px 0;border-left:4px solid #e74c3c}:root{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary: #3AB5F0;--secondary: #71CF77;--accent: #FFD700;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--info: #17a2b8;--light: #f8f9fa;--dark: #2c3e50;--muted: #6c757d;--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-muted: #8b9dc3;--text-light: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--breakpoint-xs: 480px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-xxl: 1320px;--space-xs: clamp(.25rem, 2vw, .5rem);--space-sm: clamp(.5rem, 2.5vw, 1rem);--space-md: clamp(1rem, 3vw, 1.5rem);--space-lg: clamp(1.5rem, 4vw, 2.5rem);--space-xl: clamp(2rem, 5vw, 3.5rem);--space-xxl: clamp(3rem, 6vw, 5rem);--font-xs: clamp(.75rem, 2vw, .875rem);--font-sm: clamp(.875rem, 2.2vw, 1rem);--font-base: clamp(1rem, 2.5vw, 1.125rem);--font-lg: clamp(1.125rem, 3vw, 1.25rem);--font-xl: clamp(1.25rem, 3.5vw, 1.5rem);--font-2xl: clamp(1.5rem, 4vw, 2rem);--font-3xl: clamp(1.875rem, 5vw, 2.5rem);--font-4xl: clamp(2.25rem, 6vw, 3rem);--font-5xl: clamp(3rem, 7vw, 4rem)}.tamil-font,.tamil-text{font-family:Noto Sans Tamil,Tamil,Latha,Arial,sans-serif!important}.bilingual-font,.bilingual-text{font-family:Noto Sans Tamil,Tamil,Inter,Arial,sans-serif!important}*{margin:0;padding:0;box-sizing:border-box;color:var(--text-primary)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth}#root{min-height:100vh}@media (prefers-color-scheme: light){:root{color:#000;background-color:#fff}body{background:#fff;color:#000}}.App{min-height:100vh;display:flex;flex-direction:column}.App>*{flex-shrink:0}.App>div:not(.footer){flex:1}.container{width:100%;margin:0 auto;padding:0 var(--space-md);max-width:var(--container-xl)}.container-fluid{width:100%;padding:0 var(--space-md)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-xxl{max-width:var(--container-xxl)}.btn{display:inline-block;padding:clamp(.5rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);border:none;border-radius:clamp(4px,1vw,8px);cursor:pointer;text-decoration:none;font-weight:500;font-size:clamp(.875rem,2.5vw,1rem);transition:all .3s ease;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.btn-primary{background:linear-gradient(135deg,#7fd6ff,#3ab5f0,#0e93d2);color:#000;border:none;box-shadow:0 2px 8px #3ab5f04d}.btn-primary:hover{background:linear-gradient(135deg,#7fd6ff,#3ab5f0,#0e93d2);color:#000;box-shadow:0 2px 8px #3ab5f04d}.btn-secondary{background:linear-gradient(135deg,#bff0c8,#71cf77,#34a853)!important;color:#000!important;border:none!important;box-shadow:0 2px 8px #71cf774d!important}.btn-secondary:hover{background:linear-gradient(135deg,#bff0c8,#71cf77,#34a853)!important;color:#000!important;box-shadow:0 2px 8px #71cf774d!important}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500}.form-control{width:100%;padding:clamp(.5rem,2vw,.75rem);border:1px solid #ddd;border-radius:clamp(4px,1vw,8px);font-size:clamp(14px,2.5vw,16px);color:#000;min-height:44px;transition:all .3s ease}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;margin-bottom:20px}.mt-3{margin-top:1rem}.mb-3{margin-bottom:1rem}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.gap-2{gap:.5rem}h1,h2,h3,h4,h5,h6,p,span,div,a,li,td,th,label,.btn-primary,.btn-secondary,.btn-success{color:#000!important}.notification-bar,.notification-bar *{color:#fff!important}.logo h1{color:#3ab5f0!important}.logo h1.academy-text,.logo-text h1.academy-text{color:#71cf77!important}a:hover{color:#007bff!important}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--space-md) * -.5)}.col{flex:1;padding:0 calc(var(--space-md) * .5)}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-6{flex:0 0 50%;max-width:50%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-12{flex:0 0 100%;max-width:100%}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-4xl{font-size:var(--font-4xl)}.text-5xl{font-size:var(--font-5xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-xxl{padding:var(--space-xxl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-xxl{margin:var(--space-xxl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-cols-auto-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-cols-auto-lg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gap-xs{gap:var(--space-xs)}.gap-xl{gap:var(--space-xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}@media (min-width: 480px){.xs\:block{display:block}.xs\:hidden{display:none}.xs\:flex{display:flex}.xs\:grid{display:grid}.xs\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.xs\:text-sm{font-size:var(--font-sm)}.xs\:text-base{font-size:var(--font-base)}}@media (min-width: 576px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\:col-6{flex:0 0 50%;max-width:50%}.sm\:col-4{flex:0 0 33.333333%;max-width:33.333333%}.sm\:text-lg{font-size:var(--font-lg)}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:col-3{flex:0 0 25%;max-width:25%}.md\:col-4{flex:0 0 33.333333%;max-width:33.333333%}.md\:col-6{flex:0 0 50%;max-width:50%}.md\:flex-row{flex-direction:row}.md\:text-xl{font-size:var(--font-xl)}.md\:text-2xl{font-size:var(--font-2xl)}}@media (min-width: 992px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.lg\:col-2{flex:0 0 16.666667%;max-width:16.666667%}.lg\:col-3{flex:0 0 25%;max-width:25%}.lg\:col-4{flex:0 0 33.333333%;max-width:33.333333%}.lg\:text-2xl{font-size:var(--font-2xl)}.lg\:text-3xl{font-size:var(--font-3xl)}}@media (min-width: 1200px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.xl\:col-2{flex:0 0 16.666667%;max-width:16.666667%}.xl\:col-3{flex:0 0 25%;max-width:25%}.xl\:text-3xl{font-size:var(--font-3xl)}.xl\:text-4xl{font-size:var(--font-4xl)}}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-md)}.auto-grid-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--space-sm)}.auto-grid-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:var(--space-lg)}.card-responsive{background:#fff;border-radius:clamp(8px,2vw,15px);box-shadow:0 4px 6px #0000001a;padding:var(--space-md);margin-bottom:var(--space-md);transition:all .3s ease}.card-responsive:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}body.mobile{font-size:16px}body.mobile .container{padding:0 var(--space-sm)}body.mobile .btn{min-height:48px}body.tablet{--space-base: 1.2rem}body.tablet .container{padding:0 var(--space-md)}body.desktop{--space-base: 1.5rem}@media (orientation: portrait){.landscape-only{display:none!important}}@media (orientation: landscape){.portrait-only{display:none!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.retina-hide{display:none}.retina-show{display:block}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.card-responsive{border:1px solid #333}}@media print{.no-print{display:none!important}.container{max-width:none!important;padding:0!important}.btn{border:1px solid #000!important;background:#fff!important;color:#000!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px #3ab5f04d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3ab5f066;background:linear-gradient(135deg,#2da1db,#5db85a)}.btn-secondary{background:linear-gradient(135deg,var(--accent),#FFA500);color:var(--dark);box-shadow:0 4px 15px #ffd7004d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066;background:linear-gradient(135deg,orange,#ff8c00)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #3ab5f04d}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:1rem}h1{font-size:var(--font-4xl)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}h4{font-size:var(--font-xl)}h5{font-size:var(--font-lg)}h6{font-size:var(--font-base)}p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.card{background:var(--bg-primary);border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.8)}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in-left{animation:fadeInLeft .6s ease-out forwards}.pulse-animation{animation:pulse 2s ease-in-out infinite}.hover-lift:hover{transform:translateY(-5px);transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 30px #3ab5f04d;transition:all .3s ease}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.m-0{margin:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}