:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:#2c3e50;color:#fff;width:100vw}.logo{font-size:24px;font-weight:700}.nav-links{list-style:none;display:flex;gap:20px}.nav-links li{cursor:pointer}.nav-links a{color:#fff;text-decoration:none}.navbar-menu-icon{display:none;font-size:24px;cursor:pointer}.image-class{width:auto;height:25px;object-fit:cover}@media (max-width: 500px){.navbar-menu-icon{display:block}.nav-links{flex-direction:column;align-items:flex-end;gap:10px;position:absolute;top:60px;left:0;background-color:#2c3e50;width:100%;padding:15px;transform:translateY(-200%);transition:transform .3s ease;z-index:1000}.nav-links.open{transform:translateY(0)}.image-class{width:auto;height:20px}}body,html{margin:0;padding:0;width:100vw;height:100vh;box-sizing:border-box}.upload-material-content{display:flex;flex-direction:row;padding:20px;width:100vw;height:100vh;background-color:#d8eaf2!important;box-sizing:border-box;overflow-y:auto;justify-content:center;align-items:flex-start}.upload-material-card{border:1px solid #9dcbdd!important;border-radius:8px;background-color:#fff!important;padding:20px;width:40%;height:auto;margin:20px 0;display:flex;flex-direction:column;flex-grow:0}.material-card h2{margin-bottom:10px;color:#000!important}.material-card h3{margin-top:15px;color:#000!important}.input-title{width:100%;padding:8px;margin-top:10px;margin-bottom:10px;box-shadow:1px 2px 2px #5a5a58!important;border:1px solid #5e6575;border-radius:4px;font-size:14px;background-color:#fff;color:#000!important}.input-file{width:100%;margin-top:10px;margin-bottom:10px;box-shadow:1px 2px 2px #5a5a58!important;border:1px solid #9dcbdd!important;border-radius:4px;font-size:14px;background-color:#fff;color:#333;padding:2px}.input-file::file-selector-button{padding:8px;border:none;border-radius:4px;background-color:#0b1127;color:#fff;font-size:14px;cursor:pointer}.flashcard-textarea{width:100%;padding:8px;margin:8px 0;border:1px solid #ccc;border-radius:4px;resize:vertical;min-height:100px;background-color:#fff;color:#000}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}.success-message{color:green;margin-top:10px;font-weight:700}.upload-button:disabled{opacity:.7;cursor:not-allowed}.default-card{background-color:#273552;border:1px dashed #273552;padding:20px;text-align:center;font-size:16px;color:#fff;margin:10px 0}@media screen and (max-width: 500px){.upload-material-content{padding:10px}.upload-material-card{width:100%;padding:15px;margin:20px 0;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.upload-material-card h2{font-size:18px;margin-bottom:15px}.input-title,.flashcard-textarea{width:100%;margin-bottom:10px;padding:8px;font-size:14px}.upload-button{width:100%;padding:10px;font-size:14px}.success-message{width:100%;text-align:center;margin-top:10px;font-size:14px}}@media screen and (min-width: 500px) and (max-width: 1200px){.upload-material-content{display:flex;justify-content:center;padding:20px}.upload-material-card{width:80%;max-width:400px;padding:25px;background-color:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a}.upload-material-card h2{font-size:22px;margin-bottom:10px;text-align:center}.input-title,.flashcard-textarea{width:100%;margin-bottom:15px;padding:8px;font-size:14px}.upload-button{width:100%;padding:12px;font-size:16px}.success-message{width:100%;text-align:center;margin-top:15px;font-size:16px}}@media screen and (min-width: 1200px){.upload-material-content{display:flex;justify-content:center;padding:30px}.upload-material-card{width:60%;max-width:500px;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a}.upload-material-card h2{font-size:24px;margin-bottom:10px;text-align:center;font-weight:700}.input-title,.flashcard-textarea{width:100%;margin-bottom:15px;padding:8px;font-size:14px}.upload-button{width:100%;padding:15px;font-size:18px}.success-message{width:100%;text-align:center;margin-top:20px;font-size:18px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Arial,sans-serif}#root{height:100%;display:flex;flex-direction:column}.discussion-main-content{display:flex;flex:1;padding:15px 40px;gap:10px;height:calc(100vh - 80px);overflow-y:auto;width:100vw}.discussion-section{flex:3;display:flex;flex-direction:column;gap:20px;margin-bottom:500px}.create-topic-button{padding:10px 20px;background-color:#273552;color:#fff;border:none;border-radius:5px;cursor:pointer;align-self:flex-start;font-size:16px}.discussion-card{border:1px solid #9dcbdd!important;border-radius:8px;padding:15px;background-color:#fff!important;margin-bottom:20px}.discussion-card h3{margin:0;font-size:18px;color:#000}.discussion-card p{font-size:14px;color:#000;margin:10px 0}.discussion-card small{color:#000;display:block;margin-bottom:10px}.card-footer{display:flex;justify-content:space-between;align-items:center;color:green}.enter-thread-button{background-color:#273552;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}.thread-details{background-color:#fff!important;padding:20px;width:400px!important;height:auto;border-radius:8px;box-shadow:0 2px 10px #0000001a}.discussion-main-content .thread-details{margin:90px!important;background-color:#fff!important;border-radius:10px!important;border:1px solid #9dcbdd!important}.thread-details .back-button{background-color:#273552;color:#fff;padding:8px 15px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;margin-bottom:20px}.thread-details h2{color:#000!important}.thread-details p{color:#bd1313!important}.reply{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:5px 0}.reply p{color:#ce9120!important}.reply small{color:#000;gap:10px}small{color:#fff}.reply-form{margin-top:10px;gap:10px}.reply-form textarea{width:100%;height:100%}.create-topic-form{display:flex;flex-direction:column;gap:10px}.reply-form textarea,.create-topic-form textarea,.create-topic-form input{width:100%;padding:10px;border:1px solid #9dcbdd!important;border-radius:5px;color:gold!important}.reply-form button,.create-topic-form button{padding:10px;background-color:#273552!important;color:#fff!important;border:none;border-radius:5px;cursor:pointer}.filters{margin-bottom:20px;display:flex;align-items:center;gap:10px}.filters select{padding:5px;font-size:14px}.filters label{color:#000}.create-topic-container{display:flex;align-items:center;gap:10px}.create-topic-container input{padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:4px;width:400px;box-sizing:border-box}.create-topic-container input:focus{border-color:#4a90e2;outline:none}@media screen and (max-width: 500px){.thread-details{background-color:#fff!important;padding:20px;width:300px!important;height:auto;border-radius:8px;box-shadow:0 2px 10px #0000001a}.discussion-main-content{display:flex;flex-direction:column;align-items:center}.discussion-main-content .thread-details{margin:90px!important;background-color:#fff!important;border-radius:10px!important}.discussion-section{display:flex;flex-direction:column;width:100%;padding:10px}.discussion-card{width:100%;margin:10px 0}.filters,.create-topic-container{width:100%;margin-bottom:15px}.create-topic-button{font-size:10px}.filters select,.create-topic-container input,.create-topic-container button{width:100%}.error-message{width:100%;text-align:center;margin-bottom:10px}.discussion-card h3{font-size:18px}.discussion-card p{font-size:14px}.discussion-card .card-footer{display:block;text-align:center;margin-top:10px}.enter-thread-button{width:100%;padding:10px}.sidebar{display:none}}@media screen and (min-width: 500px) and (max-width: 1200px){.discussion-main-content{display:flex;flex-direction:row;justify-content:space-between}.discussion-section{display:flex;flex-direction:column;width:70%;padding:10px}.discussion-card{width:100%;margin:15px 0}.filters,.create-topic-container{width:100%;margin-bottom:15px}.filters select,.create-topic-container input,.create-topic-container button{width:100%}.error-message{width:100%;text-align:center;margin-bottom:10px}.discussion-card h3{font-size:20px}.discussion-card p{font-size:16px}.discussion-card .card-footer{display:block;text-align:center;margin-top:10px}.enter-thread-button{width:100%;padding:10px}.sidebar{width:25%;display:block}}@media screen and (max-width: 500px){.notes-material-content{padding:10px}.teacher-materials-section{margin-bottom:20px}.teacher-name{font-size:18px;margin-bottom:10px}.materials-grid{display:grid;grid-template-columns:1fr;gap:15px}.material-card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 10px #0000001a}.material-header h3{font-size:16px;margin-bottom:8px}.material-actions{display:flex;gap:5px}.edit-button,.delete-button{padding:5px 8px;font-size:12px}.video-container iframe,.video-container video{height:200px}.button-group{display:flex;gap:5px;margin-top:10px}.view-button,.download-button{padding:5px 8px;font-size:12px}.flashcard-info{margin-top:10px;font-size:14px}.edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal-content{background-color:#fff;padding:15px;border-radius:8px;width:90%;max-height:90vh;overflow-y:auto}.edit-modal-content h3{font-size:18px;margin-bottom:15px}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:5px;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:8px;font-size:14px}.button-group{display:flex;gap:10px;margin-top:15px}.save-button,.cancel-button{padding:8px 15px;font-size:14px}}@media screen and (min-width: 500px) and (max-width: 1200px){.notes-material-content{padding:20px}.teacher-materials-section{margin-bottom:30px}.teacher-name{font-size:22px;margin-bottom:15px}.materials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.material-card{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 15px #0000001a}.material-header h3{font-size:18px;margin-bottom:10px}.material-actions{display:flex;gap:10px}.edit-button,.delete-button{padding:6px 12px;font-size:14px}.video-container iframe,.video-container video{height:250px}.button-group{display:flex;gap:10px;margin-top:15px}.view-button,.download-button{padding:6px 12px;font-size:14px}.flashcard-info{margin-top:15px;font-size:16px}.edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal-content{background-color:#fff;padding:25px;border-radius:10px;width:80%;max-width:600px;max-height:90vh;overflow-y:auto}.edit-modal-content h3{font-size:22px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-size:16px}.form-group input,.form-group textarea{width:100%;padding:10px;font-size:16px}.button-group{display:flex;gap:15px;margin-top:20px}.save-button,.cancel-button{padding:10px 20px;font-size:16px}}.sidebar-discussion{width:250px;height:80vh;background-color:#fff;border:1px solid #9dcbdd!important;padding:20px;display:flex;flex-direction:column;justify-content:space-between;margin-top:125px;border-radius:10px;margin-bottom:30px}.sidebar-section{color:#000}.footer{display:flex;justify-content:space-between;padding:5px 20px;background-color:#2c3e50}.contact-info,.social-links{text-align:left;color:#fff}.social-links{text-align:center;color:#fff}.contact-info{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;color:#f5f5f5}.contact-info p{margin:0;padding:0}.social-icons{display:flex;gap:10px;margin-right:10px}.social-icons a{text-decoration:none;color:#fff}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Arial,sans-serif;background-color:#d8eaf2!important;color:#333}.profile-content{display:flex;flex-direction:column;min-height:100vh;width:100vw}.profile-header{border:1px solid #9dcbdd!important;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:space-between;padding:10px}.profile-picture{width:80px;height:80px;border-radius:50%;border:2px solid #fff}.profile-info{flex-grow:1;margin-left:20px}.profile-info h2{display:flex;font-size:24px;font-weight:700;flex-direction:row!important}.profile-info p{margin-top:5px}.update-profile-button{background-color:#00f;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s ease;margin-right:20px!important}.student-name{display:flex;flex-direction:row;gap:10px}.section{padding:5px 10px;background-color:#d8eaf2!important;margin:5px 60px;border-radius:8px}.section h3{margin-bottom:20px;font-size:20px;color:#000}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.card{background-color:#fff!important;color:#000!important;text-align:center;padding:20px;border-radius:8px;font-size:16px;font-weight:700;border:1px solid #9dcbdd!important;transition:all .3s ease;margin-top:-20px}.card img{max-width:60px;margin-bottom:10px}.access-icons{display:flex;justify-content:center;align-content:center;margin-left:30px}.icon-access-button{background-color:#fff;color:#00f;border:none;border-radius:5px;cursor:pointer;display:inline-flex;margin:5px}@media (max-width: 800px){.card-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.card{flex:1 1 100%;margin-bottom:15px}.update-profile-button{padding:5px 10px;cursor:pointer;font-size:10px;width:auto}}.home-card{border:1px solid #9dcbdd!important;background-color:#fff;padding:17px;margin:0 10px;border-radius:8px;text-align:center;flex:1 1 calc(25% - 20px);max-width:350px;box-sizing:border-box}.home-card-header{margin-bottom:10px}.role{color:#b0b92a;font-weight:600;font-size:1rem}.home-card-content h3{font-size:1.2rem;color:#000;font-weight:600}.home-card-content p{font-size:.8rem;color:#000;font-size:20px}@media (max-width: 500px){.home-card{flex-direction:row;align-items:center;padding:10px}.home-card-header{margin-bottom:0;margin-right:10px}.role{font-size:12px;font-weight:700}.home-card-content{text-align:center}.home-card-content h3{font-size:16px}.home-card-content p{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}.home-container{font-family:Arial,sans-serif;min-height:100vh;padding:30px;background-color:#d8eaf2!important;color:#fff;display:flex;flex-direction:column;align-items:center;width:83vw;margin-top:30px}.cards-section{width:80%;max-width:1000px;display:flex;flex-direction:column;gap:30px;align-items:start}.home-cards-row{display:flex;flex-wrap:wrap;gap:40px;justify-content:start;width:100%}.home-cards-row span.role{font-size:22px}.card-date{border:1px solid rgb(236,232,232)!important;background-color:#fff;color:#000;width:60px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin:0 auto}@media (max-width: 500px){.home-cards-row{flex-direction:column;gap:10px}.card{flex:1 1 100%}}body.signin-page{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#d8eaf2!important}.signin-container{display:flex;flex-direction:column;max-width:500px;margin:50px auto 10px;padding:20px;gap:20px;border:1px solid #9dcbdd!important;background-color:#fff!important;border-radius:10px}.welcome{display:flex;justify-content:center;align-items:center;height:auto;padding:5px;border:none;border-radius:10px;background-color:#2c3e50;color:#fff;font-size:26px;cursor:pointer;margin-bottom:30px}.email-form,.password-form{display:flex;flex-direction:column;background-color:#fff}.email-form .input-container,.password-form .input-container{display:flex;align-items:center;border-radius:10px;box-shadow:1px -5px 4px #5a5a58!important;border:1px solid #5e6575;padding:0 3px;background-color:#fff}.email-form .input-container input:focus{color:#000;background-color:#fff}.password-form .input-container input:focus{color:#000;background-color:#fff}.email-form .input-container input::placeholder{color:#000!important;font-style:italic;opacity:1}.password-form .input-container input::placeholder{color:#000!important;font-style:italic;opacity:1}.input-container input{flex:auto;border:none;outline:none;padding:20px 3px;border-radius:10px;height:40px!important;background-color:#fff;color:#000}.toggle-icon{margin-right:10px;cursor:pointer;color:#000}.Remember-forgot-container{display:flex;flex-direction:row;justify-content:space-between}.remember-me{margin-top:5px;color:#13b31b;font-size:13px;border:none;background:none;cursor:pointer}.remember-me label{padding:10px!important}.forgot-password{display:flex!important;justify-content:flex-end!important;margin:0!important}.forgot-password-btn{color:#b37313!important;border:none!important;background:none!important;cursor:pointer!important;font-size:13px!important}.signin-container button.signin{border:none;border-radius:10px;background-color:#2c3e50!important;color:#fff;font-size:16px;cursor:pointer;margin-top:-10px;height:40px}.to-signup{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px;margin-left:130px}.to-signup p{font-size:18px;color:#000}.to-signup button{color:#b3b313;font-size:20px;border:none;background:none;cursor:pointer}@media (min-width: 500px) and (max-width: 1200px){.signin-container{display:flex;flex-direction:column;max-width:400px;margin:50px auto 10px;padding:20px;gap:10px;border:2px solid #273552;background-color:#273552;border-radius:10px}}@media (max-width: 500px){.signin-container{width:auto;max-width:auto;padding:20px;box-sizing:border-box}.welcome p{font-size:1.5rem;text-align:center;margin-bottom:20px}.input-container{width:100%;display:flex;align-items:center;margin-bottom:15px}.input-container input{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;margin-left:10px}.to-signup{text-align:center;margin-top:8px;margin-left:10px}.to-signup p{font-size:.875rem;margin-bottom:5px}}body.signup-page{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#d8eaf2!important}.Signup-container{display:flex;flex-direction:column;max-width:500px;margin:50px auto 10px;padding:20px;gap:20px;border:1px solid #9dcbdd!important;background-color:#fff;border-radius:10px}.create-account{display:flex;justify-content:center;align-items:center;padding:15px;height:50px;border:none;border-radius:10px;background-color:#2c3e50;color:#fff;font-size:26px;cursor:pointer}.first-name-form .input-container,.last-name-form .input-container,.password-form .input-container,.phone-form .input-container,.email-form .input-container{display:flex;align-items:center;border-radius:10px;box-shadow:1px -5px 4px #5a5a58!important;border:1px solid #5e6575;padding:0 3px;background-color:#fff!important}.first-name-form .input-container input:focus,.last-name-form .input-container input:focus,.email-form .input-container input:focus,.password-form .input-container input:focus,.phone-form .input-container input:focus{color:#000!important;background-color:#fff!important}.first-name-form .input-container input::placeholder,.last-name-form .input-container input::placeholder,.email-form .input-container input::placeholder,.phone-form .input-container input::placeholder,.password-form .input-container input::placeholder{color:#000!important;font-style:italic;opacity:1}.input-container .icon{margin:5px;color:#000}.input-container input{flex:auto;border:none;outline:none;padding:20px 3px;border-radius:10px;background-color:#fff!important;color:#000}.Signup-container button.Signup{border:none;border-radius:10px;background-color:#2c3e50!important;color:#fff;font-size:16px;cursor:pointer;height:40px;margin-top:10px}.to-signin{text-align:center;margin-top:5px}.to-signin p{font-size:14px;color:#333!important;margin-bottom:5px!important}.to-login{font-size:14px;padding:auto;cursor:pointer;border-radius:4px;background:#272d38!important}.Signup-container button.to-login{padding:auto!important;background-color:#fff!important}@media (max-width: 500px){.Signup-container{width:90%;padding:20px;margin:0 auto;box-sizing:border-box}.create-account p{font-size:1.5rem;text-align:center;margin-bottom:25px}.first-name-form,.last-name-form,.email-form,.phone-form,.password-form{margin-bottom:15px}.input-container{position:relative;display:flex;align-items:center;width:100%}.input-container input{width:100%;padding:10px;font-size:1rem;border:1px solid white;border-radius:5px;margin-left:10px}.input-container .icon{font-size:1.2rem;color:#555}.toggle-icon{position:absolute;right:10px;top:10px;cursor:pointer}.Signup{width:100%;padding:12px;font-size:1.1rem;background-color:#0b1127;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:20px}.to-signin{text-align:center;margin-top:15px}.to-signin p{font-size:14px!important;margin-bottom:5px}.to-login{font-size:13px!important;background:none!important;border:none;cursor:pointer}.invalid-email,.password-error{font-size:.9rem;color:red;margin-top:5px}}.ForgotPassword-container{display:flex;flex-direction:column;max-width:500px;height:auto;margin:50px auto 0;padding:20px;gap:10px;border:1px solid #9dcbdd!important;background-color:#fff!important}.forgotPassword-title{display:flex;justify-content:center;align-items:center;height:50px;border:none;border-radius:10px;background-color:#273552;color:#fff;font-size:26px;cursor:pointer}.forgot-form{display:flex;flex-direction:column}.forgot-form .input-container{display:flex;align-items:center;border-radius:10px;box-shadow:1px -5px 4px #5a5a58!important;border:1px solid #5e6575;background-color:#fff}.forgot-form .input-container input:focus{color:#000;background-color:#374563}.input-container input{flex:auto;border:none;outline:none;padding:20px 3px;border-radius:10px;background-color:#374563}.ForgotPassword-container button{padding:20px;border:none;border-radius:10px;background-color:#0b1127;color:#fff;font-size:16px;cursor:pointer}.forgot-password{display:flex;justify-content:end;margin:0}.forgot-password button{color:#0b1127;font-size:20px;border:none;background:none;cursor:pointer}.forgot-password button:hover{background-color:transparent}.to-forgot{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-left:200px;margin-top:5px}.to-forgot p{font-size:18px;margin:0}.to-forgot button{color:#b3b313;font-size:20px;border:none;background:none;cursor:pointer}.to-forgot button:hover{background-color:transparent}@media (max-width: 800px){.forgotPassword-title p{font-size:1.2rem}input[type=email]{font-size:.9rem}.to-register{padding:8px 15px;font-size:.9rem}.to-forgot{flex-direction:column;align-items:stretch}}.reset-password-container{display:flex;flex-direction:column;max-width:500px;height:auto;margin:50px auto 0;padding:20px;gap:10px;border:1px solid #9dcbdd!important;background-color:#fff!important}.reset-password-title{display:flex;justify-content:center;align-items:center;padding:0 80px;border:none;border-radius:10px;background-color:#273552;color:#fff;font-size:26px;cursor:pointer}.new-password-form{display:flex;flex-direction:column}.new-password-form .input-container,.confirm-password-form .input-container{display:flex;align-items:center;border-radius:10px;box-shadow:0 -3px 4px #a09d98;border:1px solid #5e6575;background-color:#fff}.new-password-form .input-container input:focus,.confirm-password-form .input-container input:focus{color:#000;background-color:#374563}.input-container .icon{margin:0 5px}.reset-password-button{border:none;border-radius:10px;background-color:#273552;color:#fff;font-size:16px;cursor:pointer;height:40px}.welcome-main-container{display:flex;align-items:center;justify-content:space-around;padding:20px;width:100vw;height:100vh;background-color:#d8eaf2!important}.welcome-main-container img{max-width:50%;height:auto;border-radius:10px}.welcome-title{display:flex;flex-direction:column;justify-content:center;margin-left:50px;padding-left:20px}.welcome-man-title h1{font-size:30px;margin:0;font-weight:700;color:#000}.welcom-sub-title h1{font-size:20px;color:#000}hr{border:0;border-top:1px solid #ddd;margin:10px 0 20px}.get-start-button,.access-account-button{background-color:#273552;color:#fff;height:40px;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;text-align:center;width:100%}.get-start-button{margin-bottom:10px}@media (max-width: 800px){.welcome-main-container{flex-direction:column;gap:10px}.welcome-main-container img{max-width:100%}.welcome-title h1{font-size:20px}.get-start-button button,.access-account-button button{font-size:15px;padding:5px 10px}}.dashboard{display:flex;width:auto;border:none;background-color:#d8eaf2!important}.sidebar{width:250px;background-color:#f4f4f4;min-height:100vh}.home{flex-grow:1;padding:20px}.sidebar{width:200px;background-color:#2c3e50;color:#fff;height:auto;padding:20px;overflow-y:auto;display:flex;flex-direction:column;position:relative;transition:width .3s ease}.sidebar.closed{width:60px;padding:10px 5px;overflow:hidden}.menu-icon{font-size:24px;cursor:pointer;position:absolute;top:15px;right:20px;z-index:10}.sidebar-menu{list-style-type:none;padding:0;margin-top:20px;margin-bottom:auto}.sidebar-menu li{padding:8px 5px;font-size:15px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu li a{color:#fff;text-decoration:none;display:block;font-size:16px}.sub-menu{list-style-type:none;padding-left:20px;margin-top:5px}.sub-menu li{padding:5px 0}.sidebar-support{position:absolute;bottom:20px;width:100%;text-align:center;color:#bdc3c7;font-size:.9em}.sidebar-menu>li{margin-bottom:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700}.teacher-create,.logout-button{background:none;border:none;color:inherit;cursor:pointer;padding:0 10px;text-align:left;font-weight:700}.logout-button :hover{background-color:transparent}.sidebar-menu .sub-menu li{display:flex;align-items:center;padding:10px 0}.sidebar-menu .sub-menu li .resource-icon,.sidebar-menu .sub-menu li .control-icon{margin-right:10px}.sidebar-menu .sub-menu li a{text-decoration:none;color:#fff;font-weight:700}.update-profile-content{display:flex;padding:10px;max-width:400px!important;width:100vw!important;margin:auto 50%;border:1px solid #9dcbdd!important;background-color:#fff!important;border-radius:8px;box-sizing:border-box;align-items:center;justify-content:center;flex-direction:column;margin-right:50vw;margin-top:20px}.update-profile-content h2{text-align:center;margin-bottom:5px;color:#000}.update-profile-form{display:grid;grid-template-columns:1fr;gap:15px;width:100%}.update-profile-form label{font-size:16px;color:#000}.update-profile-form input{width:100%;padding:8px;font-size:14px;box-shadow:1px -5px 4px #5a5a58!important;border:1px solid #5e6575;border-radius:4px}.save-cancel-button{display:flex;justify-content:space-between;gap:15px;width:100%}.save-cancel-button button{background-color:#00f;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;flex:1}@media (max-width: 1000px){.update-profile-content{display:flex;flex-direction:column;justify-content:flex-start!important;padding:15px;margin:0 10px!important;margin-top:20px}.update-profile-form{flex-direction:column;gap:15px;justify-content:flex-start}.save-cancel-button{flex-direction:column;width:100%}.save-cancel-button button{width:100%;margin-bottom:10px}}body{margin:0;padding:0;box-sizing:border-box}.recent-uploads{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;width:100vw;background-color:#d8eaf2!important;padding:20px}.uploads-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:20px}.uploads-header h2{font-size:24px;color:#000}.sort-options{display:flex;align-items:center;gap:10px;color:#000}.sort-options label{border-radius:10px}.upload-button{padding:10px 20px;font-size:16px;color:#fff;background-color:#00f!important;border:none;border-radius:4px;cursor:pointer}.uploads-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px;width:100%;max-width:1200px}.upload-card{background-color:#fff;border:1px solid #9dcbdd!important;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column}.upload-card h3{display:flex;margin:10px 0;font-size:18px;align-items:center;color:#000;justify-content:center}.upload-card p{margin:5px 0;font-size:14px;color:#000!important}.all-highlight-color{color:#000!important;font-weight:700}.upload-card p:nth-child(2),p:nth-child(3),p:nth-child(4),p:nth-child(5),p:nth-child(6),p:nth-child(7),p:nth-child(8){color:#15a17e!important}.show-more-button{color:#fff;height:40px;align-items:start;justify-content:left;width:auto;cursor:pointer;border:none;background-color:#00f;border-radius:5px}@media screen and (max-width: 800px){.uploads-list{grid-template-columns:1fr;padding:10px}.upload-card{padding:10px;margin-bottom:15px}.upload-button{font-size:10px;padding:auto;margin:0 50px 0 0;width:auto}.show-more-button{font-size:.875rem;border-radius:10px}.uploads-header h2{font-size:14px;color:#000;padding:0 5px}.sort-options label{border-radius:10px;font-size:12px}}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:5px;background-color:#d8eaf2!important}.company-upload-form{display:flex;flex-direction:column;gap:20px;max-width:600px;width:100%;background:#fff;border:1px solid #9dcbdd!important;border-radius:8px;padding:20px}.form-container h2{text-align:center;margin-bottom:20px;font-size:24px;color:black !}.form-row{display:flex;justify-content:space-between;gap:20px}.form-group{display:flex;flex-direction:column;flex:1}.form-group label{margin-bottom:5px;font-weight:700;color:#fff}.form-group input{padding:10px;font-size:14px;box-shadow:1px 2px 2px #5a5a58!important;border:1px solid #5e6575;border-radius:4px}.submit-button{padding:10px 20px;font-size:16px;color:#fff;background-color:#00f;border:none;border-radius:4px;cursor:pointer;text-align:center}.form-group .back-button{border:none;background-color:#00f;margin-top:30px;color:#fff;height:40px;border-radius:5px}@media (max-width: 800px){.form-container{padding:15px;max-width:100%}.company-upload-form{width:100%;max-width:100%}.form-row{flex-direction:column;gap:10px}.form-group{flex:none;width:100%}.form-group input{font-size:.9em}.submit-button,.back-button{width:100%;margin-top:10px}}.Teacher-Signup-container{display:flex;flex-direction:column;max-width:500px!important;margin:50px auto 10px;padding:20px;gap:10px;border:1px solid #9dcbdd!important;background-color:#fff;border-radius:10px}.create-account{display:flex;justify-content:center;align-items:center;padding:20px;border:none;border-radius:10px;background-color:#2c3e50!important;color:#fff;font-size:26px;cursor:pointer}.first-name-form,.last-name-form,.email-form,.password-form,.phone-form{display:flex;flex-direction:column;background-color:#fff!important}.first-name-form .input-container,.last-name-form .input-container,.password-form .input-container,.phone-form .input-container{display:flex;align-items:center;border-radius:10px;box-shadow:1px -5px 4px #5a5a58!important;border:1px solid #5e6575;padding:0 3px;background-color:#fff!important}.email-form .input-container{display:flex;align-items:center;border-radius:10px;padding:0 3px}.first-name-form .input-container input:focus,.last-name-form .input-container input:focus,.email-form .input-container input:focus,.password-form .input-container input:focus,.phone-form .input-container input:focus{color:#000;background-color:#fff}.first-name-form .input-container input::placeholder,.last-name-form .input-container input::placeholder,.email-form .input-container input::placeholder,.phone-form .input-container input::placeholder,.password-form .input-container input::placeholder{color:#000;font-style:italic;opacity:1}.input-container .icon{margin:5px}.input-container input{flex:auto;border:none;outline:none;padding:20px 3px;border-radius:10px;background-color:#fff!important}.toggle-icon{margin-right:10px;cursor:pointer}.Teacher-Signup-container button.Signup-Teacher{border:none;border-radius:10px;background-color:#00f!important;color:#fff;font-size:16px;cursor:pointer;height:40px}.to-signin{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:120px;gap:15px}.to-signin p{font-size:18px;color:#fff}.to-signin button{color:#b3b313;font-size:20px;cursor:pointer;background:none;border:none}.invaild-email{margin-right:10px}.cancel-icon{position:absolute;top:10px;right:10px;cursor:pointer;z-index:10}.cancel-icon:hover{color:red}.Teacher-Signup-container{border:1px solid #9dcbdd!important;background-color:#fff;width:500px;padding:40px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;position:relative}@media (max-width: 500px){.Teacher-Signup-container{width:90%;padding:20px;margin:0 auto;box-sizing:border-box}.create-account p{font-size:1.5rem;text-align:center;margin-bottom:25px}.first-name-form,.last-name-form,.email-form,.phone-form,.password-form{margin-bottom:15px}.input-container{position:relative;display:flex;align-items:center;width:100%}.input-container input{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;margin-left:10px}.input-container .icon{font-size:1.2rem;color:#555}.toggle-icon{position:absolute;right:10px;top:10px;cursor:pointer}.Signup{width:100%;padding:12px;font-size:1.1rem;background-color:#0b1127;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:20px}.to-signin{text-align:center;margin-top:15px}.to-signin p{font-size:14px!important;margin-bottom:5px}.to-login{font-size:13px!important;background:none!important;border:none;cursor:pointer}.invalid-email,.password-error{font-size:.9rem;color:red;margin-top:5px}}body,html{margin:0;padding:0;width:100vw;height:100vh;font-family:Arial,sans-serif}.students-table{width:100vw;height:100%;border-collapse:collapse;background-color:#f9f9f9;margin-top:5px}.students-table th,.students-table td{padding:12px;border:1px solid #273552;text-align:center}.students-table th{background-color:#959fb4;color:#fff}.students-table tbody tr:nth-child(2n){background-color:#f2f2f2}.edit-button{padding:6px 12px;color:#fff;background-color:#0b1127;border:none;border-radius:4px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:8px;width:80%;max-width:600px;box-shadow:0 4px 6px #0000001a;animation:fadeIn .3s ease-in-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h2{margin:0}.close-button{font-size:24px;background:none;border:none;cursor:pointer}.modal-body{margin-bottom:15px}.modal-body label{display:block;margin-bottom:10px}.modal-body input{width:100%;padding:8px;margin-top:4px;border:1px solid #ccc;border-radius:4px}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.cancel-button{background-color:#dc3545;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notes-material-content{width:100vw;margin:0;box-sizing:border-box;background-color:#d8eaf2!important;display:flex;flex-direction:row;align-items:center;padding:20px;align-items:start;justify-content:space-around}.materials-header{text-align:center;margin-bottom:30px;color:#2c3e50;font-size:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.teacher-materials-section{margin-bottom:40px;background-color:#f8f9fa;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;max-width:1200px;margin-left:auto;margin-right:auto}.teacher-name{color:#3498db;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;font-size:1.5rem}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:15px}.material-card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease}.material-header h3{margin:0 0 10px;color:#2c3e50;font-size:1.2rem}.media-container{margin:15px 0}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:4px}.file-container{margin:15px 0;padding:10px;background-color:#f1f1f1;border-radius:4px}.file-container p{margin:0;color:#555}.material-container{margin-top:15px}.material-container p{margin:10px 0;color:#555}.button-group{display:flex;gap:10px;margin-top:15px}.view-button,.download-button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.view-button{background-color:#3498db;color:#fff}.view-button:hover{background-color:#2980b9}.download-button{background-color:#2ecc71;color:#fff}.download-button:hover{background-color:#27ae60}.view-button.disabled,.download-button.disabled{background-color:#95a5a6;cursor:not-allowed}.flashcard-info{margin-top:15px;padding:10px;background-color:#f9f9f9;border-left:4px solid #f1c40f;border-radius:4px}.flashcard-info h4{margin:0 0 5px;color:#e67e22}.flashcard-info p{margin:0;color:#555}.loading-message,.no-materials-message{text-align:center;padding:40px;font-size:1.2rem;color:#7f8c8d;max-width:1200px;margin-left:auto;margin-right:auto}.error-message{text-align:center;padding:40px;color:#e74c3c;max-width:1200px;margin-left:auto;margin-right:auto}.error-message button{margin-top:15px;padding:8px 20px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.error-message button:hover{background-color:#c0392b}.notes-material-content:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f5f7fa;z-index:-1}.material-actions{display:flex;gap:8px;margin-left:auto}.edit-button,.delete-button{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.edit-button{background-color:#4caf50;color:#fff}.edit-button:hover{background-color:#45a049}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#d32f2f}.edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#000}.form-group input[type=text],.form-group input[type=file]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;color:#fff}.button-group{display:flex;gap:10px;margin-top:20px}.save-button,.cancel-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#d32f2f}.edit-modal-content{max-height:90vh;overflow-y:auto}.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;resize:vertical}.current-file{margin-top:5px;font-size:.8rem;color:#666}.material-info p:first-child{color:#fff;font-size:16px;margin-bottom:4px;font-weight:700}.material-info p:last-child{color:#fff;font-size:14px;opacity:.9}.file-section>p{color:#fff;font-size:14px;margin:8px 0}.file-section .button-group{margin-top:10px}.file-section .view-button,.file-section .download-button{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;margin-right:8px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.file-section .view-button:hover,.file-section .download-button:hover{background-color:#fff3}.file-section>p{font-weight:500}.file-section{padding:12px;background-color:#ffffff0d;border-radius:6px;margin-top:10px}body,html{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}.schedule-container{width:100vw;overflow-x:auto;margin:0;padding:0 30px}.schedule-container h1{color:#fff;font-size:24px}.schedule-table{width:100%;border-collapse:collapse}.schedule-table th,.schedule-table td{border:1px solid #ccc;padding:10px;text-align:center}.schedule-table th{background-color:#f2f2f2;font-weight:700}.schedule-table tr:nth-child(2n){background-color:#fafafa}.cell-content{display:flex;justify-content:space-between;align-items:center}.edit-button{background-color:#0b1127;color:#fff;border:none;border-radius:5px;padding:5px;font-size:12px;cursor:pointer}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;margin:80px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:50px;font-weight:600;color:#000}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:10px}.contact-left h1{font-size:80px;font-weight:700;background:linear-gradient(270deg,#df8908 80%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#000;font-size:20px;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:10px;color:#000;font-size:22px}.contact-detail{display:flex;align-items:center;gap:10px;color:#000}.contact-detail img{color:#000}.contact-right{display:flex;flex-direction:column;align-items:start;gap:10px}.contact-right label{color:#000;font-size:22px;font-weight:500}.contact-right input{border:none;width:700px;height:78px;padding-left:20px;border-radius:4px;background:#fff;color:#000;font-family:Outfit;font-size:20px}.contact-right textarea{width:650px;border:none;padding:25px;border-radius:4px;background:#fff;color:#000;font-family:Outfit;font-size:20px}.contact-submit{border:none;color:#fff;border-radius:50px;background:#2c3e50;font-size:22px;padding:15px 30px;cursor:pointer;transition:.3s}@media (max-width: 500px){.contact{gap:30px;margin:40px 60px;align-items:start}.contact-title h1{padding:0;font-size:30px;font-weight:600}.contact-title img{width:130px;margin-right:-20px}.contact-section{flex-direction:column}.contact-left h1{font-size:20px!important}.contact-left p{font-size:18px}.contact-details{margin-bottom:0}.contact-detail{gap:0px;color:#000}.contact-detail img{width:25px}.contact-right label{font-size:20px!important}.contact-right input,.contact-right textarea{width:auto;font-size:20px}.contact-submit{font-size:20px;padding:10px 30px}}.verify-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.verify-image{max-width:80%;max-height:80%}body,html{margin:0;padding:0;width:100%;box-sizing:border-box}.ass-material-content{display:flex;flex-direction:column;padding:15px;width:100%;min-height:100vh;background-color:#d8eaf2;box-sizing:border-box;justify-content:flex-start;align-items:center}.ass-material-card{border:1px solid #9dcbdd;border-radius:8px;background-color:#fff;padding:15px;width:100%;max-width:500px;margin:15px 0;display:flex;flex-direction:column}.ass-material-card h2{margin-bottom:15px;color:#000;font-size:1.3rem;text-align:center}.input-title{width:100%;padding:10px;margin:8px 0;box-shadow:1px 2px 2px #5a5a58;border:1px solid #5e6575;border-radius:4px;font-size:14px;background-color:#fff;color:#000}.ass-material-card input[type=file]{width:100%;margin:10px 0;padding:8px 0;font-size:14px}.upload-button{padding:10px 15px;margin:15px 0 10px;border:none;border-radius:4px;background-color:#00f;color:#fff;font-size:16px;cursor:pointer;width:100%}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.success-message{color:green;margin:10px 0;font-weight:700;text-align:center;font-size:14px}@media screen and (max-width: 500px){.ass-material-content{padding:10px;background-color:#d8eaf2!important}.ass-material-card{width:100%;padding:15px;margin:20px 0;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.ass-material-card h2{font-size:18px;margin-bottom:15px}.input-title{width:100%;margin-bottom:10px;padding:8px;font-size:14px}.upload-button{width:100%;padding:10px;font-size:14px}.success-message{width:100%;text-align:center;margin-top:10px;font-size:14px}}@media screen and (min-width: 500px) and (max-width: 1200px){.ass-material-content{display:flex;justify-content:center;padding:20px}.ass-material-card{width:80%;max-width:400px;padding:25px;background-color:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a}.ass-material-card h2{font-size:22px;margin-bottom:20px}.input-title{width:100%;margin-bottom:15px;padding:8px 10px!important;font-size:14px}.upload-button{width:100%;padding:12px;font-size:16px}.success-message{width:100%;text-align:center;margin-top:15px;font-size:16px}}@media screen and (min-width: 1200px){.ass-material-content{display:flex;justify-content:center;padding:30px}.ass-material-card{width:60%;max-width:500px;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a}.ass-material-card h2{font-size:24px;margin-bottom:15px}.input-title{width:100%;margin-bottom:20px;padding:8px 10px!important;font-size:14px}.upload-button{width:100%;padding:10px;font-size:18px;background-color:#273552!important}.success-message{width:100%;text-align:center;margin-top:20px;font-size:18px}}.ass-material-content{display:flex;flex-direction:row;justify-content:space-around}@media (max-width: 500px){.notes-material-content{flex-direction:column;align-items:center;gap:10px}.material-card{width:90%}}@media (min-width: 768px){.ass-material-content{display:flex;flex-direction:column;padding:15px;gap:20px;width:100%;background-color:#d8eaf2!important}.ass-material-card{padding:25px;width:70%}}.ass-material-content{display:flex;flex-direction:column;padding:15px;gap:20px;width:100%;background-color:#374563}.material-card{width:100%;max-width:500px;background-color:#273552;border:1px solid #273552;border-radius:8px;padding:15px;margin:0 auto}.material-card h2{font-size:1.3rem;font-weight:700;margin-bottom:10px;color:#fff;text-align:center}.material-card h3{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#fff;text-align:center}.materials-list{display:flex;flex-direction:column;gap:10px}.material-item{display:flex;flex-direction:column;padding:10px;border:1px solid #e0e0e0;border-radius:5px;background-color:#f8f8f8;gap:8px;justify-content:space-between}.material-item span{font-size:16px;color:#333;word-break:break-word}.material-actions{display:flex;gap:8px;justify-content:flex-end}.view-button,.edit-button,.delete-button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;min-width:60px}.view-button{background-color:#007bff;color:#fff}.edit-button{background-color:#ffc107;color:#000}.delete-button{background-color:#dc3545;color:#fff}.edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px}.edit-modal-content h3{color:#273552;margin-bottom:15px;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input[type=text],.form-group input[type=file]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.current-file{font-size:.8rem;color:#666;margin-top:5px}.button-group{display:flex;gap:10px;justify-content:flex-end}.save-button,.cancel-button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer}.save-button{background-color:#28a745;color:#fff}.cancel-button{background-color:#6c757d;color:#fff}@media (min-width: 700px){.ass-material-content{display:flex;flex-direction:column;padding:15px;gap:20px;width:100%;background-color:#d8eaf2!important}.material-card{width:500px}.material-item{flex-direction:row;align-items:center}.material-actions{margin-left:10px}}@media (min-width: 1024px){.ass-material-content{justify-content:space-around}.material-card h2{font-size:1.5rem}.material-card h3{font-size:1.3rem}.view-button,.edit-button,.delete-button{padding:8px 15px;font-size:.9rem}}.course-resources{display:flex;flex-direction:column;padding:0;background-color:#d13030!important;max-width:2000px}.materials-resources,.student-assignment-resource{width:100%;background-color:#d13030;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:0}body{margin:0;padding:0;font-family:Arial,sans-serif}.main-container{display:flex;justify-content:space-between;align-items:flex-start;width:100vw;height:100vh;padding:20px;box-sizing:border-box;background-color:#d8eaf2!important;gap:20px}.student-container,.teacher-container{flex:1;background-color:#fff;border:1px solid #9dcbdd!important;border-radius:8px;padding:20px;box-shadow:0 2px 6px #0000001a;overflow-y:auto;margin-left:50px;margin-right:50px}.student-container h2,.teacher-container h2{margin-bottom:20px;text-align:center;font-size:1.5rem;color:#000}.student-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:15px}.teacher-grid{display:grid;grid-template-columns:1fr;gap:15px}.student-card,.teacher-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;margin-bottom:10px}.student-card h1{margin:0;font-size:16px;color:#333}.student-card h2{margin:0;font-size:16px;color:#555}.teacher-card h1{margin:0;font-size:16px;color:#333}.teacher-card h2{margin:0;font-size:16px;color:#555}@media (max-width: 768px){.main-container{flex-direction:column}.student-grid{grid-template-columns:1fr}}.course-viewer-container{display:flex;min-height:100vh;background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.course-sidebar{width:300px;background-color:#2c3e50;color:#fff;padding:20px;height:100vh;overflow-y:auto;position:sticky;top:0}.course-sidebar h2{margin:20px 0;font-size:1.3rem;color:#ecf0f1}.search-box{margin-bottom:20px}.search-box input{width:100%;padding:10px 15px;border-radius:4px;border:none;background-color:#34495e;color:#fff}.search-box input::placeholder{color:#bdc3c7}.course-sidebar ul{list-style:none;padding:0;margin:0}.course-sidebar li{padding:12px 15px;margin-bottom:5px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.course-sidebar li:hover{background-color:#34495e}.course-sidebar li.active{background-color:#3498db;font-weight:700}.course-grade{font-size:.8rem;color:#bdc3c7;margin-top:4px}.sidebar-loading{padding:20px;text-align:center;color:#bdc3c7}.course-main-content{flex:1;padding:30px;overflow-y:auto;background-color:#f5f7fa}.course-intro-card,.unit-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 15px #00000014;margin-bottom:25px;overflow:hidden}.course-header{padding:25px;border-bottom:1px solid #eee;position:relative}.course-header h2{margin:0;color:#2c3e50}.course-grade-badge{display:inline-block;background-color:#e74c3c;color:#fff;padding:3px 8px;border-radius:4px;font-size:.8rem;margin-left:10px;vertical-align:middle}.course-description{color:#7f8c8d;margin-top:10px;line-height:1.5}.course-sections{padding:0 25px}.section-header{padding:15px 0;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.section-header h3{margin:0;color:#3498db;font-size:1.1rem}.section-header.expanded{border-bottom-color:#3498db}.section-content{padding:15px 0;color:#34495e;line-height:1.6;animation:fadeIn .3s ease}.unit-header{padding:18px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#f8f9fa;transition:all .2s}.unit-header:hover{background-color:#e9ecef}.unit-header h3{margin:0;color:#2c3e50}.unit-content{padding:0 25px;animation:slideDown .3s ease}.lesson-item{padding:20px 0;border-bottom:1px solid #eee}.lesson-item:last-child{border-bottom:none}.lesson-item h4{margin:0 0 15px;color:#3498db}.lesson-content{margin-top:10px}.material-item{margin-bottom:20px}.content-image{max-width:100%;max-height:400px;border-radius:6px;box-shadow:0 2px 10px #0000001a;display:block}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:15px;border-radius:6px;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.document-preview{padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.document-preview a{color:#3498db;text-decoration:none;display:flex;align-items:center;font-weight:500}.document-preview i{margin-right:10px;font-size:1.2rem}.text-content{white-space:pre-line;line-height:1.7;padding:15px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #3498db}.toggle-icon{font-size:1.2rem;font-weight:700;color:#3498db}.no-course-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#7f8c8d;text-align:center}.no-course-selected h2{margin-bottom:15px;color:#2c3e50}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.course-viewer-container{flex-direction:column}.course-sidebar{width:100%;height:auto;position:relative}.course-main-content{padding:20px}}.content-image-container{margin:10px 0;text-align:center}.content-image{max-width:100%;max-height:300px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.content-title{margin-top:5px;font-size:.9rem;color:#555}.no-content{padding:15px;background:#f5f5f5;border-radius:4px;text-align:center;color:#666}.search-loading{padding:5px;font-size:.8rem;color:#666}.no-courses{padding:15px;text-align:center;color:#666}.unknown-content{padding:10px;background:#fff8e1;border-left:4px solid #ffc107;margin:5px 0}.video-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.video-card .video-title{margin-top:0;margin-bottom:15px;color:#333;font-size:1.2rem}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:15px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:4px}.video-error{padding:15px;background:#ffecec;color:#ff5252;border-radius:4px;margin-bottom:15px}.lesson-video-section{margin-bottom:20px}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Arial,sans-serif}.upload-page-container{width:100%;min-height:100vh;background-color:#d8eaf2}.upload-material-content{display:flex;justify-content:center;width:100%;min-height:100vh;padding:20px;box-sizing:border-box}.columns-container{display:flex;width:100%;max-width:1200px;gap:20px}.upload-material-column{flex:1;min-width:0;display:flex;flex-direction:column}.upload-material-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px;width:100%;box-sizing:border-box}.upload-material-card h2{color:#2c3e50;margin-bottom:20px;text-align:center}.upload-material-card h3{color:#34495e;margin-top:20px;margin-bottom:15px}.input-title{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}textarea.input-title{min-height:80px;resize:vertical}.content-upload{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:4px}.content-upload h4{margin-top:0;margin-bottom:15px}.image-upload-container{margin-bottom:15px}.image-upload-container label{display:inline-block;padding:8px 15px;background-color:#3498db;color:#fff;border-radius:4px;cursor:pointer;margin-bottom:10px}.image-preview{margin-top:10px}.image-preview img{max-width:100%;height:auto;border-radius:4px}button{padding:8px 15px;background-color:#2ecc71;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:10px;margin-bottom:10px;font-size:14px}button:hover{opacity:.9}.content-preview{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:4px}.content-item{padding:10px;margin-bottom:10px;background-color:#fff;border-radius:4px;border:1px solid #eee}.navigation-buttons{display:flex;gap:10px;margin:20px 0}.upload-button{width:100%;padding:12px;background-color:#27ae60;font-size:16px;margin-top:20px}.upload-button:disabled{background-color:#95a5a6;cursor:not-allowed}.loading-spinner{display:inline-flex;align-items:center;justify-content:center}.loading-spinner:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{color:#27ae60;text-align:center;margin-top:15px;font-weight:700}@media (max-width: 768px){.columns-container{flex-direction:column}.upload-material-column{width:100%}.navigation-buttons{flex-direction:column}button{width:100%;margin-right:0}}