@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Poppins:wght@200;300;400;600;700&display=swap";:root{--primary-color: #8a4baf;--secondary-color: #5f357e}body{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.common-btn{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.common-btn:hover{background-color:var(--secondary-color)}@media (max-width: 768px){.common-btn{font-size:16px}}.home{background-color:#f5f5f5;padding:100px 0;text-align:center}.home .home-content{max-width:800px;margin:0 auto}.home .home-content h1{font-size:36px;margin-bottom:20px}@media (max-width: 768px){.home .home-content h1{font-size:28px}}.home .home-content p{font-size:18px;color:#666;margin-bottom:40px}@media (max-width: 768px){.home .home-content p{font-size:16px}}.home .home-content button{padding:12px 24px}.testimonials{padding:80px 0;text-align:center}.testimonials h2{font-size:32px;color:#8a4baf;margin-bottom:30px}.testimonials .testmonials-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.testimonials .testmonials-cards .testimonial-card{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:20px;border-radius:10px;width:300px;text-align:left;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.testimonials .testmonials-cards .testimonial-card{width:80%;text-align:center}}.testimonials .testmonials-cards .testimonial-card .student-image img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px}.testimonials .testmonials-cards .testimonial-card .message{font-size:16px;color:#333;margin-bottom:10px}.testimonials .testmonials-cards .testimonial-card .info{text-align:center}.testimonials .testmonials-cards .testimonial-card .name{font-size:18px;font-weight:700;color:#8a4baf;margin-bottom:5px}.testimonials .testmonials-cards .testimonial-card .position{font-size:14px;color:#666}.header{width:auto;display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;box-shadow:0 0 4px #0000001a}.user-action{display:flex;justify-content:space-between;align-items:center}.notification-dropdown{font-size:14px;position:absolute;top:40px;right:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;border-radius:8px;z-index:1;width:250px;padding:12px 18px;max-height:350px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.noti-icon:hover+.notification-dropdown,.notification-dropdown:hover{opacity:1;visibility:visible}.notification-dropdown .item{padding:8px 12px;cursor:pointer;border-radius:5px;transition:background-color .3s ease;border-bottom:1px solid #ccc}.notification-dropdown .item:last-child{border-bottom:none}.notification-dropdown .item:hover{background-color:#f4f4f4}.noti{position:relative;color:#8a4baf;font-weight:700;cursor:pointer;font-size:29px;margin-right:20px;z-index:2}.unread-notifications{position:absolute;background-color:red;color:#fff;font-size:small;padding:1px 4px;top:50%;left:50%}.noti .read{color:#333;font-weight:400}.notification-icon{font-size:24px;color:#6a2e8c;transition:color .3s ease}.notification-icon:hover{color:#8854a5}.notification-icon.new-notification{color:red}.notification-dropdown .item.new-notification{background-color:#ffe6e6}.notification-dropdown .item.new-notification:hover{background-color:#fcc}.logo{font-size:1.5rem;font-weight:700;color:#8a4baf;text-decoration:none;letter-spacing:.5px;transition:color .3s ease}.logo:hover{color:#6c399f}.nav-links{display:flex;gap:20px}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#8a4baf}.header-actions{display:flex;align-items:center;gap:20px}.dropdown-button{background:none;border:none;color:#333;font-weight:500;font-size:1rem;cursor:pointer;position:relative;display:flex;align-items:center;justify-items:center;transition:color .3s ease}.dropdown-button:hover{color:#8a4baf}.dropdown-menu{position:absolute;top:60px;right:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:5px;padding:10px 0;min-width:150px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10}.dropdown-button:hover+.dropdown-menu,.dropdown-menu:hover{opacity:1;visibility:visible}.dropdown-item{text-decoration:none;color:#333;font-size:.9rem;padding:10px 16px;display:flex;justify-content:center;border-bottom:2px solid #fafafa;transition:background-color .3s ease;cursor:pointer}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#8a4baf}.login-link{text-decoration:none;color:#8a4baf;font-weight:500;transition:color .3s ease}.login-link:hover{color:#6c399f}.notification{position:relative;font-size:1.5rem;color:#333;cursor:pointer}.notification:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background-color:#ff3d00;border-radius:50%;display:inline-block}.search-bar{display:flex;align-items:center;gap:10px}.search-bar form{display:flex;flex-direction:row;align-items:center;border:1px solid #ddd;border-radius:12px;transition:border-color .3s ease;margin-left:10px}.search-bar form:focus-within{border-color:#8a4baf}.search-bar input{border:none;outline:none;font-size:1rem;width:200px;border-radius:12px}.search-bar button{background-color:#fff;border:none;color:#8a4baf;margin-left:5px;margin-top:0;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease}.search-bar button:hover{color:#6c399f;background-color:#fafafa}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;background-color:#8a4baf;cursor:pointer}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;padding:15px}.logo{font-size:1.2rem}.nav-links{flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px;width:100%;display:none}.open{display:flex;align-items:flex-end}.nav-links a{font-size:1.1rem}.header-actions{flex-direction:column;gap:15px;margin-top:20px;width:100%;align-items:flex-start}.search-bar form{width:100%;border-radius:12px;margin-bottom:15px;margin-left:0}.search-bar input{width:100%}.search-bar button{margin-left:0;border-radius:20px;padding:8px}.dropdown{position:relative}.notification,.dropdown-button{font-size:1.4rem}.dropdown-menu{right:10px;top:40px;min-width:120px}.menu-toggle{display:block}.mobile-adjustment{display:flex;justify-content:space-between;align-items:center;width:100%}}.iconM{color:#8a4baf;margin-left:10px;margin-right:15px;font-size:10px;text-align:center}.auth-page{display:flex;flex-flow:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-page .auth-form{background-color:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 10px #0003;text-align:center;max-width:400px;width:100%;position:relative}.auth-page .auth-form h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:20px;text-transform:uppercase}.auth-page .auth-form p{font-size:14px;color:#555;margin-bottom:30px}.auth-page .auth-form form{text-align:left}.auth-page .auth-form form label{display:block;margin-bottom:8px;font-size:16px;color:#333;font-weight:500}.auth-page .auth-form form input{width:92%;padding:12px 15px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border .3s}.auth-page .auth-form form input:focus{border:1px solid var(--primary-color);outline:none}.auth-page .auth-form form button{width:100%;padding:12px 15px;background:var(--primary-color);color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.auth-page .auth-form form button:hover{background:var(--secondary-color)}.auth-page a{font-size:14px;color:var(--primary-color);text-decoration:none;transition:color .3s}.auth-page a:hover{color:var(--secondary-color);text-decoration:underline}.auth-page .return-home{margin-top:20px}@media (max-width: 480px){.auth-page{padding:10px}.auth-page .auth-form{padding:20px;border-radius:10px}.auth-page .auth-form h2{font-size:24px}.auth-page .auth-form form label{font-size:14px}.auth-page .auth-form form input{padding:10px}.auth-page .auth-form form button{font-size:14px}}footer{background-color:#8a5baf;color:#fff;padding:20px 0;text-align:center;bottom:0}footer .footer-content{max-width:1200px;margin:0 auto}footer .footer-content p{font-family:Roboto,sans-serif;color:#fff;margin:0;font-size:14px}footer .footer-content a{text-decoration:none;color:inherit}footer .footer-content .social-links{margin-top:10px}footer .footer-content .social-links a{color:#fff;font-size:18px;margin:0 10px;text-decoration:none;transition:color .3s ease}footer .footer-content .social-links a:hover{color:#f5f5f5}.about{padding:80px 0;text-align:center;min-height:55vh}.about .about-content{max-width:800px;margin:0 auto}.about .about-content h2{font-size:32px;color:#8a4baf;margin-bottom:20px}.about .about-content p{font-size:16px;color:#333;line-height:1.6}.profile{max-width:900px;margin:0 auto;padding:30px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 8px #0000001a}.profile h2{font-size:30px;color:var(--primary-color);text-align:center;margin-bottom:20px}.profile form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:2fr 2fr;gap:15px;align-items:center}.form-row label{font-weight:700;color:#333;display:flex;justify-content:flex-start;padding-right:15px}.form-row input,.form-row select{width:75%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:8px;color:#333}.form-row select{width:80%}.form-row input:focus{border-color:#4caf50;outline:none}.account-btn{color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.form-submit button{background-color:#4caf50;display:flex;justify-self:center}.form-submit button:hover{background-color:#45a049}@media (max-width: 768px){.profile{padding:20px}.form-row{grid-template-columns:1fr}.form-row input,.form-submit button,button.logout-btn{font-size:16px}}button.logout-btn{background-color:#e24a4a}button.logout-btn:hover{background-color:#bd3535}.loading-page{display:flex;align-items:center;justify-content:center;height:80vh}.loader{border:5px solid #f3f3f3;border-top:5px solid #8a4baf;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.courses{padding:80px 0;text-align:center;min-height:60vh}.courses h2{font-size:32px;color:#8a4baf;margin-bottom:30px}.courses .course-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.course-box{border:1px solid #ddd;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.course-card{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:20px;border-radius:10px;text-align:center;width:250px;transition:.5s}.course-card:hover{box-shadow:0 2px 4px #0006}.course-card .course-image{width:100%;height:150px;object-fit:contain;border-radius:10px;margin-bottom:10px}.course-card h3{font-size:18px;color:#333;margin-bottom:10px}.course-card p{font-size:14px;color:#666;margin-bottom:5px}.student-dashboard{padding:80px 0;text-align:center;min-height:55vh}.student-dashboard .dashboard-content{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-top:40px}.container{display:flex;justify-content:space-between;margin-top:20px;flex-wrap:nowrap;grid-row:3;align-items:flex-start;text-align:left}.content{flex:3;width:100%}.sidebar{flex:1;padding:20px;margin-right:20px;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 10px #0000001a;border-radius:10px;text-align:left}.container hr{height:0;border:0;height:2px;background-color:#dacfdf}.sidebar h2{margin-bottom:15px}.sidebar ul{list-style-type:none;padding:0}.sidebar li{margin-bottom:10px;font-size:14px}.course-description{padding:80px 0;text-align:center;min-height:55vh;grid-template-columns:1fr;grid-auto-rows:auto;gap:20px}.course-header{align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:40px;grid-row:2}.course-info{text-align:left;grid-row:2}p{font-size:12px;color:#0f0101;margin:5px 0}.info{display:block}.info a{font-size:16px;color:purple;text-decoration:none}.course-title-bar{background-color:#8a4baf;color:#fff;padding:15px 20px;text-align:center;border-radius:5px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a;grid-row:1}.course-columns{margin-left:140px;display:flex;gap:30px;margin-top:40px;flex-direction:column}.course-button{margin-left:120px;display:flex;justify-content:flex-start;align-items:flex-start;height:100%}.col{background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 10px #0000001a;border-radius:10px;padding:15px;max-width:90%;margin-bottom:5px;flex:1 1 100%}.col h3{color:#8a4baf;font-size:22px;margin-bottom:15px;word-wrap:break-word;white-space:normal}.col ul{padding-left:20px}.col ul li{margin-bottom:10px}.col ul li a,.col ul li h4{text-decoration:none;color:#000;font-size:16px}.col ul li a:hover{color:#8a4baf}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0000001a;width:400px}.modal-content .btn{float:right}.success-message{color:#a72894;font-size:16px;margin-top:20px;text-align:center}.file-item-container{font-size:14px;border-bottom:1px solid #ddd;margin-bottom:5px}.file-item-container:last-child{border-bottom:none}.file-item{display:flex;justify-content:space-between;font-size:14px;padding:10px}.file-item-icon{display:flex;align-items:right}.file-item-container ul,.file-item-container ol,.file-item-container li{list-style-type:none;padding:0;margin:0}.file-item-container p{font-size:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;color:#000;font-weight:400}.time{font-size:12px;color:gray;text-align:left;margin-top:1px;margin-bottom:5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:30px;width:500px;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif}.modal-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#0e0202}.form-group label{font-size:14px;color:#100000;margin-bottom:5px;display:flex-start}.form-input{width:100%;padding:12px;font-size:14px;border:1px solid #ccc;border-radius:4px;margin-top:5px;box-sizing:border-box}.form-input:focus{outline:none;border-color:#4caf50}.upload-btn,.close-btn{padding:10px 20px;color:#fff;background-color:#af4ca8;border:none;border-radius:4px;cursor:pointer;margin-right:10px;align-items:center;text-align:center;display:flex;gap:10px}.upload-btn{background-color:#8d2c79}.close-btn:hover{background-color:red;color:#fff;font-size:16px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.upload-btn p{font-size:14px;color:#fff}.upload-btn:disabled{background-color:#ddd;cursor:not-allowed}.modal-buttons{display:flex;justify-content:flex-end;margin-top:20px}.edit-btn,.delete-btn,.download-btn{border:none;padding:4px 12px;cursor:pointer;float:center;background-color:transparent;gap:10px;display:flex;text-align:center;align-items:center}.edit-btn p{font-size:14px;color:#fff}.ricon{font-size:13px;float:center;color:#9b30b6}.edit-btn:hover,.delete-btn:hover,.download-btn:hover{background-color:#f5f3f5}.user{display:flex;justify-content:space-between;align-items:right;padding:10px;border-bottom:1px solid #ddd}.course-description-box{border:1px solid #ccc;padding:15px;background-color:#f9f9f9;border-radius:8px;margin:20px}.calendar{background:#fff;border-radius:8px;padding:10px;margin-bottom:20px}.calendar-header{text-align:center;font-weight:700;padding:10px;background:#8a4baf;color:#fff;border-radius:4px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700;margin:10px 0}.weekday{padding:5px;font-size:.9em;color:#333}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day{padding:8px;text-align:center;border-radius:4px;background:#f5f5f5;color:#333;border:1px solid #ddd;position:relative}.day:hover{background:#e0e0e0;cursor:pointer}.day.due-date{background:#8a4baf;color:#fff;font-weight:700}.day.due-date:hover{background:#6a2e8c}.sidebar{width:300px;overflow-y:auto}.day[data-title]{position:relative}.deadline-count{position:absolute;top:2px;right:2px;background:#f44;color:#fff;font-size:10px;padding:2px 4px;border-radius:10px;font-weight:400}.day[data-title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:pre;z-index:1000;min-width:200px;max-width:300px}.sidebar h2{margin-bottom:15px;color:#fff}.form-group{margin-bottom:15px;width:100%;display:flex;align-items:center}.form-group label{width:30%;margin-right:10px;text-align:left}.form-group input,.form-group textarea,.form-group select{width:70%;padding:8px;box-sizing:border-box}.button-group{display:flex;justify-content:center;gap:10px;margin-top:10px}button{padding:10px 15px;border:none;background-color:#8a4baf;color:#fff;cursor:pointer;border-radius:5px}.modal-content{background-color:#fff;padding:20px;border-radius:5px;width:500px;max-width:100%;display:flex;flex-direction:column}.close{align-self:flex-end;cursor:pointer;font-size:24px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:14px;color:#333}.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}.button-group{display:flex;justify-content:flex-end;gap:10px}.common-btn{padding:10px 20px;background-color:#8a4baf;color:#fff;text-decoration:none;border-radius:5px;cursor:pointer}.cancel-btn{background-color:#ccc;padding:10px 20px;border:none;color:#fff;text-decoration:none;border-radius:5px;cursor:pointer}.modal-content{background-color:#fff;padding:20px;border-radius:5px;width:500px;max-width:100%}.close{float:right;cursor:pointer;font-size:24px}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#8a4baf;color:#fff}.button-group{display:flex;justify-content:flex-end;margin-top:20px}.cancel-btn{padding:8px 16px;background-color:#ccc;border:none;border-radius:4px;cursor:pointer}.cancel-btn:hover{background-color:#999}.course-not-study{padding:80px 0;text-align:center;min-height:55vh}.course-header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:40px}.course-image{width:200px;height:150px;object-fit:contain;border-radius:10px}.course-info{text-align:left}h2{font-size:24px;color:#8a4baf}p{font-size:14px;color:#666;margin:5px 0}ul li{color:#e9e9ec;font-size:16px;font-weight:700;margin:5px 0}h2w,pw{font-size:24px;color:#f8f8f8}.course-title-bar{background-color:#8a4baf;color:#fff;padding:15px 20px;text-align:center;border-radius:5px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.course-title-bar h1{margin:0;font-size:24px;font-weight:700}.course-links{display:flex;justify-content:center;gap:15px;margin-top:20px}.course-links button{padding:10px 20px;font-size:16px;color:#fff;background-color:#8a4baf;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.course-links button:hover{background-color:#6a36a3}.course-links button:disabled{background-color:#ccc;cursor:not-allowed}.course-columns{display:flex;justify-content:flex-start;margin-top:20px;flex-wrap:wrap;gap:20px}.column{width:80%;margin:0 auto 20px;padding:30px;border:1px solid #ddd;border-radius:10px;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a}.column h3{text-align:left;font-size:20px;margin-bottom:15px;color:#8a4baf}.column p{color:#000;text-decoration:none;font-weight:400}.column ul{text-align:left;list-style:none;padding:0;margin:0}.column ul li a{color:#000;text-decoration:none;font-weight:400}.column ul li a:hover{text-align:left;text-decoration:underline;color:#0b0303}.continue-btn{padding:10px 20px;font-size:16px;color:#fff;background-color:#8a4baf;border:none;border-radius:5px;cursor:pointer;margin-top:20px;transition:background-color .3s}.continue-btn:hover{background-color:#6a36a3}.continue-btn:disabled{background-color:#ccc;cursor:not-allowed}.container{display:flex;justify-content:space-between;margin-left:50px;margin-right:50px;flex-wrap:nowrap;align-items:flex-start;text-align:left;margin-bottom:150px}.notification-list{height:80vh;width:50%;padding-right:20px;border-right:2px solid #ddd;overflow-y:auto}.notification-list h2{background-color:#fff;color:#8a4baf;padding:10px}.notification-item{cursor:pointer;padding:12px;margin-bottom:10px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;transition:background-color .3s ease}.notification-item:hover{background-color:#d3c7d1}.notification-title{text-align:left;font-size:1.1rem;color:#4b4a4a}.notification-tcontent{font-size:16px;font-weight:700;color:#555;line-height:1.6}.read .notification-tcontent{color:#000;font-weight:400}.notification-tmessage{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:300px;color:#9955c0;font-weight:700}.read .notification-tmessage{color:#555;font-weight:400}.type,.notification-time{text-align:right;font-size:.7rem;color:#777;margin-top:5px}.notification-header{display:flex;text-align:left;font-weight:700;margin-bottom:10px}.notification-content{text-align:left;color:#333;font-size:1rem;margin-left:50px;margin-right:50px;margin-top:20px}.notification-content-box2 a{text-decoration:none;align-self:flex-start;margin-top:auto}.notification-content-box2{flex-wrap:wrap;display:flex;flex-direction:column;justify-content:space-between;height:75%;margin:10px;font-size:1rem;color:#000;line-height:1.6;box-sizing:border-box}.notification-content-box{display:flex;justify-content:space-between;margin:10px;font-size:1rem;color:#000;line-height:1.6;box-sizing:border-box}.notification-detail hr{background-color:gray;height:.1px;width:100%;border:none}.no-notification-selected{font-size:1.2rem;color:#888;text-align:center;padding-top:30px}.notification-detail{max-width:100%;width:100%;height:80vh;display:block;border:1px solid #ccc;margin-left:10px;border-left:2px solid #ddd;overflow-y:auto}.notification-header.icon{color:#8a4baf;margin-right:10px;font-size:50px}.iconBell{color:#8a4baf;margin-left:10px;margin-right:15px;font-size:30px;text-align:center}.iconD{color:#8a4baf;margin-left:10px;margin-right:15px;font-size:20px;text-align:center}.lecture-page{display:flex;justify-content:space-between;min-height:80vh}@media (max-width: 768px){.lecture-page{flex-direction:column;justify-content:center;align-items:center}}.lecture-page .left{width:70%;padding:10px;align-items:center}@media (max-width: 768px){.lecture-page .left{width:90%}}.lecture-page .right{width:30%}.lecture-page .right .lecture-form{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0,2px,4px,#0000001a;text-align:center;width:auto}.lecture-page .right .lecture-form h2{font-size:24px;color:#8a4baf;margin-bottom:15px}.lecture-page .right .lecture-form form{text-align:left}.lecture-page .right .lecture-form form label{display:block;margin-bottom:5px;font-size:14px;color:#333}.lecture-page .right .lecture-form form input{width:92%;padding:10px;margin-bottom:15px;border:1px solid black;border-radius:5px}@media (max-width: 768px){.lecture-page .right{width:80%;margin-bottom:10px}}.lecture-page .right .lecture-number{background-color:#fff;padding:10px;border:1px solid black;margin-top:10px;border-radius:5px;text-align:center;cursor:pointer}.lecture-page .right .lecture-number:hover,.lecture-page .right .active{background-color:#8a4baf;color:#fff}.progress{width:20%;background-color:#333;padding:6px;border-radius:5px;margin:3px auto;text-align:center;color:#fff}.admin-sidebar{width:15%;height:auto;left:0;color:#fff;margin-right:10px;border-radius:0;box-shadow:0 0 4px #0000001a;flex:none}@media (max-width: 768px){.admin-sidebar{width:30px}}.admin-sidebar ul{list-style:none;padding:0}.admin-sidebar ul li{margin-bottom:10px;cursor:pointer;padding:12px}@media (max-width: 768px){.admin-sidebar ul li{padding:7px}}.admin-sidebar ul li:hover{background-color:#e7d7fa}.admin-sidebar ul li a{display:flex;text-decoration:none;counter-reset:blueviolet}.admin-sidebar ul li a span{margin-left:15px}@media (max-width: 768px){.admin-sidebar ul li a span{display:none}}.admin-sidebar ul li .logout-btn{display:flex;align-items:center}.admin-sidebar ul li .logout-btn .icon{color:#551a8b}.admin-sidebar ul li .logout-btn span{margin-left:15px;color:#551a8b}@media (max-width: 768px){.admin-sidebar ul li .logout-btn span{display:none}}.dashboard-admin{display:flex;min-height:80vh;width:100%}.dashboard-main-content{padding:20px;min-height:100vh}.dashboard-title{font-size:28px;margin-bottom:20px;font-weight:700;color:#333;text-align:center}.dashboard-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.stat-title{font-size:18px;font-weight:500;color:#555;margin-bottom:10px}.stat-value{font-size:24px;font-weight:700;color:#8a4baf}.box{margin-left:20px;background-color:#8a4baf;padding:5px;border-radius:5px;text-align:center;margin-top:5px;border:2px solid rgb(209,207,207)}.box p{color:#fff;font-size:20px}.box:hover{background-color:#5f357e}.notification-form{margin-top:20px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #ddd}.notification-form input,.notification-form textarea{width:100%;padding:10px;margin-bottom:10px;border-radius:5px;border:1px solid #ddd}.notification-form button{padding:10px 20px;background-color:#8a4baf;color:#fff;border:none;border-radius:5px;cursor:pointer}.notification-form button:hover{background-color:#af76d0}.open-modal-button{padding:10px 20px;background-color:#792c91;color:#fff;border:none;border-radius:5px;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{gap:5px;background:#fff;padding:20px;border-radius:5px;text-align:left;margin-left:10px;box-shadow:0 4px 8px #0003;width:400px}.modal-content label{font-size:16px;color:#373535;display:block;margin-bottom:8px;margin-top:8px;font-weight:400}.dashboard-box{background:#fff;border-radius:8px;padding:20px;text-align:center;box-shadow:0 4px 6px #0000001a;flex:1;max-width:300px;min-width:200px}@media (max-width: 768px){.dashboard-stats{flex-direction:column;align-items:center}.dashboard-box{width:100%;max-width:90%}}.modal-buttons{margin-top:20px}.modal-buttons button{margin:0 10px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.modal-buttons button:first-child{background-color:#a032ad;color:#fff}.modal-buttons button:last-child{background-color:#ac3fae;color:#fff}.ic{align-self:center;margin-right:10px;font-size:20px;color:#fff;display:flex;gap:10px}.admin-courses{padding:20px;font-family:Arial,sans-serif;color:#333}.admin-courses .top-bar{display:flex;justify-content:space-between;margin-bottom:20px}.add-button,.delete-button{padding:10px 15px;background-color:#8a4baf;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:0}.add-button:hover,.delete-button:hover{background-color:#732d92}.course-form{margin-bottom:20px;padding:20px;background:#f8f8f8;border-radius:8px}.course-form h2{margin-bottom:10px}.course-form label{display:block;margin-top:10px}.course-form input,.course-form select{width:100%;padding:8px;margin-top:5px}.course-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-left:0}.course-table th,.course-table td{padding:12px 16px;text-align:left}.course-table th,.course-table thead{background-color:#8a4baf;color:#fff}.course-table tbody tr:nth-child(odd){background-color:#f9f9f9}.course-table tbody tr:hover{background-color:#f1f1f1}.course-table tbody td{border-bottom:1px solid #ddd;cursor:pointer}.course-table input[type=checkbox]{width:16px;height:16px;margin-right:10px;cursor:pointer}.course-user-management input[type=text]{margin-bottom:10px}.course-user-management button{margin-right:4px}.user-table-container{padding:20px;font-family:Arial,sans-serif;color:#333}.user-table-container .top-bar{display:flex;justify-content:space-between;margin-bottom:10px}.delete-button{background-color:#f44336;color:#fff;border:none;padding:8px 12px;font-size:14px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.delete-button:hover{background-color:#d32f2f}.user-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-left:0}.user-table th,.user-table td{padding:12px 16px;text-align:left}.user-table th,.user-table thead{background-color:#8a4baf;color:#fff}.user-table tbody tr:nth-child(odd){background-color:#f9f9f9}.user-table tbody tr:hover{background-color:#f1f1f1}.user-table tbody td{border-bottom:1px solid #ddd;cursor:pointer}.user-table input[type=checkbox]{transform:scale(1.2);margin-right:10px;cursor:pointer}.edit-button{background-color:#8a4baf;color:#fff;border:none;padding:6px 10px;margin-top:0;font-size:14px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.edit-button:hover{background-color:#723d94}.modal-content select{background-color:#fefefe;margin:5% auto;padding:10px;border:1px solid #888;border-radius:5px;width:80%}@media (max-width: 768px){.user-table-container{padding:10px}.user-table th,.user-table td{padding:8px 12px}.user-table input[type=checkbox]{transform:scale(1)}.edit-button{padding:4px 8px;font-size:12px}.delete-button{padding:6px 10px;font-size:12px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:400px;max-width:90%;box-shadow:0 2px 8px #0000001a}.close{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}form{display:flex;flex-direction:column;gap:15px}label{font-weight:700;color:#333}input,textarea{width:calc(100% - 20px);padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;margin-right:10px}button{background-color:#8a4baf;padding:10px 20px;border:none;color:#fff;text-decoration:none;border-radius:5px;margin-top:10px;cursor:pointer}button:hover{background-color:#6a2e8c}button.cancel-btn{background-color:#ccc;margin-left:10px}button.cancel-btn:hover{background-color:#999}.button-group{display:flex;justify-content:center;gap:10px}.submissions{margin-top:20px}.submissions h3{font-size:20px;color:#333;margin-bottom:10px;display:flex;align-items:center}.submitted-status{color:green;font-size:18px;display:flex;align-items:center;margin-left:10px}.not-submitted-status{color:red;font-size:18px;display:flex;align-items:center;margin-left:10px}.tick-icon{margin-left:5px}.submissions ul{list-style-type:none;padding:0}.submissions li{background-color:#f9f9f9;padding:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:10px}.submissions li p{margin:0;font-size:16px;color:#666}.submissions li a{display:inline-block;padding:5px 10px;background-color:#8a4baf;color:#fff;text-decoration:none;border-radius:5px;margin-top:5px}.submissions li a:hover{background-color:#6a2e8c}.common-btn{display:inline-block;padding:10px 20px;background-color:#8a4baf;color:#fff;text-decoration:none;border-radius:5px;margin-top:10px;cursor:pointer}.common-btn:hover{background-color:#6a2e8c}form{display:flex;flex-direction:column;gap:10px}input[type=file]{padding:5px}.assignment-details{padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:10px;max-width:600px;margin:20px auto;text-align:left}.assignment-details .assignment-info{margin-bottom:20px}.assignment-details h2{font-size:24px;color:#333;margin-bottom:10px}.assignment-details p{font-size:16px;color:#666;margin-bottom:10px}.assignment-details a{display:inline-block;padding:10px 20px;background-color:#8a4baf;color:#fff;text-decoration:none;border-radius:5px;margin-top:10px}.button-group{display:flex;justify-content:space-between;gap:10px}.common_ass-btn{display:inline-block;padding:10px 30px;background-color:#8a4baf;color:#fff;text-decoration:none;border-radius:5px;margin-top:10px;cursor:pointer}.common_ass-btn:hover{background-color:#6a2e8c}.button-group.delete_ass-btn{background-color:#e24a4a;padding:10px 50px;border:none;color:#fff;text-decoration:none;border-radius:5px;margin-top:10px;cursor:pointer}.button-group.delete_ass-btn:hover{background-color:#bd3535}:root{--primary-color: #6a0dad;--secondary-color: #8c39d6;--light-color: #e0d4f4;--background-color: #f4f0fa;--text-color: white}body{margin:0;font-family:Arial,sans-serif;background-color:var(--background-color)}.message-container{display:flex;height:74vh;overflow:hidden}.chat-header{color:#fff;display:flex;align-items:center;font-family:Arial,sans-serif;height:30px}.chat-user-name{color:var(--secondary-color);font-weight:700}.sidebar{width:25%;max-width:300px;background-color:var(--primary-color);color:var(--text-color);padding:10px;display:flex;flex-direction:column;box-shadow:2px 0 5px #0000001a}.new-chat-btn{margin-bottom:10px;background-color:var(--text-color);color:var(--primary-color);border:1px solid var(--primary-color);font-weight:700;transition:all .3s ease}.new-chat-btn:hover{background-color:var(--secondary-color);color:var(--text-color)}.search-input .MuiOutlinedInput-root{background-color:var(--text-color)}.search-list{list-style:none;padding:0;margin:0;overflow-y:auto}.no-user-found{text-align:center;font-size:.9em;color:var(--text-color)}.conversation-list{list-style:none;padding:0;margin:auto 0 0;overflow-y:auto}.conversation-list .MuiListItem-root{border-bottom:1px solid var(--secondary-color);color:var(--text-color)}.conversation-list .MuiListItem-root.Mui-selected{background-color:#5a2b88;color:var(--text-color);font-weight:700;border-left:5px solid var(--text-color);transition:all .3s ease}.conversation-list .MuiListItem-root:hover{background-color:var(--secondary-color);color:var(--text-color);border-left:4px solid var(--text-color);transition:all .3s ease}.chat-area{flex-grow:1;display:flex;flex-direction:column;background-color:var(--text-color)}.messages{flex-grow:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--light-color)}.message{padding:8px 12px;border-radius:15px;max-width:60%;word-wrap:break-word}.sender{align-self:flex-end;background-color:var(--primary-color);color:var(--text-color)}.receiver{align-self:flex-start;background-color:var(--light-color);color:var(--primary-color)}.message-input{display:flex;align-items:center;padding:10px;border-top:1px solid var(--light-color)}.message-input .MuiTextField-root{flex-grow:1;margin-right:10px}.message-input .MuiButton-root{background-color:var(--primary-color);color:var(--text-color)}.message-input .MuiButton-root:hover{background-color:var(--secondary-color)}.sidebar::-webkit-scrollbar,.messages::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover,.messages::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}.course-forum{max-width:700px;margin:.5rem auto;padding:1rem;background-color:#fff}.forum-header{color:#8a4baf;font-size:1.5rem}.create-question-form{padding:1.5rem 0;border-radius:10px;margin-bottom:1.5rem}.create-question-form textarea{box-sizing:border-box;width:100%;height:100px;max-width:500px;border:1px solid #ddd;resize:none;padding:12px;border-radius:10px;font-size:1rem;font-family:Popins,sans-serif;background-color:#fff;outline:none;margin-bottom:4px}.create-question-form input{box-sizing:border-box;width:100%;max-width:500px;padding:10px 15px;border:1px solid #ddd;border-radius:10px;font-size:1rem;margin-bottom:15px}.create-question-form .post-button-container{width:100%;display:flex;justify-content:center}.create-question-form .post-button{width:25%;padding:12px;background-color:#8a4baf;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease}.post-button:hover{background-color:#7b3e9f}.question-list-item{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.question-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #8a4baf33}.question-list-item .username{font-weight:700;color:#8a4baf;margin-bottom:5px}.question-list-item .content{font-size:1rem;color:#333}.question-container{max-width:700px;border:1px solid #ddd;border-radius:12px;padding:0 .5rem}.back-button{display:flex;align-items:center;gap:8px;padding:10px 15px;background-color:#8a4baf;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;margin-bottom:1rem}.back-button:hover{background-color:#7b3e9f}.created-at{font-size:.8rem;font-weight:400;color:#444}.question-card{border-bottom:1px solid #ddd;padding:.5rem 2rem}.question-card .username{font-weight:700;color:#8a4baf;margin-bottom:5px}.question-card .content{font-size:1.1rem;color:#333;line-height:1.5;margin:.5rem 0 1rem}.answers-list{box-sizing:border-box;margin:0;list-style:none;padding:0}.answer-card{border-bottom:1px solid #ddd;padding:1rem 0 1rem 1rem}.answer-card .username{font-weight:700;color:#8a4baf;margin-bottom:5px}.answer-card .content{font-size:1rem;color:#333;margin:0;padding-bottom:10px;font-weight:400}.add-answer-form{border-radius:12px;margin:.5rem 0;padding:.5rem 1rem;display:flex;flex-direction:row;border:1px solid #ddd}.add-answer-form textarea{width:100%;border:none;resize:none;padding:12px;border-radius:10px;font-size:1rem;font-family:Popins,sans-serif;background-color:#fff;outline:none}.post-button-container{display:flex;justify-content:flex-end}.add-answer-form .post-button{padding:12px;background-color:#fff;color:#8a4baf;border:none;border-radius:8px;cursor:pointer;font-size:1.5rem;font-weight:700;transition:background-color .3s ease;margin-top:0}.add-answer-form .post-button:hover{color:#6c399f}.forums-list{padding:20px;background-color:#f9f9f9}.forums-header{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:20px;text-align:center}.back-button{display:flex;align-items:center;background-color:#8a4baf;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;margin-bottom:20px}.back-button:hover{background-color:#6c399f}.back-button svg{margin-right:5px;font-size:1.2rem}.no-forums-message{color:#666;font-size:1rem;text-align:center;margin-top:20px}.forum-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.forum-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;transition:box-shadow .3s ease,transform .3s ease;cursor:pointer}.forum-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-5px)}.forum-title{font-size:1.2rem;color:#333;margin-bottom:10px}.forum-meta{font-size:.9rem;color:#666;margin-bottom:10px}.forum-meta .username{font-weight:700;color:#8a4baf}.forum-description{font-size:1rem;color:#555}.create-question-form{margin-top:30px;display:flex;flex-direction:column;align-items:center}.create-question-form input{width:100%;max-width:500px;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:15px}.create-question-form .post-button{background-color:#8a4baf;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.create-question-form .post-button:hover{background-color:#6c399f}@media (max-width: 768px){.forums-header{font-size:1.5rem}.forum-cards-container{grid-template-columns:1fr}.create-question-form input{width:90%}}