.admin{display:flex;gap:10px;height:auto;padding:4px 2px}.sidebar{display:flex;flex-direction:column;gap:20px;width:100%;max-width:280px;min-width:280px;background-color:#fff;border-radius:15px;padding:20px 20px 100px;box-shadow:0 0 20px #0000001a}.sidbar-item{display:flex;align-items:center;gap:30px;width:100%;padding:12px;border-radius:5px;font-size:16px;color:#000;cursor:pointer;transition:background-color .3s ease,transform .3s ease;border:none;background-color:transparent}.sidbar-item:hover{background-color:#0000000d;transform:translateY(-2px)}.sidbar-item img{margin-right:12px;filter:invert(1)}.sidbar-item .badge{background-color:#007bff;color:#fff;font-size:12px;padding:4px 8px;border-radius:8px}.logo{display:flex;justify-content:center;align-items:center;margin-bottom:70px;height:1px;margin-top:50px}.logo img{width:80%}.sidbar-item.active{background-color:#0000000d}.logout-button{width:100%;display:flex;justify-content:center;align-items:center}.logout-button button{padding:15px;font-size:25px;font-weight:700;border-width:0px;border-radius:10px;background-color:orange;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.logout-button button:hover{transform:translateY(3px) scale(1.04)}.studentListContainer{width:80%;background-color:#fff;border-radius:10px}.header{text-align:center;margin-bottom:20px;font-size:24px;font-weight:700;color:#333}.tableWrapper{padding:10px;box-shadow:0 4px 10px #0000001a}.studentTable{width:100%;border-collapse:collapse}.studentTable th,.studentTable td{padding:15px;border-bottom:1px solid #ddd;text-align:left;font-size:16px}.studentTable th{background-color:#e5e5e5;color:#000;font-weight:700;text-transform:uppercase;border-bottom:1px solid #ddd}.studentTable tbody tr:nth-child(2n){background-color:#f2f2f2}.studentTable tbody tr:hover{background-color:#f2eeee}.verificationMessageOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.verificationMessageContent{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:300px;text-align:center}.verificationMessageText{font-size:18px;color:#333}.verificationMessageClose{position:absolute;top:5px;right:5px;cursor:pointer;color:#999;font-size:20px;transition:color .3s ease}.verificationMessageClose:hover{color:#666}.teacherListContainer{width:100%;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.header{font-size:2.5em;margin-bottom:20px;text-align:center;color:#333}.filterContainer{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.filterLabel{margin-right:10px;font-weight:700}.filterSelect{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em}.tabContainer{display:flex;justify-content:center;margin-bottom:20px}.tabButton{padding:10px 20px;border:none;background-color:#e0e0e0;cursor:pointer;margin:0 5px;font-weight:700;border-radius:4px;transition:background-color .3s ease}.tabButton.active,.tabButton:hover{background-color:silver}.teacherTable{width:100%;border-collapse:collapse;margin-bottom:20px}.teacherTable th,.teacherTable td{padding:15px;border:1px solid #ddd;text-align:left}.teacherTable th{background-color:#f0f0f0;color:#333}.teacherTable tr:nth-child(2n){background-color:#f9f9f9}.actionButton{padding:8px 12px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.subjectViewContainer{padding:20px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.teacherListContainer{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.header{font-size:2em;margin-bottom:20px;text-align:center;color:#333}.tableContainer{overflow-x:auto}table th,table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}table th{background-color:#f0f0f0}tbody tr:nth-child(2n){background-color:#f9f9f9}tbody tr:hover{background-color:#f0f0f0}.actionButton{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .3s ease}.actionButton:hover{background-color:#0056b3}.actionButton:disabled{background-color:#ccc;cursor:not-allowed}.actionButton.assigned{background-color:#28a745}.actionButton.unassigned{background-color:#dc3545}.dashboard{padding:20px;max-width:1200px;margin:auto}.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.section{background-color:#f9fafb;border-radius:10px;box-shadow:0 4px 6px #0000001a}.section-title{font-size:24px;margin-bottom:20px;color:#333}.count-box{background-color:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.count-box h3{font-size:20px;margin-bottom:10px}.count-box p{font-size:24px;font-weight:700;color:#333}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 16px;border-bottom:1px solid #ddd}.table th{background-color:#f5f5f5;font-weight:700;text-align:left;color:#333}.table tbody tr:nth-child(2n){background-color:#fafafa}.table tbody tr:nth-child(odd){background-color:#f4f4f4}.table tbody tr:hover{background-color:#f0f0f0}.table tbody td{color:#333}ul{padding-left:20px}@media (max-width: 768px){.grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.course{display:flex;flex-direction:column;box-sizing:border-box;width:100%;padding:30px 50px;border-radius:6px;background-color:#fff;box-shadow:0 4px 10px #0000001a}.choose{display:flex;gap:30px}.choose button{padding:15px;font-size:20px;font-weight:700;border-width:0px;border-radius:10px;background-color:orange}.choose button:hover{transform:translateY(3px) scale(1.07)}.mcqlist{margin-top:20px}.mcqlist table{width:100%;border-collapse:collapse}.mcqlist th,.mcqlist td{border:1px solid #e2e2e2;padding:15px;text-align:left}.mcqlist th{background-color:#f2f2f2;padding:20px}.mcqlist th:first-child,.mcqlist td:first-child{width:5%}.mcqlist th:nth-child(2),.mcqlist td:nth-child(2){width:20%}.mcqlist th:nth-child(3),.mcqlist td:nth-child(3){width:40%}.mcqlist th:nth-child(4),.mcqlist td:nth-child(4){width:15%}.mcqlist th:nth-child(5),.mcqlist td:nth-child(5){width:20%}.mcqlist td a{color:#00f;text-decoration:underline}.mcqlist td a:hover{color:#00008b}.mcqlist-remove-icon{width:20px;height:20px;cursor:pointer;transition:transform .3s ease}.mcqlist-remove-icon:hover{transform:scale(1.15)}.mcqlist-remove-icon:active{transform:scale(.898)}.rmv-button{background-color:#c30202f6;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px;font-weight:600;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.mcq{display:flex;flex-direction:column;box-sizing:border-box;padding:30px 50px;border-radius:6px;background-color:#fff;box-shadow:0 4px 10px #0000001a;width:100%;background-color:rebeccapurples}.optons{display:flex;gap:50px}.optons button{padding:15px;font-size:20px;font-weight:700;border-width:0px;border-radius:10px;background-color:orange}.optons button:hover{transform:translateY(3px) scale(1.07)}.container{padding:20px;max-width:700px}.title{text-align:center;color:#333}form{display:flex;flex-direction:column;gap:25px}.form-label{display:block;margin-bottom:5px;color:#555}.text-input,.file-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.file-input{margin-top:5px}.submit-button{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#45a049}.ecommerce{margin-top:20px;background-color:#fff}table{width:100%;border-collapse:collapse}.ecommerce-format-main th{background-color:#f2f2f2;color:#333;font-size:20px;font-weight:bolder;padding:20px;text-align:center}.ecommerce-format-main th,.ecommerce-format td{border:1px solid #ddd}.ecommerce-format{transition:background-color .3s ease}.ecommerce-format:hover{background-color:#e8e8e8;transform:scale(1.00003)}.ecommerce-format td{padding:10px;text-align:center}.ecommerce-icon{width:60px;height:60px}.removeButton{width:110px;height:45px;border:none;border-radius:5px;background-color:#e74c3c;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.removeButton:hover{transform:scale(1.01699)}.removeButton:active{transform:scale(.899)}.inquiry{margin-top:20px}.inquiry table{width:100%;border-collapse:collapse}.inquiry th,.inquiry td{border:1px solid #e2e2e2;padding:15px;text-align:left}.inquiry th{background-color:#f2f2f2;padding:20px;font-size:20px}.inquiry th:first-child,.inquiry td:first-child{width:10%}.inquiry th:nth-child(2),.inquiry td:nth-child(2){width:20%}.inquiry th:nth-child(3),.inquiry td:nth-child(3){width:20%}.inquiry th:nth-child(4),.inquiry td:nth-child(4){width:30%}.inquiry th:nth-child(5),.inquiry td:nth-child(5){width:20%}.rmv-button{background-color:#d61c1cf6;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:18px;font-weight:600;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.rmv-button:hover{transform:scale(1.04);box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.button-container{background-color:#099a13;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.button-container a{text-decoration:none;color:#fff}.button-container:hover{transform:scale(1.04)}.inquiry tr:hover{background-color:#e8e8e8;transform:scale(1.00003)}.popup-container-main{padding:25px;display:flex;flex-direction:column;gap:10px;font-size:20px}.popup-container-main>div>img{height:200px;width:200px}.ecom{display:flex;flex-direction:column;box-sizing:border-box;padding:30px 50px;border-radius:6px;background-color:#fff;box-shadow:0 4px 10px #0000001a;width:100%}.optn{display:flex;gap:30px}.optn button{padding:15px;font-size:20px;font-weight:700;border-width:0px;border-radius:10px;background-color:orange}.optn button:hover{transform:translateY(3px) scale(1.07)}.courseDetail{margin-top:20px;background-color:#fff;border-collapse:collapse;width:100%}.courseDetail-format-main th{background-color:#f2f2f2;color:#333;font-size:20px;font-weight:700;padding:15px;text-align:center;border:1px solid #ddd}.courseDetail-format-main th,.courseDetail-format td{border:1px solid #ddd;text-align:center}.courseDetail-format td{padding:15px}.courseDetail-format:hover{background-color:#f2f2f2}.popup{background-color:#fff;width:700px;box-shadow:0 4px 8px #0000001a,0 6px 20px #00000026;padding-left:0}.popup-close{width:100%;display:flex;justify-content:flex-end;align-items:center;position:absolute}.popup-close img{width:25px;height:25px;padding:3px;border-radius:5px;box-shadow:2px 2px 5px #0000001a}.popup-close img:hover{transform:scale(1.07)}.courseDetail-open-icon{width:20px;height:20px;cursor:pointer}.courseDetail-open-icon:hover{transform:scale(1.06)}.notelist{padding:5px 40px;width:80%;margin-top:10px;height:500px}.notelist hr{height:1px;background-color:#e2e2e2;border:none}.notelist-format-main{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:center;color:#333;font-size:17px;font-weight:700;padding:10px 0}.notelist-list{display:flex;flex-direction:column;max-height:500px;overflow-y:auto;overflow-x:hidden}.notelist-format{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:center;padding:8px 0;transition:background-color .3s ease}.notelist-format:hover{background-color:#e8e8e8}.notelist-format p{margin:0}.notelist-icon{width:45px;height:45px}.notelist-remove-icon{width:35px;height:35px;cursor:pointer;transition:transform .3s ease}.notelist-remove-icon:hover{transform:scale(1.3)}.notelist-remove-icon:active{transform:scale(.99)}.add-course-note{height:40px;width:100px;margin-top:40px;border:1px solid white;border-radius:7px;background-color:#f97316;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-course-note:hover{border-color:#f97316;color:#f97316;background-color:#fff}.addnote{display:flex;flex-direction:column;box-sizing:border-box;padding:30px 50px;border-radius:6px;background-color:#fff;box-shadow:0 4px 10px #0000001a;width:100%}.options{display:flex;gap:100px}.options button{padding:15px;font-size:20px;font-weight:700;border-width:0px;border-radius:10px;background-color:orange}.options button:hover{transform:translateY(3px) scale(1.07)}.login{display:flex;background-color:#c7f8db;justify-content:center;align-items:center;padding-bottom:40px;padding-top:40px;height:max-content}.login-container{display:flex;flex-direction:column;width:500px;background-color:#fff;padding:50px 60px;border-radius:20px;gap:15px;margin:auto}.login-container h1{font-size:45px;font-weight:800;margin-top:40px}.login-fields{display:flex;flex-direction:column;gap:30px;justify-content:center}.login-fields input{height:65px;border-width:1.4px;border-style:solid;border-color:#d4c8c7;font-size:20px;padding-left:19px;border-radius:12px;transition:border-color .7s ease-in-out}.login-fields input:focus{border-color:#e29820}.login-container button{width:70%;margin-left:15%;margin-top:20px;height:60px;background-color:#fc1414ca;font-size:24px;font-weight:600;color:#fff;border:none;border-radius:20px;cursor:pointer}.login-container button:hover{transform:scale(1.012)}.login-container button:active{transform:scale(.99)}.login-message{height:40px;width:100%;display:flex;justify-content:center;align-items:center;background-color:#16a34a;color:#fff;border-radius:7px;font-size:18px;font-weight:600}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.modal.open{display:flex}.modal-content{background-color:#fff;padding:20px;border-radius:10px;position:relative;display:flex;flex-direction:column;align-items:center;border:2px solid #e74c3c;box-shadow:0 0 10px #0003}.close{cursor:pointer;position:absolute;top:10px;right:10px;font-size:24px;color:#e74c3c}.modal-body{text-align:center;margin:20px 0}.fancy-text{font-family:Pacifico,cursive;color:#e74c3c}.ok-button{background-color:#e74c3c;color:#fff;padding:10px 20px;border:2px solid #e74c3c;border-radius:5px;cursor:pointer;margin-top:15px;font-size:16px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.ok-button:hover{background-color:#fff;color:#e74c3c;border-color:#e74c3c}.ok-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}.ok-icon:before{content:"✓"}.ok-button:hover .ok-icon{opacity:1}body{margin:0;font-family:Times New Roman,Times,serif;background-color:#eee}