body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.common-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;margin-bottom:.5em;font-size:1rem;font-weight:600;cursor:pointer;border-radius:8px;transition:var(--transition);display:inline-block;text-align:center}.common-btn:hover{background-color:var(--primary-dark)}.common-btn.secondary{background-color:var(--secondary-color);color:var(--primary-dark);border:1px solid var(--primary-color)}.common-btn.secondary:hover{background-color:#0077b61a}@media (max-width: 768px){.common-btn{padding:.7rem 1.2rem;font-size:.95rem}}.home{background-color:var(--secondary-color);padding:80px 0;text-align:center;display:flex;align-items:center}.home .home-content{max-width:800px;margin:0 auto;padding:0 20px}.home .home-content h1{font-size:2.8rem;margin-bottom:1.5rem;color:var(--primary-dark);line-height:1.2;font-weight:700}@media (max-width: 768px){.home .home-content h1{font-size:2rem}}.home .home-content p{font-size:1.25rem;color:var(--text-color);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.home .home-content p{font-size:1.1rem}}.home .home-content button{padding:12px 32px;font-size:1.1rem}.testimonials{padding:5rem 0;text-align:center;background-color:#d8f8fc}.testimonials h2{font-size:2.2rem;color:var(--primary-dark);margin-bottom:3rem;font-weight:700}@media (max-width: 768px){.testimonials h2{font-size:1.8rem}}.testimonials .testimonials-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1600px;margin:0 auto;padding:0 1rem}.testimonials .testimonials-cards .testimonial-card{background-color:var(--white);box-shadow:var(--shadow-md);padding:1.2rem;border-radius:12px;width:280px;transition:var(--transition)}.testimonials .testimonials-cards .testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}@media (max-width: 768px){.testimonials .testimonials-cards .testimonial-card{width:100%;max-width:350px}}.testimonials .testimonials-cards .testimonial-card .student-image img{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:3px solid var(--accent-color)}.testimonials .testimonials-cards .testimonial-card .message{font-size:1rem;color:var(--text-color);margin-bottom:1.5rem;line-height:1.6;font-style:italic}.testimonials .testimonials-cards .testimonial-card .info .name{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin-bottom:.3rem}.testimonials .testimonials-cards .testimonial-card .info .position{font-size:.9rem;color:var(--text-light)}:root{--primary-color: #0077b6;--primary-dark: #023e8a;--secondary-color: #e0f7fa;--accent-color: #00b4d8;--text-color: #1e293b;--text-light: #64748b;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--white);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000}.logo-container .logo{font-size:1.8rem;font-weight:700;color:var(--primary-color);background:linear-gradient(to right,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:var(--transition)}.nav-links{display:flex;gap:2rem}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;padding:.5rem 0;position:relative;transition:var(--transition)}.nav-link:hover{color:var(--accent-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:var(--transition)}.nav-link:hover:after{width:100%}@media (max-width: 768px){.header-container{padding:1rem;flex-direction:column;gap:1rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}.logo{font-size:1.5rem}}@media (max-width: 480px){.nav-links{gap:.75rem}.nav-link{font-size:.9rem}}.auth-page{min-height:82vh;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-color);padding:2rem}.auth-container{background:var(--white);border-radius:12px;box-shadow:var(--shadow-md);width:100%;max-width:400px;padding:2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{color:var(--primary-dark);font-size:1.8rem;margin-bottom:.5rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-color);font-weight:500;font-size:.95rem}.form-group input{width:90%;padding:.8rem .1rem .8rem .5rem;border:1px solid var(--text-light);border-radius:8px;font-size:1rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #00b4d833}.auth-btn:hover{background-color:var(--primary-dark)}.auth-footer{text-align:center;color:var(--text-light);font-size:.95rem;margin-top:1rem}.auth-link{color:var(--accent-color);font-weight:600;text-decoration:none;transition:var(--transition);margin-left:.3rem}.auth-link:hover{text-decoration:underline}@media (max-width: 480px){.auth-container{padding:1.5rem}.auth-header h2{font-size:1.5rem}}.portfolio-footer{z-index:3;position:relative;background-color:var(--primary-dark);color:var(--white);padding:1rem 1rem .5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding-bottom:2rem}.footer-section{margin-bottom:0rem}.footer-section h3{color:var(--accent-color);font-size:1.3rem;margin-bottom:1.2rem;position:relative;padding-bottom:.5rem}.footer-section h3:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:2px;background-color:var(--accent-color)}.footer-section p{color:var(--secondary-color);line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem;margin-bottom:1.5rem}.social-links a{color:var(--secondary-color);font-size:28px;transition:var(--transition)}.social-links a:hover{color:var(--accent-color);transform:translateY(-3px)}.live-chat{display:flex;align-items:center;gap:.5rem;color:var(--accent-color);font-weight:500}.live-chat svg{font-size:1.2rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:var(--secondary-color);text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:var(--accent-color);padding-left:5px}.contact-info li{color:var(--secondary-color);display:flex;align-items:center;gap:.5rem}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:var(--secondary-color);font-size:.9rem}@media (max-width: 768px){.footer-top{grid-template-columns:1fr;gap:1.5rem}.footer-section{margin-bottom:1rem}.footer-section h3{font-size:1.2rem}}.about{padding:0;min-height:100vh;background-color:var(--white)}.about-hero{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));color:var(--white);text-align:center;padding:5rem 2rem;margin-bottom:3rem}.about-hero h1{font-size:2.5rem;margin-bottom:1rem}.about-hero p{font-size:1.2rem;max-width:800px;margin:0 auto;opacity:.9}.about-content{max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.about-main{text-align:center;margin-bottom:4rem}.about-main h2{font-size:2rem;color:var(--primary-dark);margin-bottom:1.5rem;position:relative;display:inline-block}.about-main h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--accent-color)}.about-main p{font-size:1.1rem;color:var(--text-color);line-height:1.8;max-width:800px;margin:0 auto 1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.feature-card{background-color:var(--secondary-color);border-radius:10px;padding:2rem 1.5rem;text-align:center;transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.feature-card h3{color:var(--primary-dark);margin-bottom:.8rem;font-size:1.3rem}.feature-card p{color:var(--text-light);font-size:1rem;line-height:1.6}.stats-section{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;margin-top:4rem;text-align:center}.stat-item{flex:1;min-width:150px}.stat-item h4{font-size:2.5rem;color:var(--primary-color);margin-bottom:.5rem}.stat-item p{color:var(--text-color);font-size:1.1rem}@media (max-width: 768px){.about-hero{padding:3rem 1rem}.about-hero h1{font-size:2rem}.about-content{padding:0 1.5rem 3rem}.stats-section{gap:1.5rem}.stat-item h4{font-size:2rem}}.profile-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem}.profile{background-color:var(--white);padding:2.5rem;border-radius:12px;box-shadow:var(--shadow-md);width:100%;max-width:400px;transition:var(--transition)}.profile:hover{box-shadow:0 10px 25px #0000001a}.profile h2{color:var(--primary-dark);font-size:1.8rem;margin-bottom:1.5rem;text-align:center;position:relative}.profile h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--accent-color)}.profile .profile-info p{margin-bottom:1.2rem;font-size:1.1rem;color:var(--text-color);line-height:1.6}.profile .profile-info p strong{color:var(--primary-color);margin-right:.5rem}.profile .logoff{background-color:red}.profile .logoff .logoff-icon{font-size:24px}.profile .common-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;margin-top:1rem}.profile .common-btn .dashboard-icon{font-size:1.2rem}@media (max-width: 768px){.profile{padding:1.5rem;max-width:90%}.profile h2{font-size:1.5rem}.profile .profile-info p{font-size:1rem}}#wifi-loader{margin:auto 0;--background: #e0f7fa;--back-color: #3498db;--text-color: #414856;width:64px;height:64px;border-radius:50px;position:relative;display:flex;justify-content:center;align-items:center}#wifi-loader svg{position:absolute;display:flex;justify-content:center;align-items:center}#wifi-loader svg circle{position:absolute;fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-100deg);transform-origin:center}#wifi-loader svg circle.back{stroke:var(--back-color)}#wifi-loader svg circle.front{stroke:var(--front-color)}#wifi-loader svg.circle-outer{height:86px;width:86px}#wifi-loader svg.circle-outer circle{stroke-dasharray:62.75 188.25}#wifi-loader svg.circle-outer circle.back{animation:circle-outer135 1.8s ease infinite .3s}#wifi-loader svg.circle-outer circle.front{animation:circle-outer135 1.8s ease infinite .15s}#wifi-loader svg.circle-middle{height:60px;width:60px}#wifi-loader svg.circle-middle circle{stroke-dasharray:42.5 127.5}#wifi-loader svg.circle-middle circle.back{animation:circle-middle6123 1.8s ease infinite .25s}#wifi-loader svg.circle-middle circle.front{animation:circle-middle6123 1.8s ease infinite .1s}#wifi-loader svg.circle-inner{height:34px;width:34px}#wifi-loader svg.circle-inner circle{stroke-dasharray:22 66}#wifi-loader svg.circle-inner circle.back{animation:circle-inner162 1.8s ease infinite .2s}#wifi-loader svg.circle-inner circle.front{animation:circle-inner162 1.8s ease infinite .05s}#wifi-loader .text{position:absolute;bottom:-40px;display:flex;justify-content:center;align-items:center;text-transform:lowercase;font-weight:500;font-size:14px;letter-spacing:.2px}#wifi-loader .text:before{color:var(--text-color)}#wifi-loader .text:after{color:var(--front-color);animation:text-animation76 3.6s ease infinite;position:absolute;left:0}@keyframes circle-outer135{0%{stroke-dashoffset:25}25%{stroke-dashoffset:0}65%{stroke-dashoffset:301}80%{stroke-dashoffset:276}to{stroke-dashoffset:276}}@keyframes circle-middle6123{0%{stroke-dashoffset:17}25%{stroke-dashoffset:0}65%{stroke-dashoffset:204}80%{stroke-dashoffset:187}to{stroke-dashoffset:187}}@keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106}80%{stroke-dashoffset:97}to{stroke-dashoffset:97}}@keyframes text-animation76{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}#wifi-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fffc;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;--background: #e0f7fa;--back-color: #3498db;--text-color: #414856;--front-color: #2af5ff}#wifi-loader svg{transform:scale(1.5)}#wifi-loader svg circle{stroke-width:6px;transform:rotate(-100deg);transform-origin:center}#wifi-loader .text{margin-top:40px;font-size:18px;font-weight:600;color:var(--text-color)}.courses{padding:80px;text-align:center;min-height:60vh}.courses h2{font-size:32px;color:var(--primary-dark);margin-bottom:30px}.courses .course-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}@media (max-width:763px){.courses{padding:30px}}.course-card{background-color:var(--white);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;width:300px;min-height:500px;margin:0 15px 30px;position:relative}.course-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.course-card img{width:100%;height:180px;object-fit:cover;border-bottom:3px solid var(--accent-color);transition:var(--transition)}.course-card:hover img{transform:scale(1.02)}.course-card .course-details{padding:0rem 1.5rem 0;flex:1;display:flex;flex-direction:column;text-align:center}.course-card .course-details h3{color:var(--primary-dark);font-size:1.3rem;line-height:1.3;display:flex;align-items:center;justify-content:center}.course-card .course-details .instructor,.course-card .course-details .duration{color:var(--text-light);font-size:.9rem;margin-bottom:.5rem}.course-card .course-details .description{color:var(--text-color);font-size:.95rem;line-height:1;margin:.8rem 0;flex-grow:1}.course-card .course-details .price{color:var(--primary-color);font-weight:700;font-size:1.2rem;margin:.8rem 0}.course-card .common-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0077b64d}@media (max-width: 768px){.course-card{width:100%;max-width:350px;margin:0 auto 25px}.course-card .course-details{padding:1rem}.course-card .course-details h3{font-size:1.2rem;min-height:auto}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-card{animation:cardEntrance .6s ease-out;animation-fill-mode:backwards}.course-card:nth-child(1){animation-delay:.1s}.course-card:nth-child(2){animation-delay:.2s}.course-card:nth-child(3){animation-delay:.3s}@media (max-width: 500px){.course-card{width:100%;max-width:100%;margin:0 0 1.5rem;min-height:auto;flex-direction:column}.course-card img{height:140px}.course-card .course-details{padding:.8rem}.course-card .course-details h3{font-size:1rem;line-height:1.3}.course-card .course-details .instructor,.course-card .course-details .duration{font-size:.85rem}.course-card .course-details .description{font-size:.85rem;line-height:1.2}.course-card .course-details .price{font-size:1rem;margin:.5rem 0}.course-card .common-btn{font-size:.95rem;padding:.6rem 1rem}}.course-desc{max-width:700px;margin:2rem auto;padding:1rem}.course-header{display:flex;flex-direction:column;gap:2rem;background-color:var(--white);border-radius:16px;box-shadow:var(--shadow-md);padding:2.5rem;transition:all .3s ease-in-out}.Course-img{width:100%;max-height:450px;object-fit:cover;border-radius:12px;border-bottom:4px solid var(--accent-color);box-shadow:0 4px 8px #00000014;transition:transform .3s}.Course-img:hover{transform:scale(1.02)}.course-info{display:flex;flex-direction:column;gap:1rem}.course-info h2{color:var(--primary-dark);font-size:2rem;font-weight:700;margin:0}.course-info p{color:var(--text-color);font-size:1.1rem;line-height:1.8;margin:0}.price-highlight{color:var(--primary-color);font-weight:700;font-size:1.3rem;margin-top:1rem;border-left:4px solid var(--primary-color);padding-left:.8rem;background-color:var(--accent-light);border-radius:4px}.loading-text{text-align:center;color:var(--text-light);font-size:1.3rem;margin:2rem 0;font-style:italic}@media (max-width: 768px){.course-header{padding:1.5rem}.Course-img{max-height:300px}.course-info h2{font-size:1.6rem}.course-info p{font-size:1rem}.price-highlight{font-size:1.1rem}}.payment-suc-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background-color:var(--secondary-color);padding:2rem}.payment-suc-page .suc-message{background-color:var(--white);color:var(--text-color);box-shadow:var(--shadow-md);text-align:center;max-width:400px;width:100%;padding:2.5rem;border-radius:12px;border-top:4px solid var(--accent-color)}.payment-suc-page .suc-message h2{font-size:1.8rem;color:var(--primary-dark);margin-bottom:1.2rem}.payment-suc-page .suc-message p{font-size:1.1rem;color:var(--text-light);margin-bottom:1rem;line-height:1.6}.payment-suc-page .suc-message p strong{color:var(--primary-color)}.payment-suc-page a{text-decoration:none}@media (max-width: 768px){.payment-suc-page{padding:1.5rem}.payment-suc-page .suc-message{padding:1.5rem}.payment-suc-page .suc-message h2{font-size:1.5rem}.payment-suc-page .suc-message p{font-size:1rem}}.student-dashBoard{text-align:center;padding:2rem;max-width:1200px;margin:0 auto;min-height:70vh}.student-dashBoard .dashboard-header{text-align:center;margin-bottom:3rem}.student-dashBoard .dashboard-header h2{color:var(--primary-dark);font-size:2rem;margin-bottom:.5rem}.student-dashBoard .dashboard-header p{color:var(--text-light);font-size:1.1rem}.student-dashBoard .dashboard-Content{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:0 1rem}.student-dashBoard .empty-state{grid-column:1 / -1;text-align:center;padding:3rem 0}.student-dashBoard .empty-state p{color:var(--text-light);font-size:1.2rem;margin-bottom:1.5rem}.student-dashBoard .empty-state .common-btn{padding:.8rem 2rem;font-size:1rem}@media (max-width: 768px){.student-dashBoard{padding:1.5rem 1rem}.student-dashBoard .dashboard-header{margin-bottom:2rem}.student-dashBoard .dashboard-header h2{font-size:1.6rem}.student-dashBoard .dashboard-Content{grid-template-columns:1fr;gap:1.5rem}}.course-study-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:1rem;background-color:var(--secondary-color)}.course-study-card{background:var(--white);border-radius:12px;box-shadow:var(--shadow-sm);width:100%;max-width:500px;padding:1.5rem;text-align:center;transition:var(--transition)}.course-thumbnail{object-fit:cover;width:100%;height:100%;border-radius:8px;margin-bottom:1rem;border:2px solid var(--accent-color)}.course-details h3{color:var(--primary-dark);font-size:1.5rem;text-transform:capitalize;margin-bottom:.5rem}.instructor{color:var(--text-light);font-size:1.1rem;margin-bottom:.5rem}.duration{color:var(--primary-color);font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.3rem}.description{color:var(--text-color);font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.common-btn.small-btn{text-decoration:none;padding:.9rem 1.5rem;font-size:1rem;display:inline-flex;align-items:center;gap:.3rem}@media (max-width: 768px){.course-study-card{padding:1rem}.course-thumbnail{height:150px}}.lecture-container{padding:1rem}.lecture-page{display:flex;gap:2rem;min-height:80vh}@media (max-width: 768px){.lecture-page{flex-direction:column}}.left{flex:2;display:flex;flex-direction:column;gap:1.5rem}.left .video-container{background:var(--primary-dark);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.left .video-container video{width:100%;display:block}.left .lecture-info{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm)}.left .lecture-info h1{color:var(--primary-dark);font-size:1.5rem;margin-bottom:1rem}.left .lecture-info p{color:var(--text-color);line-height:1.6}.left .empty-lecture{display:flex;align-items:center;justify-content:center;height:300px;background:var(--white);border-radius:12px;box-shadow:var(--shadow-sm)}.left .empty-lecture h1{color:var(--text-light);font-size:1.2rem;text-align:center;padding:2rem}.right{flex:1;display:flex;flex-direction:column;gap:1.5rem}.right .admin-btn{width:100%;background-color:var(--accent-color)}.right .lecture-form{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);animation:fadeIn .3s ease-out}.right .lecture-form h2{color:var(--primary-dark);font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.right .lecture-form form{display:flex;flex-direction:column;gap:1rem}.right .lecture-form form label{color:var(--primary-dark);font-weight:500;font-size:.9rem}.right .lecture-form form input,.right .lecture-form form textarea{width:100%;padding:.8rem;border:1px solid var(--text-light);border-radius:8px;font-size:1rem;transition:var(--transition)}.right .lecture-form form input:focus,.right .lecture-form form textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #00b4d833}.right .lecture-form form textarea{min-height:100px;resize:vertical}.right .lecture-list h3{color:var(--primary-dark);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--secondary-color)}.right .lecture-item{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.right .lecture-number{background:var(--white);color:var(--text-color);padding:.8rem 1rem;border-radius:8px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;gap:.5rem}.right .lecture-number span{color:var(--primary-color);font-weight:500}.right .lecture-number:hover{background:var(--primary-color);color:var(--white)}.right .lecture-number:hover span{color:var(--white)}.right .lecture-number.active{background:var(--primary-color);color:var(--white);font-weight:500}.right .lecture-number.active span{color:var(--white)}.right .delete-btn{background-color:#ff4757;padding:.5rem;font-size:.9rem;align-self:flex-end}.right .delete-btn:hover{background-color:#ff6b81}.right .no-lectures{color:var(--text-light);text-align:center;padding:2rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.lecture-page{gap:1.5rem}.left,.right{width:100%}}.sidebar{z-index:0;width:250px;height:calc(100vh - 66px);background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary-color) 70%,white 100%);position:fixed;left:0;top:66px;padding:1.5rem 0;z-index:99;box-shadow:var(--shadow-md);transform:translate(-100%);animation:slideIn .4s cubic-bezier(.25,.46,.45,.94) forwards;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar li{margin:0 .8rem;position:relative;overflow:hidden;border-radius:6px;transition:var(--transition)}.sidebar a{color:var(--secondary-color);text-decoration:none;display:flex;align-items:center;padding:.8rem 1.2rem;transition:var(--transition);font-size:.95rem}.sidebar .icon{font-size:1.2rem;margin-right:1rem;color:var(--accent-color);transition:var(--transition);min-width:24px;text-align:center}.sidebar span{position:relative;transition:var(--transition)}.sidebar li:hover a{padding-left:1.5rem}.sidebar li:hover .icon{transform:scale(1.15);color:var(--white)}.sidebar li:hover span{color:var(--white)}.sidebar .active-link .icon{color:var(--white);animation:iconPulse .6s ease}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 768px){.sidebar{top:110px;width:60px;padding:1rem 0}.sidebar span{position:absolute;left:60px;background:var(--primary-dark);padding:.8rem 1.5rem;border-radius:0 4px 4px 0;opacity:0;transition:all .3s ease;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-md)}.sidebar li:hover span{opacity:1;transform:translate(8px)}.sidebar a{justify-content:center;padding:.8rem 0}.sidebar .icon{margin-right:0;font-size:1.3rem}}@media (max-width: 480px){.sidebar{top:60px;height:calc(100vh - 60px)}}.dashboard-admin{display:flex;min-height:100vh;background-color:var(--secondary-color)}.content{flex:1;padding:2rem;margin-left:250px;transition:var(--transition)}.sidebar{width:250px;height:100vh;position:fixed;padding:1.5rem 0;box-shadow:var(--shadow-md);z-index:90;overflow-y:auto}.sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sidebar li{margin:0 .8rem;border-radius:6px;transition:var(--transition)}.sidebar a{color:var(--secondary-color);text-decoration:none;display:flex;align-items:center;padding:.8rem 1.2rem;transition:var(--transition)}.sidebar .icon{font-size:1.2rem;margin-right:1rem;color:var(--accent-color);transition:var(--transition)}.sidebar li:hover{background:#00b4d81a}.sidebar .active-link{background:#00b4d833}.sidebar .active-link .icon{color:var(--white)}@media (max-width: 768px){.sidebar{width:70px}.content{margin-left:70px;padding:1.5rem}.sidebar span{display:none}.sidebar .icon{margin-right:0;font-size:1.4rem}}@media (max-width: 480px){.sidebar{top:110px;width:60px}.content{margin-left:60px;padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar li{animation:fadeIn .4s ease forwards;animation-delay:calc(var(--i) * .1s)}.dashboard-admin{display:flex;min-height:100vh;position:relative}.main-content-container{flex:1;display:flex;flex-direction:column;margin-left:250px;min-height:100vh;position:relative;z-index:2}.content{flex:1;padding:2rem}.sidebar{z-index:1}.portfolio-footer{z-index:3;position:relative}.admin-dashboard{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-title{color:var(--primary-dark);text-align:center;margin-bottom:2rem;font-size:2rem;position:relative}.dashboard-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--accent-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:1rem}.stat-box{background:var(--white);border-radius:12px;padding:2rem 1.5rem;text-align:center;box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden;border-top:4px solid var(--accent-color)}.stat-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.stat-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-color);transition:var(--transition)}.stat-box:hover .stat-icon{transform:scale(1.1)}.stat-box h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.stat-value{color:var(--primary-dark);font-size:2rem;font-weight:700;margin:0;transition:var(--transition)}.stat-box:hover .stat-value{color:var(--primary-color)}.loading-bar{height:2rem;width:80%;margin:0 auto;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;border-radius:4px;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.dashboard-title{font-size:1.5rem}}.admin-courses-container{display:flex;flex-direction:column;gap:3rem;padding:2rem;max-width:1200px;margin:0 auto}.courses-section{width:100%;animation:slideUp .6s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.section-title{color:var(--primary-dark);font-size:2.2rem;margin-bottom:2rem;text-align:center;position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:2px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;background-color:#e0f7fa4d;border-radius:16px;border:2px dashed var(--accent-color);animation:pulse 2s infinite alternate}@keyframes pulse{0%{opacity:.8}to{opacity:1}}.empty-state p{color:var(--text-light);font-size:1.2rem;margin-bottom:1.5rem}.form-section{width:100%;max-width:800px;margin:0 auto;padding:2rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.course-form-card{background:var(--white);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0077b61a;position:relative;overflow:hidden}.course-form-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(to right,var(--primary-color),var(--accent-color))}.form-title{color:var(--primary-dark);font-size:1.8rem;margin-bottom:2rem;text-align:center;font-weight:600}.form-group{margin-bottom:1.8rem}.form-group label{display:block;margin-bottom:.8rem;color:var(--primary-dark);font-weight:500;font-size:1.1rem}.form-group input,.form-group textarea,.form-group select{width:90%;padding:1rem;border:2px solid var(--secondary-color);border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:#e0f7fa33}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #00b4d833;outline:none;background-color:var(--white)}.form-group textarea{min-height:150px;resize:vertical}.form-row{display:flex;gap:1.5rem;margin-bottom:1.8rem}.form-row .form-group{flex:1}.file-upload{border:2px dashed var(--accent-color);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#e0f7fa1a}.file-upload:hover{background-color:#e0f7fa4d}.upload-placeholder{color:var(--text-light);font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-placeholder:before{content:"📁";font-size:2rem}.image-preview{margin-top:1.5rem;text-align:center}.image-preview img{max-width:100%;max-height:200px;border-radius:12px;border:2px solid var(--secondary-color);box-shadow:0 4px 12px #0000001a}.submit-btn{width:100%;padding:1.2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(to right,var(--primary-color),var(--accent-color));color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0077b64d}.spinner{display:inline-block;width:1.2rem;height:1.2rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-courses-container{padding:1.5rem;gap:2rem}.section-title{font-size:1.8rem}.courses-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.course-form-card{padding:2rem 1.5rem}}@media (max-width: 480px){.section-title{font-size:1.6rem}.form-title{font-size:1.5rem}.form-group label{font-size:1rem}.file-upload{padding:1.5rem}}.users{padding:2rem;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.users h1{color:#2c3e50;text-align:center;margin-bottom:2rem;font-size:2.2rem;font-weight:600;position:relative}.users h1:after{content:"";display:block;width:80px;height:4px;background:#3498db;margin:.5rem auto 0;border-radius:2px}.users table{width:100%;border-collapse:collapse;box-shadow:0 4px 6px #0000001a;border-radius:8px;overflow:hidden}.users thead{background-color:#3498db;color:#fff}.users th,.users td{padding:1rem;text-align:left}.users th{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.users tbody tr{border-bottom:1px solid #e0e0e0;transition:all .2s ease}.users tbody tr:last-child{border-bottom:none}.users tbody tr:hover{background-color:#f5f9fc}.users tbody td{padding:1rem;color:#555}.users tbody tr:nth-child(2n){background-color:#f8f9fa}.users tbody tr:nth-child(2n):hover{background-color:#f0f3f5}.common-btn:hover{background-color:#27ae60;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.common-btn:active{transform:translateY(0)}.users p{text-align:center;color:#7f8c8d;font-size:1.1rem;margin-top:2rem}@media (max-width: 768px){.users{padding:1rem}.users table{display:block;overflow-x:auto}.users h1{font-size:1.8rem}}