@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-image:url(/static/media/V-badiCopy.e06cc3cc16578f666e01.png);background-position:50%;background-repeat:repeat-y;background-size:75% 100%;font-family:Helvetica Neue,Arial,sans-serif}.intro-page{height:100vh;width:100%}.navbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff4d;display:flex;justify-content:flex-start;padding:10px 30px;position:fixed;top:0;width:100%;z-index:10}.nav-links{display:flex;gap:20px;list-style:none;margin-left:auto;margin-right:120px;padding:0}.nav-logo{color:#000;font-size:1.3rem;font-weight:700}.nav-links li a{color:#000;font-weight:500;text-decoration:none}.nav-logo-link{align-items:center;display:flex}.nav-logo-img{height:50px;object-fit:contain}.mission,.vision{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:20px}.mission h2,.vision h2{font-size:2rem;margin-top:0}.mission p,.vision p{color:#333;line-height:1.6;margin:16px 0}.vision ul{margin:16px 0 0 20px}.vision ul li{line-height:1.5;margin-bottom:8px}.intro-container{margin:80px auto;max-width:800px;padding:0 20px}.team-member{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:20px}.team-member h3{font-size:1.8rem;margin:0 0 8px}.team-member h4{color:#555;font-size:1rem;margin:0 0 16px}.team-member p{color:#333;line-height:1.6;margin:0}.team-member p+p{margin-top:12px}body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.login-background{align-items:center;background:url(/static/media/test.97f5acdf0b48d01ae87c.jpg) 50%/cover no-repeat;background-color:#f0f0f0;display:flex;justify-content:center;min-height:100vh}.login-container{background:#fffc;border-radius:4px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;color:#333;margin:0 auto;max-width:400px;padding:2rem;width:90%}.homepage-btn,.login-container button{border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.homepage-btn{background-color:#007bff}.homepage-btn:hover{background-color:#0069d9}.login-container h2{color:#333;margin-bottom:1.5rem;text-align:center}.login-container .error{color:red;margin-bottom:1rem;text-align:center}.login-container label{color:#333;display:block;font-size:.95rem;margin-bottom:.5rem}.login-container input{background:#fff;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#333;margin-bottom:1rem;padding:.75rem;width:100%}.password-field-wrapper{position:relative}.toggle-password-icon{color:#333;cursor:pointer;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.login-container button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.login-container button:hover{background-color:#0069d9}.video-list{background-color:#fff;border-radius:8px;margin:50px auto;max-width:500px;padding:30px;text-align:center}.video-list h2{font-size:2rem;margin-bottom:20px}.video-list label{display:block;font-weight:700;margin-bottom:10px;text-align:left}.video-list input[type=date]{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-bottom:16px;padding:10px;width:100%}.video-list button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 16px;transition:background-color .3s}.video-list button:hover{background-color:#0056b3}.videos-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.video-item{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:15px;text-align:center;width:200px}.video-item h3{font-size:1.2rem;margin-bottom:10px}.video-item a{color:#007bff;font-weight:700;text-decoration:none}.video-item a:hover{text-decoration:underline}.upload-video-form{background-color:#fff;border-radius:8px;max-width:500px;padding:30px}.upload-video-form h2{font-size:2rem;margin-bottom:20px;text-align:center}.upload-video-form label{display:block;font-weight:700;margin-bottom:8px}.upload-video-form input,.upload-video-form select{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-bottom:16px;padding:10px;width:100%}.upload-video-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s}.upload-video-form button:hover{background-color:#0056b3}.video-hub{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;margin:50px auto;max-width:500px;padding:30px;text-align:center}.video-hub h2{font-size:2rem;margin-bottom:20px}.video-hub .admin-actions{margin-top:20px}.video-hub .admin-actions button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2em;margin:10px;padding:10px 16px;transition:background-color .3s}.video-hub .admin-actions button:hover{background-color:#0056b3}.homework-submission{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;margin:50px auto;max-width:500px;padding:30px;text-align:center}.homework-submission h2{font-size:2rem;margin-bottom:20px}.homework-submission form{display:flex;flex-direction:column;gap:15px;text-align:left}.homework-submission label{font-weight:700;margin-bottom:5px}.homework-submission input[type=file],.homework-submission select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px;width:100%}.homework-submission button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 16px;transition:background-color .3s}.homework-submission button:hover{background-color:#0056b3}.homework-submission .message{color:green;font-size:1rem;margin-top:15px;text-align:center}.homework-retrieval{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;margin:50px auto;max-width:500px;padding:30px;text-align:center}.homework-retrieval h2{font-size:2rem;margin-bottom:20px}.homework-retrieval form{display:flex;flex-direction:column;gap:15px;text-align:left}.homework-retrieval label{display:block;font-weight:700}.homework-retrieval select{font-size:1em;padding:8px;width:100%}.homework-retrieval button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;margin:0 auto;padding:10px 16px}.homework-retrieval button:hover{background-color:#0056b3}.homework-retrieval .message{color:red;font-size:1em;margin-top:15px;text-align:center}.homework-retrieval ul{list-style:none;margin-top:20px;padding:0;text-align:left}.homework-retrieval ul li{margin:5px 0}.homework-retrieval ul li a{color:#007bff;text-decoration:none}.homework-retrieval ul li a:hover{text-decoration:underline}body{background-color:#fefefe;color:#333;font-family:Poppins,sans-serif}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-header{align-items:center;background-color:#f5f5f7;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:.5rem 1.5rem;position:relative}.logo h1{color:#333;font-size:1.8rem;font-weight:600;margin:0}.main-nav ul{display:flex;gap:1.5rem;list-style-type:none}.main-nav a{border-radius:4px;color:#333;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:background-color .3s,color .3s}.main-nav a:hover{background-color:#0071e31a;color:#0071e3}.user-menu{position:relative}.user-button{background:none;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem .75rem;transition:background-color .2s}.user-button:hover{background-color:#0071e31a;color:#0071e3}.dropdown{background-color:#fff;border-radius:4px;box-shadow:0 6px 20px #0000001a;overflow:hidden;position:absolute;right:0;top:2.5rem;width:200%;z-index:999}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:1rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.dropdown-item:hover{background-color:#0071e31a}.main-content{background-color:#fff;flex:1 1;padding:1.5rem}.zoom-link-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:20px auto;max-width:600px;padding:20px;text-align:center}.zoom-link-container h2{color:#333;font-size:24px;margin-bottom:20px}.zoom-link-container p{color:#555;font-size:18px}.zoom-link-container a{color:#007bff;font-weight:700;text-decoration:none}.zoom-link-container a:hover{color:#0056b3;text-decoration:underline}.zoom-link-admin{margin-top:20px;text-align:center}.zoom-link-admin h3{color:#333;font-size:20px;margin-bottom:10px}.zoom-link-admin input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:10px;padding:10px;width:calc(100% - 20px)}.zoom-link-admin button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px}.zoom-link-admin button:hover{background-color:#0056b3}.zoom-link-container .loading{color:#888;font-size:18px;margin-top:20px}.zoom-link-container .error{color:#d9534f;font-size:16px}.quiz-time-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:600px;padding:20px;text-align:center}.upload-section{margin:20px 0}.upload-section input{display:block;margin:10px auto;padding:10px}.upload-section button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.upload-section button:hover{background-color:#0056b3}.file-preview img{border-radius:5px;height:auto;margin-top:10px;max-width:100%}.App{font-family:Arial,sans-serif;text-align:center}.App-header{background-color:#282c34;box-shadow:0 4px 8px #0000001a;color:#fff;padding:20px}.App-header h1{font-size:2.5em;margin:0}.App-title-link{color:#fff;text-decoration:none}.app-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;margin:50px auto;max-width:500px;padding:30px}.app-card h2{margin-bottom:20px;text-align:center}.app-card button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 16px}.app-card button:hover{background-color:#0056b3}nav ul{display:flex;justify-content:center;list-style:none;margin-top:20px;padding:0}nav ul li{margin:0 15px}nav ul li a{border-radius:4px;color:#fff;font-size:1.2em;padding:10px 20px;text-decoration:none;transition:background-color .3s}nav ul li a:hover{background-color:#61dafb}main{padding:20px}h2{font-size:2em}
/*# sourceMappingURL=main.b0b0c13a.css.map*/