body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background:linear-gradient(135deg,#444,#222);box-shadow:0 4px 10px #0003;box-sizing:border-box;display:flex;height:90px;justify-content:space-between;margin:0;padding:1rem 2rem;position:relative;width:100%;z-index:1000}.logo img{cursor:pointer;display:block;height:100%;margin:auto 0;max-height:50px}.nav-links{display:flex;gap:.3rem;list-style:none;margin-right:30px;padding:0}.nav-links li button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px;transition:color .3s,background-color .3s}.nav-links li button:hover{background-color:#555;border-radius:5px}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;max-width:40px}.mobile-drawer{background-color:#444;box-shadow:-2px 0 5px #00000080;display:flex;flex-direction:column;gap:2px;height:100vh;padding:20px;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:250px}.mobile-drawer.open{left:0;width:40%}.drawer-close-btn{align-self:flex-end;background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.drawer-links{display:flex;flex-direction:column;gap:1px;list-style:none;margin:20px 0 0;padding:0}.drawer-links li button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;margin-top:1px;padding:7px;text-align:left;transition:background-color .3s}.drawer-links li button:hover{background-color:#555;border-radius:5px}.navbar.hidden{transform:translateY(-100%)}.navbar.hidden,.navbar.visible{transition:transform .3s ease-in-out}.navbar.visible{transform:translateY(0)}@media (max-width:1500px){.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;max-width:70px}.nav-links{display:none}.mobile-menu-toggle{display:block}.mobile-drawer.open{left:0;width:20%}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:block}}@media (max-width:664px){.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;max-width:70px}.nav-links{display:none}.mobile-menu-toggle{display:block}.mobile-drawer.open{left:0;width:30%}}@media (min-width:480px){.mobile-drawer{background-color:#444;box-shadow:-2px 0 5px #00000080;display:flex;flex-direction:column;height:100vh;padding:20px;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:250px}}.home-section{height:auto;margin-top:10px;overflow:hidden;position:relative;text-align:center;width:100%}.home-content-overlay{background:#ece3e3cc;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:10px auto -40px;max-width:80%;padding:20px;position:relative;text-align:center;z-index:2}.home-content-overlay h1,.home-content-overlay h2{color:#333;margin:10px 0}.home-content-overlay p{color:#555;font-size:1rem;margin:10px 0}.home-image-overlay{height:auto;margin-left:20px;position:relative;width:100%}.home-img-full{border-radius:10px;display:block;height:auto;margin:0;object-fit:cover;object-position:center;width:98%}.home-buttons{margin-top:20px}.learn-more-btn{border:none;border-radius:5px;cursor:pointer;padding:10px 20px;transition:background-color .3s}@media (max-width:1024px){.home-content-overlay{font-size:1rem;padding:20px}.home-img-full{object-position:center top}.home-image-overlay{height:auto;margin-left:20px;position:relative;width:100%}}@media (max-width:768px){.home-section{height:auto;margin-left:-12px;margin-right:-12px;margin-top:10px;overflow:hidden;position:relative;text-align:center;width:100%}.home-content-overlay{font-size:.9rem;margin-left:40px;margin-right:1px;padding:15px}.learn-more-btn{margin-bottom:2px;padding:8px 16px}.home-img-full{border-radius:10px;display:block;height:auto;margin:0;object-fit:cover;object-position:center;width:90%}}@media (max-width:480px){.home-section{height:auto;margin-left:-12px;margin-right:-12px;margin-top:20px;overflow:hidden;position:relative;text-align:center;width:100%}.home-content-overlay{font-size:.9rem;margin-left:25px;margin-right:1px;padding:15px}.learn-more-btn{margin-bottom:2px;padding:8px 16px}.home-img-full{border-radius:10px;display:block;height:auto;margin:0;object-fit:cover;object-position:center;width:90%}}.academy-details-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;margin:50px auto;max-width:900px;padding:40px}.academy-details-container h2{color:#333;font-size:32px;margin-bottom:20px;text-align:center}.academy-info{color:#555;font-size:16px}.academy-info h3{color:#333;font-size:24px;margin-top:20px}.academy-info p{line-height:1.6;margin-bottom:15px}.academy-info ul{color:#555;font-size:16px;list-style-type:square;margin-left:20px}.academy-info ul li{margin-bottom:10px}.about-section{align-items:center;background-color:#ece3e3;border-radius:10px;display:flex;justify-content:center;margin:20px;padding:40px}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;max-width:1200px;width:100%}.text-content{flex:1 1;max-width:600px}.text-content h1{font-size:1.5rem;font-weight:700;margin-bottom:20px}.text-content p{color:#555;font-size:1rem;margin-bottom:20px}.features{display:flex;flex-wrap:wrap;gap:20px}.feature{align-items:flex-start;display:flex;flex-direction:column;width:200px}.feature .icon{font-size:2rem;margin-bottom:10px}.feature h3{font-size:1.2rem;margin-bottom:5px}.feature p{color:#777;font-size:.9rem}.image-content{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:600px}.image-content img{border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:100%}@media (max-width:768px){.about-section{align-items:center;background-color:#ece3e3;border-radius:10px;display:flex;justify-content:center;margin:20px;padding:40px}.about-container{flex-direction:column;text-align:center}.text-content{margin-bottom:20px;order:1}.image-content{margin:-15px;order:2}.features{justify-content:center}}@media (max-width:480px){.about-section{align-items:center;background-color:#ece3e3;border-radius:10px;display:flex;justify-content:center;margin:10px;padding:40px}.about-container{flex-direction:column;margin:-7px;text-align:center}.text-content{margin-bottom:20px;order:1}.image-content{margin:-20px;order:2}.features{justify-content:center}.feature .icon{font-size:3rem;margin-bottom:10px;margin-left:50px}.image-content{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:600px}.image-content img{border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:100%}}.admission-section{background-color:#ece3e3;border-radius:10px;margin:20px;padding:50px 20px}.admission-container{align-items:center;display:flex;gap:20px;justify-content:space-between}.admission-content{flex:1 1;max-width:600px}.admission-content h1{color:#222;font-size:1.75rem;font-weight:700;margin-bottom:15px}.admission-content p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:20px;margin-left:30px}.admission-buttons{display:flex;gap:15px;margin-left:130px}.apply-now-btn,.learn-more-btn{border-radius:5px;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.apply-now-btn{background-color:#007bff;color:#fff}.learn-more-btn{background-color:#555}.apply-now-btn:hover,.learn-more-btn:hover{opacity:.9}.admission-image{flex:1 1;text-align:center}.admission-img{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;max-width:500px;width:100%}@media (max-width:768px){.admission-container{border-radius:20px;flex-direction:column;margin:-10px;text-align:center}.admission-content{margin-bottom:20px;order:1}.admission-image{order:2}.admission-buttons{display:flex;gap:15px;margin-left:130px}}@media (max-width:480px){.admission-section{background-color:#ece3e3;border-radius:10px;margin:10px;padding:50px 20px}.admission-container{border-radius:20px;flex-direction:column;margin:-10px;text-align:center}.admission-content{margin-bottom:20px;order:1}.admission-image{order:2}.admission-buttons{display:flex;gap:15px;margin-left:10px}}.admission-details-container{background-color:#ece3e3;box-sizing:border-box;display:flex;flex-direction:column;gap:50px;margin:20px auto;padding:40px 20px;width:100%}.admission-details-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.admission-details-section.reverse{flex-direction:row-reverse}.admission-details-image{display:flex;flex:1 1;justify-content:center}.admission-details-img{border-radius:8px;box-shadow:0 4px 8px #0003;height:auto;max-width:450px;width:100%}.admission-details-description{flex:1 1;padding:20px}.admission-details-description h2{color:#333;font-size:1.8rem;margin-bottom:20px}.admission-details-description p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:15px}@media (max-width:768px){.admission-details-section,.admission-details-section.reverse{align-items:center;flex-direction:column;text-align:center}.admission-details-description{padding:15px}.admission-details-description h2{font-size:1.6rem}.admission-details-description p{font-size:.95rem}}@media (max-width:480px){.admission-details-container{padding:20px 10px}.admission-details-description h2{font-size:1.4rem;margin-bottom:15px}.admission-details-description p{font-size:.85rem;line-height:1.5}.admission-details-img{max-width:350px}}.apply-now-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 6px 12px #00000026;font-family:Arial,sans-serif;margin:50px auto;max-width:600px;padding:25px}.apply-now-container h2{color:#333;font-size:1.8rem;margin-bottom:25px;text-align:center}.apply-now-form .form-group{margin-bottom:20px}.apply-now-form label{color:#555;display:block;font-size:1rem;font-weight:700;margin-bottom:8px}.apply-now-form input,.apply-now-form select,.apply-now-form textarea{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.apply-now-form input:focus,.apply-now-form select:focus,.apply-now-form textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.apply-now-form textarea{height:100px;resize:none}.form-buttons{display:flex;gap:15px;justify-content:space-between}.reset-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;padding:12px 20px;transition:background-color .3s ease,box-shadow .3s ease}.submit-btn{background-color:#007bff;color:#fff}.submit-btn:hover{background-color:#0056b3;box-shadow:0 4px 8px #007bff4d}.reset-btn{background-color:#f44336;color:#fff}.reset-btn:hover{background-color:#c33a29;box-shadow:0 4px 8px #f443364d}.error-message,.success-message{margin-top:15px}@media (max-width:768px){.apply-now-container{padding:20px}.apply-now-container h2{font-size:1.5rem}.form-buttons{flex-direction:column;gap:10px}.reset-btn,.submit-btn{width:100%}}@media (max-width:480px){.apply-now-container{padding:20px}.apply-now-container h2{font-size:1.5rem}.form-buttons{flex-direction:column;gap:10px}.reset-btn,.submit-btn{width:100%}.apply-now-container{margin:8px}}.feature-icon{color:#007bff;font-size:2.5rem;margin-bottom:20px}.courses-section{background-color:#ece3e3;border-radius:10px;color:#333;margin:20px;padding:80px 40px;text-align:center}.courses-header{margin-bottom:40px}.courses-subtitle{color:#888;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.courses-title{color:#000;font-size:2rem;font-weight:700;margin-bottom:20px}.courses-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:40px}.courses-features{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:40px}.feature-item{max-width:300px;text-align:center}.feature-item h3{color:#222;font-size:1.25rem;font-weight:700;margin:15px 0}.feature-item p{color:#555;font-size:1rem;line-height:1.5}.icon-placeholder{background-color:#ddd;border-radius:50%;display:inline-block;height:50px;margin:0 auto 15px;width:50px}.courses-buttons{display:flex;gap:20px;justify-content:center}.btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.learn-more{background-color:#007bff}.learn-more:hover{background-color:#0056b3}.join{background-color:#28a745}.join:hover{background-color:#218838}@media (max-width:768px){.courses-features{align-items:center;flex-direction:column}.courses-buttons{flex-direction:column;gap:10px}}@media (max-width:480px){.courses-section{background-color:#ece3e3;border-radius:10px;color:#333;margin:10px;padding:80px 40px;text-align:center}.courses-features{align-items:center;flex-direction:column}.courses-buttons{flex-direction:column;gap:10px}}.course-details{background:linear-gradient(180deg,#f8f9fa,#e9ecef);font-family:Arial,sans-serif;padding:50px 20px}.course-details-container{margin:0 auto;max-width:1200px;text-align:center}.course-header h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.course-header p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:40px}.course-highlights h3{color:#444;font-size:1.8rem;font-weight:700;margin-bottom:20px}.course-highlights ul{color:#555;list-style:none;margin:0 auto 40px;max-width:600px;padding:0;text-align:left}.course-highlights ul li{font-size:1rem;margin:10px 0;padding-left:25px;position:relative}.course-highlights ul li:before{color:#28a745;content:"✔";font-size:1.2rem;left:0;position:absolute}.course-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.feature-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1 300px;max-width:300px;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:hover{box-shadow:0 6px 12px #0003;transform:scale(1.05)}.feature-video{aspect-ratio:9/16;background-color:#000;border-radius:10px;margin-bottom:15px;object-fit:cover;width:100%}.feature-card h4{color:#007bff;font-size:1.2rem;margin-bottom:10px}.feature-card p{color:#555;font-size:.9rem;line-height:1.4}@media (max-width:768px){.course-highlights ul{padding-left:10px}.feature-card{height:auto}.feature-video{aspect-ratio:9/16;margin:2px}}@media (max-width:480px){.course-header h2{font-size:1.5rem}.course-header p{font-size:.9rem}.course-highlights h3{font-size:1.5rem}.feature-card h4{font-size:1rem}.feature-card p{font-size:.8rem}.feature-video{aspect-ratio:9/16}}.tutor-section{background:linear-gradient(to bottom right,#ece3e3,#ece3e3);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;margin:20px;padding:50px 20px}.tutor-header{margin-bottom:30px;text-align:center}.tutor-header h2{color:#000;font-size:1.54rem;font-weight:700;line-height:1.5;text-shadow:1px 1px 4px #0003}.tutor-details{align-items:center;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;gap:50px;margin:0 auto;max-width:1200px;padding:30px}.tutor-image-container{flex:1 1}.tutor-image{border-radius:12px;box-shadow:0 4px 10px #0003;height:auto;max-width:400px;transition:transform .3s ease;width:100%}.tutor-image:hover{transform:scale(1.05)}.tutor-qualifications{flex:2 1;margin-left:20px;text-align:left}.tutor-qualifications h3{color:#333;font-size:1.5rem;margin-bottom:20px;text-shadow:1px 1px 3px #0000001a}.tutor-qualifications ul{list-style:none;padding:0}.tutor-qualifications li{color:#555;font-size:1.1rem;margin-bottom:15px}.tutor-qualifications li strong{color:#000}.tutor-learn-button{margin-top:20px}.learn-more-btn{background-color:#007bff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:12px 25px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.learn-more-btn:hover{background-color:#0056b3;box-shadow:0 6px 10px #00000026;transform:translateY(-2px)}@media (max-width:768px){.tutor-details{flex-direction:column}.tutor-details,.tutor-qualifications{text-align:center}.tutor-qualifications{flex:2 1;text-align:left}.tutor-learn-button{margin-top:20px;text-align:center}.tutor-header h2{color:#000;font-size:1.7rem;font-size:1.54rem;font-weight:700;line-height:1.5;text-shadow:1px 1px 4px #0003}}@media (max-width:480px){.tutor-section{background:linear-gradient(to bottom right,#ece3e3,#ece3e3);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;margin:10px;padding:50px 20px}.tutor-header{margin-bottom:30px;text-align:center}.tutor-details{flex-direction:column;max-width:100%;text-align:center}.tutor-qualifications{flex:2 1;text-align:left}.tutor-learn-button{margin-top:20px;text-align:center}.tutor-header h2{color:#000;font-size:1.7rem;font-size:1.54rem;font-weight:700;line-height:1.5;text-shadow:1px 1px 4px #0003}}.tutor-details{background-color:#ece3e3;padding:40px 20px}.tutor-details-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px}.tutor-details-image{flex:1 1 40%;max-width:400px;text-align:center}.tutor-details-img{border-radius:10px;box-shadow:0 4px 8px #0000001a;height:auto;width:100%}.tutor-details-info{background-color:#ece3e3;border-radius:10px;box-shadow:0 4px 12px #0000001a;flex:1 1 50%;padding:20px}.tutor-details-info h2{color:#333;font-size:1.8rem;margin-bottom:10px}.tutor-details-info h3{color:#444;font-size:1.4rem;margin-top:20px}.tutor-details-info p{color:#555;line-height:1.6;margin:15px 0}.tutor-details-info ul{list-style:disc;margin:15px 0;padding-left:20px}.tutor-details-info ul li{margin-bottom:10px;text-align:left}.tutor-details-button-container{margin-top:20px;text-align:center}.tutor-details-button{background-color:#007bff;border-radius:5px;color:#fff;font-size:1rem;padding:10px 20px;text-decoration:none;transition:background-color .3s,transform .2s}.tutor-details-button:hover{background-color:#0056b3;transform:scale(1.05)}.tutor-details-button:active{background-color:#004494;transform:scale(1)}@media (max-width:768px){.tutor-details-container{flex-direction:column;text-align:center}.tutor-details-info{padding:15px;text-align:left}.tutor-details-image{max-width:100%}}@media (max-width:480px){.tutor-details-info h2{font-size:1.4rem}.tutor-details-info h3{font-size:1.2rem}.tutor-details-info p,.tutor-details-info ul li{font-size:.9rem}}.learning-section{background-color:#ece3e3;border-radius:10px;color:#333;margin:20px;padding:50px 20px}.learning-header{margin-bottom:30px;text-align:center}.learning-header h2{color:#000;font-size:1.5rem;font-weight:700;line-height:1.4}.learning-cards{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.learning-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 4px #0000001a;flex:1 1 30%;max-width:300px;padding:15px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.learning-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.learning-image,.learning-video{aspect-ratio:9/16;border:none;border-radius:8px;margin-bottom:10px;width:100%}.learning-card h4{color:#222;font-size:1.1rem;font-weight:700;margin:10px 0}.learning-card p{color:#555;font-size:.95rem;line-height:1.4;margin-bottom:10px}.card-link{color:#007bff;display:inline-block;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .3s ease}.card-link:hover{color:#0056b3}@media (max-width:768px){.learning-cards{flex-direction:column;gap:20px}.learning-card{max-width:100%}.learning-header h2{color:#000;font-size:1.5rem;font-weight:700;line-height:1.4}}@media (max-width:480px){.learning-cards{flex-direction:column;gap:20px}.learning-card{max-width:100%}.learning-section{background-color:#ece3e3;border-radius:10px;color:#333;margin:10px;padding:50px 20px}.learning-header h2{color:#000;font-size:1.5rem;font-weight:700;line-height:1.4}}.guide-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;color:#333;margin:20px;padding:50px 20px}.guide-header{margin-bottom:30px;text-align:center}.guide-header h2{color:#000;font-size:1.75rem;font-weight:700}.guide-header p{color:#555;font-size:1rem}.guide-videos{display:flex;gap:20px;margin-left:40px;margin-right:40px;overflow-x:auto;padding:20px;scroll-behavior:smooth}.guide-videos::-webkit-scrollbar{display:none}.guide-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex:0 0 auto;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:300px}.guide-card:hover{box-shadow:0 6px 10px #0003;transform:translateY(-3px)}.guide-video{aspect-ratio:9/16;border:none;border-radius:10px;margin-bottom:10px;width:100%}.guide-card h4{color:#222;font-size:1.1rem;font-weight:700;margin:10px 0}.guide-card p{color:#555;font-size:.95rem;line-height:1.4}.carousel-buttons{margin-top:10px}.scroll-button{background-color:#007bff;margin:0 5px;padding:10px 15px}.scroll-button:hover{background-color:#0056b3}@media (max-width:768px){.guide-videos{margin-left:0;margin-right:0}.guide-card{width:100%}}@media (max-width:480px){.guide-videos{margin-left:0;margin-right:0}.guide-card{width:90%}.guide-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;color:#333;margin:10px;padding:50px 20px}}.achievements-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;color:#333;margin:20px;padding:50px 20px}.achievements-section h2{color:#000;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.modal-content img{border-radius:10px;max-height:95%;max-width:40%;object-fit:contain;transition:transform .3s ease-in-out}.modal-content{position:relative}.modal:hover{cursor:pointer}.modal:hover .modal-content img{transform:scale(1.02)}.achievements-carousel{display:flex;gap:20px;margin-left:20px;margin-right:20px;overflow-x:auto;padding:20px;scroll-behavior:smooth}.achievement-item img{border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;transition:transform .3s ease;width:300px}.achievement-item img:hover{transform:scale(1.05)}.achievements-description{color:#555;font-size:1.2rem;margin:0 auto;max-width:800px;text-align:center}.academy-logo{display:flex;justify-content:center;margin-top:30px}.academy-logo img{height:auto;width:150px}.achievements-carousel::-webkit-scrollbar{display:none}.section-title{color:#333;font-size:1.5rem;font-weight:700;margin:20px 0;text-align:center}.carousel-buttons{display:flex;gap:20px;justify-content:center;margin:20px 0}.scroll-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.scroll-button:hover{background-color:#555}@media (max-width:768px){.achievement-item img{margin-left:10px;margin-right:10px}.achievements-description{font-size:1rem}.academy-logo img{width:100px}.achievements-carousel{margin-left:0;margin-right:0}.modal-content img{border-radius:10px;max-height:95%;max-width:60%;object-fit:contain;transition:transform .3s ease-in-out}.scroll-button{font-size:.9rem;padding:8px 16px}}@media (max-width:480px){.achievements-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;color:#333;margin:10px;padding:50px 20px}.achievement-item img{margin-left:10px;margin-right:10px}.achievements-carousel{display:flex;gap:1px;margin-left:20px;margin-right:20px;overflow-x:auto;padding:20px;scroll-behavior:smooth}.achievements-description{font-size:1rem}.academy-logo img{width:100px}.achievements-carousel{margin-left:0;margin-right:0}.modal-content img{border-radius:10px;max-height:95%;max-width:80%;object-fit:contain;transition:transform .3s ease-in-out}.scroll-button{font-size:.9rem;padding:8px 16px}}.students-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;margin:20px;padding:50px;text-align:center}.students-header h2{color:#000;font-size:2rem;font-weight:700;margin-bottom:30px}.students-header p{color:#666;font-size:1.2rem;margin-bottom:30px}.students-carousel{display:flex;gap:20px;margin:10px;overflow-x:scroll;padding:20px;scroll-behavior:smooth}.video-slide{box-sizing:border-box;flex:0 0 auto;width:300px}.video-slide video{border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;transition:transform .3s ease;width:100%}.video-slide video:hover{transform:scale(1.05)}.students-description{color:#444;font-size:1rem;margin-left:auto;margin-right:auto;margin-top:30px;max-width:800px;text-align:center}.students-carousel::-webkit-scrollbar{display:none}.students-carousel{scrollbar-width:none}.youtube-video{border-radius:10px;box-shadow:0 4px 6px #0000001a;height:400px;transition:transform .3s ease;width:100%}.youtube-video:hover{transform:scale(1.05)}@media (max-width:768px){.students-section{padding:50px}.video-slide video{margin-left:1px;margin-right:1px}.students-carousel{display:flex;gap:20px;margin:1px;overflow-x:scroll;padding:20px;scroll-behavior:smooth}.video-slide{box-sizing:border-box;flex:0 0 auto;width:300px}.students-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;margin:20px;padding:10px;text-align:center}}@media (max-width:480px){.students-section{margin:2px;padding:50px}.video-slide video{margin-left:1px;margin-right:1px}.students-carousel{display:flex;gap:20px;margin:1px;overflow-x:scroll;padding:20px;scroll-behavior:smooth}.video-slide{box-sizing:border-box;flex:0 0 auto;width:300px}.students-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;margin:20px;padding:10px;text-align:center}}.activities-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;margin:20px;padding:50px;text-align:center}.activities-section h2{color:#000;font-size:2rem;font-weight:700;margin-bottom:30px}.activities-photos,.activities-videos{margin:20px 0}.photos-carousel,.videos-carousel{display:flex;gap:20px;margin:1px;overflow-x:scroll;padding:20px;scroll-behavior:smooth}.photos-carousel img,.videos-carousel video{border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;transition:transform .3s ease;width:300px}.photos-carousel img:hover,.videos-carousel video:hover{transform:scale(1.05)}.photos-carousel::-webkit-scrollbar,.videos-carousel::-webkit-scrollbar{display:none}.photos-carousel,.videos-carousel{scrollbar-width:none}@media (max-width:768px){.photos-carousel img,.videos-carousel video{margin-left:0;margin-right:0}.activities-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;margin:10px;padding:50px;text-align:center}.photos-carousel,.videos-carousel{display:flex;gap:20px;margin:-20px;overflow-x:scroll;padding:10px;scroll-behavior:smooth}.carousel-buttons{margin-top:30px}}@media (max-width:480px){.photos-carousel img,.videos-carousel video{margin-left:0;margin-right:0;max-width:90%}.activities-section{background-color:#ece3e3;border-radius:10px;box-shadow:0 1px 6px #0000001a;margin:10px;padding:50px;text-align:center}.photos-carousel,.videos-carousel{display:flex;gap:20px;margin:-20px;overflow-x:scroll;padding:10px;scroll-behavior:smooth}.carousel-buttons{margin-top:30px}}.contact-section{background-color:#ece3e3;border-radius:10px;margin:20px;padding:60px 20px;text-align:center}.contact-table table{border-collapse:collapse;margin:0 auto 40px;max-width:80%;width:100%}.contact-table td,.contact-table th{border:1px solid #ddd;font-size:1rem;padding:12px}.contact-table th{background-color:#333;color:#fff;text-align:center}.contact-table td{word-wrap:break-word;text-align:center}.google-map{margin-top:40px}.google-map h3{margin-bottom:20px}.submit-query{margin-top:40px}.submit-query h3{margin-bottom:20px}.submit-query form{margin:0 auto;max-width:80%;text-align:left;width:100%}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px}.form-group textarea{resize:vertical}.submit-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.submit-button:hover{background-color:#555}.footer-section{background-color:#333;color:#fff;padding:20px}.social-icons img{margin:0 10px;width:30px}@media (max-width:768px){.contact-table table{width:100%}.contact-table td,.contact-table th{font-size:.9rem;padding:1px}.contact-table td{word-wrap:break-word;display:block;text-align:left}.submit-query form{width:100%}.google-map{margin:-20px}}@media (max-width:480px){.contact-section{background-color:#ece3e3;border-radius:10px;margin:10px;padding:60px 20px;text-align:center}.contact-table table{width:100%}.contact-table td,.contact-table th{font-size:.9rem;padding:1px}.contact-table td{word-wrap:break-word;display:block;text-align:left}.submit-query form{width:100%}.google-map{margin:-20px}}.newsletter-container{background-color:#ece3e3;border:1px solid #f1f1f1;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-wrap:wrap;margin-left:20px;margin-right:20px;padding:40px}.newsletter-content{flex:1 1;padding:20px}.newsletter-content h2{color:#333;font-size:1.5rem;margin-bottom:10px}.newsletter-content p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:20px}.newsletter-form{align-items:center;gap:10px;margin-bottom:15px}.newsletter-form input{font-size:1rem;outline:none;padding:10px 15px}.newsletter-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.newsletter-form button{font-size:1rem;margin-top:2px;padding:10px 20px;transition:background-color .3s ease}.terms{color:#777;font-size:.9rem}.terms a{color:#007bff;text-decoration:none}.terms a:hover{text-decoration:underline}.newsletter-image{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.newsletter-image img{border-radius:8px;box-shadow:0 4px 10px #0000001a;height:auto;max-width:100%}@media (max-width:768px){.newsletter-container{background-color:#ece3e3;border:1px solid #f1f1f1;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;flex-wrap:wrap;margin:10px;padding:40px}.newsletter-content{padding:20px;text-align:center}.newsletter-form{flex-direction:column;gap:15px}.newsletter-image img{border-radius:8px;box-shadow:0 4px 10px #0000001a;height:auto;max-width:100%}.newsletter-image{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2px}}@media (max-width:480px){.newsletter-container{background-color:#ece3e3;border:1px solid #f1f1f1;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;flex-wrap:wrap;margin:10px;padding:40px}.newsletter-content{padding:20px;text-align:center}.newsletter-form{flex-direction:column;gap:15px}.newsletter-image img{border-radius:8px;box-shadow:0 4px 10px #0000001a;height:auto;max-width:100%}.newsletter-image{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2px}}.footer{background-color:#f8f9fa;border-radius:10px;color:#333;font-family:Arial,sans-serif;padding:20px 40px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-links,.footer-logo,.footer-social,.footer-update{flex:1 1;margin:15px;min-width:200px}.footer-logo h2{font-weight:700}.newsletter-form{display:flex;margin-top:10px}.newsletter-form input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:5px}.newsletter-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.newsletter-form button:hover{background-color:#0056b3}.footer-links ul,.footer-social ul,.footer-update ul{list-style-type:none;padding:0}.footer-links li,.footer-social li,.footer-update li{margin-bottom:8px}.footer-links a,.footer-social a,.footer-update a{color:#007bff;text-decoration:none}.footer-links a:hover,.footer-social a:hover,.footer-update a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ccc;margin-top:20px;padding-top:10px;text-align:center}.footer-policy a{color:#007bff;margin:0 5px;text-decoration:none}.footer-policy a:hover{text-decoration:underline}body{background-color:#f0f4f8;font-family:Arial,sans-serif;margin:0}.form-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;margin:50px auto;max-width:400px;padding:25px;text-align:center}.form-container h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:20px}.auth-form{gap:20px}.form-group{align-items:flex-start}.form-group label{font-size:1rem;margin-bottom:8px}.form-group input{background-color:#f9f9f9;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{background-color:#fff;border-color:#6c63ff;box-shadow:0 0 5px #6c63ff80;outline:none}.form-button{background:linear-gradient(135deg,#6c63ff,#007bff);border-radius:8px;font-size:1rem;padding:12px;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}.form-button:hover{background:linear-gradient(135deg,#007bff,#6c63ff);box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.form-container p{color:#555;font-size:.9rem;margin-top:15px}.form-container p a{color:#007bff;font-weight:700;text-decoration:none}.form-container p a:hover{text-decoration:underline}.success-message{color:green;font-size:1rem;margin-top:10px}.error-message{color:red;font-size:1rem;margin-top:10px}@media (max-width:576px){.form-container{margin:20px;padding:20px}.form-container h2{font-size:1.5rem}.form-button{font-size:.9rem;padding:10px}}.App{font-family:Arial,sans-serif;width:auto}section{margin-top:100px;padding:0;text-align:center;width:auto}body,html{background:linear-gradient(90deg,#f9f5f4,#f5f1ee);box-sizing:border-box;font-family:Arial,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.container{margin:0 auto;max-width:auto;padding:0;width:100%}html{scroll-behavior:smooth}.dashboard-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:30px auto 50px;max-width:800px;padding:20px;text-align:center}.dashboard-container h2{color:#333;font-size:28px;margin-bottom:20px}.dashboard-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.dashboard-option button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px;transition:background-color .3s ease}.dashboard-option button:hover{background-color:#5a6268}@media screen and (max-width:865px){.dashboard-container{margin:20px;padding:17px}.dashboard-option button{font-size:14px;padding:8px 15px}.dashboard-container h2{font-size:24px}}@media screen and (max-width:768px){.dashboard-container{margin:20px;padding:17px}.dashboard-option button{font-size:14px;padding:8px 15px}.dashboard-container h2{font-size:24px}}@media screen and (max-width:480px){.dashboard-container{margin:20px;padding:10px}.dashboard-option button{font-size:16px;padding:6px 10px}.dashboard-container h2{font-size:20px}}.auth-container{background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a;margin:50px auto;max-width:500px;text-align:center}.auth-container h2{font-size:24px;margin-bottom:20px}.auth-form{gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px}.form-group input{font-size:16px}.form-button{padding:10px 20px}.auth-toggle{color:#555;margin-top:15px}@media screen and (max-width:768px){.auth-container{margin:20px auto;padding:15px}.auth-container h2{font-size:22px}.form-group input{font-size:14px;padding:8px}.form-button{font-size:14px;padding:8px 16px}}@media screen and (max-width:480px){.auth-container{margin:10px auto;padding:10px}.auth-container h2{font-size:20px}.form-group input{font-size:12px;padding:6px}.form-button{font-size:12px;padding:6px 12px}}.add-candidate-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:50px auto;max-width:800px;padding:20px;text-align:center;transition:all .3s ease}.add-candidate-container h2{color:#333;font-family:Roboto,sans-serif;font-size:28px;margin-bottom:20px}.form-group{text-align:left}.form-group label{font-size:16px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}textarea{height:80px}button{margin-top:20px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}@media screen and (max-width:890px){.add-candidate-container{margin:20px;padding:15px}.add-candidate-container h2{font-size:24px}button{font-size:14px;padding:8px 15px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:8px}}.remove-candidate-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:30px auto 0;max-width:600px;padding:20px}h2{color:#333}.filters{flex-direction:column}.dropdown{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.search-button{padding:12px 20px;width:100%}.student-list{list-style-type:none;margin:20px 0;padding:0}.student-item{margin-bottom:10px}.student-item span{color:#555;flex-grow:1;margin-right:10px}.remove-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.remove-all-button,.remove-button:hover{background-color:#c82333}.remove-all-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 20px;width:100%}.remove-all-button:hover{background-color:#e0a800}@media (max-width:768px){.filters{gap:10px}.remove-candidate-container{margin:15px;padding:15px}.dropdown,.remove-all-button,.search-button{width:100%}}@media (max-width:480px){.remove-candidate-container{margin:15px;padding:15px}h2{font-size:20px}.dropdown,.remove-all-button,.search-button{font-size:14px;padding:10px}.student-item{align-items:flex-start;flex-direction:column}.student-item span{margin-bottom:10px}}.add-attendance-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px auto 0;max-width:800px;padding:20px}.add-attendance-page h2{color:#333;font-family:Arial,sans-serif;margin-bottom:20px;text-align:center}.attendance-form{display:flex;flex-direction:column;gap:15px}.attendance-form label{color:#555;font-weight:700}.attendance-form input[type=date],.attendance-form select{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.attendance-form select{-webkit-appearance:none;appearance:none;background:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 6l4 4 4-4z" fill="%23999"/></svg>') no-repeat right 10px center;background-color:#fff}.student-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin:5px 0;padding:10px;transition:background-color .3s ease}.student-item:hover{background-color:#f0f0f0}.student-item input[type=checkbox]{cursor:pointer;transform:scale(1.2)}button{background-color:#4caf50;font-weight:700;transition:background-color .3s ease}button:hover{background-color:#45a049}@media screen and (max-width:899px){.add-attendance-page{margin:20px;padding:15px}.attendance-form input[type=date],.attendance-form select,button{font-size:14px}button{padding:8px 12px}}.view-attendance-page{background-color:#f7f7f7;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:20px auto;max-width:800px;padding:40px;text-align:center;transition:all .3s ease}.view-attendance-page h2{color:#333;font-family:Roboto,sans-serif;font-size:2rem;margin-bottom:20px}.drawer{text-align:left}.drawer label{display:block;font-size:1rem;font-weight:700;margin-bottom:5px}.drawer select{border:1px solid #ccc;border-radius:5px;font-size:1rem;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.drawer select:focus{border-color:#007bff}.search-button{border-radius:5px;font-size:1rem;margin-bottom:20px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.search-button:active{transform:translateY(1px)}.attendance-list{margin-top:20px;text-align:left}.attendance-list h3{border-bottom:1px solid #ddd;color:#444;font-size:1.2rem;margin-bottom:10px;padding-bottom:5px}.attendance-list ul{list-style:none;padding:0}.attendance-list li{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d;font-size:1rem;margin-bottom:5px;padding:8px}.attendance-summary{color:#555;font-size:1.1rem;margin-top:20px}@media screen and (max-width:910px){.view-attendance-page{margin:20px;padding:20px}.view-attendance-page h2{font-size:1.8rem}.drawer select{font-size:.95rem;padding:8px}.search-button{font-size:.95rem;padding:8px 15px}.attendance-list h3{font-size:1.1rem}.attendance-list li{font-size:.95rem}.attendance-summary{font-size:1rem}}@media screen and (max-width:768px){.view-attendance-page{margin:20px;padding:20px}.view-attendance-page h2{font-size:1.8rem}.drawer select{font-size:.95rem;padding:8px}.search-button{font-size:.95rem;padding:8px 15px}.attendance-list h3{font-size:1.1rem}.attendance-list li{font-size:.95rem}.attendance-summary{font-size:1rem}}@media screen and (max-width:480px){.view-attendance-page{margin:20px;padding:15px}.view-attendance-page h2{font-size:1.5rem}.drawer select{font-size:.9rem;padding:7px}.search-button{font-size:1rem;padding:7px 12px}.attendance-list h3{font-size:1rem}.attendance-list li,.attendance-summary{font-size:.9rem}}.edit-attendance-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:20px auto 0;max-width:900px;padding:20px;text-align:center;transition:all .3s ease}.edit-attendance-page h2{color:#333;font-size:2rem;margin-bottom:20px}.filters{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter{display:flex;flex-direction:column}.filter label{color:#555;font-weight:700;margin-bottom:8px}.filter select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;padding:10px;transition:border-color .3s}.filter select:focus{border-color:#007bff}.button-container{align-items:center;gap:20px;margin-left:30px}.search-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:10px 15px;transition:background-color .3s,transform .2s}.search-button:hover{background-color:#0056b3;transform:translateY(-2px)}.search-button:disabled{background-color:#ccc;cursor:not-allowed}.attendance-table{margin-top:20px;overflow-x:auto}.attendance-table table{border-collapse:collapse;box-shadow:0 2px 5px #0000001a;width:100%}.attendance-table td,.attendance-table th{border:1px solid #ccc;padding:10px;text-align:left}.attendance-table th{background-color:#f1f1f1;color:#333;font-weight:700}.attendance-table td{background-color:#fff}.attendance-table input[type=checkbox]{cursor:pointer;transform:scale(1.2)}.save-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:10px 15px;transition:background-color .3s,transform .2s}.save-button:hover{background-color:#218838;transform:translateY(-2px)}.error-message{background-color:#ffe6e6;border:1px solid #c00;border-radius:4px;color:#c00;font-weight:700;margin-bottom:20px;padding:10px;text-align:center}@media screen and (max-width:994px){.edit-attendance-page{margin:20px;padding:15px}.edit-attendance-page h2{font-size:1.8rem}.filters{grid-template-columns:1fr}.save-button,.search-button{font-size:14px;padding:8px 12px}.attendance-table td,.attendance-table th{font-size:14px}}.delete-attendance-page{background-color:#f7f7f7;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px auto 0;max-width:800px;padding:40px;text-align:center}.delete-attendance-page h2{color:#333;font-size:2rem;margin-bottom:20px}.selection-form{margin:20px 0;text-align:left}.selection-form label{color:#444;display:block;font-size:1rem;font-weight:700;margin-bottom:5px}.selection-form select{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 1px 4px #0000001a;font-size:1rem;margin-bottom:20px;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.selection-form select:focus{border-color:#007bff}.button-container{flex-wrap:wrap;justify-content:center;margin-top:20px}.delete-button,.search-button{background-color:#007bff;border:none;border-radius:5px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.delete-button:hover,.search-button:hover{background-color:#0056b3}.delete-button{background-color:#dc3545}.delete-button:hover{background-color:#a71d2a}.statistics{background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 1px 6px #0000001a;margin-top:30px;padding:20px;text-align:left}.statistics h3{color:#444;font-size:1.5rem;margin-bottom:15px}.statistics p{color:#555;font-size:1rem;margin:5px 0}@media (max-width:923px){.delete-attendance-page{margin:20px;padding:20px}.selection-form select{font-size:.9rem;padding:8px}.delete-button,.search-button{font-size:.9rem;padding:8px 16px}.statistics{padding:15px}.statistics h3{font-size:1.3rem}.statistics p{font-size:.9rem}}@media (max-width:768px){.delete-attendance-page{margin:20px;padding:20px}.selection-form select{font-size:.9rem;padding:8px}.delete-button,.search-button{font-size:.9rem;padding:8px 16px}.statistics{padding:15px}.statistics h3{font-size:1.3rem}.statistics p{font-size:.9rem}}@media (max-width:480px){.delete-attendance-page{margin:20px;padding:15px}.delete-attendance-page h2{font-size:1.5rem}.selection-form select{font-size:.85rem;padding:6px}.delete-button,.search-button{font-size:.85rem;padding:6px 12px}.statistics h3{font-size:1.2rem}.statistics p{font-size:.85rem}}.new-requests-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px auto 0;max-width:800px;padding:20px}.new-requests-page h2{color:#333;margin-bottom:20px;text-align:center}.requests-list{list-style-type:none;padding:0}.request-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 15px}.request-details p{align-items:left;margin:0}.request-actions{display:flex;gap:10px}.add-button,.delete-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.add-button{background-color:#4caf50;color:#fff}.add-button:hover{background-color:#45a049}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#e53935}.no-requests-message{color:#666;font-style:italic;margin-top:20px;text-align:center}@media (max-width:849px){.new-requests-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px;max-width:800px;padding:20px}}.student-information-section{font-family:Arial,sans-serif;margin:auto;max-width:1200px;padding:20px}h2{text-align:center}.filters,h2{margin-bottom:20px}.filters{display:flex;gap:15px;justify-content:center}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:700;margin-bottom:5px}.filter-group select{border:1px solid #ccc;border-radius:4px;padding:8px}button{padding:10px 15px}button:disabled{background-color:#aaa}.student-table-container{margin-top:20px}.student-table{border-collapse:collapse;width:100%}.student-table td,.student-table th{border:1px solid #ddd;padding:10px;text-align:left}.student-table th{background-color:#f4f4f4}.no-information-message{color:#666;margin-top:20px;text-align:center}.admin-dashboard{font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px;text-align:center}.dashboard-container{align-items:center;display:flex;flex-direction:column;gap:15px}button{max-width:300px;text-align:center}.teacher-list{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:10px}.teacher-item{align-items:flex-start;background-color:#fff;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:10px}.teacher-item p{color:#333;font-size:14px;margin:0}.remove-teacher-button{align-self:flex-start;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s ease}.remove-teacher-button:hover{background-color:#a71d2a}@media screen and (max-width:768px){h1{font-size:20px}button{font-size:14px;padding:10px}.teacher-item p{font-size:13px}.remove-teacher-button{font-size:13px;padding:5px 8px}}@media screen and (max-width:480px){h1{font-size:18px}button{font-size:14px;padding:8px}.teacher-item p{font-size:12px}.remove-teacher-button{font-size:12px;padding:4px 6px}}.teacher-task-container{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;justify-content:center;min-height:10vh;padding:20px}.teacher-task-container h2{color:#333;font-size:2rem;margin-bottom:20px}.button-container{display:flex;flex-direction:column;gap:15px}.task-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease;width:200px}.task-button:hover{background-color:#0056b3}.task-button:active{background-color:#003f7f}.application-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px auto 0;max-width:600px;padding:20px}.application-container h2{color:#333;margin-bottom:20px;text-align:center}.application-form{display:flex;flex-direction:column}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group textarea{height:80px;resize:none}.form-button{background-color:#4caf50;margin-top:10px;padding:10px 15px}.form-button:hover{background-color:#45a049}@media (max-width:688px){.application-container{margin:20px}}.auth-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:400px;padding:20px}.auth-container h2{color:#333;font-size:1.5rem;text-align:center}.auth-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease}.form-button:hover{background-color:#0056b3}.auth-toggle{font-size:14px;margin-top:10px;text-align:center}.auth-toggle-link{color:#007bff;cursor:pointer;text-decoration:underline;transition:color .3s ease}.auth-toggle-link:hover{color:#0056b3}@media (max-width:768px){.auth-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:10px auto 20px;max-width:400px;padding:20px}.auth-container h2{font-size:1.3rem}.form-group input{font-size:13px;padding:10px}.form-button{font-size:15px;padding:8px}}@media (max-width:480px){.auth-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:10px 20px 20px;max-width:400px;padding:20px}.auth-container h2{font-size:1.2rem}.form-group input{font-size:12px;padding:10px}.form-button{font-size:14px;margin:10px;padding:7px}.auth-toggle{font-size:13px}}.admin-applications{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px;text-align:center}h1{font-size:28px}.buttons-group{margin-bottom:20px}.action-button{background-color:#1670ed;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s}.action-button:hover{background-color:#584cdb}.applications-list{display:flex;flex-direction:column;gap:20px}.application-card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;padding:15px;text-align:left}.application-card p{font-size:16px;margin:5px 0}.application-card strong{color:#333}.card-buttons{margin-top:10px;text-align:right}.accept-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s}.accept-button:hover{background-color:#1c7d31}@media screen and (max-width:768px){h1{font-size:24px}.accept-button,.action-button{font-size:14px;padding:10px}.application-card{padding:10px}.application-card p{font-size:14px}}@media screen and (max-width:480px){h1{font-size:20px}.accept-button,.action-button{font-size:12px;padding:8px}.application-card{padding:8px}.application-card p{font-size:12px}}#over-all-attendance{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}h1{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.drawer{gap:15px;margin-bottom:20px}.drawer,.dropdown{display:flex;flex-direction:column}.dropdown{gap:5px}.dropdown label{color:#555;font-size:16px;font-weight:700}.dropdown select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}button{align-self:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;max-width:200px;padding:12px 20px;width:100%}button:hover{background-color:#0056b3}.error{color:red;margin-top:10px;text-align:center}.attendance-results table{border-collapse:collapse;margin-top:20px;width:100%}.attendance-results td,.attendance-results th{border:1px solid #ddd;font-size:14px;padding:10px;text-align:center}.attendance-results th{background-color:#f4f4f4;font-weight:700}.delete-all-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px;transition:background-color .3s ease}.delete-all-button:hover{background-color:#c82333}.delete-all-button:active{background-color:#a71d2a}@media screen and (max-width:1059px){h1{font-size:20px}#over-all-attendance{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.drawer{gap:10px;margin-right:30px}.dropdown select,button{font-size:14px}.attendance-results td,.attendance-results th{font-size:12px;padding:8px}}@media screen and (max-width:768px){h1{font-size:20px}#over-all-attendance{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.drawer{gap:10px;margin-right:30px}.dropdown select,button{font-size:14px}.attendance-results td,.attendance-results th{font-size:12px;padding:8px}}@media screen and (max-width:480px){h1{font-size:18px}button{padding:10px}}
/*# sourceMappingURL=main.68026c80.css.map*/